/* CSS Document / Main Section */

* { margin:0; padding:0; }

body { background-color:#FFFFFF; font-size:75%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  }

h2 { font-size:1.8em; font-weight:400; }
h3 { font-size:1.3em; font-weight:400; }
h4 { font-size:1.4em; font-weight:400; } 
h6 { font-size:1.2em; font-weight:400; } 
p { padding:5px 0 0 0; }
ul, ol { list-style:none; }
a { text-decoration:none;}


ol { line-height:160%; }

.map { margin:20px 0;}
.movies { display:block; margin:20px auto 0 auto; }

.home_news { float:right; padding:5px 0 0 5px; }

.home_box { font-size:1.4em; color:#000000; }




/* Classes */

.but_black { display:block; margin:10px auto; height:21px; width:122px; background:url(../img/all/but_black_off.gif); color:#FFFFFF; font-size:1.2em; border:none; cursor:pointer; }
.but_black:hover { background:url(../img/all/but_black_on.gif); }

.but_orange { display:block; margin:10px auto; height:28px; width:192px; background:url(../img/all/orange_but.gif); color:#FFFFFF; font-size:1.2em; border:none; cursor:pointer; }
.but_orange:hover { background:url(../img/all/orange_but_hover.gif); }

.but_add { display:block; margin:10px 0; height:21px; width:122px; background:url(../img/shop/but_add_on.gif); color:#FFFFFF; font-size:1em; text-align:left; padding:0 0 1px 10px; border:none; cursor:pointer; }
.but_add:hover { background:url(../img/shop/but_add_off.gif); }

.but_media { display:block; margin:10px auto; height:28px; width:192px; background:url(../img/all/but_media_off.gif); color:#FFFFFF; font-size:1.2em; border:none; cursor:pointer; }
.but_media:hover { background:url(../img/all/but_media_on.gif); }

.but_home { display:block; margin:10px auto; height:35px; width:248px; background:url(../img/home/but_home_off.gif); color:#FFFFFF; font-size:1.6em; border:none; cursor:pointer; }
.but_home:hover { background:url(../img/home/but_home_on.gif); }

.but_donate { display:block; margin:10px auto; height:35px; width:248px; background:url(../img/home/but_donate_off.gif); color:#FFFFFF; padding:0 0 0 70px; font-size:1.6em; border:none; cursor:pointer; }
.but_donate:hover { background:url(../img/home/but_donate_on.gif); }

/* OVERLAY */
span.image_news_overlay88 {background: url(../img/all/image_news_overlay88x88.png) no-repeat; position: absolute; width: 88px; height: 88px;}
span.image_overlay88 {background: url(../img/all/image_overlay88x88.png) no-repeat; position: absolute; width: 88px; height: 88px;}
span.image_overlay93 {background: url(../img/all/image_overlay93x77.png) no-repeat; position: absolute; width: 93px; height: 77px;}
span.image_overlay234 {background: url(../img/all/image_overlay234x228.png) no-repeat; position: absolute; width: 234px; height: 228px;}


.sec_nav_top { text-align:left; margin:0px 0; display:block; height:32px; width:210px; background:url(../img/home/but_sec_nav.jpg) repeat-y; color: #333333; padding:0 0 0 40px; font-size:1.4em; border:1px solid #DADADA; cursor:pointer; }
.sec_nav_top:hover { text-decoration:underline; }

.sec_nav_centre { text-align:left; margin:2px 0; display:block; height:32px; width:210px; background:url(../img/home/but_sec_nav.jpg) repeat-y;; color:#333333; padding:0 0 0 40px; font-size:1.4em; border:1px solid #DADADA; cursor:pointer; }
.sec_nav_centre:hover { text-decoration:underline; }

.sec_nav_bottom { text-align:left; margin:2px 0; display:block; height:32px; width:210px; background:url(../img/home/but_sec_nav.jpg) repeat-y;; color:#333333; padding:0 0 0 40px; font-size:1.4em; border:1px solid #DADADA; cursor:pointer; }
.sec_nav_bottom:hover { text-decoration:underline; }


.news_date { float:right; color:#FF9900; font-size:1.1em;}


/* Forms */
#frmContact { margin:0 auto; width:74%; }
#frmContact li { padding:10px 0; }
#frmContact input { margin:0 10px; width:340px; }

#frmContact { width:645px; margin:10px auto 10px auto; }
#frmContact label { width:100px; float:left; display:block; }

.frmContact_top { width:645px; height:12px; background:url(../img/contact/form_top.jpg) no-repeat; } 
.frmContact_content { margin:0 auto; width:639px; background-color:#F8F8F8; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8;  }
.contact { margin:0 auto; width:470px; }
.frmContact_bottom { width:645px; height:12px; background:url(../img/contact/form_bottom.jpg) no-repeat; } 



/* Events Calendar */
.events_cal { width:590px; margin:10px 0; }

/* Events Title */
.events_title { background: url(../img/all/right_bottom_bg.jpg) repeat-x; color:#FFFFFF; font-size:1.8em;  margin:0 0 20px 0; }

/* Events Day */
.events_day { width:80px; background:#F2F2F2 url(../img/all/grey_fade.jpg) repeat-x; border-left:1px solid #333333; padding:2px 3px 40px 3px; text-align:left; }

/* Days Hyperlinks */

.event_headline { font-size:0.9em; }

.events_day a:link { text-decoration: none; font-size:1.2em; }
.events_day a:hover { text-decoration: underline; }

/* Small Calendar Styles */
.events_sm_cal { margin:0 auto; width:100%; background-color:#FFFFFF; }
.events_sm_title {  background: url(../img/all/right_bottom_bg.jpg) repeat-x; color:#FFFFFF; font-size:1.2em;  margin:0 0 20px 0; }
.events_sm_day { background:#F2F2F2 url(../img/all/grey_fade.jpg) repeat-x;  padding:2px 0 4px 3px; text-align:left; }
.events_sm_day a:link { text-decoration: none; }
.events_sm_day a:hover { text-decoration: underline; }
.events_sm_day_active {background:#FF9900 none; border-left: solid 1px black;}

/* Year Planner */
.year_planner_wrapper { width:auto; float:left; margin:0 1px 15px 1px; border: none; display: inline; }
.year_planner_wrapper table.year_planner {width: 120px; float:left; margin: 15px 0 0 0; padding: 0px; border-color: Black;}

/* Events Title */
.events_yp_title { background: url(../img/all/right_bottom_bg.jpg) repeat-x; color:#FFFFFF; font-size:1em;  margin:0; }

/* Events Day */
.events_yp_day { width:80px; background:#F2F2F2 url(../img/all/grey_fade.jpg) repeat-x; border-left:1px solid #333333; padding:2px 3px ; text-align:left; }

/* Days Hyperlinks */
.event_yp_headline { font-size:1em; }

.events_yp_day a:link { text-decoration: none; font-size:1em; }
.events_yp_day a:hover { text-decoration: underline; }

.events_sm_day_empty { background:#F2F2F2 url(../img/all/grey_fade.jpg)}














/* Layout */
#container { width:844px; margin:10px auto 0 auto; }

/* Header */
#header { width:100%; }

/* Header left - Logo Background */
#header_left { float:left; width:78px; height:76px; background:url(../img/all/logo.jpg) no-repeat left; }

/*body#usa #header_left {width:129px; background:url(../img/us/all/riders_usa_logo.jpg) no-repeat left; }


body#usa #hright_top, body#usa #hright_bottom { width:711px; }*/


#hright_top { margin-top:12px; }


/* Header Right Top and Curve */
#hright_top { height:18px; float:right; width:761px; background:url(../img/all/right_top_bg.jpg) repeat-x; }
#hright_top img { float:left; padding:0 2px; border:none;}
ul#flags { float:right; }
ul#flags li { float:left; padding:1px 0;  }

#hright_top_curve { width:6px; height:4px; float:right; background:url(../img/all/right_top_curve.gif) no-repeat; }

/* Navigation */
#hright_bottom { height:42px; float:right; clear:right; margin-top:3px; width:761px; background-image:url(../img/all/right_bottom_bg.jpg)  }
#hright_bottom li { float:left; padding:13px 6px 10px 14px; font-size:1.1em; }
#hright_bottom a:link { color:#FFFFFF; }
#hright_bottom a:hover { text-decoration:underline;}
#hright_bottom a:visited { color:#FFFFFF; }

/* Search Form */
#frm_search { float:right; width:150px; padding:12px 0 0 5px; }
#frm_search #txt_search { width:65%; background:none; border:#FF9900 1px solid; padding:2px; color:#FFFFFF; font-size:1.1em; }
input.but_search { background-color:#000000; color:#FFFFFF; border:none; }
input.but_search:hover { color:#FF9900; cursor: pointer;}

/* Page Content */
/*#content { clear:both; padding:10px 0 0 0; }*/




/* Header Area */
#header_area { width:600px; height:197px; background:url(../img/all/header_area.jpg) repeat-x; }
#header_col_left { float:left; width:308px; height:197px; }
#header_area_left { float:left; height:197px; width:8px; background:url(../img/all/header_area_left.jpg) no-repeat; }
#header_area_content { padding:40px 20px 0 20px; color:#000000;  }
#header_area_content h2 { color:#FF7F00; }

/* Donate */
#donate_area_right { float:right; height:197px; width:281px; background:url(../img/donate/donate_area_right.jpg) no-repeat; }
/* Day of Champions Page */
#doc_area_right { float:right; height:194px; width:257px; background:url(../img/doc/home/doc.jpg) no-repeat; }
/* Shop Page */
#shop_area_right { float:right; height:197px; width:224px; background:url(../img/shop/shop_area_right.jpg) no-repeat; }



/* Left Col */
#left_col { width:600px; float:left; margin:0 0 10px 0; }
#left_col h4 { padding:10px 0 0 0; }
#left_col h5 { font-size:1.4em; font-weight:400; padding:0 0 10px 0; }
#left_col h6 { padding:40px 0 0 0; }
#left_col p { line-height:160%; }
#left_col img { padding:2px; margin:10px; border:1px solid #FF9900; }
#left_col ul { clear:both; width:96%; margin:0 auto; border:1px solid #FF9900; padding:10px 15px;  } 
#left_col li { padding:5px 0; }
#left_col img.img_centre { display:block; margin:10px auto; text-align:center; }
#left_col a:link { color:#FF9900; }
#left_col a:hover { text-decoration: underline; color:#FF9900; }
#left_col a:visited { color:#FF9900; }

/* Disabling */
#feature_boxes img, #news img, #events img, #awards img, #board img, #team img, #shop img, .feature_content img { padding:0; margin:0; border:none; }

#vol_activity img { padding:2px; margin:10px 0; border:1px #FF9900 solid; }

#careers ul { width:100%; border:none; padding:0; }
#faq ul { width:100%; border:none; padding:0; }
#map ul { width:100%; border:none; padding:0; }
#shop ul { border:none; padding:0; margin:0;}
#product ul { border:none; padding:0; margin:0;}


#vol_gallery, #doc_gallery { margin:10px auto 0 auto; width:488px; }

.pcol_left { width:233px; margin:0 0 0 20px; float:left; border:none; padding:0; }
.pcol_right { margin:0 0 0 60px; width:140px; float:left; border:none; padding:0; }


/* Product */


.product { margin:20px 0 0 0; border-bottom:1px solid #FF9900}





#form label { float:left; width:140px; display:block; padding:0 20px 0 0;}
.form_left { float:left; margin:0 5px 0 0; }

#form ul { margin:10px 0 0 0;}

#form .textbox { width:240px; }
#form .address { width:240px; height:120px; }
#form .other { width:140px; height:16px; padding:1px 0; }
#form .telmob { width:140px;}
#form .brief { width:400px; height:240px;}
#form .subject { width:400px; height:20px;}
.but_send { margin:0 auto; display:block; padding:4px; }




#right_col { width:210px; float:right; }
#right_col h5 { font-size:1.1em; padding:5px 10px 5px 10px; }

.feature_left, .feature_right { width:295px; padding:15px 0 0px 0; }
.feature_left { float:left; }
.feature_right { float:right; }
.feature_left img, .feature_right img { float:left; padding:0 8px 0 0; }

#feature_boxes { padding:0 0 10px 0; }
.featurebox { width:196px; float:right; }
.featurebox_top { width:196px; padding-top:10px; background:url(../img/std_content/feature_top.jpg) no-repeat; }
.featurebox_content { height: 72px; background:url(../img/std_content/feature_content.jpg) repeat-x; background-color:#F2F2F2; width:196px; padding:0 0px;}
.featurebox_content h3, .featurebox_content p
{
    padding: 0px 8px;
}
.featurebox_content a:link { color:#FF9900; }
.featurebox_content a:hover { text-decoration:underline; }
.featurebox_content a:visited { color:#FF9900; }

.featurebox_content h3 { color:#FF9900; }

.featurebox_bottom { width:196px; padding-bottom:6px; background:url(../img/std_content/feature_bottom.jpg) no-repeat left bottom; }

/* Side Boxes for Main Sections, Standard Content etc... */
.side_box { width:210px; margin-bottom:25px; }

.side_box img { border:none; }

.side_top { background:url(../img/std_content/side_top.jpg) no-repeat top center; background-color:#333332}
.side_top h4 { padding:8px 10px; color:#FFFFFF;}
.side_content { background:url(../img/std_content/side_content.jpg) no-repeat; }
.side_content p { padding:5px 10px; line-height:160%; }
.side_content img { padding:5px 10px; }
.side_box a {color: white;}
.side_bottom {}


/* Side Boxes for Main Sections, Standard Content etc... */
.nside_box { width:210px; margin-bottom:25px; }
.nside_top { padding-top:11px; background:url(../img/news_events/nside_top.jpg) no-repeat top center; /*background-color:#333332*/}
.nside_content { background:url(../img/news_events/nside_content.jpg) no-repeat top center; }
.nside_content h4 { padding:0 0 5px 8px; color:#FF9900;}
.nside_content p { padding:0 8px; color: #333333;}
.nside_content a:link { color: #FF9900; }
.nside_content a:hover { text-decoration:underline; }
.nside_content a:visited { color:#FF9900; }
.nside_bottom {height:11px; background:url(../img/news_events/nside_bottom.jpg) no-repeat top center;}



/* Sub Navigation */
#sub_nav 
{
    background:url(../img/std_content/sub_list_bg.gif) repeat-y; 
    list-style-image: url(../img/all/diamond_bullet.jpg); 
    list-style-type: disc; 
    list-style-position: outside;
    padding: 10px 15px 2px 15px;
}
#sub_nav li { font-size:1.1em; margin: 0px 0px 8px 15px; }
#sub_nav a:link { color:#FF9900; list-style:bullet; }
#sub_nav a:hover { text-decoration:underline; }
#sub_nav a:visited { color:#FF9900; }


/* Diamond List */
.dia_list { list-style-image: url(../img/all/diamond_bullet.jpg); list-style-type: disc; list-style-position: inside; padding: 8px 0 5px 0;}
.dia_list li { font-size:1em; line-height:140%; padding:8px 0; }
.dia_list a:link { color:#FF9900; list-style:bullet; }
.dia_list a:hover { text-decoration:underline; }
.dia_list a:visited { color:#FF9900; }



/* FAQ List */
.faq_list { list-style-image: url(../img/all/diamond_bullet.jpg); list-style-type: disc; list-style-position: outside; padding: 8px 0 5px 0;}
.faq_list li { font-size:1em; line-height:140%;  margin:2px 0px 2px 19px;}
.faq_list a:link { color:#FF9900; list-style:bullet; }
.faq_list a:hover { text-decoration:underline; }
.faq_list a:visited { color:#FF9900; }

/* FAQ Styling */

#pAnswer { clear:both; }
.answer { background-color:#F5F5F5; padding:10px; list-style:none; }








/* News Item */
#news img { padding:0; margin:0; }
.news_item { margin:10px 0 30px 0; clear:both; }
.news_item a:link { color:#FF9900; list-style:bullet; }
.news_item a:hover { text-decoration:underline; }
.news_item a:visited { color:#FF9900; }



/* Feature Content Boxes */

.cfeature_container { width:100%; clear:both; margin:20px 0; }
.cfeature_img { float:left; margin:0 6px 0 0; border:none;}
.cfeature_box { width:497px;  margin-bottom:25px; float:right; }
.cfeature_top { height:12px; background:url(../img/news_events/cfeature_top.jpg) no-repeat top center; }
.cfeature_content { background:url(../img/news_events/cfeature_content.jpg) no-repeat top center; background-color:#F2F2F2; }
.cfeature_content h3 { padding:0 0 5px 8px; color:#FF9900;}
.cfeature_content p { padding:0 8px; color: #333333;}
.cfeature_content a:link { color: #FF9900; }
.cfeature_content a:hover { text-decoration:underline; }
.cfeature_content a:visited { color:#FF9900; }
.cfeature_bottom {height:14px; background:url(../img/news_events/cfeature_bottom.jpg) no-repeat top center;}


/* Footerboxes */

#footerboxes { padding:20px 0 0 0; clear:both;  color:#FFFFFF;   }

.footerbox_leftcol { float:left; width:280px; }
.footerbox_rightcol  { float:right; width:562px;}




/* Overlayed */
div.overlayed_image {width: 88px; height: 88px; float: left;}
div#news div.overlayed_image, div#events div.overlayed_image, div#awards div.overlayed_image, div#board div.overlayed_image, div#team div.overlayed_image, div#shop div.overlayed_image, div#product div.overlayed_image { padding:0 20px 0 0; }
div.overlayed_image a {width: 88px; float: none; }
div.overlayed_image img {width: 88px; float: none; }

div#team div.overlayed_image, div#board div.overlayed_image, div#shop div.overlayed_image {width: 93px; height: 77px; float: left;}
div#team div.overlayed_image a, div#board div.overlayed_image, div#shop div.overlayed_image a {width: 93px; float: none; }
div#team div.overlayed_image img, div#board div.overlayed_image, div#shop div.overlayed_image img  {width: 93px; float: none; }

div#product div.overlayed_image {width: 228px; height: 228px; float: left;}
div#product div.overlayed_image a {width: 228px; float: none; }
div#product div.overlayed_image img  {width: 228px; float: none; }





.footerbox_hleft { padding-top:9px; background:url(../img/news_events/but_hleft.jpg) no-repeat; }
.footerbox_middle { float:left; width:280px; }
.footerbox_hmiddle { padding-top:9px; background:url(../img/news_events/but_hmiddle.jpg) repeat-x; }
.footerbox_right { float:right; width:280px;  }
.footerbox_hright { padding-top:9px; background:url(../img/news_events/but_hright.jpg) no-repeat; }
 
.footerbox_content { width:280px; background:url(../img/news_events/but_content.jpg) repeat-x; background-color:#FF7F01;}
.footerbox_content h3 { text-align:center; padding:0 0 6px 0; }
.footerbox_content a:link { color:#FFFFFF; }
.footerbox_content a:hover { text-decoration:underline; }
.footerbox_content a:visited { color:#FFFFFF; }





/* Footer */
#footer { clear:both; float: left; margin:10px 0 0 0; width:844px;}

#footer_top { width:844px; clear:both; float: left; padding: 8px 0px 0px 0px; margin: 0px; background: url(../img/all/content_footer/footer_top.jpg) no-repeat; }
#footer_middle { width:844px; clear:both; float: left; padding: 0px; margin: 0px; background:url(../img/all/content_footer/footer_bg.jpg) repeat-x center; background-color:#161616;}
#footer ul { width: auto; float:left; padding: 0px; margin: 0px;}
#footer li { float:left; padding:0px 12px 0px 12px; color:#FF7F00; font-size:0.9em; }
#footer a:link { color:#FF7F00; }
#footer a:hover { text-decoration:underline; }
#footer a:visited { color:#FF7F00; }
#footer_bottom { float:left; clear:both; width:844px; padding: 0px 0px 8px 0px; margin: 0px; background: url(../img/all/content_footer/footer_bottom.jpg) no-repeat left bottom; }
/**/

/* SEARCH RESULTS CSS */
div#SearchResultsPagerBox
{
    width: auto;
}

div#SearchResults ul
{
    border: none; 
    margin: 0px;
    padding: 0px;
}

div#SearchResults ul li
{
    width: auto;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

div#SearchResults ul li a, div#SearchResults ul li a:visited, div#SearchResults ul li a:hover
{
    color: Black;
    text-decoration: none;
}

div#SearchResults ul li a span.srTitle
{
    color: orange; 
    font-weight: bold;
}

div#SearchResults ul li a:hover span.srTitle
{
    text-decoration: underline;    
}

div#SearchResults ul li a span.srUrl
{
    color: #cccccc;
}

div#SearchResultsPagerBox 
{
    width: auto;
}

div#SearchResultsPagerBox p
{
    width: auto;
    float: left;
    margin: 0px;
    padding: 0px;
}

div#SearchResultsPagerBox ul
{
    width: auto;
    float: right;
    clear: none;
    border: none;
    margin: 0px;
    padding: 0px;
}

div#SearchResultsPagerBox ul li
{
    width: auto;
    float: left;
    margin: 0px 3px 0px 3px;
    padding: 0px;
}

div#SearchResultsPagerBox ul li a
{
    color: orange; 
    margin: 0px 2px 0px 2px
}












/* SHOP */

#commandButtons { margin:10px 0 0 0; }

.customerRegistration { width:96%; margin:0 auto; }
.customerRegistration tr { height:30px; }

#checkout_header { background:url(../img/shop/grey_top.jpg) no-repeat; width:572px; height:12px;  }
#checkout_content { background-color:#F9FAFC; border-left:1px #EAEAEA solid;  border-right:1px #EAEAEA solid; width:570px; }
#checkout_footer { background:url(../img/shop/grey_bottom.jpg) no-repeat; width:572px; height:12px;  }

.BasketTable { width:98%; border:1px #CCCCCC solid}
.BasketTable th {padding:5px 0; background-color:#FF9900; color:#FFFFFF;}
.BasketTable td { text-align:center; padding:10px 5px; border-bottom:1px #CCCCCC solid;}

div#productDetailLeft
{width: 255px; float: left;}

div#productDetailLeft img
{margin: 0px; padding: 0px;}

div#productDetailLeft div.imageThumbs
{float: left; width: auto; padding: 10px 15px;}

div#productDetailLeft div.imageThumbs ul
{width: 225px; margin: 0px; padding: 0px;}

div#productDetailLeft div.imageThumbs ul li
{width: 93px; float: left; clear: none; margin: 0px 15px 10px 0px; padding: 0px; display: inline; background-color: pink;}

div#productDetailLeft div.imageThumbs ul li div.overlayed_image
{padding: 0px; margin: 0px;}

div#productDetailLeft div.imageThumbs ul li a {width: auto; float: left; padding: 0px; margin: 0px;}

div#productDetailLeft div.imageThumbs ul li a img { padding: 0px; margin: 0px;}

div#productDetailLeft ul#colourSwatches
{width: auto; padding: 0px;}

div#productDetailLeft ul#colourSwatches li
{width: 255px; clear: left; padding: 0px; margin: 5px 0px; float: left;}

div#productDetailLeft ul#colourSwatches li span.swatchBox
{width: 100px; height: 20px; display: block; float: left; padding: 0px; margin: 0px 5px 0px 0px;}

div#productDetailRight
{width: 335px; float: left;}

div#productDetailRight ul.productsOptions
{width: 335px; border-top: solid 1px gray; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px;}

div#productDetailRight ul.productsOptions li select, 
div#productDetailRight ul.productsOptions li select option
{width: 225px; padding: 0px 0px 0px 3px;}

div#productDetailRight ul.productsOptions li label
{width: 75px; display: block; float: left;}

div#productDetailRight ul.productsOptions li .but_orange
{width: 122px; height: 21px; background: url("../img/shop/orange_but.gif") no-repeat left top; float:left; margin: 0px 10px 0px 0px;}
