/*
 * Author:		Adam Collison [adam.collison@soak.co.uk]
 * Agency:		Soak Digital Ltd.
 * Client: 		Archant Dialogue
 * Project: 	HOG Europe Gallery
 * Comment:		Base stylesheet

----------------------
Contents:

1. Font Sizing
2. Generic HTML styles
3. Parent layout styles
5. Header
  a) Navigation Styles
6. Homepage specific styles
  a) 
7. Content styles
  a) 
8. Sub Content styles
  a) Event Calender Widget
9. Footer
10. Miscellaneous
11. sIFR

/*--------------------------------------------------------------------------
	Font Sizing
----------------------------------------------------------------------------*/

body
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1em;/* 16 x 1=16px */
}

#page-container
{
	font-size:				0.75em;/* 16 x 0.75=12px */
}

.pt19
{
	font-size:				1.58em;/* 12 x 1.58=19px */
}

h1,
#at-a-glance h2
{
	font-size:				1.167em;/* 12 x 1.167=14px */
}

.pt13
{
	font-size:				1.083em;/* 12 x 1.083=13px */
}

#header form input,
#footer p,
#content p.rating,
#cal div .details,
#sub-content .rotw .rating,
.user-comments li .date,
.user-comments a.report,
#gallery-listing.ride-gallery .gallery li h2 em,
.icons a,
.icons em
{
	font-size:				0.92em;/* 12 x 0.92=11px */
}

#footer ul,
#events .month td a
{
	font-size:				0.83em;/* 12 x 0.83=10px */
}


/*--------------------------------------------------------------------------
	Generic HTML styles
----------------------------------------------------------------------------*/

strong
{
	font-weight:			bold;
}

em {
    font-style:				normal;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:hover,
a.selected,
.selected a
{
	text-decoration:		underline;
}

h1,
#at-a-glance h2
{
	text-transform:			uppercase;
	font-weight:			bold;
}
/*--------------------------------------------------------------------------
	Parent layout styles
----------------------------------------------------------------------------*/

body
{
	background:				url(../images/bg-body.gif) 50% 0 repeat-y;
	text-align:				center;
}

#page-container
{
	margin:					auto;
	text-align:				left;
	width:					960px;
}


/*--------------------------------------------------------------------------
	=Header
----------------------------------------------------------------------------*/

#header {
	background: #333 url(../images/bg-header.gif) bottom left repeat-x;
	float: left;
	margin-bottom: 10px;
	min-height: 133px;
	position: relative;
	width: 960px;
}
#header form {
	background: url(../images/bg-welcome-to-hog-galllery.gif) 128px 12px no-repeat;
	float: right;
	padding-bottom: 20px;
	padding-left: 514px;
	padding-top: 37px;
	vertical-align: middle;
	width: 251px;
}
#header.en form {
	background-image: url(../images/bg-welcome-to-hog-galllery-en.gif);
	background-position: 0 12px;
}

#header form * {
	vertical-align: middle;
}

#header form #frm-keywords {
	margin-right: 5px;
	width: 168px;
}

#header form #frm-keywords {
	width: 168px;
}


/* 
Navigation Styles 
*************************************************************/

.nav {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	height: 33px;
	margin-left: 151px;
	margin-top: 80px;
	width: 795px;
}

.nav li {
	float: left;
}

.nav li.hog-mag {
	float: right;
}

.nav li img {
	left: 9px;
	position: absolute;
	top: 21px;
}

.nav li em {
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}

.nav li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	min-height: 32px;
}

.nav li a:hover,
.nav li a.selected {
	background-position: bottom left;
}

.nav li.home a {
	background-image: url(../images/bg-nav-home.gif);
	width: 57px;
}

.nav li.photo-galleries a {
	background-image: url(../images/bg-nav-photo-galleries.gif);
	width: 71px;
}

.nav li.video-gallery a {
	background-image: url(../images/bg-nav-video-galleries.gif);
	width: 64px;
}

.nav li.ride-planner a {
	background-image: url(../images/bg_nav_route_planner.gif);
	width: 125px;
}

.nav li.news a {
	background-image: url(../images/bg-nav-news.gif);
	width: 56px;
}

.nav li.events a {
	background-image: url(../images/bg-nav-events.gif);
	width: 68px;
}

.nav li.tours a {
	background-image: url(../images/bg-nav-tours.gif);
	width: 61px;
}

.nav li.benefits a {
	background-image: url(../images/bg-nav-benefits.gif);
	width: 80px;
}

.nav li.international-site a {
	background-image: url(../images/bg-nav-globalsite.gif);
	width: 97px;
}

.nav li.chapter-locator a {
	background-image: url(../images/bg-nav-chapmap.gif);
	width: 170px;
}

.nav li.contact-us a {
	background-image: url(../images/bg-nav-contact-us.gif);
	width: 101px;
}

.nav li.log-in a {
	background-image: url(../images/bg-nav-register-login.gif);
	width: 123px;
}

.nav li.log-out a {
	background-image: url(../images/bg-nav-logout.gif);
	width: 74px;
}

.nav li.log-in,
.nav li.log-out {
	position: absolute;
	top: 0;
	right: 0;
}

.nav li.hog-mag a {
	background-image: url(../images/bg-nav-hog-mag.gif);
	width: 114px;
}

.nav li.rotw a {
	background-image: url(../images/bg-nav-rotw.gif);
	width: 131px;
}


/*--------------------------------------------------------------------------
	=Content styles
----------------------------------------------------------------------------*/

#content {
	float: right;
	margin-right: 9px;
	padding: 20px 0 60px 11px;
	width: 700px;
}

#content p {
	margin: 0.7em 0 0.7em 8px;
}

#content div p,
#content ul p,
#content table p {
	margin: 0;
}

#content.default h2 {
	margin: 0.7em 0 0.7em 8px;
	font-weight: bold;
}

#content.default ul {
	margin: 0.7em 0 0.7em 8px;
	line-height: 1.4em;
}

#content.default ul li {
	padding: 0 0 0 16px;
	background: url(../images/bg-list-item.gif) 0 2px no-repeat;
}

#content.full
{
	clear:					both;
	float:					none;
	padding:				20px 0 60px 11px;
	width:					auto;
}

#content h1,
#at-a-glance h2
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			2px;
	padding:				0 0 0 8px;
	z-index:				1;
	height:					22px;
}

#content.full h1
{
	margin-bottom:			10px;
}


/* Pagination Widget */

#content .pagination
{
	float:					right;
}

#events .pagination
{
	margin:					10px 0 14px;
}

#events .pagination img
{
	margin-right:			7px;
}

#content .tr-pag
{
	float:					none;
	position:				absolute;
	right:					0;
	top:					0;
}

#content .pagination li
{
	float:					left;
}

#content .pagination li a
{
	border-right:			1px solid #666;
	display:				block;
	float:					left;
	margin-right:			5px;
	padding:				0 5px 0 0;
}

#content .pagination li span
{
	border-right:			1px solid #666;
	color:					#CCC;
	display:				block;
	float:					left;
	margin-right:			5px;
	padding:				0 5px 0 0;
}

#content .pagination li a em
{
	display:				block;
	height:					0;
	overflow:				hidden;
	position:				absolute;
	width:					0;
}

#content .pagination li.prev a,
#content .pagination li.prev span
{
	border-right:			none;
	padding-right:			7px;
}

#content .pagination li.next a,
#content .pagination li.next span
{
	border-right:			none;
	padding-left:			7px;
}

#content .pagination li.last a
{
	border-right:			none;
	padding-right:			0;
}

#content .pagination li.selected a
{
	font-weight:			bold;
}


/* Rating Widget */

#content p.rating
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	padding:				0;
	position:				relative;
}

#content p.rating span
{
	background:				url(../images/bg-rating.gif) 0 -84px no-repeat;
	display:				block;
	height:					21px;
	position:				absolute;
	right:					0;
	top:					-3px;
	width:					121px;
}

#content p.rating span a
{
	display:				block;
	float:					left;
	height:					24px;
	width:					24px;
}

#content p.rating span a:hover
{
	text-decoration:		none;
}

#content p.rating span.stars-1
{
	background-position:	0 -84px;
}

#content p.rating span.stars-2
{
	background-position:	0 -63px;
}

#content p.rating span.stars-3
{
	background-position:	0 -42px;
}

#content p.rating span.stars-4
{
	background-position:	0 -21px;
}

#content p.rating span.stars-5
{
	background-position:	0 0;
}


/* Promo Gallery Widget */

.promo-gallery
{
	padding-bottom:			20px;
}

.promo-gallery ul.actions li
{
	background:				url(../images/bg-rpy-dots.gif) top right repeat-y;
	display:				block;
	float:					left;
	margin-right:			4px;
	padding:				0 4px 0 0;
	text-transform:			uppercase;
}

.promo-gallery ul.actions li.last 
{
	background:				none;
}

.promo-gallery ul.actions li a
{
	display:				block;
	float:					left;
	overflow:				hidden;
	padding:				4px 0 6px;
	text-align:				center;
	text-decoration:		none;
	width:					10.5em;
}

.promo-gallery ul.actions li.last a 
{
	width:					inherit;
	text-align:				left;
	padding-left:			8px;
}

.promo-gallery ul.actions li ul
{
	float:					left;
	position:				relative;
	top:					3px;
}

.promo-gallery ul.actions li li
{
	background:				none;
	display:				block;
	float:					left;
	margin-right:			0;
	padding:				0;
	text-transform:			none;
	width:					350px;
	overflow:				hidden;
	height:					1.2em;
}

.promo-gallery ul.actions li li a
{
	padding:				0;
}

.promo-gallery ul.actions li li.hide
{
	display:				none;
}

.promo-gallery ul.actions li li a:hover
{
	text-decoration:		underline;
}


.promo-gallery ul.actions li a img
{
	display:				block;
	margin:					auto;
}

.promo-gallery #latest-promo
{
	border-bottom:			4px solid #ccc;
	border-top:				4px solid #ccc;
}

.promo-gallery .inactive
{
	display:				none;
}

.promo-gallery ul.gallery li
{
	background:				url(../images/bg-promo-gallery-item.gif) 0 0 no-repeat;
	display:				block;
	float:					left;
	height:					166px;
	margin:					9px 0 7px 6px;
	padding:				1px 3px 3px 1px;
	width:					222px;
}

.promo-gallery ul.gallery li a,
#gallery-listing.video-gallery li a,
#gallery-listing.ride-gallery li a
{
	display:				block;
	position:				relative;
}

#gallery-listing.video-gallery li a img,
#gallery-listing.ride-gallery li a img
{
	display:				block;
}

#gallery-listing.ride-gallery li img.overlay
{
	position:				absolute;
	top:					23%;
	left:					14%;
}

.promo-gallery ul.gallery li .overlay,
#gallery-listing.video-gallery li .overlay,
#gallery-listing.ride-gallery li .overlay
{
	left:					50%;
	margin:					-30px 0 0 -30px;
	position:				absolute;
	top:					50%;
}

.promo-gallery #latest-promo .prev,
.promo-gallery #latest-promo .next
{
	cursor:					pointer;
}

.promo-gallery #latest-promo .prev
{
	background:				url(../images/gallery-left.png) center center no-repeat;
	border:					0px;
	height:					41px;
	margin-left:			12px;
	width:					41px;
}

.promo-gallery #latest-promo .next
{
	background:				url(../images/gallery-right.png) center center no-repeat;
	border:					0px;
	height:					41px;
	margin-right:			10px;
	width:					41px;
}


/* latest Gallery Widget */

.latest-gallery
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			20px;
	min-height:				392px;
	padding-bottom:			6px;
	position:				relative;
}

.latest-gallery .summary
{
	float:					left;
	width:					220px;
	padding-top:			6px;
}

.latest-gallery .summary li
{
	float:					left;
}

#content .latest-gallery p
{
	margin:					15px 0 0 8px;
	padding-left:			91px;
}

.latest-gallery .summary li a
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	display:				block;
	float:					left;
	margin-left:			8px;
	padding:				5px 0 6px;
	width:					210px;
}

.latest-gallery .gallery
{
	float:					right;
	width:					465px;
}

.latest-gallery .gallery h2
{
	font-weight:			bold;
	margin-bottom:			4px;
	padding:				6px 0;
}

.latest-gallery .gallery li
{
	float:					left;
	margin-bottom:			4px;
	width:					155px;
}

.latest-gallery .gallery p
{
	float:					right;
	margin:					10px 6px 0 0;
}

#content .latest-gallery .share
{
	margin:					0;
	position:				absolute;
	right:					0;
	top:					0;
	z-index:				999;
}


/* Main Gallery Listing Widget */

#gallery-listing
{
	position:				relative;
}

#gallery-listing .gallery
{
	margin-left:			8px;
	margin-top:				5px;
}

#gallery-listing .gallery li
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	float:					left;
	margin:					10px 8px 20px 0;
	width:					222px;
}

#gallery-listing #appPhotos.gallery li
{
	width:					165px;
}


#gallery-listing .gallery li h2
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	margin-bottom:			8px;
	min-height:				2.7em;
	padding-bottom:			4px;
}

#gallery-listing .gallery li p
{
	padding-bottom:			10px;
}

#gallery-listing .gallery li p.action
{
	float:					right;
}

#gallery-listing div.actions
{
	border-top:				4px solid #CCC;
	clear:					both;
	margin-bottom:			40px;
	padding-top:			10px;
}


/* Gallery Listing - Video Variations */

#gallery-listing.video-gallery .gallery li p.action,
#gallery-listing.ride-gallery .gallery li p.action
{
	margin-top:				10px;
}

#gallery-listing.video-gallery .gallery li
{
	min-height:				282px;
}

#gallery-listing.ride-gallery .gallery li
{
	min-height:				202px;
}

#gallery-listing.ride-gallery .gallery li h2 a
{
	font-weight:			bold;
}

#gallery-listing.ride-gallery .gallery li h2 em
{
	color:					#f60;
}

#gallery-listing.rotw .gallery li
{
	margin-top:				5px;
}

#gallery-listing.rotw .gallery li h2
{
	font-weight:			bold;
	min-height:				inherit;
}

#gallery-listing.rotw .gallery li p
{
	margin:					0;
	padding-bottom:			0;
}

#gallery-listing.rotw .gallery li p.author
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	padding:				6px 0 7px;
}

#gallery-listing.rotw .gallery li p.action
{
	padding:				6px 0 7px;
}

#gallery-listing.rotw .gallery li p a.view-image
{
	background:				url(../images/btn-view-image.gif) 100% 50% no-repeat;
	display:				block;
	min-height:				16px;
	width:					221px;
}


/* Main Gallery Viewing of images Widget */

#gallery-viewing
{
	position:				relative;
}

#gallery-viewing .gallery
{
	margin-left:			8px;
	margin-top:				5px;
}

#gallery-viewing .gallery li
{
	float:					left;
	margin-bottom:			15px;
	margin-top:				10px;
	padding-right:			13px;
	width:					160px;
}

#gallery-viewing .gallery li p.action
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	padding:				6px 0 7px;
}

#gallery-viewing .gallery li p.rating
{
	padding:				10px 0;
	min-height:				10px;
}

#gallery-viewing .gallery li p.rating span
{
	top:					5px;
}

#gallery-viewing .gallery li p.action a
{
	background:				url(../images/btn-view-image.gif) 100% 50% no-repeat;
	display:				block;
	min-height:				16px;
}

#gallery-viewing div.actions
{
	border-top:				4px solid #CCC;
	clear:					both;
	margin-bottom:			40px;
	padding-top:			10px;
}

/* Tours */
#content .tour-intro {
    padding: 8px;
    padding-bottom: 0;
	clear: both;
}
#content .tour-intro ul.images {
    float: left;
    clear: both;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 10px;
}
#content .tour-intro ul.images li {
    background: none;
    width: 220px;
    height: 161px;
    padding: 0;
    float: left;
    margin-top: 0;
}

#content .tour-lists {
    margin-bottom: -10px;
}
#content .tour-lists li {
    min-height: 63px;
    margin-bottom: 0;
    background: none;
}
#content .tour-lists li h3 {
    width: 110px;
    height: 73px;
    float: left;
}
#content .tour-lists li h4 {
    padding-bottom: 5px;
}
#content .tour-lists li .summary {
    min-height: 40px;
}
#content .tour-lists li a {
    padding: 0;
}
#content .detail-images {
    clear: both;
    height: 171px;
    border-bottom: 4px solid #ccc;
    margin-bottom: 10px;
}

#content.tour-detail .detail-images p.img {
    float: left;
    margin-left: 10px;
    padding-bottom: 10px;
}
#content.tour-detail h2 span,
#content.tour-detail h2 em{
    font-weight: bold;
    display: block;
    float: left;
    width: 400px;
}
#content.tour-detail h2 em {
    width: 300px;
    text-align: right;
}

#content.tour-detail .description {
    clear: both;
}
#content.tour-detail .description .itinerary-link,
#content.tour-detail .description .map-link {
    width: 403px;
    margin: 10px 70px 10px 0;
    float: left;
    padding: 0.7em 0;
    height: 30px;
}
#content.tour-detail .description .map-link {
	width: 134px;
	margin: 10px 0 10px 90px;
}
#content.tour-detail .description .itinerary-link a,
#content.tour-detail .description .map-link a {
    display: block;
    background: #fff url('../images/btn-itinerary.gif') 0 0 no-repeat;
    text-indent: -9999px;
    height: 30px;
}

#content.tour-detail .description .map-link a {
    background-image: url('../images/btn-view-tour-map.gif');
}

#content.tour-detail .description p,
#content .tour-intro p {
    margin-bottom: 0.7em;
}

/* Ride Planner */
#content #gallery-detail .ride-summary
{
	position:				relative;
}

#content #gallery-detail .ride-summary p
{
	margin:					10px;
}

.ride-listing
{
	position:				relative;
}

.submit-ride
{
	position:				absolute;
	right:					0;
	top:					15px;
}

form.ride-search 
{
	border-top:				4px solid #ccc;
	padding-top:			10px;
	margin:					-6px 0 30px;
}

form.ride-search fieldset
{
	padding:				0 30px 14px 10px;
	border-bottom:			4px solid #ccc;
}

form.ride-search fieldset input,
form.ride-search fieldset label
{
	display:				inline-block;
}

form.ride-search fieldset label
{
	font-weight:			bold;
}

form.ride-search fieldset select
{
	margin-right:			10px;
	font-size:				0.9em;
}

form.ride-search .checkbox
{
	position:				relative;
	top:					2px;
}

form.ride-search fieldset .btn
{
	margin-left:			20px;
	position:				relative;
	top:					2px;
}

#gallery-detail .overlay
{
	position:				absolute;
	right:					10px;
	margin-top:				-70px;
}

#route-data h2
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
}

#route-data .key-points
{
	float:					left;
	width:					370px;
}

.user-submit #route-data .key-points
{
	float:					left;
	width:					100%;
}

.user-submit .edit th
{
	padding:				3px 20px 4px 10px;
	font-weight:			bold;
	min-height:				1.2em;
	vertical-align:			top;
}

.user-submit .edit td
{
	padding:				3px 0 4px 0;
	min-height:				1.2em;
}


#route-data .key-points ul
{
	font-weight:			bold;
	line-height:			1.5em;
	margin:					1em 0 1.5em;
	width:					145px;
	float:					left;
	margin-right:			15px;
}

.user-submit #route-data .key-points ul
{
	width:					180px;
}

.user-submit #route-data .key-points
{
	position:				relative;
}

.user-submit #route-data .key-points .marker-count
{
	position:				absolute;
	top:					0;
	right:					0;
}

.user-submit #route-data .key-points .marker-count .undo-last-marker
{
	display:				inline-block;
	position:				relative;
	top:					3px;
}

.user-submit #route-data .key-points .marker-count a
{
	color:					#f60;
}


#route-data .key-points ul li
{
	display:				list-item;
	margin-bottom:			0.4em;
	padding:				3px 0 4px 31px;
	background:				url(../images/markers/bg-li-1.gif) 0 0 no-repeat;	
}

#route-data .key-points ul li.selected { color: #f60; }

#route-data .key-points ul li.point-1 { background-image:url(../images/markers/bg-li-1.gif); }
#route-data .key-points ul li.point-2 { background-image:url(../images/markers/bg-li-2.gif); }
#route-data .key-points ul li.point-3 { background-image:url(../images/markers/bg-li-3.gif); }
#route-data .key-points ul li.point-4 { background-image:url(../images/markers/bg-li-4.gif); }
#route-data .key-points ul li.point-5 { background-image:url(../images/markers/bg-li-5.gif); }
#route-data .key-points ul li.point-6 { background-image:url(../images/markers/bg-li-6.gif); }
#route-data .key-points ul li.point-7 { background-image:url(../images/markers/bg-li-7.gif); }
#route-data .key-points ul li.point-8 { background-image:url(../images/markers/bg-li-8.gif); }
#route-data .key-points ul li.point-9 { background-image:url(../images/markers/bg-li-9.gif); }
#route-data .key-points ul li.point-10 { background-image:url(../images/markers/bg-li-10.gif); }
#route-data .key-points ul li.point-11 { background-image:url(../images/markers/bg-li-11.gif); }
#route-data .key-points ul li.point-12 { background-image:url(../images/markers/bg-li-12.gif); }
#route-data .key-points ul li.point-13 { background-image:url(../images/markers/bg-li-13.gif); }
#route-data .key-points ul li.point-14 { background-image:url(../images/markers/bg-li-14.gif); }
#route-data .key-points ul li.point-15 { background-image:url(../images/markers/bg-li-15.gif); }
#route-data .key-points ul li.point-16 { background-image:url(../images/markers/bg-li-16.gif); }
#route-data .key-points ul li.point-17 { background-image:url(../images/markers/bg-li-17.gif); }
#route-data .key-points ul li.point-18 { background-image:url(../images/markers/bg-li-18.gif); }
#route-data .key-points ul li.point-19 { background-image:url(../images/markers/bg-li-19.gif); }
#route-data .key-points ul li.point-20 { background-image:url(../images/markers/bg-li-20.gif); }
#route-data .key-points ul li.point-21 { background-image:url(../images/markers/bg-li-21.gif); }
#route-data .key-points ul li.point-22 { background-image:url(../images/markers/bg-li-22.gif); }
#route-data .key-points ul li.point-23 { background-image:url(../images/markers/bg-li-23.gif); }
#route-data .key-points ul li.point-24 { background-image:url(../images/markers/bg-li-24.gif); }
#route-data .key-points ul li.point-25 { background-image:url(../images/markers/bg-li-25.gif); }

#route-data .photos-from-route
{
	float:					right;
	width:					330px;	
}

#route-data .photos-from-route .action
{	
	clear:					both;
	padding-top:			10px;
}

#route-data .photos-from-route ul
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	padding-bottom:			1em;
}

#route-data .photos-from-route li
{
	float:					left;
	margin:					1em 5px 0 0;
}

#content #route-data .photos-from-route p
{
	margin-top:				6px;
	margin-bottom:			6px;
}

#content #route-data .photos-from-route p.download
{
	padding:				10px 20px 0 0;
	margin:					0;
	clear:					both;
	text-align:				right;
}

#content .radios td label
{
	position:				relative;
	top:					-2px;
}

/* Image Detail Widget and Satnav Widget */

#gallery-detail,
#download-to-satnav
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			20px;
	padding-bottom:			10px;
	position:				relative;
}

#gallery-detail .share,
#download-to-satnav .share
{
	position:				absolute;
	right:					0px;
	top:					0;
}

#content #gallery-detail p
{
	margin:					0 20px;
}

#content #gallery-detail p.details,
#content #gallery-detail p.photo-details
{
	margin:					-5px 20px 15px;
	padding-bottom:			10px;
	color:					#666;
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
}
#content #gallery-detail p.photo-details em {
	display: block;
	float: left;
	width: 100px;
	font-weight: bold;
}

#gallery-detail p.rating
{
	background:				none;
	float:					right;
	position:				relative;
	width:					19em;
	z-index:				99990;
}

#gallery-detail p.medium,
#gallery-detail p.smaller
{
	background:				none;
	float:					right;
	width:					15em;
}

#gallery-detail p.medium
{
	width:					17.4em;
}

#gallery-detail p.disabled label
{
	background:				#F60 url(../images/bg-rating-alert.jpg) 0 0 no-repeat;
	display:				none;
	font-weight:			bold;
	min-height:				16px;
	padding:				4px 0;
	position:				absolute;
	right:					0;
	text-align:				center;
	top:					-4px;
	width:					230px;
	z-index:				9999;
}

#gallery-detail .video
{
	height:					380px;
	margin:					10px auto 15px;
	position:				relative;
	text-align:				center;
	width:					660px;
}

#gallery-detail .photo
{
	background:				url(../images/bg-image-detail-photo.gif) 0 0 no-repeat;
	height:					493px;
	margin:					10px auto 15px;
	overflow:				hidden;
	padding:				1px 3px 3px 1px;
	position:				relative;
	text-align:				center;
	width:					660px;
}

#gallery-detail #map
{
	height:					474px;
	margin:					10px auto;
	overflow:				hidden;
	padding:				0;
	position:				relative;
	text-align:				center;
	width:					700px;
}

#content #gallery-detail .ride-length em
{
	clear:					both;
	color:					#f60;
}

#gallery-detail .photo img
{
	display:				block;
	margin:					auto;
}

#gallery-detail .photo .actions,
#page-content .photo .actions
{
	background:				url(../images/bg-photo-actions.png) 0 0 no-repeat;
	bottom:					0;
	height:					50px;
	left:					2px;
	position:				absolute;
	width:					660px;
}

#gallery-detail .photo .actions ul,
#page-content .photo .actions ul
{
	height:					50px;
	margin-left:			266px;
}

#gallery-detail .photo .actions ul li,
#page-content .photo .actions ul li
{
	float:					left;
}

#gallery-detail .photo .actions ul li a,
#page-content .photo .actions ul li a
{
	display:				block;
	height:					35px;
	margin:					7px 12px 0 0;
	width:					36px;
}

#gallery-detail .photo .actions ul li.next a,
#page-content .photo .actions ul li.next a
{
	background:				url(../images/bg-photo-action-next.gif) 0 0 no-repeat;
}

#gallery-detail .photo .actions ul li.prev a,
#page-content .photo .actions ul li.prev a
{
	background:				url(../images/bg-photo-action-previous.gif) 0 0 no-repeat;
}

#gallery-detail .photo .actions ul li.enlarge a,
#page-content .photo .actions ul li.enlarge a
{
	background:				url(../images/bg-photo-action-enlarge.gif) 0 0 no-repeat;
}

#gallery-detail .photo .actions ul li.next a:hover,
#gallery-detail .photo .actions ul li.prev a:hover,
#gallery-detail .photo .actions ul li.enlarge a:hover,
#page-content .photo .actions ul li.next a:hover,
#page-content .photo .actions ul li.prev a:hover,
#page-content .photo .actions ul li.enlarge a:hover
{
	background-position:	0 -35px;
}

#gallery-detail .photo .actions ul li a em,
#page-content .photo .actions ul li a em
{
	display:				block;
	height:					0;
	overflow:				hidden;
	width:					0;
}

#content #download-to-satnav p
{
	margin:					1em 0;
}

#content #download-to-satnav p.download
{
	text-align:				center;
}


#content #download-to-satnav p.download a
{
	display:				block;
	margin:					auto;
	text-align:				center;
	width:					300px;
	padding:				10px 0;
	font-weight:			bold;
	background:				#FFF7EA;
	border:					1px solid #f60;
}



/* user comments Widget */

.user-comments
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			20px;
	padding:				20px 0 10px;
}

ul.errors,
ul.errors li,
ul.success,
ul.success li
{
	background:				none;
}

ul.errors
{
	background:				#FFF4F4;
	border:					1px solid;
	color:					#C00;
	margin-bottom:			10px;
	padding:				10px;
}

ul.success,
p.success
{
	background:				#EFFBEE;
	border:					1px solid;
	color:					#090;
	margin-top:				4px;
	padding:				10px;
}

#content .user-comments p
{
	margin:					10px;
}

#content .user-comments li p
{
	margin:					0;
}

.user-comments p a
{
	color:					#F60;
}

.user-comments li
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	padding:				15px 20px;
	position:				relative;
}

.user-comments li .date
{
	position:				absolute;
	top:					15px;
	right:					20px;
	color:					#666666;
}

.user-comments a.report
{
	display:				block;
}


.user-comments h2
{
	font-weight:			bold;
	margin-bottom:			10px;
}

#content .user-comments .actions
{
	float:					right;
	margin-bottom:			0;
	margin-right:			20px;
}


/* leave comment Widget */

.leave-comment
{
	padding:				10px 20px;
}

.leave-comment label
{
	display:				block;
	margin-bottom:			10px;
}

.leave-comment input
{
	display:				block;
	margin-bottom:			10px;
	width:					514px;
}

.leave-comment textarea
{
	display:				block;
	margin-bottom:			10px;
	width:					514px;
}

.leave-comment .btn
{
	display:				block;
	width:					auto;
}

/* News Styles */
.news-article-listing div
{
	position:				relative;
}

.news-article-listing ul.articles
{
	margin:					20px 0;
}

.news-article-listing ul.articles li
{
	margin:					0 0 10px;
	padding-bottom:			10px;
	background:				transparent url(../images/bg-rpx-dots.gif) repeat-x scroll left bottom;
}

.news-article-listing ul.articles li img
{
	float:					left;
}

#content.news-article-listing ul.articles li p
{
	margin:					0 0 0.6em;
}

#content.news-article-listing ul.articles li p.wthumb
{
	margin-left:			160px;
}

.news-article-listing ul.articles h2
{
	font-weight:			bold;
	margin:					0 0 0.6em;
}

.news-article-listing ul.articles h2 em
{
	color:					#f60;
}

#news-article-detail h1
{
	margin-bottom:			20px;
}

#news-article-detail img {
	margin-bottom: 0.8em;
	/*margin-right: 1.4em;*/
	float: left;
}

#news-article-detail .news-detail
{
	margin-left:			160px;
}

#news-article-detail .news-detail .back-btn
{
	margin-top:				20px;
	padding-top:			10px;
	background:				transparent url(../images/bg-rpx-dots.gif) repeat-x scroll 0 0;
}

#content #news-article-detail p,
#content #news-article-detail ul
{
	margin-bottom:			0.6em;
}

#content #news-article-detail ul
{
	margin-left:			0;
}

#content #news-article-detail p a
{
	color:					#f60;
	text-decoration:		underline;
}

#content #news-article-detail p a:hover
{
	color:					#333;
	text-decoration:		none;
}

/**
Benefits section
*/
#chapter-map #chapterList {
	border:1px solid #ccc;
	margin-bottom: 10px;
	margin-top: 5px;
	
}
#chapter-map #chapterList dt {
	padding: 3px  5px;
}
#chapter-map #chapterList dt.odd {
	background: #fff;
}
#chapter-map #chapterList dt.even {
	background: #ccc;
}
#chapter-map #chapterList dt a {
	display: block;
}

/* Promos Widget */

.promos {
	margin-top: -5px;
}
.promos ul {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}
.promos li
{
	float:					left;
	margin-bottom:			10px;
}

.promos li.last
{
	padding-left:			10px;
}

.promos .european-hog-rally
{
	background:				url(../images/banners/europe-banner.jpg) 0 0 no-repeat;
	width:					345px;
	height:					60px;
	display:				block;
}

.promos .european-hog-rally em
{
	display:				block;
	float:					left;
	margin-left:			auto;
	overflow:				hidden;
	text-indent:			-9999px;
}

.promos .european-hog-rally:hover
{
	background-position:	0 -60px;
}


.promos .banner695 {
	margin-bottom: 10px;
}
.microsite {
	clear: both;
}
.microsite .banner695 {
	text-align: center;
	margin-top: 20px;
	clear: both;
}
#gallery-listing .promos .banner695 {
	padding-bottom: 0;
	margin-top: -20px;
}
/* Events at a glance */
#at-a-glance h2 {
	margin-top:				20px;
}

#at-a-glance li {
	margin-top:				20px;
	margin-top:				8px;
	margin-left:			8px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	background:				transparent url(../images/bg-rpx-dots.gif) repeat-x scroll bottom left;
}
#at-a-glance ul.universal_tour_flags {
	margin: 10px 0;
	padding: 0;
	clear: both;
}
#at-a-glance ul.universal_tour_flags li {
	margin: 0 3px 6px;
	padding: 0;
	float: left;
	border: 0;
	background: none;
}
#at-a-glance ul.universal_tour_flags li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 64px;
	height: 43px;
	background: #ccc;
}

#at-a-glance p.no-events
{
	color:					#999;
	padding-top:			8px;
	padding-left:			8px;
}


#at-a-glance li em
{
	color:					#f60;
	font-weight:			bold;
}

#at-a-glance li a
{
	font-weight:			bold;
	padding-left:			10px;
}

#at-a-glance li a.view-event
{
	float:					right;
	position:				relative;
	top:					0.4em;
}

/* Events Calendar Widget */
#content.event .back
{
	border-bottom:			4px solid #ccc;
	padding-bottom:			10px;
	margin:					35px 0 15px;
	padding-left:			8px;
}

#content.event h2
{
	margin:					0.6em 0 1.3em;
	font-weight:			bold;
	padding-left:			8px;
}

#content.event .img img
{
	margin-left:			20px;
}

#content.event h2 em
{
	color:					#f60;
}

#events .view-types,
#content.event .view-types
{
	border-bottom:			4px solid #ccc;
	padding:				6px 0 10px;
}	

#events .view-types li,
#content.event .view-types li
{
	float:					left;
	margin-right:			20px;
}	

#events .view-types li a,
#events .view-types li em,
#content.event .view-types li a,
#content.event .view-types li em
{
	display:				block;
	padding:				6px 0 0 30px;
	min-height:				20px;
}	

#events .view-types li a.cal,
#events .view-types li em.cal,
#content.event .view-types li a.cal,
#content.event .view-types li em.cal
{
	background:				url(../images/icon-calendar.gif) 0 0 no-repeat;
}	

#events .view-types li a.list,
#events .view-types li em.list,
#content.event .view-types li a.list,
#content.event .view-types li em.list
{
	background:				url(../images/icon-listing.gif) 0 0 no-repeat;
}	

#events .view-types li a.global,
#content.event .view-types li a.global
{
	background: url(../images/icon-global.gif) 0 0 no-repeat;
}

#events .view-types li.selected a,
#events .view-types li.selected em,
#events .view-types li a:hover,
#content.event .view-types li.selected a,
#content.event .view-types li.selected em,
#content.event .view-types li a:hover
{
	background-position:	bottom left;
	text-decoration:		underline;
}	

#events .months
{
	padding:				0 0 0 10px;
}

#events .month
{
	background:				url(../images/calendar/bg-calendar-full.gif) bottom left no-repeat;
	clear:					right;
	margin:					20px 0;
	width:					672px;
}

#events .month h2
{
	background:				#666 url(../images/calendar/bg-calendar-full-h2.gif) 0 0 no-repeat;
	color:					#FFF;
	padding:				7px 15px 0;
	height:					22px;
}

#events .month table
{
	z-index:				1;
}

#events .month td,
#events .month th
{
	width:					96px;
}

#events .month th em
{
	display:				block;
	height:					0;
	overflow:				hidden;
	position:				absolute;
	width:					0;
}

#events .month th
{
	background:				#C8C8C8 url(../images/calendar/bg-days-full.gif) 0 0 no-repeat;
	height:					29px;
}

#events .month th.su
{
	background-position:	0 0;
}

#events .month th.mo
{
	background-position:	-96px 0;
}

#events .month th.tu
{
	background-position:	-192px 0;
}

#events .month th.we
{
	background-position:	-288px 0;
}

#events .month th.th
{
	background-position:	-384px 0;
}

#events .month th.fr
{
	background-position:	-480px 0;
}

#events .month th.sa
{
	background-position:	-576px 0;
}

#events .month td
{
	background:				url(../images/calendar/bg-calendar-full-cell.gif) 0 0 repeat-x;
	height:					58px;
	padding:				0 5px;
	position:				relative;
	width:					86px;
}

#events .month td em
{
	display:				block;
	font-weight:			bold;
	text-align:				right;
}

#events .month td a
{
	background:				url(../images/calendar/btn-view-event.gif) bottom right no-repeat;
	display:				block;
	height:					40px;
	margin-top:				-2px;
	padding-right:			12px;
}

#events .month td.event
{
	background:				url(../images/calendar/bg-calendar-full-cell-event.gif) 0 0 no-repeat;
	color:					#F60;
}

#events .month td.blank
{
	background:				url(../images/calendar/bg-calendar-full-cell-blank.png) 0 0 repeat-x;
}

#events .month td.event em
{
	color:					#F60;
	margin:					2px 0 -2px;
}

#events #events-detail
{
	background:				url(../images/bg-events-detail.gif) 0 0 repeat-y;
	display:				none;
	position:				absolute;
	width:					672px;
	z-index:				9999;
}

#events #events-detail .event-content
{
	padding:				0 15px 16px;
	width:					642px;
	position:				relative;
	top:					1px;
	background:				transparent url(../images/bg-events-detail-base.gif) bottom left no-repeat;
}

#events #events-detail h3
{
	font-weight:			bold;
	margin:					0;
	padding:				0;
	width:					540px;
}

#events #events-detail h3 a:hover
{
	cursor:					default;
	text-decoration:		none;
}

#events #events-detail .inactive h3 a:hover
{
	color:					#F60;
	cursor:					pointer;
}

#events #events-detail h3 em
{
	color:					#F60;
}

#events #events-detail .action
{
	position:				absolute;
	right:					0;
	top:					10px;
}

#events #events-detail .details
{
	float:					left;
	padding-top:			10px;
	width:					390px;
}

#events #events-detail p
{
	margin:					0 0 0.7em;
}

#events #events-detail .supporting-details
{
	float:					right;
	padding-top:			10px;
	width:					232px;
}

#events #events-detail .supporting-details p
{
	float:					right;
}

#events .feature-heading
{
	padding-bottom:			4px;
	padding-top:			10px;
	position:				relative;
}

#events-detail .inactive .feature-content
{
	display:				none;
}

#events #events-detail li
{
	padding-bottom:			5px;
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
}

#events #events-detail li.last
{
	background:				none;
}

#events li .action .view-event
{
	display:				none;
}

#events li.inactive .action .view-event
{
	display:				block;
}

.ui-state-focus
{
	outline:				none!important;
}

#events-detail .close
{
	position:				absolute;
	right:					15px;
	top:					-20px;
}

.site-map
{
	margin:					0.8em 0;
}

.site-map li
{
	margin:					0.2em 0 0.4em;
	padding-left:			8px;
	font-weight:			bold;
}

.site-map li ul
{
	margin-bottom:			1em;
}

.site-map li li
{
	font-weight:			normal;
}

#content.login form,
#content.rotw-submit form
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			30px;
	padding-bottom:			10px;
	padding-top:			8px;
}

#content.login form td.info {
	font-size: 90%;
	padding-left: 8px;
}

#content.login p
{
	padding-right:			200px;
}

#content.login h1
{
	margin-bottom:			14px;
}

#content.login .action
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			30px;
	margin-left:			0;
	padding-bottom:			10px;
	padding-left:			8px;
	padding-top:			30px;
}

#content.login th
{
	font-weight:			bold;
	padding-bottom:			20px;
	padding-left:			8px;
	width:					140px;
}

#page-container #content.login th label
{
	position:				relative;
	top:					5px;
}

#content.login td
{
	padding-bottom:			10px;
	vertical-align:			middle;
}

#content.login td *
{
	vertical-align:			middle;
}

#content.login td input
{
	width:					220px;
}

#content.login td #go,
#content.login td #usecookies
{
	margin-left:			0;
	width:					auto;
}

#content.login td.btn input,
#content.login td.checkbox input
{
	width:					auto;
}

#content.signup th
{
	font-weight:			bold;
	padding-bottom:			20px;
	padding-left:			8px;
	width:					87px;
}

#content.rotw-submit th
{
	font-weight:			bold;
	padding-bottom:			20px;
	padding-left:			8px;
	width:					140px;
	vertical-align:			top;
}

#content.rotw-submit th label
{
	position:				relative;
	top:					3px;
}

#content.signup td,
#content.rotw-submit td
{
	padding-bottom:			10px;
	vertical-align:			middle;
}

#content.signup td *,
#content.rotw-submit *
{
	vertical-align:			middle;
}

#content.signup td input,
#content.rotw-submit td input
{
	width:					220px;
}

#content.signup td #go,
#content.signup td #usecookies
{
	margin-left:			0;
	width:					auto;
}

#content.signup td.btn input,
#content.signup td.checkbox input,
#content.rotw-submit td.btn input
{
	width:					auto;
}

#content.event .img
{
	float:					right;
	margin-right:			20px;
	margin-bottom:			1em;
}


/*--------------------------------------------------------------------------
	=Sub Content styles
----------------------------------------------------------------------------*/

#sub-content {
	float: left;
	padding: 20px 0 60px 11px;
	width: 220px;
}

#sub-content h1 {
	border-bottom: 4px solid #CCC;
	margin-bottom: 10px;
	padding: 0 0 0 8px;
}


/* Event Calender Widget */

#sub-content .events-calendar
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			18px;
	padding-bottom:			8px;
}

#sub-content .events-calendar p
{
	margin-top:				9px;
	padding-left:			52px;
}
/* Tour Calender Widget */

#sub-content .tours-calendar {
	border-bottom: 4px solid #CCC;
	margin-bottom: 18px;
	padding-bottom: 8px;
}

#sub-content .tours-calendar p {
	margin-top: 9px;
	padding-left: 52px;
}


/* Latest Photo Gallleries Widget */

#sub-content .latest-photo-galleries
{
	border-bottom:			4px solid #CCC;
	margin-bottom:			18px;
	padding-bottom:			8px;
}

#sub-content .uk-gallery
{
	margin-top:				-10px;
	border-bottom:			4px solid #CCC;
	padding-bottom:			6px;
	padding-left:			8px;
}

#sub-content .uk-gallery-small
{
	margin-top:				-10px;
	border-bottom:			4px solid #CCC;
	padding-bottom:			12px;
	margin-bottom:			12px;
}
#sub-content .hog-app
{
	margin-top:				-10px;
	border-bottom:			4px solid #CCC;
	padding-bottom:			12px;
	margin-bottom:			12px;
}


#sub-content .satnav-sm,
#sub-content .croatia
{
	margin-top:				-10px;
	border-bottom:			4px solid #CCC;
	padding-bottom:			12px;
	margin-bottom:			12px;
}
#sub-content .croatia {
	margin-top: 0;
}


#sub-content .latest-photo-galleries li a
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
	display:				block;
	float:					left;
	margin-left:			8px;
	padding:				5px 0 6px;
	width:					200px;
}

#sub-content .latest-photo-galleries .action
{
	margin:					10px 10px 0;
}

#sub-content li.last a
{
	background:				none;
	padding:				5px 0 15px;
}

/* Banner Widgets */

#sub-content .banner a
{
	display:				block;
	margin-top:				22px;
}

#sub-content .banner a em
{
	display:				block;
	height:					0;
	overflow:				hidden;
}

#sub-content .join a
{
	background:				url(../images/banners/bg-banner-join-hog.jpg) 0 0 no-repeat;
	height:					212px;
}

#sub-content .satnav-sm a {
    background: url(../images/banners/compsmallmainimage.gif) 0 0 no-repeat;
    height: 60px;
}

#sub-content .iphoneapp a {
    background: url(../images/banners/hogappbannerbig.jpg) 0 0 no-repeat;
    height: 284px;
}

#sub-content .rome2013 a {
    background: url(../images/banners/romebannersm.gif) 0 0 no-repeat;
    height: 60px;
	margin-top: 15px;
}

#sub-content .ebw2011
{
	margin-top:				-10px;
	border-bottom:			4px solid #CCC;
	padding-bottom:			12px;
	margin-bottom:			12px;
}

#sub-content .portugal2012
{
	margin-top:				-10px;
	border-bottom:			4px solid #CCC;
	padding-bottom:			12px;
	margin-bottom:			12px;
}

#sub-content .ebw2011 a {
    background: url(../images/banners/ebwbanner2.gif) 0 0 no-repeat;
    height: 60px;
}

#sub-content .portugal2012 a {
    background: url(../images/banners/portugalbanner.gif) 0 0 no-repeat;
    height: 60px;
}

#sub-content .international {
	border-bottom:			4px solid #CCC;
	margin-bottom:			18px;
	padding-bottom:			8px;
}	
#sub-content .international p {
	margin: 0;
	padding: 0;
}
#sub-content .international a {
	background: url(../images/banners/int-site-banner.gif) 0 0 no-repeat;
    height: 51px;
    display: block;
    text-indent: -9999px;
    margin-top: 0;
}

/* Sat Nav footer banners on homepage */
.promos .satnavbanner a {
    background: url(../images/banners/satnavbanner.gif) 0 0 no-repeat;
    height: 60px;
	width: 345px;
	display: block;
	float: left;
}

.promos .satnavbanner a:hover {
    background-position: 0 -60px;
}

#sub-content .plan-your-own-ride a
{
	background:				url(../images/banners/bg-plan-your-own-ride.jpg) 0 0 no-repeat;
	height:					214px;
}

#sub-content .plan-your-own-ride a:hover
{
	background-position:	0 -214px;
}

#sub-content .intake-gallery a
{
	background:				url(../images/banners/bg-intake-gallery.jpg) 0 0 no-repeat;
	height:					321px;
}

#sub-content .uk-gallery-small a
{
	background:				url(../images/banners/bg-uk-gallery.gif) 0 0 no-repeat;
	height:					60px;
}

#sub-content .you-and-your-harley a
{
	background:				url(../images/banners/bg-you-and-your-harley.jpg) 0 0 no-repeat;
	height:					260px;
}

#sub-content .join a:hover
{
	background-position:	0 -212px;
}

#sub-content .satnav-sm a:hover
{
	background-position:	0 -60px;
}

#sub-content .satnav-big a:hover
{
	background-position:	0 -284px;
}

#sub-content .hog-mag a
{
	background:				url(../images/banners/bg-banner-hog-mag.jpg) 0 0 no-repeat;
	height:					336px;
}

#sub-content .hog-mag a:hover
{
	background-position:	0 -336px;
}

#sub-content .submit-hog a
{
	background:				url(../images/banners/bg-banner-submit-hog.jpg) 0 0 no-repeat;
	height:					212px;
}

#sub-content .submit-hog a:hover
{
	background-position:	0 -212px;
}

#sub-content .ride-planner a
{
	background:				url(../images/banners/bg-banner-ride-planner.jpg) 0 0 no-repeat;
	height:					282px;
}

#sub-content .rotw
{
	background:				url(../images/banners/bg-banner-rotw.jpg) 0 0 no-repeat;
	height:					281px;
	margin-bottom:			20px;
	padding-top:			44px;
	position:				relative;
}

#sub-content .satnav-big
{
	margin-bottom:			0px;
}

#sub-content .croatia {
	position: relative;
}
#sub-content .croatia #croatiaHD {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 124px;
	margin: 0;
	display: block;
	text-indent: -9999px;
}

#sub-content .rotw .left-slice
{
	left:					0;
	position:				absolute;
	top:					40px;
}

#sub-content .rotw .right-slice
{
	position:				absolute;
	right:					0;
	top:					40px;
}

#sub-content .rotw .action
{
	clear:					both;
	margin:					10px 4px 0 0;
	padding:				0;
	text-align:				right;
}

#sub-content .rotw a
{
	margin:					0;
	padding:				0;
	text-align:				right;
}

#sub-content .rotw .action a
{
	display:				block;
	height:					23px;
	margin-left:			auto;
	overflow:				hidden;
	text-align:				left;
	text-indent:			-9999px;
}

#sub-content .rotw .action a:hover
{
	background-position:	0 -23px;
}

#sub-content .submit-your-harley
{
	background:				url(../images/btn-submit-your-harley.gif) no-repeat 0 0;
	width:					155px;
	float:					none;
}

#sub-content .view-previous-harleys
{
	background:				url(../images/btn-view-previous-harleys.gif) no-repeat 0 0;
	width:					173px;
}

#sub-content .rotw .author
{
	margin:					0;
	padding:				2px 9px;
}

#sub-content .rotw .rating
{
	margin:					0;
	padding:				6px 9px 3px;
	text-align:				right;
}

#sub-content .rotw .rating em
{
	background:				url(../images/banners/bg-stars-3.gif) 0 0 no-repeat;
	display:				block;
	float:					right;
	height:					21px;
	margin-left:			10px;
	position:				relative;
	top:					-3px;
	width:					121px;
}

#sub-content .rotw .rating em.rated1
{
	background:				url(../images/banners/bg-stars-1.gif) 0 0 no-repeat;
}

#sub-content .rotw .rating em.rated2
{
	background:				url(../images/banners/bg-stars-2.gif) 0 0 no-repeat;
}

#sub-content .rotw .rating em.rated3
{
	background:				url(../images/banners/bg-stars-3.gif) 0 0 no-repeat;
}

#sub-content .rotw .rating em.rated4
{
	background:				url(../images/banners/bg-stars-4.gif) 0 0 no-repeat;
}

#sub-content .rotw .rating em.rated5
{
	background:				url(../images/banners/bg-stars-5.gif) 0 0 no-repeat;
}


/*--------------------------------------------------------------------------
	=Footer
----------------------------------------------------------------------------*/

#footer
{
	background:				#333 url(../images/bg-footer.gif) top left repeat-x;
	clear:					both;
	color:					#FFF;
	min-height:				82px;
	position:				relative;
	width:					960px;
}

#footer p,
#footer ul
{
	float:					left;
}

#footer a
{
	color:					#FFF;
}

#footer p
{
	background:				url(../images/bg-footer-dots.gif) top right repeat-y;
	font-weight:			bold;
	min-height:				57px;
	padding:				18px 12px 0 0;
	text-align:				right;
	width:					139px;
}

#footer ul
{
	background:				url(../images/bg-footer-dots.gif) top right repeat-y;
	min-height:				57px;
	padding:				18px 0 0 20px;
	text-transform:			uppercase;
	width:					525px;
}

#footer ul li
{
	float:					left;
	letter-spacing:			-1px;
	padding-right:			5px;
}

#footer ul li a
{
	display:				block;
	float:					left;
	padding-right:			5px;
}

#footer ul.legal
{
	background:				url(../images/bg-footer-logo.gif) no-repeat 80% 80%;
	padding-right:			0;
	width:					230px;
}


/*--------------------------------------------------------------------------
	Miscellaneous
----------------------------------------------------------------------------*/
#content .public-private
{
	position:				relative;
}

#tip
{
	width:					214px;
	height:					153px;
	background:				url(../images/bg-tip.gif) 0 0 no-repeat;
	padding:				20px;
	position:				absolute;
	top:					-9999px;
	left:					-9999px;
}

#tip .close
{
	float:					right;
	cursor:					pointer;
}

#tip h3
{
	font-weight:			bold;
	margin-bottom:			0.6em;
}

#content #tip p
{
	margin-bottom:			0.6em;
	clear:					right;
}

.user-submit .remove
{
	color:					#c00;
	background:				url(/assets/images/admin/cross.png) 0 0 no-repeat;
	padding-left:			25px;
	min-height:				22px;
	display:				block;
	margin-top:				4px;
}

.ride-listing .icons
{
	background:				url(../images/bg-rpx-dots.gif) bottom left repeat-x;
}

.icons a,
.icons em
{
	display:				block;
	min-height:				15px;
	padding-top:			5px;
}

.icons a
{
	float:					right;
}

.icons a.edit
{
	padding-left:			19px;
	background:				url(../images/bg-icon-edit.gif) 0 0 no-repeat;
	margin-right:			6px;
}

.icons a.download
{
	padding-left:			27px;
	background:				url(../images/bg-icon-satnav.gif) 0 0 no-repeat;
}

.icons em.public
{
	padding-left:			17px;
	background:				url(../images/bg-icon-public.gif) 0 0 no-repeat;
}

.icons em.private
{
	padding-left:			17px;
	background:				url(../images/bg-icon-private.gif) 0 0 no-repeat;
}


.view-your-saved-rides,
.back-to-gallery,
.back-to-events-calendar,
.back-to-listing,
.back-to-tours,
.back-to-news,
.btn-cancel-leave-comment,
.create-profile,
.join-now,
.btn-leave-comment,
.view-all-galleries,
.view-all-rides,
.view-event,
.view-full-event-listings,
.view-full-tour-listings,
.view-gallery,
.view-video,
.view-ride,
.back-to-rides-of-the-week,
.submit-your-harley,
.uk-galleries,
.download-to-satnav,
.undo-last-marker,
.help-icon
{
	background:				url(../images/btn-create-profile.gif) no-repeat 0 0;
	display:				block;
	height:					13px;
	overflow:				hidden;
	text-align:				left;
	text-indent:			-9999px;
	width:					97px;
	position:				relative;
}

.view-your-saved-rides:hover,
.back-to-gallery:hover,
.back-to-events-calendar:hover,
.back-to-listing:hover,
.back-to-tours:hover,
.back-to-news:hover,
.btn-cancel-leave-comment:hover,
.create-profile:hover,
.join-now:hover,
.btn-leave-comment:hover,
.view-all-galleries:hover,
.view-all-rides:hover,
.view-event:hover,
.view-full-event-listings:hover,
.view-full-tour-listings:hover,
.view-gallery:hover,
.view-video:hover,
.view-ride:hover,
.back-to-rides-of-the-week:hover,
.submit-your-harley:hover,
.uk-galleries:hover,
.undo-last-marker:hover
{
	background-position:	0 -13px;
}

.help-icon:hover
{
	background-position:	0 -14px;
}

.download-to-satnav:hover
{
	background-position:	0 -23px;
}

.undo-last-marker
{
	background:				url(../images/btn-undo-last-marker.gif) no-repeat 0 0;
	width:					119px;
}

.view-your-saved-rides
{
	background:				url(../images/btn-view-your-saved-rides.gif) no-repeat 0 0;
	width:					149px;
}

.help-icon
{
	height:					14px;
	background:				url(../images/btn-help-icon.gif) no-repeat 0 0;
	width:					10px;
	position:				relative;
	top:					-17px;
	left:					7em;
}

.uk-galleries
{
	background:				url(../images/btn-hog-uk-galleries.gif) no-repeat 0 0;
	width:					188px;
}

.back-to-rides-of-the-week
{
	background:				url(../images/btn-back-to-rides-of-the-week.gif) no-repeat 0 0;
	width:					162px;
}

.back-to-events-calendar
{
	background:				url(../images/btn-back-to-events-calendar.gif) no-repeat 0 0;
	width:					157px;
}

.back-to-news
{
	background:				url(../images/btn-back-to-news.gif) no-repeat 0 0;
	width:					136px;
}

.back-to-listing {
    background: url(../images/btn-back-to-events-listing.gif) no-repeat 0 0;
    width: 148px;
}

.back-to-tours {
    background: url(../images/btn-back-to-tours-listing.gif) no-repeat 0 0;
    width: 148px;
}

.submit-your-harley
{
	background:				url(../images/btn-rotw-submit-your-hog-inpage.gif) no-repeat 0 0;
	width:					130px;
	float:					left;
}

.download-to-satnav
{
	background:				url(../images/btn-download-to-satnav.gif) no-repeat 0 0;
	width:					178px;
	height:					23px;
	float:					right;
}

.back-to-gallery
{
	background:				url(../images/btn-back-to-gallery.gif) no-repeat 0 0;
	width:					105px;
}

.btn-cancel-leave-comment,
.btn-leave-comment
{
	background:				url(../images/btn-leave-comment.gif) no-repeat 0 0;
	width:					110px;
}

.view-all-galleries
{
	background:				url(../images/btn-view-all-galleries.gif) no-repeat 0 0;
	width:					119px;
	float:					right;
}

.view-all-rides
{
	background:				url(../images/btn-view-all-rides.gif) no-repeat 0 0;
	width:					99px;
	float:					right;
}

.view-event
{
	background:				url(../images/btn-view-event.gif) no-repeat 0 0;
	width:					81px;
}

.view-full-event-listings
{
	background:				url(../images/btn-view-full-event-listings.gif) no-repeat 0 0;
	width:					156px;
}

.view-full-tour-listings {
    background: url(../images/btn-view-full-tour-listings.gif) no-repeat 0 0;
    width: 156px;
}

.view-gallery
{
	background:				url(../images/btn-view-gallery.gif) no-repeat 0 0;
	width:					92px;
}

.join-now
{
	background:				url(../images/btn-join-now.gif) no-repeat 0 0;
	width:					97px;
}

.view-video
{
	background:				url(../images/btn-view-video.gif) no-repeat 0 0;
	width:					82px;
}

.view-ride
{
	background:				url(../images/btn-view-ride.gif) no-repeat 0 0;
	width:					75px;
}

.w3c,
#content p.rating em
{
	display:				none;
}

#page-container:after,
#header:after,
#footer ul:after,
.promo-gallery ul:after,
.latest-gallery:after,
.promos:after,
.latest-gallery ul:after,
#sub-content .latest-photo-galleries ul:after,
#sub-content .latest-photo-galleries:after,
#content .pagination:after,
#gallery-listing div.actions:after,
#gallery-viewing .gallery:after,
#gallery-detail:after,
#events #events-detail:after,
#events .feature-content:after,
.promo-gallery ul.gallery:after,
#comments:after,
.search-results li:after,
form.ride-search fieldset:after,
#route-data:after,
#route-data .photos-from-route ul:after,
#events .view-types:after,
.news-article-listing ul li:after,
#content.event .view-types:after
{
	clear:					both;
	content:				".";
	display:				block;
	font-size:				0;
	line-height:			0;
	overflow:				hidden;
	visibility:				hidden;
}

.creds
{
	color:					#666;
	display:				block;
	float:					right;
	font-weight:			bold;
	margin:					10px;
}

.creds a
{
	color:					#666;
}


/*--------------------------------------------------------------------------
	CAL
----------------------------------------------------------------------------*/

#cal
{
	background:				url(../images/calendar/bg-calendar.gif) 0 0 no-repeat;
	border:					4px solid #666;
}

#cal div
{
	background:				url(../images/calendar/bg-calendar-base.gif) bottom left no-repeat;
	min-height:				145px;
	padding:				34px 5px 10px;
	position:				relative;
	text-align:				center;
	width:					202px;
}

#cal div .details
{
	background:				url(../images/bg-calendar-detail.png) bottom right no-repeat;
	display:				none;
	padding:				10px 5px 13px;
	position:				absolute;
	right:					5px;
	text-align:				left;
	top:					0;
	width:					190px;
}

#cal h2
{
	padding-top:			3px;
	position:				absolute;
	text-align:				center;
	top:					7px;
	width:					203px;
}

#cal .actions
{
	left:					11px;
	position:				absolute;
	top:					12px;
	width:					190px;
}

#cal .actions a
{
	display:				block;
	height:					14px;
	width:					13px;
}

#cal .actions .next
{
	float:					right;
}

#cal .actions .next a
{
	background:				url(../images/calendar/btn-next.gif) 0 0 no-repeat;
}

#cal .actions .prev
{
	float:					left;
}

#cal .actions .prev a
{
	background:				url(../images/calendar/btn-previous.gif) 0 0 no-repeat;
}

#cal .actions a em
{
	display:				block;
	height:					0;
	overflow:				hidden;
	position:				absolute;
	width:					0;
}

#cal table
{
	margin:					auto;
	width:					189px;
}

#cal table th,
#cal table td
{
	width:					27px;
}

#cal table th em,
#cal table td em
{
	display:				block;
	height:					0;
	overflow:				hidden;
	position:				absolute;
	width:					0;
}

#cal table th
{
	background:				#C8C8C8 url(../images/calendar/bg-days.gif) 0 0 no-repeat;
	height:					23px;
}

#cal table td
{
	background-color:		#FFF;
	background-image:		url(../images/calendar/bg-dates.png);
	background-position:	0 0;
	background-repeat:		no-repeat;
	height:					23px;
}

#cal table td a
{
	display:				block;
	height:					23px;
	position:				absolute;
	width:					27px;
}

#cal table td.odd
{
	background-color:		#E3E3E3;
}

#cal table td.today
{
	background-color:		#F60;
}

#cal table td.event,
#cal table td.tour {
	background-color:		#333;
	background-image:		url(../images/calendar/bg-dates-active.png);
}

#cal table th.su
{
	background-position:	0 0;
}

#cal table th.mo
{
	background-position:	-27px 0;
}

#cal table th.tu
{
	background-position:	-54px 0;
}

#cal table th.we
{
	background-position:	-81px 0;
}

#cal table th.th
{
	background-position:	-108px 0;
}

#cal table th.fr
{
	background-position:	-135px 0;
}

#cal table th.sa
{
	background-position:	-162px 0;
}

#cal table td.day0
{
	background-position:	-9999px -9999px;
}

#cal table td.day1
{
	background-position:	0 0;
}

#cal table td.day2
{
	background-position:	-27px 0;
}

#cal table td.day3
{
	background-position:	-54px 0;
}

#cal table td.day4
{
	background-position:	-81px 0;
}

#cal table td.day5
{
	background-position:	-108px 0;
}

#cal table td.day6
{
	background-position:	-135px 0;
}

#cal table td.day7
{
	background-position:	-162px 0;
}

#cal table td.day8
{
	background-position:	0 -23px;
}

#cal table td.day9
{
	background-position:	-27px -23px;
}

#cal table td.day10
{
	background-position:	-54px -23px;
}

#cal table td.day11
{
	background-position:	-81px -23px;
}

#cal table td.day12
{
	background-position:	-108px -23px;
}

#cal table td.day13
{
	background-position:	-135px -23px;
}

#cal table td.day14
{
	background-position:	-162px -23px;
}

#cal table td.day15
{
	background-position:	0 -46px;
}

#cal table td.day16
{
	background-position:	-27px -46px;
}

#cal table td.day17
{
	background-position:	-54px -46px;
}

#cal table td.day18
{
	background-position:	-81px -46px;
}

#cal table td.day19
{
	background-position:	-108px -46px;
}

#cal table td.day20
{
	background-position:	-135px -46px;
}

#cal table td.day21
{
	background-position:	-162px -46px;
}

#cal table td.day22
{
	background-position:	0 -69px;
}

#cal table td.day23
{
	background-position:	-27px -69px;
}

#cal table td.day24
{
	background-position:	-54px -69px;
}

#cal table td.day25
{
	background-position:	-81px -69px;
}

#cal table td.day26
{
	background-position:	-108px -69px;
}

#cal table td.day27
{
	background-position:	-135px -69px;
}

#cal table td.day28
{
	background-position:	-162px -69px;
}

#cal table td.day29
{
	background-position:	0 -92px;
}

#cal table td.day30
{
	background-position:	-27px -92px;
}

#cal table td.day31
{
	background-position:	-54px -92px;
}


/*--------------------------------------------------------------------------
	sIFR
----------------------------------------------------------------------------*/

@media screen {
	.sIFR-flash
	{
		border:					0;
		margin:					0;
		outline:				none;
		padding:				0;
		visibility:				visible!important;
	}
	
	.sIFR-replaced,
	.sIFR-ignore
	{
		visibility:				visible!important;
	}
	
	.sIFR-alternate
	{
		display:				block;
		height:					0;
		left:					0;
		overflow:				hidden;
		position:				absolute;
		top:					0;
		width:					0;
	}
	
	.sIFR-replaced div.sIFR-fixfocus
	{
		float:					none;
		letter-spacing:			0px;
		margin:					0pt;
		overflow:				auto;
		padding:				0pt;
	}
}


/* CSS rules for to-be-replaced elements */

@media screen {
	.sIFR-active h1,
	#at-a-glance h2
	{
		line-height:			0.1;
		padding:				0 0 0 8px;
		visibility:				hidden;
	}
	/*#events #events-detail h3
		{
			line-height:				0.1;
			visibility: 				hidden;
			padding:					0;
		}*/
	
	
}

#loading
{
	background:				url(../images/loading.png) 0 0 repeat;

	display:				none;
	left:					0;
	position:				absolute;
	text-align:				center;
	top:					0;
	z-index:				999;
}

#loading img
{
	display:				block;
	left:					50%;
	margin:					auto;
	margin-left:			-90px;
	margin-top:				-50px;
	position:				absolute;
	top:					50%;
}

a label
{
	cursor:					pointer;
}

#language-selector
{
	position:				absolute;
	width:					700px;
}

#language-selector ul
{
	position:				absolute;
	right:					0;
	top:					-8px;
}

#language-selector ul li
{
	float:					left;
	height:					27px;
}

.search-results ul
{
	margin-top:				10px;
}

.search-results li
{
	margin-bottom:			10px;
}

.search-results li img
{
	float:					left;
}

.search-results li p
{
	padding-left:			160px;
	padding-bottom:			1em;
}

.search-results li.no-results p
{
	padding-left:			10px;
}

.search-results li p a
{
	font-weight:			bold;
}

#content.search-results .count
{
	float:					right;
	margin-top:				0.5em;
	position:				relative;
	top:					-2.5em;
}

.fileupload a
{
	color:					#f60;
	padding-left:			5px;
}

.register-first
{
	padding:				10px;
	background:				#FFFCF0;
	border:					1px solid #f60;
	font-weight:			bold;
	text-align:				center;
	margin:					10px 0!important;
	clear:					both;
}

.register-first a
{
	text-decoration:		underline;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 89px; 
	float: right;
	padding-bottom: 0.7em;	
}

#content #gallery-detail .intro p
{
	margin:				0.7em 0 0.7em 10px;	
}

#content #gallery-detail .intro ul
{
	margin:				0.7em 0 0.7em 15px;	
}

#content #gallery-detail .intro ul li
{
	margin:				0 0 0 0.5em;
	padding-left:		0;
	display:			list-item;
	list-style:			disc;
}