/* 
    Document   : custom.css
    Created on : Aug 19, 2010, 11:47:22 PM
    Modified   : January 27, 2011 10:18:00 PM
    Author     : The Thinkery LLC
    Description: Style sheet for bikesale.com hipster theme
*/

/* @group Core Elements */
html {height: 100%; margin-bottom: 1px;}
body {text-align: center; margin: 0; background: #ffffff url(../images/build/header_bg.gif) top left repeat-x;}
form {margin: 0;padding: 0;}
div#wrapper{text-align: left; margin: auto; width: 962px;}
.page-body{background: #fff;}
.page-body-content{padding: 10px;}
td{font-family: Arial; font-size: 13px; color: #666666;} /* includes left column category cell*/
td a{color: #666666; text-decoration: none;}
td a:hover{color: #ff8b00;}
#ctl00_container{width: 100%;}
.reset-header{display: none;}
span.special, span.alert, #vk_banner{display: block; padding: 8px 10px 8px 36px; margin: 15px 0px; color: #ff0000; border: solid 1px #ff0000; border-width: 1px 0px; background: #ffd5d5 url(../images/build/special.gif) 10px 50% no-repeat;}
span.special a, span.alert a, #vk_banner a{display: block; color: #ff0000;}
span.green, h1.green, h2.green, h3.green{color: #666666 !important;}
span.red, h1.red, h2.red, h3.red{color: #ff8b00 !important;}
span.white, h1.white, h2.white, h3.white{color: #fff !important;}
a img{border: none;}
.custom-search{position: absolute; top: 10px; right: 10px;}
.custom-search input{background: #e2e2e2; border: solid 1px #beb9b1; margin-right: 3px;}

table.cart th{border-bottom: solid 1px #ccc;}
tr.cart-item{border-bottom: dashed 1px #ccc;}
table.prod-detail-next-prev{width: 100%;}
.prod-detail-next{text-align: right;}
.txtheader{text-transform: uppercase; font-weight: bold; margin-top: 10px; text-decoration: underline;}
.faqlist-questions{display: none;}
.fla-question, .faq-question a{color: #ffa302;}
.fla-question{font-weight: bold; font-size: 11px;}
.faq-separator{height: 10px;}
#faqlist-separator .faq-separator, #flq-separator .faq-separator{height: 1px;}
table.product-list-results-header, table.prod-detail-next-prev{border-bottom: double #f7f7f7; margin-bottom: 5px;}
table.product-list-results-header td{padding-bottom: 5px;}
input, select{font-size: 11px; border: solid 1px #dfddd6;}
.main-top-divider{background: #fff; padding: 10px 10px 0px 10px; position: relative;}
hr.divider{margin: 0; padding: 0; border: 0; background: #dfddd6; height: 1px;}
#main-header{position: relative; height: 97px; width: 100%; /* background: url(../images/build/header_bg_img.jpg) bottom right no-repeat; */}
#main-header-content{padding: 10px;}
#bsb-logo{position: absolute; top: 10px; left: 10px; background: url(../images/build/bsb_logo.png) no-repeat; height: 72px; width: 324px;}
.product-list-control{margin: 5px 0;}
.prod-detail-add{margin-left: 5px; vertical-align: bottom;}
.cart-update{margin-bottom: 5px;}
.cart-actions{padding-top: 10px;}
.cart-actions input{vertical-align: bottom;}
.category-list-item{position: relative; padding: 10px;}
.category-list-item-body{width: 210px; height: 131px; overflow: hidden;}
.category-list-item-head{position: absolute; bottom: 15px; left: 75px; color: #fff;}
.category-list-item h5, .category-list-item h5 a{margin: 0; padding: 0; color: #fff; font-size: 12px; display: block;}
.category-list-item h5 a:hover{color: #dafc06;}
/*.category-list-item-body img{width: 230px; margin-left: 3px;}*/
/* @end */

/* @group Left Column */
#ctl00_leftColumn{width: 235px; padding-right: 10px; vertical-align: top;}
#ctl00_leftColumn a:hover{}
.main-cat-img, .main-cat-img a{border: 0; margin-bottom: 10px;}
.mod-custom-button{border: 0; margin-bottom: 5px;}
/* @end */

/* @group Center Column */
div#ctl00_breadcrumb{font-size: 12px; border-bottom: dashed 1px #ccc; padding-bottom: 5px; width: 100%;} /* change breadcrumb font size here */
#ctl00_centerColumn{vertical-align: top; width: 100%;}
table.content{margin-top: 10px;}
/* @end */

/* @group Main Nav */
#main-nav{position: absolute; bottom: 7px; right: 10px; text-align: right;font-size: 11px;} /* added and adjusted font size for header nav after changing td font size */
#main-nav a{color: #3a3530; text-decoration: none; line-height: 20px; margin: 0px 5px;}
#main-nav a:hover{color: #ff8b00;}
#main-nav img{margin-bottom: -3px;}
/* @end */

/* @group Module Styles */
ul.module-list {margin: 10px 0 15px 0;padding: 0;}
ul.module-list li {list-style: none;margin: 0;padding: 0;float: none;}
ul.module-list span {display: block;height: 24px;}
ul.module-list a, ul.module-list li.selected span {display: block;line-height: 24px;text-indent: 25px;height: 24px;overflow: hidden;font-size: 110%;float: none; background: url(../images/build/readon.png) 10px 8px no-repeat;}
ul.module-list li.selected span, ul.module-list li.selected li.selected span, a#selected_menu.mainlevel, a#selected_menu.sublevel {font-weight: bold;}
ul.module-list li.selected li span {font-weight: normal;}
ul.module-list a:hover, a.mainlevel:hover, a.sublevel:hover, ul.module-list li.selected span {color: #ff8b00;}
ul.module-list ul {margin: 4px 0;}
ul.module-list ul li a {text-indent: 10px;}
ul.module-list ul a {background: none; text-indent: 0;}
ul.module-list ul {margin: 5px -15px; padding: 10px 0 10px 30px;}
ul.module-list ul ul {padding: 0; margin-left: 20px; background: none;}
ul.module-list li li {padding: 0;margin: 0;}
ul.module-list ul a {text-indent: 0;}
ul.module-list li.selected span, ul.module-list li.selected span:hover {text-decoration: none; line-height: 24px;}
ul.module-list li a:hover {text-decoration: none;}
ul.module-list li.selected ul {margin-top: 0;margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;}
/*ul.module-list li.selected span{text-decoration: none; line-height: 24px; color: #ff8b00; font-weight: bold;}*/

select.manufaturers-module-list{width: 215px; margin: 10px; font-size: 11px;}
/* @end */

/* @group Slideshow Styles */
#slide-header{width: 695px; padding: 0; margin: 0; position: relative; margin-bottom: 10px; background: #000; border: solid 2px #ff8b00;}
#slide-header a img {border: 0; margin: 0;}
div.slide-wrap {width: 695px; margin: 0 auto; text-align: left;}
div#slide-header div.slide-wrap {height: 309px;}
div#slide-header div#slide-holder {z-index: 40; width: 695px; height: 309px;}
div#slide-header div#slide-holder div#slide-runner {top: 0px; left: 0px; width: 695px; height: 309px; overflow: hidden; position: absolute;}
div#slide-header div#slide-holder img {margin: 0; display: none; position: absolute;}
div#slide-controls{left: 0; bottom: 0px; width: 695px; height: 40px; display: none; position: absolute; border-top: solid #000 25px; text-transform: uppercase; padding: 10px;}
div#slide-client{margin-top: -32px; margin-bottom: 10px;}
div#slide-nav {position: absolute; top: -20px; right: 10px;; height: 15px; display: inline; margin: 0 15px 0 0;}
div#slide-nav a {float: left; width: 15px; height: 15px; display: inline; font-size: 11px; margin: 0 5px 0 0; line-height: 15px; font-weight: bold; text-align: center; text-decoration: none; border: solid 1px #212121;}
div#slide-nav a.on {border: solid 1px #333;}
div#slide-nav a:hover{border: solid 1px #666;}
div#slide-client{font-size: 16px; font-weight: bold; color: #ccc;}
div#slide-desc{font-size: 11px; font-weight: normal; color: #fff; padding-right: 10px;}
/* @end */

/* @group Product List Display */
.product-list-item-container{vertical-align: top; text-align: center;}
.product-list-options{text-align: left;}
.product-list-options h5{font-size: 12px; margin-bottom: 5px;}
.product-list-item{padding: 5px; width: 215px; border-right: solid 1px #f7f7f7;}
.product-list-img{
        max-width: 215px;
        max-height: 215px;
        /*ie hack*/
        width:expression(this.width > 215 ? 215 : true);
        height:expression(this.width > 215 ? 215 : true);
        text-align: center;}
.product-list-price{margin-bottom: 10px;}
.product-list-msrp-label{font-size: 11px;font-weight: bold;} /* this is the msrp price label */ 
.product-list-cost-label{font-size: 13px;font-weight: bold;} 
.product-list-save-label{font-size: 12px;font-weight: bold;} 
.product-list-cost{font-size: 14px;font-weight: bold; color: #f18300} /* this is the your price label and value color */
.product-list-save{color: #8cb100; margin-top: 5px; font-style: italic;}
.product-list-msrp-value{font-size: 12px; color: #000;} /* this is the msrp value label */
.product-list-sale-label{font-size: 14px; color: #000;} /* this is the sale price label */
.product-list-sale-value{font-size: 15px; color: #ff0000;} /* and the sale price value */
/* @end */

/* @group simple modal window */
#basic-modal-content {display: none;}
#simplemodal-overlay {background-color: #000; cursor: wait;}
#simplemodal-container {height: 425px; width: 520px; color:#bbb; background-color: #333; border: 4px solid #9ec800; padding:10px;}
#simplemodal-container a.modalCloseImg {background:url(../images/build/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
/* @end */

/* @group nifty corners */
/* green */
div.niftygreen{ margin: 0; background: #9ec800;}
div.niftygreen div.nifty_content a{color: #fff; font-style: italic;}
b.rtopgreen b, b.rbottomgreen b{display:block;height: 1px; overflow: hidden; background: #9ec800;}
/* grey */
div.niftygrey{ margin: 0; background: #999999;}
div.niftygrey div.nifty_content a{color: #ff8b00; font-style: italic;}
b.rtopgrey b, b.rbottomgrey b{display:block;height: 1px; overflow: hidden; background: #999999;}

b.rtopgreen, b.rbottomgreen,
b.rtopgrey, b.rbottomgrey{display:block;background: #fff;}
b.rtopgreen b.r4, b.rbottomgreen b.r4,
b.rtopgrey b.r4, b.rbottomgrey b.r4{margin: 0 1px; height: 2px;}
div.nifty_content{padding: 10px;}
div.nifty_content h3{margin: 0; text-transform: uppercase;}
div.nifty_content a:hover{color: #000;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
/* @end */

/* @group footer styles */
div#main_footer{background: #999999;}
div#main_footer_content{padding: 10px;}
div#main_footer_content a{color: #3a3530;}
div#main_footer_content a:hover{color: #736c65;}
div#main_footer_content ul{margin: 10px 0 15px 0;padding: 0;}
div#main_footer_content ul li {list-style: none;margin: 0;padding: 0;float: none;}
/* @end */

/* @group cloudzoom */
.cloud-zoom-lens {border: 1px solid #888; margin:-1px;	/* Set this to minus the border thickness. */ background-color:#fff; cursor:move;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px;}
.cloud-zoom-big {border:1px solid #ccc; overflow:hidden;}
.cloud-zoom-loading {color:white; background:#222; padding:3px;	border:1px solid #000;}
.zoom-small-image{float: left; margin-bottom: 20px; border: 1px solid #f7f7f7;}
/* @end */

/* @group product details */
table.prod-detail{margin-top: 10px;}
td.prod-detail-desc{border-top: solid 4px #ccc;}
td.prod-detail-rt{padding-left: 10px; vertical-align: top;}
fieldset{border: solid 1px; border-color: #ccc #f7f7f7 #f7f7f7 #f7f7f7; background: url(../images/build/fs_bg.jpg) bottom left repeat-x; margin-bottom: 5px;}
fieldset legend{font-weight: bold;}
.prod-list-item{padding: 5px; border-bottom: dotted 1px #ccc;}
.text{font-size: 14px;}/* change font size for long product description*/
.prod-detail-msrp-label,
.prod-detail-cost-label,
.prod-detail-save-label{font-weight: bold;}
.prod-detail-msrp-label{}
.prod-detail-cost-value{font-size: 14px ;font-weight: bold; color: #ff8b00;}
.prod-detail-save-label, .prod-detail-save-value{color: #8cb100; font-style: italic;}
.prod-detail-sale-label{font-size: 14px; color: #000;} /* this is the sale price label */
.prod-detail-sale-value{font-size: 15px; color: #ff0000;} /* and the sale price value */
h3.prod-detail-header{color: #ff8b00; padding: 2px 0px; border-bottom: solid 1px #444;font-size: 15px;} /* change font size for maroon header*/
.personalization-questions select{width: 350px;}
.personalization-question{margin-bottom: 5px;}
.personalization-answers{}
.personalization-question-label{font-weight: bold; color: #ff8b00;}
td.prod-detail-lt{width: 425px;}

/* tabs */
ul.hiptabs {margin: 0; padding: 0;	float: left; list-style: none; height: 32px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%;}
ul.hiptabs li {float: left; margin: 0; padding: 0;	height: 31px; line-height: 31px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative;background: #e0e0e0;}
ul.hiptabs li a {text-decoration: none;color: #000; display: block; font-size: 1.2em;	padding: 0 20px; border: 1px solid #fff; outline: none;}
ul.hiptabs li a:hover {background: #ccc;}
html ul.hiptabs li.active, html ul.hiptabs li.active a:hover  { background: #fff;	border-bottom: 1px solid #fff;}
.tab_container {border: 1px solid #ccc; border-top: none; overflow: hidden; clear: both; float: left; width: 100%;	background: #fff;}
.tab_content {padding: 0 20px 20px 20px; font-size: 1.2em;}
/* end tabs */
/* @end */

.matrix_red{padding: 5px 10px; background: url(../images/build/matrix_bg_red.gif) top left repeat-x; color: #fff; font-weight: bold; font-size: 18px;}

.mailing-list-module label{font-weight: bold; font-size: 11px;}
.mailing-list-module table label{font-weight: normal; font-size: 10px;}
.mailing-list-module input{border: solid 1px #7a872a;}

/*new*/
fieldset.prod-detail-fs{border-top: solid 1px #ff8b00 !important; padding-top: 10px !important;}