/*
 * @author Mike Stephens <dev@mikeyphp.co.uk>
 * @created 18/01/10
 * @client Sabbath Bicycles
 * @link http://www.sabbathbicycles.co.uk
 */

 /******************************
  * General Declarations
  ******************************/
 * { margin: 0px; padding: 0px; }
 html, body { background: #ffffff; text-align: center; background: #1a1a1a; }
 h1, h2, h3, h4, h5, h6, input, textarea, label, legend, select, p, address, li, a, blockquote, td, th { font-size: 10px; line-height: 18px; font-family: Verdana; color: #ffffff; }
 img { border: none; }
 a { text-decoration: underline; }
 a:hover { text-decoration: none; }
 a.selected { }
 a.anchor { text-decoration: none; visibility: hidden; }
 
 /* Firefox Hidden Inputs Fix */
 input[type="hidden"] { -moz-appearance: none; display: none; padding: 0; border: 0; cursor: auto; -moz-user-focus: ignore; -moz-binding: none; } 
 .hiddenFields { display: none; }

 /* Remove Firefox dotted link border */
 a:active { outline: none; }
 
 /* Remove Safari blue input border */
 * { outline: 0; }

 /* Control <li> content flow */ 
 ul { list-style-position: outside; }
 ol { list-style-position: inside; }
 
  /* Define text styles */
 h1 { color: #b3b3a1; font-size: 16px; font-weight: normal; margin: 0 0 20px 0; }
 h1.white { color: #ffffff; }
 h2 { color: #ffffff; font-size: 11px; font-weight: normal; }
 h2 a { }
 h3 { color: #b3b3a1; font-size: 9px; font-weight: normal; margin: 0 0 3px 0; }
 h3.em a { text-decoration: underline; }
 h3.em a:hover { text-decoration: none; }
 h3 a { }
 h4 { color: #ffffff; font-size: 11px; font-weight: normal; }
 h4 a { }
 h6, h5 { color: #b3b3a1; font-size: 15px; font-weight: normal; }
 blockquote { margin: 0 0 10px 0; font-size: 12px; font-style: italic; }
 
 /* Default Form Styles */
 form { margin: 5px 0 0 0; }
 form input, form select, form textarea { font-weight: normal; font-weight: normal; font-size: 11px; background: #ffffff; height: 18px; border: none; color: #1a1a1a; padding: 4px 7px; width: 278px; margin: 0 0 10px 0; }
 form textarea { width: 95%; height: 100px; }
 form input.half, select.half { width: 139px; }
 form input.btn { background: none; font-weight: normal; font-size: 15px; border: none; color: #b3b3a1; text-align: left; padding:0px; height: auto; }
 form input.btn { width: auto; margin: 10px 0 0 0; }
 form label.error { display: block; color: #ffffff; font-weight: normal; margin: 0 0 10px 0; }
 form.hdn { margin: 0px; padding: 0px; }
 form.frmDes { float: left; width: 130px; }
 form input.btnSubmit { cursor: pointer; background: url("/assets/image/btnSubmit.jpg") no-repeat; height: 15px; width: 62px;  }
 form input.btnNearestDealer { cursor: pointer; background: url("/assets/image/btnFindNearestDealer.jpg") no-repeat; height: 15px; width: 200px;  }
 form input.btnCustomFit { width: 92px; padding:0px; height: 16px; margin: 7px 0 3px 0;  }
 form input.btnSubmitToDealer { cursor: pointer; margin: 20px auto auto auto; background: none; width: auto; font-weight: normal; font-size: 15px; border: none; color: #b3b3a1; text-align: left; padding:0px; height: auto; }
 form input.btnSubmitPostCode { cursor: pointer; background: url("/assets/image/btnSubmit.jpg") no-repeat; height: 15px; width: 62px; margin: 10px 0 0 0; }
 form input.des { float: left;  }
 .box-wide h1 { float: left; }
 .box-wide input.half { width: 145px; float: right; }
 .box-wide p { clear: both; }
 
 /* Common page elements */
 .left { float: left; }
 .right { float: right; }
 .box, .box-wide { padding: 20px 0 20px 0; }
 .box p strong { color: #bfbfbf; font-weight: normal; }
 .lp { padding: 0 0 20px 0; }
 .lm { margin: 0 0 20px 0; }
 .content { margin: 20px 0 20px 0; padding: 20px 0 20px 0; }
 .content-less { margin: 20px 0 0 0; padding: 20px 0 0 0; }
 .caption { margin: 10px 0 10px 0; }
 .caption a { text-decoration: none; }
 .btn { margin: 10px 0 37px 0; padding: 15px 0 15px 0; border-bottom: 1px dotted #b3b3a1; }
 .btnLM { margin: 10px 0 17px 0; padding: 15px 0 15px 0; border-bottom: 1px dotted #b3b3a1; }
 .btn a { display: block; }
 form .mm { margin: 0 15px 0 0; }
 form .nm { margin: 0px; }
 .pageHeader { width: 916px; margin: 0 0 40px 0; padding: 20px 0 0 0; }
 .pmargin p { margin: 5px 0 10px 0; }
 .mt { padding: 25px 0 0 0; }
 .six-col.nm .btn { margin: 10px 0 20px 0; }
 .hr { width: 100%; height: 2px; border-bottom: 1px dotted #b3b3a1; margin: 20px 0; } 
 .des { margin: 0 0 38px 0; }
 .des p { margin: 10px 0 0 0; }
  
 /* Borders */
 .brdTop { border-top: 2px solid #b40020; }
 .brdBtm { border-bottom: 2px solid #b40020; }
 .brdDTop { border-top: 1px dotted #b3b3a1; }
 .brdDBtm { border-bottom: 1px dotted #b3b3a1; }
 .brdDBtmMax { border-bottom: 1px dotted #b3b3a1; }
 
 /* Define column widths */
 .one-col { width: 136px; float: left; margin: 0 20px 0 0; }
 .two-col, .two-col-wide, .box { width: 292px; float: left; margin: 0 20px 0 0; }
 .two-col-wide { width: 312px; margin: 0; }
 .three-col { width: 448px; float: left; margin: 0 20px 0 0; }
 .four-col, .four-col-wide, .box-wide { width: 604px; float: left; margin: 0 20px 0 0; }
 .four-col-wide { width: 624px; margin: 0; }
 .five-col { width: 760px; float: left; margin: 0 20px 0 0; }
 .six-col { width: 916px; float: left; margin: 0 20px 0 0; }
 .three-col.lm { margin: 0px; }
 
 /** Main Container **/
 #main-container { margin: auto; text-align: left; width: 950px; padding: 0 0 0 20px }
 
 /** Header **/
 #header { margin: 15px 0 20px 0; width: 916px; }
 #header ul { list-style: none; margin: 70px 0 0 0; width: 604px; float: left; }
 #header ul li { font-size: 11px; width: 84px; border-bottom: 1px dotted #b3b3a1; float: left; margin: 0 20px 0 0; }
 #header ul li a { font-size: 11px; display: block; text-decoration: none; padding: 2px 0 3px 1px; border-top: 2px solid #1a1a1a; color: #bfbfbf; }
 #header ul li a:hover, #header ul li a.selected { border-top: 2px solid #b40020; color: #ffffff; }
 #header ul li.last { margin: 0; }
 #header #logo { width: 292px; height: 54px; float: left; margin: 40px 0 0 20px; }
 
 /** Bread Crumbs **/
 #breadcrumbs { margin: 0 0 5px 0; }
 #breadcrumbs p { font-size: 9px; color: #bfbfbf; }
 #breadcrumbs p a { text-decoration: none; color: #bfbfbf; }
 #breadcrumbs p a.current { color: #ffffff; }
 #breadcrumbs p a:hover { text-decoration: underline; }
 
 /* Tables */
 table { border: none; padding: 0px; }
 table th.alt { color: #b3b3a1; }
 table th, table td { padding: 10px 0; border-bottom: 1px dotted #b3b3a1; }
 table th { font-size: 15px; padding: 15px 0 20px 0; text-align: left; visibility /*\**/: hidden\9 }
 
 /** Banners **/
 #banners { width: 916px; height: 352px; overflow: hidden; position:relative; }
 #banners img { width: 916px; }
 .fade img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
 .fade img.active { z-index:10; opacity:1.0; }
 .fade img.last-active { z-index:9; }

 /** Bike Categories **/
 .category { margin: 0 20px 20px 0; padding: 20px 0 20px 0; }
 .category ul { list-style: none; }
 .category ul li { float: left; width: 136px; height: 35px; }
 .category ul li a { color: #bfbfbf; text-decoration: none; padding: 2px 0; font-size: 11px; border-bottom: 1px dotted #b3b3a1; display: block; border-top: 2px solid #1a1a1a; }
 .category ul li a:hover, .category ul li a.selected { border-top: 2px solid #b40020; }
 
 /** Countries UL */
 ul.countries { list-style: none; float: left; width: 136px; }
 ul.countries.m { margin: 0 0 0 20px; }
 ul.countries li { height: 35px; }
 ul.countries li a { color: #bfbfbf; text-decoration: none; padding: 2px 0; font-size: 11px; border-bottom: 1px dotted #b3b3a1; display: block; border-top: 2px solid #1a1a1a; }
 ul.countries li a:hover, ul.countries li a.selected { border-top: 2px solid #b40020; }
 
 /** Products **/
 .product { padding: 0 0 20px 0; width: 292px; height: 158px; float: left; margin: 0 20px 0 0; }
 .product img { position: absolute; }
 .product div.img { position: relative; top: 0; left: 0; display: none; height: 168px; width: 326px; z-index: 1; }
 
 /** Items **/
 .item {  float: left; margin: 0 0 13px 0; }
 .item input { width: 13px; height: 13px; float: left; margin: 0 15px 0 0; }
 .item p { color: #bfbfbf; font-size: 10px; float: left; width: 210px; }
 .item p.full { width: 580px; }
 .ckhLng p { width: 240px; }
 .item p strong { color: #ffffff; font-weight: normal; }
 .item img { float: left; margin: 0 0 0 15px; height: 22px; width: 22px; }
 .item.mm { margin: 0 0 22px 0; }
 
 /** Item Small **/
 .item-small { float: left; margin: 10px 0 0 0; width: 145px; }
 .item-small input { width: 15px; height: 25px; float: left; margin: 0 15px 0 0; }
 .item-small p { color: #ffffff; font-size: 10px; float: left; width: 120px; clear: none; }
 
 /** Dealers **/
 .dealer { float: left; margin: 0 15px 20px 0; width: 292px; }
 .dealer input { width: 13px; height: 13px; float: left; margin: 0 15px 0 0; }
 .dealer p { color: #bfbfbf; font-size: 10px; float: left; width: 280px; }
 .dealer p a { text-decoration: none; }
 .dealer p strong { color: #ffffff; font-weight: normal; }
 .dealer h6 { margin: 20px 0 20px 0; }
 .dealer.lm { margin: 0 0 20px 0; }

 
 /** Feature Boxes **/
 #featureBoxes .bg, .product .bg { position: absolute; z-index: 1; margin: 0px; padding: 0px; height: 26px; background: #a09f92; width: 292px; -moz-opacity:0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; }
 #featureBoxes h1, .product h1 { position: absolute; z-index: 2; margin: 0px; color: #1a1a1a; padding: 4px 7px; width: 278px; border-bottom: 1px dotted #1a1a1a; }
 #featureBoxes h1.selected, .product h1.selected { background: #b40020; filter: alpha(opacity=100); opacity: 1.0; color: #ffffff; }
 #featureBoxes .box { width: 292px; height: 158px; margin: 20px 20px 0 0 !important; margin: 0 20px 0 0; padding: 0 0 20px 0; }
 #featureBoxes .box img { position: absolute; }
 #featureBoxes .box div.img { position: relative; top: 0; left: 0; display: none; height: 168px; width: 326px; z-index: 1; }
 
 /** Footer **/
 #footer { margin: 10px 0 0 0; width: 916px; height: 30px; padding: 5px 0 0 0; }
 #footer p { float: right; }
 #footer p.copy { float: left; }
 #footer p a { font-weight: bold; text-decoration: none; }
 #footer p a:hover { text-decoration: underline; }