@charset "UTF-8";
/* CSS Document */

/* global */

body { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #545454; background: #d9dcdd; line-height: 18px; }
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }
.clear { clear: both }
/* messages */
.message_box { float:left; clear:both; width:100%; margin:10px 0 20px 0; border:1px solid #81BAD5; background:#E9E9E9; filter:alpha(opacity=90); opacity:0.9; }
.message_box p { margin:10px; }
.error, .warning, .highlight { color:#F00; font-weight:bold; }
.warning { color:#FF8B05; }
.highlight { color:#0099D4; font-weight:bold; }
/************/

/* Structure */

#main_wrapper { width: 940px; margin: 0 auto; }
#header { float: left; width: 100%; height: 85px; background: url("images/structure/hdr_logo.jpg") left no-repeat; border-bottom: #110c0c 5px solid; }
#header h1 { float: left; width: 40%; height: 100%; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
#header h1 a { display: block; width: 100%; height: 100%; }
#content { float: left; width: 910px; background: #FFFFFF; padding: 15px; }
#content_hdr { width: 870px; height: 120px; padding: 20px; margin-bottom: 30px; border: #ACB3C2 1px solid; }
.shop { background:url(images/structure/hdr_shop.jpg) no-repeat; }
.staff_hdr { background:url(images/structure/hdr_staff.jpg) no-repeat; }
.workshop { background:url(images/structure/hdr_workshop.jpg) no-repeat; }
.bikes { background:url(images/structure/hdr_bikes.jpg) no-repeat; }
.avalanche { background:url(images/structure/hdr_avalanche.jpg) no-repeat; }
.hdr_mavic { background:url(images/structure/hdr_mavic.jpg) no-repeat; }
.hdr_29er { background:url(images/structure/hdr_29er.jpg) no-repeat; }
.giant_hdr { background:url(images/structure/hdr_giant.jpg) no-repeat; }
.ccc { background:url(images/structure/hdr_ccc.jpg) no-repeat; }
.events { background:url(images/structure/hdr_events.jpg) no-repeat; }
.ccc_mtb { background:url(images/structure/hdr_ccc_mtb.jpg) no-repeat; }
.dev { background:url(images/structure/hdr_development.jpg) no-repeat; }
.links_hdr { background:url(images/structure/hdr_links.jpg) no-repeat; }
.mtb_components_hdr { background:url(images/structure/hdr_mtb_components.jpg) no-repeat; }
.ccc_rides { background:url(images/structure/hdr_ccc01.jpg) no-repeat; }
.quotes_hdr { background:url(images/structure/hdr_quotes.jpg) no-repeat; }
.preowned { background:url(images/structure/hdr_preowned.jpg) no-repeat; }
.tips { background:url(images/structure/hdr_tips.jpg) no-repeat; }
.track_hdr { background:url(images/structure/hdr_track.jpg) no-repeat; }
#content h3 { font-size: 22px; margin-left: 15px; margin-bottom: 5px; color: #333; }
#content h4 { font-size: 14px; margin-left: 15px; margin-bottom: 20px; color: #555; }
#content p { margin: 8px 0 8px 15px; }
#content strong { text-transform: uppercase; font-size: 13px; }
#footer { clear: both; width: 910px; height: 100px; margin: 0 auto; padding: 15px; font-size: 11px; color: #fff; border-top: solid #110c0c 2px; background: #999; }
#footer a { color:#FFF; text-decoration:none; }
#footer_left { width: 45%; float: left; }
#footer_right { width: 365px; float: right; text-align: right; }
.clear { clear: both; }
.left { float:left; }
.right { float:right; }
/* nav areas */

#nav { float: right; width: 534px; }
#nav ul { float: right; margin: 0; padding: 0; list-style: none; }
#nav ul li { float: left; display: inline; }
#nav ul li a { float: left; display: block; height: 15px; padding: 15px 5px 8px 5px; margin: 0px 5px; font-size: 11px; font-weight: bold; color: #1c367c; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; }
#nav ul li a:hover { background: #6d9d1d; color:#FFFFFF; }
#subnav { width: 225px; background:#6d9d1d; }
#subnav ul { float: left; margin: 0; padding: 0; list-style: none; }
#subnav ul li a { width: 195px; height: 18px; display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; text-decoration: none; background:#6d9d1d; }
#subnav a:hover { background:#1c367c; }
#subnav h2 { font-size: 14px; color:#000; padding: 6px 10px; }
/* headers */


/* index page */

.main_select { width: 190px; margin-right: 10px; float: left; }
#main_copy { width: 292px; height: 400px; float: left; padding-left: 12px; }
#main_copy h2 { font-size: 18px; margin-bottom: 15px; line-height: 25px; letter-spacing: -1px; }
#main_copy h3 { font-size: 13px; color: #333333; margin-bottom: 20px; margin-left: 0; line-height: 18px; }
#subscribe { width: 100%; margin: 15px 0px; }
#subscribe h4 { margin-bottom: 2px; margin-left: 0; text-transform: uppercase; color: #6d9d1d; font-size: 20px; }
#subscribe h5 { margin-bottom: 10px; text-transform: normal; color: #666; font-size: 15px; }
#subscribe td { padding: 4px; text-align: right; }
#sponsors { width: 590px; float: left; padding: 15px 0 5px 0; text-align: center; }
#ride_giant { width: 320px; float: left; }
/* --- end index section --- */

/* shop section */

.details { width: 305px; height: 360px; float: left; margin-left: 15px; background:#E4E4E4 }
.workshop_details { width: 235px; float: left; margin-left: 15px; background:#E4E4E4 }
.staff { width: 220px; float: left }
.info { width: 420px; float: left; margin-left: 15px; background:#E4E4E4 }
.bigimage { width: 640px; float: left; }
.details h6, .workshop_details h6, .info h6 { font-size: 14px; letter-spacing: -0.1em; margin: 5px; }
.details p, .workshop_details p, .info p { padding: 5px 0px; }
/* --- end shop --- */

/* begin bikes section */

#giant { width: 520px; float: left; padding-top: 100px; background:url(images/giant/hdr_section.jpg) no-repeat left top; }
#avalanche { width: 365px; float: left; margin-left: 25px; padding-top: 100px; background:url(images/avalanche/hdr_section.jpg) no-repeat left top; }
.bike_details { width: 885px; float: left; margin-left: 15px; background:#FFF }
.bike_details h6 { font-size: 14px; letter-spacing: -0.1em; margin: 5px; }
.bike_details th { background:#ACB3C2; color:#FFFFFF; padding: 3px 6px; text-align: left; }
.bike_details td { background:#FFF; color:#333; padding: 3px 6px; text-align: left; border-bottom: 1px dotted #666666; }
.bike_details ul { margin: 0px 8px; line-height: 25px; }
.bike_name { font-weight: bold; }
#giant a.giantCategory, #avalanche a.giantCategory { font-weight: bold; text-decoration: none; color:#1c367c; font-size:16px; padding-left:10px; }
#giant a.giantCategory:hover, #avalanche a.giantCategory:hover { font-weight: bold; text-decoration: underline; color:#6D9D1D; font-size:16px; padding-left:10px; }
#giant p.giantSubCategory, #avalanche p.giantSubCategory { color:#FFFFFF; padding:6px; margin: 0; line-height:14px; }
#giant table, #avalanche table { margin: 5px 0; }
.bike_link { background:#6D9D1D; padding: 5px; border-left: #1c367c 8px solid; color:#FFFFFF; text-decoration: none; font-size: 10px; text-transform: uppercase; margin: 0 20px 20px 0; }
.bike_link:hover { background:#1c367c; padding: 5px; border-left: #6D9D1D 5px solid; color:#FFFFFF; }

/*component styles*/
.component_container { float: left; width: 280px; height:400px; margin:40px 20px 0 0; text-align: left; border:1px solid #cccccc; }
.component_top { position: relative; width: 280px; height: 280px; text-align: center; }
.gallery_resultcontainer { margin: 15px 0 0 30px; width: 870px; }
.gallery_resultitem { float: left; height: 400px; /* height must be large enough to encompass all content otherwise floating will go goofy */ width: 280px;  /* fits four images across for browsers obeying min-width */ margin-right: 10px; text-align: left; padding: 5px 0; }
.gallery_result_itemthumb { position: relative; width: 280px; height: 280px; text-align: center; border: solid 1px #ddd; }
.gallery_thumbpositioner { /* hide absolute positioning from ie5 mac \*/ position: absolute; bottom: 0; left: 0; width: 280px;/* end hide */ }
.gallery_thumbpositioner img { display:block; margin:0 auto; border:0; }
.gallery_resultiteminfocontainer { position: relative; margin-top: 5px; }
.gallery_resultiteminfo { text-align: left; padding-bottom: 15px; }
/* the product sku container has a specific height for consistency of sku/name region vs links */

.gallery_resultitemsku { height: 15px; text-transform:uppercase; }
/* the area containing hyperlinks has reduced text size */

.gallery_resultitemlinks { font-size: 10px; color:#666666; font-weight: normal; line-height: 13px; }
.gallery_resultview { float: left; width:100%; text-align: left; padding: 5px 0; }

table#bike_hire { margin-left:15px; }
#bike_hire p { width:100%; margin:0; padding:0; border-bottom:1px solid #F0F0F0; }
.tr_bdr { border-bottom: 1px solid #CCCCCC; }
.table_hdr { background:#6d9d1d; color:#FFFFFF; font-weight:bold; clear:both; }
.padded_table_hdr { background:#6d9d1d; padding:5px 15px; color:#FFFFFF; font-weight:bold; }
/* --- end contact section --- */

/* --- begin tips secction --- */

.question { padding-left: 48px; padding-top: 5px; background:url(images/structure/q.jpg) no-repeat left top; height: 30px; }
.question a { text-decoration: none; color: #006600; }
.question a:hover { font-weight: bold; text-decoration: underline; color: #000000; }
.answer { background:#E4E4E4; border-bottom: 1px dotted #999999; padding: 8px 15px; font-weight: bold; }
.answer_details { padding-left: 10px; }
/* --- end tips section --- */

/* begin club section */

/* --- end club section --- */

/* begin links section */

.links { width: 420px; float: left; margin: 0 10px; background:#E4E4E4 }
.links a { display: block; color: #666666; text-decoration: none; }
.links a:hover { color: #008c35; }
.links ul { margin-left:10px; }
.links li { margin: 0; padding: 2px; list-style-type: square; color: #CCCCCC; }
.links li:hover { color: #1369BE; }
.links h6 { font-size: 14px; letter-spacing: -0.1em; margin: 5px; }
.links p { margin: 10px 15px; }
/* --- end links section --- */

/* --- begin events section --- */

.event_details { width: 640px; float: left; margin-left: 15px; background:#FFF }
.event_details h6 { font-size: 14px; letter-spacing: -0.1em; margin: 5px; }
.event_details table { margin-left:5px; }
.event_details th { background:#ACB3C2; color:#FFFFFF; padding: 3px 6px; text-align: left; }
.event_details td { background:#FFF; color:#333; padding: 3px 6px; text-align: left; border-bottom: 1px dotted #666666; }
/* --- end events section --- */

.preowned_details { width: 885px; float: left; margin-left: 15px; background:#FFF }
.preowned_details h6 { font-size: 14px; letter-spacing: -0.1em; margin: 5px; }
.preowned_details th { background:#ACB3C2; color:#FFFFFF; padding: 3px 6px; text-align: left; }
.preowned_details td { background:#FFF; color:#333; padding: 3px 6px; text-align: left; border-bottom: 1px dotted #666666; }
/* --- begin quotes section --- */

.quotes { width: 640px; float: left; margin-left: 15px; background:#FFF }
.quotes h6 { font-size: 14px; letter-spacing: -0.1em; margin: 5px; }
.quotes th { background:#ACB3C2; color:#FFFFFF; padding: 3px 6px; text-align: left; }
.quotes td { background:#E4E4E4; color:#333; padding: 3px 6px; text-align: left; }
/* development */

.dev_image { width: 305px; height: 455px; float: left; margin-left: 15px; background:#E4E4E4 }
.dev_details { width: 235px; float: left; margin-top: 20px; margin-left: 15px; background:#E4E4E4 }
.dev_largeimage { width: 640px; float: left; margin-top: 20px; }