/**********************
 *
 *  styles.css
 *  
 *  OCS v3.0 website styles
 *  default + reset styles:Bootstrap v2.3.2
 *
 *  fixed      :12-cols @940px
 *  responsive :12-cols @1170px
 *
 *
 *  RichardG <richard.g@onlinecarstereo.com>
 *  07.22.2013
 * 
 */

 /*
 *  REFERENCES:
 *
 *  IE11 emulation-mode gotchas - http://www.impressivewebs.com/ie11-emulation-conditional-comments/
 *
 *  checkbox  - http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/
 *            - http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
 *            
 *  selectbox - http://www.roblaplaca.com/docs/custom-selectbox/
 *            - http://dev.bergqvi.st/styling-a-select-box-with-css-revisited
 *            - http://bavotasan.com/2011/style-select-box-using-only-css/
 *            - http://adam.co/lab/jquery/customselect/ - use this
 *
 *  body {
 *      color: red;        - all browsers
 *      color: green\9;    - IE8 and below 
 *      *color: yellow;    - IE7 and below 
 *      _color: yellow;    - IE6   
 *   } 
 *
 *  iOS Resolutions:  http://www.iosres.com/, http://www.iphoneresolution.com/
 *  mobile devices:   http://cartoonized.net/cellphone-screen-resolution-by-size.php?size=480+x+800
 *
 *  CHECKS: http://csslint.net/
 */

/**
'''''''''''''''''''''''''''''''''''''''
'           WEBSITE COLORS            '
'''''''''''''''''''''''''''''''''''''''
body                            #787878
heading - h1, h2                #363C3F
links                           #1787DB (Blue)
links:hover                     #005580 (Dark Blue)
paragraph                       #787878
span, inputs                    #787878
'''''''''''''''''''''''''''''''''''''''

'''''''''''''''''''''''''''''''''''''''
'             FONT SIZE               '
'''''''''''''''''''''''''''''''''''''''
body                               12px
heading                            26px
sub-heading                        20px
links                              12px
paragraph                          12px
span                               12px   
'''''''''''''''''''''''''''''''''''''''

**/

body {color:#787878;font:normal 12px/1.2 Arial,Tahoma,sans-serif}
ul {list-style:none}
p {line-height:1.5}
ul, li, input, p {color:#787878}
select {color:#000;font-size:12px}
table {width:100%}

h1, h2 {color:#363C3F}
h1 {font-size:26px}
h2 {font-size:20px}
h3 {font-size:16px}
h1, h2, ul, label {margin:0}
	
a, a:hover {color:#1787DB;text-decoration:none}
a:focus, input:focus, textarea:focus, button {outline:none}

#top-bar {background:#43454B;padding:8px 0}
#members, #members a, #members span {color:#FFF}
#members a {font-size:16px}

#header-print {display:none}
#header-info, #header-info-checkout {margin:24px 0 0 0;text-align:right}
#header-cart {width:190px}
.logo, .logo-checkout {padding:18px 0}
/*.logo-checkout {padding:18px 0}*/
.typeahead {text-align:left;z-index:9999}

#categories-menu {background:url('../images/img-menu-separator.png') center right no-repeat;height:46px}
a.category-menu {color:#FFF;font-size:18px;position:relative;top:14px}
#site-menu {background:url('../images/bg-menu.jpg') 0 0 repeat;position:relative;z-index:3000;height:46px} 
.menu-toggle-button {color:#FFF !important;font-size:16px}
.menu-toggle-button, .menu-toggle-button.active {margin:0 0 0 10px}
a.menu-link {font-size:16px;margin:0 14px;padding:13px 0 11px 0!important;text-transform:uppercase}
li.home-link {text-align:left}
.dn-spacer {width:324px}

ul#specials-menu {
    background:#000 url("../images/bg-flexnav.png") repeat scroll 0 0;
    border-top:4px solid #F67604;opacity:0.95;padding:2px 0;width:200px;
    -webkit-box-shadow:0 2px 10px rgba(40, 40, 40, 0.8);
           -moz-box-shadow:0 2px 10px rgba(40, 40, 40, 0.8);
                box-shadow:0 2px 10px rgba(40, 40, 40, 0.8);
    -webkit-border-radius:0 0 2px 2px;
       -moz-border-radius:0 0 2px 2px;
            border-radius:0 0 2px 2px;
}
ul#specials-menu a {border-bottom:1px solid #686D6F;font-size:14px;margin:0 12px;width:176px;padding:6px 0!important} 
ul#specials-menu a.last, .menu-toggle-button, .menu-toggle-button.active {border:0}
span.menu-expand {display:none}	

/* DaisyNav overrides */
ul.menu-list>li, ul.menu-list>li>ul {border:0;margin:0}
ul.menu-list li a {font-weight:normal;color:#FFF;padding:0}
ul.menu-list li:hover, ul.menu-list>li>ul>li, ul.menu-list>li>ul>li:hover {background:none}
ul.menu-list li.has-submenu>a>span.menu-expand {font-size:0.8em!important;padding:0!important}
ul.menu-list li.child-cat {font-size:14px;font-weight:bold}
ol.daisy {font-size:12px;list-style:none}
ol.daisy li a:hover {color:#F67604}
/**/	

#breadcrumbs {
    background:#F3F5F6;height:25px;margin:12px 0;position:relative;
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}
#breadcrumbs a, span.current-page {font-size:11px;float:left;line-height:25px;margin:0 8px;text-decoration:none}
#breadcrumbs a {color:#F67604}
span.arrow-right {background:url('../images/img-bc-arrow.jpg') 0 0 no-repeat;display:block;float:left;height:25px;width:18px}
#slider-bar, .slider-bar {background:url('../images/img-slider-border.jpg') 0 0 repeat-x;height:8px;display:none}
#why-ocs {background:url('../images/bg-whyOCS.jpg') 0 0 repeat;margin:36px 0;height:190px;width:100%}
#why-ocs img.title {margin:24px 0}
#why-ocs a {background:url('../images/sprite-why-ocs.png') no-repeat top left;color:#787878;display:block;margin:0 auto;height:90px}
#why-ocs a:hover {color:#F67604}
#why-ocs span {display:block;height:32px;font-size:18px;text-align:center;position:relative;top:62px;width:170px;left:-58px}
#why-ocs a.y1 {background-position:0 0;width:52px}
#why-ocs a.y1:hover{background-position:-62px 0}
#why-ocs a.y2 {background-position:-124px 0;width:52px} 
#why-ocs a.y2:hover {background-position:-185px 0} 
#why-ocs a.y3 {background-position:-246px 0;width:53px} 
#why-ocs a.y3:hover {background-position:-309px 0} 
#why-ocs a.y4 {background-position:-372px 0;width:56px} 
#why-ocs a.y4:hover {background-position:-438px 0} 
#why-ocs a.y5 {background-position:-504px 0;width:74px} 
#why-ocs a.y5:hover {background-position:-587px 0}
#why-ocs a.y5 span {left:-50px}
#why-ocs a.y6 {background-position:-670px 0;width:52px} 
#why-ocs a.y6:hover {background-position:-726px 0}
#why-ocs ul {text-align:center}
#why-ocs ul li {display:inline-block;margin:0 66px}

/** Bootstrap overide  **/
#why-ocs .popover {border-bottom:4px solid #248FDF !important}
#why-ocs .popover-content {font-size:11px;padding:12px !important}
#why-ocs .popover .arrow {border:0;margin-left:0}
#why-ocs .popover .arrow:after {border-top-color:#248FDF !important}
#why-ocs .popover.top {margin-top:-4px!important}

#quote {
    border:1px solid #E0E0E0;margin:0 0 32px 0;
    -webkit-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
       -moz-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
            box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);    
}
#quote img {float:left;margin-right:18px}
#quote p {font-size:14px;line-height:1.3;padding:18px 18px 0 18px}
#quote a span {font-size:20px;color:#363C3F}

/* Newsletter sign-up box on home page */
#newsletter-box {text-align:center}
#newsletter-register {text-align:left}
form#LeftNavNewsletter {position:relative}
input.newsletter-box-email {background:#FCFCFC;color:#787878;height:39px;padding:0 0 0 12px;margin:0 -4px 0 -42px}
input.newsletter-box-submit {background:url('../images/img-newsletter-submit.jpg') 0 0 no-repeat; border:none;border-style:none;height:44px;position:absolute;top:0;width:41px}
/**/

#rc-testimonials {margin-bottom:12px}
#promotions {width:100%}
#promo, #promo-banner {text-align:center}
#promo-banner img {/*width:1198px;height:215px;max-width:1198px;*/margin-left:-14px} /* Bootstrap + responsive override */
#promo-banner img.loading {height:128px !important;width:128px !important}
#footer-info {display:none}
#footer {background:url('../images/bg-footer.jpg') 0 0 repeat;margin-top:32px;padding:12px 0;text-align:left;width:100%}
#footer a {color:#BEBFC3;font-size:11px}
#sub-footer {background:#3A3C42;color:#595B61;font-size:11px;line-height:40px;width:100%}
#sub-footer p {margin:12px 0}
#sub-footer ul {margin:4px 0 0 0;text-align:right}
h1.footer {color:#FFF;font-size:17px;margin-top:12px}
h1.newsletter, h1.phone {font-size:20px}
h1.phone {color:#43454B}
h1.phone {background:url('../images/img-phone.jpg') 0 3px no-repeat;margin:0 0 0 80px}
h1.phone {width:180px\9;margin:0 0 0 82px\9} /* IE8 and below */

#home-slide-fit-container { background:url('/content/images/bg-home-slider.jpg') 0 0 repeat-x}
#home-fit-guide select { width:97%; }

#vfg-container { padding:5px;}
#vfg-container img {margin-bottom:5px;}

/***************************************
Category page  -  CarAudio/Category.aspx
***************************************/
#categories {margin:12px 0 0 0}
#categories .h-space {border-right:1px solid #E4E4E4;height:68px;margin:0 0 0 -1px}
#categories p {font-size:12px;line-height:1.5;height:68px;overflow:hidden}
h1.cat-name {float:left}
h2.cat-name {font-weight:normal!important;font-size:14px!important;text-align:center;height:38px;overflow:hidden}
#category-bar {background:url('../images/img-slider-border.jpg') 0 0 repeat-x;height:8px;margin:12px 0 28px 0}
.category {
    /*border:1px solid #E0E0E0;margin:0 0 32px 0;
    -webkit-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
       -moz-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
            box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
            */
}
.category-name {height:45px;overflow:hidden}
.category-name a {color:#1787DB;font-size:18px;line-height:45px;margin:0 0 0 12px;text-decoration:none}
.category-thumbs {
    /*background:url('../images/bg-topsellers-thumbs.jpg') top left repeat-x;*/
    height:170px;line-height:170px;/*padding:12px 0 0 0;*/text-align:center
 }
 .category-description {/*background:pink;*/font-size:12px;line-height:1.5;/*height:90px;*/overflow:hidden;/*padding:0 24px*/text-align:justify}
 .category-shop-now {
    /*background:url('../images/bg-category-shop-now.jpg') 0 0 repeat-x;
    height:41px;*/
    margin:18px 0 0 0;text-align:center;
    -moz-border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px
}
img.category-shop-now-text {margin:11px 0 0 0;width:98px}
/***************************************/

/***************************************
Authorized Dealer  page  -  CarAudio/AuthorizedDealers.aspx
***************************************/
.dealer {
    border:1px solid #E0E0E0;margin:0 0 32px 0;
    border-top:3px solid #F67604;
    -webkit-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
       -moz-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
            box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
}
.dealer-name {height:45px;overflow:hidden}
.dealer-name a {color:#1787DB;font-size:18px;line-height:45px;margin:0 12px;text-decoration:none}
.dealer-thumbs {
    background:url('../images/bg-topsellers-thumbs.jpg') top left repeat-x;
    height:170px;line-height:170px;padding:12px 0 0 0;text-align:center;overflow:hidden
 }
 .dealer-description {font-size:12px;line-height:1.5;height:50px;overflow:hidden;padding:24px}
 .dealer-website {
    height:41px;margin:18px 0 0 0;text-align:center;
    -moz-border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px
}
/***************************************/

/***************************************
Brands/Manufacturers page  -  CarAudio/Manufacturers.aspx
***************************************/
span.brand-name {color:#363C3F}
/***************************************/

/***************************************
Car Specific List page  -  CarAudio/CarSpecificList.aspx
***************************************/
p.carspecificlist {float:left;margin:8px;width:48%}
span.carspecificlist-thumbs {border:1px solid #E0E0E0;display:block;float:left;margin:0 12px 0 0;padding:4px;height:65px;width:65px}
span.carspecificlist-name {float:left;margin-top:28px}
/***************************************/

/***************************************
Product List page  -  CarAudio/ProductList.aspx
***************************************/
#productlist {margin:12px 0}
#productlist .h-space {border-right:1px solid #E4E4E4;height:68px;margin:0 0 0 -1px}
#productlist p {font-size:12px;line-height:19px;height:68px}
h1.list-name {float:left;margin:0}
span.category_desc {line-height:18px}
#attributeFilter a.filter {display:none}
#AttributeContainer {display:block}

#specials-banner .clearance,
#specials-banner .hotdeals,
#specials-banner .newarrivals,
#specials-banner .onsale,
#specials-banner .bestsellers,
#specials-banner .newlyreduced,
#specials-banner .reconditioned {background-position:0 0;background-repeat:repeat-x;height:76px;margin:8px 0}
#specials-banner .clearance {background-image:url('../images/bg-clearance-banner.jpg')}
#specials-banner .hotdeals {background-image:url('../images/bg-hotdeals-banner.jpg')}
#specials-banner .newarrivals {background-image:url('../images/bg-new-arrivals-banner.jpg')}
#specials-banner .onsale {background-image:url('../images/bg-onsale-banner.jpg')}
#specials-banner .bestsellers {background-image:url('../images/bg-bestsellers-banner.jpg')}
#specials-banner .newlyreduced {background-image:url('../images/bg-newly-reduced-banner.jpg')}
#specials-banner .reconditioned {background-image:url('../images/bg-reconditioned-banner.jpg')}
#specials-banner h1 {color:#FFF;line-height:76px;margin-left:24px}
#specials-banner .hotdeals img {margin-top:-8px}
#specials-banner .bestsellers img {margin-top:-9px}
.list-pager {background:#F3F5F6;margin-bottom:20px}
select#ddlSort, select#ddlSort2 {width:180px}
select#ddlPager, select#ddlPager2 {width:100px}
.select-wrapper {line-height:34px;padding:8px 0;height:34px;margin:0 0 0 12px;width:100%}
.pages {float:right;margin:0 12px 0 0;padding:8px 0}
.pages a.pageNumbers {color:#1787DB !important;float:left;font:normal 15px/1 'Montserrat Bold',Arial,sans-serif;margin:10px 8px 0 8px}
.pages a.current {color:#B5B8C0 !important}
.pages a.prev-page, .pages a.next-page {background-repeat:no-repeat;background-position:center center;display:block;float:left;height:33px;width:35px}
.pages a.prev-page {background-image:url('../images/img-pager-left.png')}
.pages a.next-page {background-image:url('../images/img-pager-right.png')}
#divPagerTop, #divPagerBottom {height:33px;margin:0 auto}
.list-item {margin:0 0 16px 0;position:relative}
.list-product-name {color:#1787DB !important;font-size:20px;display:block;margin-top:4px}
.list-product-description {font-size:12px;display:block;height:40px;overflow:hidden}
.list-product-price {/*color:#F67604;*/color:#787878;font-size:20px}
.list-product-compare {font-size:18px;line-height:1}
.list-product-name, .list-product-description, .list-product-price {line-height:1.5}
.list-col1, .list-col2, .list-col3, .list-col4 {display:table-cell;height:134px;vertical-align:middle;width:100%} 
.list-col1, .list-col4 {width:20%;text-align:center}
.list-col2 {width:45%;padding:0 16px 0 0}
.list-col3 {width:15%;background:url('../images/bg-compare.jpg') center center no-repeat;height:106px;padding:0 12px}
/***************************************/

/***************************************
Product Detail page  -  CarAudio/ProductDetail.aspx
***************************************/
#frmProductDetails {margin:8px 0 0 0}
#product-detail-tabs {margin:24px 0}
#divProdDesc, #divProdSpecs, #divFeatures, #divProdWarranty, #divProdReviews, #divProdVideos {padding:24px}
#divProdSpecs li, #divFeatures li {list-style-image:url('../images/img-orange-dot.jpg');list-style-position:inside}
#related-products {overflow:hidden;height:460px}
#lblReview a {text-decoration:underline}
h2.related {color:#363C3F;font-size:26px;text-align:center}
.related-line {background:url('../images/bg-related-line2.jpg') 0 0 repeat-x;height:4px;width:100%;text-align:center}
.related-line img.notch {margin:0 auto;width:25px}
.related-product-item {border-right:1px solid #E0E0E0;float:left;height:356px;margin:40px 0 20px 0;padding:0 23px;text-align:center;width:21%}
.related-product-item:nth-child(4n+2) {border-right:none}
.related-product-thumbs {margin:0 auto;height:170px;line-height:170px}
.related-product-title h2 {font-size:20px;font-weight:normal;height:20px;line-height:20px;overflow:hidden;/*position:relative*/}
.related-product-description {line-height:18px;font-size:12px;height:36px;margin:12px 0;overflow:hidden;text-align:left}
.related-product-price {font-size:24px;float:left}
.related-product-buy {float:right}
.related-product-title h2 {color:#1787DB}
.related-product-price {color:#333}
li#liProdComments {position:relative}
li#liProdComments a {padding:8px 16px 8px 0 32px !important}
li#liProdComments img {position:absolute;top:6px;left:8px;margin:0 12px 0 0}
span.promo-clearance {display:block;background:url('../images/img-clearance.jpg');height:21px;width:85px;float:left}
span.promo-hotdeal {display:block;background:url('../images/img-hotdeal.jpg');height:21px;width:75px;float:left}
span.promo-onsale {display:block;background:url('../images/img-onsale.jpg');height:21px;width:66px;float:left}
ul.hand-bullet-list li{
    background: url('/Content/images/hand-right-128.png') no-repeat top left;
    margin: 0;
    padding: 5px 0 4px 32px;
    list-style: none;
    font-size:14px;
}
.product-specs-table { font-size:14px;}
.product-specs-table thead { background-color:#0159A1;color:#fff }
.product-specs-table th { font-size:15px}
.product-specs-table>tbody>tr:nth-child(odd)>td { background-color:#DEEFFD}
/***************************************/

/***************************************
Product Review page  -  CarAudio/ProductReview.aspx
***************************************/
#divReviewThumbs {margin:0 auto;height:160px;line-height:160px;width:160px;overflow:hidden}
h2.review-prod-title {color:#1787DB;font-size:20px;font-weight:normal;line-height:1;margin:10px 0 4px 0}
#spanDescription {border:1px solid #E0E0E0;border-width:1px 0;padding:12px 0;margin:0 0 12px 0}
span.review-prod-price {/*color:#F67604;*/color:#787878;font-size:20px;line-height:1}
#divReviewAverageRating {text-align:right}
.reviews-list-header {
    background:url('../images/bg-att-filter.jpg') 0 0 repeat-x;border:1px solid #444;height:32px;margin-top:24px;width:100%;text-align:center;
     -moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
.reviews-list-header span {color:#FFF;display:block;padding:8px 0 0 0}
.product-review {border:1px solid #E0E0E0;border-width:0 1px 1px 1px}
.product-review-left, .product-review-right {padding:16px}
#divReviewForm {margin:24px 0}
.submit-review, a.review-guidelines {float:left}
a.review-guidelines {margin:14px 0 0 8px}
/***************************************/

/***************************************
Product Comparison page  -  CarAudio/CompareItems.aspx
***************************************/
#compare {overflow-x:auto;overflow-y:hidden}
#dgCompare td {padding:8px}
.compare-title {font-weight:bold}
.compare-left-col {background:url('../images/bg-cart-header.jpg') 0 0 repeat;font-weight:bold}
.compare-prod-item {text-align:center}
.compare-prod-item a {font-size:19px}
.compare-prod-item td.row1 {height:80px;min-height:80px;overflow:hidden;vertical-align:top}
.compare-prod-item td.row2 {height:80px;min-height:80px}
.compare-prod-item span.shipping {}
.legend {float:left;margin:12px 0;padding:0;width:100%}
.legend li {float:left;height:32px;margin:0 12px 0 0;padding:0 0 0 24px;line-height:32px}
li.yes {background:url('../images/img-compare-yes-small.jpg') 0 center no-repeat}
li.no {background:url('../images/img-compare-no-small.jpg') 0 center no-repeat}
li.q {background:url('../images/img-compare-q-small.jpg') 0 center no-repeat}
/***************************************/

/***************************************
Search Results page  -  CarAudio/ProductSearch.aspx
***************************************/
#search-results {padding:12px 0}
input.google-search {margin-bottom:0}
.btn-google-search {background:url('../images/img-google-search.jpg') 0 0 no-repeat;border:0;height:31px;width:68px !important}
#divUseGoogleSearch {text-align:left}
#divSearchResults {
      border:1px solid #E0E0E0;
    -webkit-box-shadow: 1px 1px 3px rgba(224, 224, 224, 0.8);
       -moz-box-shadow: 1px 1px 3px rgba(224, 224, 224, 0.8);
            box-shadow: 1px 1px 3px rgba(224, 224, 224, 0.8);
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
}
.search-text {color:#1787DB}
#AlternateSearchResults_List {float:left;margin:32px 0}
#AlternateSearchResults_List a {
    background:#e4e6ea;color:#787878;padding:4px 8px;float:left;margin:4px 8px 4px 0;
        -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
#divSearchResultsHeader {background:url('../images/bg-cart-header.jpg') 0 0 repeat-x;height:32px;}
.search-head-col1,.search-head-col2,.search-head-col3,.search-head-col4 {float:left;padding:8px 0;text-align:left}
.search-head-col1 {width:16%}
.search-head-col2 {width:50%}	
.search-head-col3 {width:18%}	
.search-head-col4 {width:14%}
.search-list-col1, .search-list-col2, .search-list-col3, .search-list-col4 {display:table-cell;padding:8px 0;vertical-align:middle}
.search-list-col1 {width:10%;text-align:center}
.search-list-col2 {width:36%;text-align:left}
.search-list-col3 {width:12%;text-align:left}
.search-list-col4 {width:10%;text-align:center;padding-right:8px}
#divSearchResultsList {padding:12px 24px}
/***************************************/

/***************************************
Shopping Cart page  -  CarAudio/ShoppingCart.aspx
[For 1200 > screens]
***************************************/
h1.cart-title {margin-top:12px}
#cart-header {background:url('../images/bg-cart-header.jpg') 0 0 repeat-x;height:30px}
.cart-head-desc, .cart-head-price, .cart-head-qty, .cart-head-total, .cart-head-delete {float:left;font-size:11px;font-weight:bold;line-height:28px;text-align:center}	
.cart-head-desc {width:52%}
.cart-head-price, .cart-price {width:15%}
.cart-head-qty, .cart-quantity {width:11.5%}
.cart-head-total, .cart-total {width:15%}
.cart-head-delete, .cart-delete {width:6%}
.cart-products {border-bottom:1px solid #E0E0E0;width:100%;height:100%;display:table;float:left}
.cart-description, .cart-price, .cart-quantity, .cart-total, .cart-delete {border-right:1px solid #E0E0E0;padding:4px;display:table-cell;height:100%;vertical-align:middle;text-align:center}
.cart-delete {border:none}
.cart-description {padding:4px;width:590px}
.cart-description-thumbs {text-align:center;height:100px;line-height:100px;width:100px}
.cart-description-text {margin-top:18px;text-align:left;width:76%}
.cart-description-link {display:block;font-size:20px;line-height:1.2;margin:0 0 12px 0}
.start-shopping {background:url('../images/img-start-shopping.jpg') center center no-repeat;border:0;height:44px;width:180px !important}

/* Warranty-box */
.protect-header {
    background:url('../images/bg-cart-header.jpg') 0 0 repeat-x;height:28px;position:relative;
    -webkit-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
        border-radius:6px 6px 0 0;
}
.protect-header span { /* (+/-) */
    background:url('../images/cps-logo.png') 4px -2px no-repeat;
    float:left;font-weight:bold;margin:0 0 0 8px;padding:2px 0 2px 24px
}
a.warranty-show-hide {
    background:url('../images/img-warranty-control.png') right -17px no-repeat;
    display:block;height:16px;width:99%;position:relative;top:6px;right:6px;float:right
}
.warranty-content {background:#FFF}
.panel-warranty {display:none}
.panel-warranty p {border-bottom:1px solid #E0E0E0;padding:8px 12px;text-align:left}
a.cart-more-info {float:right}
a#lbRemoveWarranty, a#lbUpdateQty {font-weight:normal;border-bottom:1px solid #1787DB;width:40px}
#panelSelectedWarranty {padding:8px 0 8px 12px;text-align:left;font-weight:bold;border:1px solid #EEE;border-width:0 1px 1px 1px}
ul.warranty-list {width:100%}
ul.warranty-list li {float:left;margin:0 0 4px 0;width:32%}
ul.warranty-list li label {display:inline-block}
.cart-clearance, .cart-onsale, .cart-hotdeal {color:#43454B;display:block;font-size:15px;margin:0 0 12px 0}
.cart-price, .cart-total {font-size:20px}
#txtQuantity {background:#FCFCFC;color:#787878;font-size:15px;height:24px;text-align:center;width:60%}
#cart-footer {display:none;margin:8px 0}
#cart-footer span {color:#43454B;font-style:italic;font-size:17px;line-height:36px;margin:0 0 0 12px}
#txtCoupon {padding:3px 8px;margin-bottom:1px !important;width:120px}
.btn-cart-update, .btn-coupon-apply {border:none;height:32px;width:86px !important;}
.btn-cart-update {background:url('../images/img-cart-update-small.jpg') 0 0 no-repeat;float:right;margin:4px 12px 0 0}
.btn-coupon-apply {background:url('../images/img-apply-gray.jpg') 0 0 no-repeat}	
#coupons {margin-top:24px}
h2.coupon-code {font-size:16px}

#item-totals {margin-top:8px}
#item-totals td {text-align:right;padding:2px 0}
#item-totals hr {margin:2px 0 !important}
.subtotal {color:#6B747C;font-size:16px}
.total {color:#F67604;font-size:22px}

#cartButtons {background:url('../images/bg-cart-checkout.jpg') 0 0 repeat-x;height:42px;padding:8px 0;margin:12px 0 24px 0}
a.continue-shopping {font-size:20px;margin:0 12px 0 0;line-height:42px;text-transform:uppercase}
.btn-cart-checkout, .btn-cart-checkout2 {border:none;background:url('../images/btn-checkout-blue.png') 0 0 no-repeat;float:right;height:46px;width:180px !important}
.btn-cart-checkout {margin:0 16px 0 0}
.btn-cart-checkout2 {margin:-8px 0 0 0}
p.confidence-links {color:#E0E0E0;margin:8px 0 0 0}
p.confidence-links a {font-size:11px}
p.add-more {color:#468847}	
#divCartActions, h2.alt-payments {text-align:right}
h2.alt-payments {color:#363C3F;font-size:20px;width:100%}
#intl-chkout, #manual-order-form {margin-top:6px;float:right}
#manual-order-form p {line-height:1.2}

/* Cross-Shop */
#cross-shop-products {margin:64px 0 32px 0;width:100%;overflow:hidden;position:relative}
#cross-shop-products h1, .cross-shop-line, .cross-shop-product-item {text-align:center}
.cross-shop-product-title h2 {color:#1787DB}
.cross-shop-product-price {color:#333}
.cross-shop-line {background:url('../images/bg-related-line2.jpg') 0 0 repeat-x;height:4px;width:100%}
.cross-shop-line img.notch {margin:0 auto;width:25px}
#cross-shop-items {overflow:hidden;width:100%}
.cross-shop-product-item {position:relative;float:left;overflow:hidden;height:auto;margin:40px 0 20px 0;width:280px}
.cross-shop-product-thumbs {height:100px;line-height:100px;vertical-align:middle}
.cross-shop-product-thumbs img {margin:0 auto;display:inline-block !important}
.cross-shop-product-title h2 {font-size:20px;font-weight:normal;height:20px;line-height:20px;overflow:hidden}
.cross-shop-product-description {line-height:18px;font-size:12px;height:32px;margin:12px;overflow:hidden;text-align:center}
.cross-shop-product-price {font-size:24px;float:left;line-height:40px;margin-left:12px}
.cross-shop-product-buy {float:right;margin-right:12px}

/*  Related Categories  */
#related-categories {margin-top:0}
#related-categories a {font-size:16px;float:left;margin:12px 12px 12px 0}
#related-categories a:hover {text-decoration:underline}
h2.related-categories {color:#363C3F;font-size:26px;text-align:left}
/***************************************/

/***************************************
Car Fit Guide page  -  CarAudio/CarFitGuide.aspx
***************************************/
#divTrail {border-bottom:1px solid #E0E0E0;color:#363C3F;font:normal 18px/1.2 'Bebas Neue',Arial,sans-serif;margin:24px 0;text-transform:uppercase}
#divCarFitGuide h4 {color:#363C3F;font-size:26px;text-align:center}
table#carSpeakers {
    border:1px solid #E0E0E0;margin-bottom:46px;width:100%;
    -webkit-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
       -moz-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
            box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
}
table#carSpeakers th {background:url('../images/bg-cart-header.jpg') 0 0 repeat-x;color:#363C3F;height:26px}
table#carSpeakers .sp-location {width:40%;text-align:center}
table#carSpeakers .sp-size {width:30%;text-align:center}
table#carSpeakers .sp-depth {width:30%;text-align:center}
table#carSpeakers td {border-top:1px solid #E0E0E0;padding:12px 0}
table#carSpeakers td.sp-size {color:#1787DB;font-size:20px;line-height:20px}
table#carSpeakers td.sp-size a {text-decoration:underline}
table#carSpeakers td.sp-depth {color:#363C3F;font-size:20px;line-height:20px}

.fitguide-line {background:url('../images/img-fitguide-line.jpg') center center no-repeat;margin:0 0 12px 0;height:18px;width:100%}
.fg-item {border-right:1px solid #E0E0E0;float:left;height:320px;margin:4px !important;width:17% !important;padding:0 23px;text-align:center}
.fg-thumbs-holder {line-height:170px;height:170px;width:170px;margin:0 auto;overflow:hidden;vertical-align:middle}
.fg-thumbs-holder img {display:inline-block!important}
.fg-title, .fg-price, .fg-description {display:block}
.fg-title {color:#363C3F;font-size:24px;height:24px;line-height:24px;margin:8px 0;overflow:hidden;position:relative}
.fg-price {color:#1787DB;font-size:20px;line-height:20px;float:none}
.fg-description {line-height:18px;font-size:12px;height:72px;margin:8px 0;overflow:hidden;text-align:left}
.btn-fg-search {border:none;background:url('/content/images/select-vehicle-3.jpg') 0 0 no-repeat;height:25px;width:176px !important; }
.car-image {margin:28px 0 0 0}
/***************************************/

/***************************************
Newsletter pop-up page  -  Newsletter-Dynamic.aspx
***************************************/
#newsletter-dynamic {
    /*background:url('/Content.V4/images/newsletter.png') top left no-repeat;*/
    background:url('/Content.V4/images/newsletter.png');
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-attachment: fixed;
    height: 40em;
    margin-top: 0;
    padding: 0;

    text-align:center;
    width:631px;height:542px
}
#newsletter-dynamic-content {     padding: 320px 0px 0px 70px
}
#divControlGroup,
#entry-form, #entry-form input, #entry-form a#btnNewsletter,
#divSuccess, #divSuccess span,
#divFinePrint, #divFinePrint span {float:left}
#divControlGroup h2, #divSuccess h2, #email-suggestion, a#suggested-email, #divFinePrint span, #divSuccess span {color:#FFF;font-weight:normal}
#divControlGroup, #divSuccess {width:510px}
#divControlGroup h2, #divSuccess h2 {font-size:22px;margin:12px 0 0 0}

/*#entry-form {position:relative;margin-top:22px}
#entry-form input#EmailSignUp {
    background:#FFF;border:0;color:#888;height:30px;width:280px;padding:1px 6px;margin:0 0 0 24px;
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}
#entry-form a#btnNewsletter {
    background:url('../images/img-join-now.jpg') top left no-repeat;
    display:block;height:42px;width:130px;margin:-4px 0 0 8px
}*/
#email-suggestion {display:none}
#newsletter-dynamic #divSuccess span {font-size:14px;margin:12px 0 0 24px;width:480px}
#newsletter-dynamic #divError, #newsletter-dynamic #email-suggestion {font-weight:normal;font-size:12px;position:absolute;left:24px;top:36px} 
#newsletter-dynamic #divError {color:#F00}
#newsletter-dynamic a#suggested-email {text-decoration:underline}
#newsletter-dynamic #divFinePrint span {display:block;margin:28px 0 0 24px;font-size:10px;text-align:left}
/***************************************/

/***************************************
Login page  -  secure/login.aspx + account/accountlogin.aspx
***************************************/
#frmLogin label {color:#43454B;margin-bottom:0 !important}
#frmLogin input[type="text"], 
#frmLogin input[type="email"],
#frmLogin input[type="password"] {background:#FFF;color:#000;font-size:15px;height:28px;padding:2px 8px;width:96%}
h2.login {margin-bottom:24px}
.confirm-password {margin-left:6%}
#alt-checkout {float:right;margin-top:12px;text-align:right}
#co-intl, #co-check, #co-gcheckout {float:left}
#co-intl {margin:4px 8px 0 4px;width:168px}
#co-check {margin:4px 0 0 0}
input#btnPayByCheck {background:#e4e6ea;border:0;color:#686D6F;font-size:16px;padding:4px 12px;text-shadow:0 1px 0 #F2F2F2}
#div-honeypot {float:right;width:360px;visibility:hidden}
/***************************************/

/***************************************
Checkout pages                 /secure/*
***************************************/
img.cc {float:right;width:210px}
#co-footer {background:#3A3C42;color:#595B61;font-size:11px;line-height:1.2;padding:12px 0;width:100%;margin-top:36px}
#frmCheckout input[type="text"], 
#frmCheckout input[type="password"],
#frmCheckoutDelivery input[type="text"], 
#frmCheckout select {background:#FFF;color:#000}

.checkout-progress {margin:0 0 32px 0;padding:0;text-align:center}
.checkout-progress-small {display:none}

/*.country-select select, state-select select {width:184px}*/
h2.checkout {margin-bottom:6px}
h2.checkout-shipping {float:left;width:178px}
h3.checkout {font-size:16px;font-weight:normal;line-height:32px;margin:10px 0 0 0}
h3.checkout, label.control-label {color:#43454B}
.control-group {margin-bottom:12px !important}

/* billing + shipping */
.same-shipping {background:url('../images/bg-cart-checkout.jpg') 0 0 repeat-x;float:left;margin:-6px 0 0 0;padding:8px}
.same-shipping label.label-styled {font-size:12px!important}
.popover-content {font-size:11px;line-height:14px}
.popover-content li {line-height:14px}

/* delivery */
#divDeliveryOption select {width:260px}

/* payment */
#ddPaymentType {width:220px}
#CreditCard, #PayPal, #WuPay {padding:24px 24px 0 24px}
#ddCreditExpMonth, #ddCreditExpYear, span.expiry-date {float:left}
#ddCreditExpMonth {width:54px}
#ddCreditExpYear {width:80px}
span.expiry-date {font-size:28px;color:#CCC;margin:0 4px}
label.wupay-logo {background:#000;float:left;padding:12px 4px 0 4px;width:150px}
#pp-banner {float:left;margin:0 12px 0 0;width:120px}
#pp-safer {margin:0 0 24px 0}
#pp-alert {float:left}

/* review */
#divReviewOrder {position:relative}
#btn_Continue2 {position:absolute;top:18px;right:0}
table.order-summary {border:1px solid #E0E0E0;margin-top:4px}
table.order-summary th, table.order-summary td {padding:6px;text-align:center}
table.order-summary th {background:#E0E0E0}
#co-summary-header {margin-top:24px;margin-bottom:24px}
#co-summary-header table {margin:12px 0 0 0}
#co-summary-header table td {padding:2px 0}
#dgCart {width:100%}
tr.cart-header {background:url('../images/bg-cart-header.jpg') 0 0 repeat-x;height:30px;width:100%}
tr.cart-header td {border:0;font-weight:bold}
td.item-detail {padding:8px;width:70%}
td.item-price, td.item-qty, td.item-total {width:10%}
td.item-detail, td.item-price, td.item-qty, td.item-total {border:0;border-bottom:1px solid #E0E0E0;font-size:18px;text-align:center}
td.item-detail, td.item-detail p {font-size:12px;text-align:left}
.co-product-name {color:#1787DB !important;font-size:19px;line-height:1.2}
ul#ulOrderNotes, table#order-totals {margin-top:24px}
ul#ulOrderNotes li {padding:12px 0 0 0}
table#order-totals, .xco-order-totals {font-size:16px}
table#order-totals td {padding:6px 0}
.btn {padding:0 4px}

/* sidebar */
.cart-label, .info-label {font:normal 18px/1 'Bebas Neue',Arial,sans-serif;text-transform:uppercase}
.cart-label {
    background:url('../images/bg-att-filter.jpg') 0 0 repeat-x;
    padding:6px 12px;position:relative;
    -moz-border-radius:6px 6px 0 0;
     -webkit-border-radius:6px 6px 0 0;
      -moz-border-radius:6px 6px 0 0;
}
.cart-label, .cart-label a, .cart-label a:hover {color:#FFF}
.cart-content {font-size:13px;padding:6px 12px}
.cart-content li {margin:8px 0}
.info li {margin:0;line-height:1.2 !important}
.info-label, .info span {color:#43454B}
.info span {font-size:15px}
.info p {font-size:12px;line-height:1.2;margin:8px 0}
/**/

.co-action-bar {background:url('../images/bg-cart-checkout.jpg') 0 0 repeat;float:left;padding:7px 8px 5px 0;margin:24px 0;text-align:right;width:100%}
.btn-nextstep1 {background:url('../images/btn-nextstep1.png') 0 0 no-repeat;border:0;height:44px;width:248px !important}
.btn-nextstep2 {background:url('../images/btn-nextstep2.png') 0 0 no-repeat;border:0;height:44px;width:219px !important}
.btn-nextstep3 {background:url('../images/btn-nextstep3.png') 0 0 no-repeat;border:0;height:44px;width:188px !important}
.btn-paypal {background:url('../images/btn-paypal.png') 0 0 no-repeat;border:0;height:44px;width:220px !important}
.btn-wupay {background:url('../images/btn-wupay.png') 0 0 no-repeat;border:0;height:44px;width:220px !important}
.btn-backtoorder, .btn-backtoaddress, .btn-backtoshipping {border:0;float:left}
.btn-backtoaddress {background:url('../images/btn-backtoaddress-small.png') 0 0 no-repeat;width:125px !important;height:40px;margin:0 0 0 8px}
.btn-backtoshipping {background:url('../images/btn-backtoshipping-gray.png') 0 0 no-repeat;width:169px !important;height:40px;margin:1px 0 0 8px}
.btn-backtoorder {background:url('../images/btn-returntoorder-gray.png') 0 0 no-repeat;margin:0;height:44px;width:194px !important}
/***************************************/

/***************************************
Account pages                 /account/*
***************************************/
h2.account-edit {color:#363C3F;font-size:20px;margin-bottom:24px}
a.forgot-password-link {font-size:14px}
#lblBillingInformation, #lblShippingInformation {line-height:1.5}
.account-box {padding:24px;margin:12px 0 36px 0}
.account-box input[type="text"], .account-box input[type="password"] {background:#FCFCFC;font-size:15px;height:28px;padding:2px 8px}
.account-box select#ddlShippingOption {width:260px}
.account-grid table, #frmOrderDetails table#dgCart, .account-grid td, .account-grid th {border:1px solid #E0E0E0}
.account-grid td, .account-grid th {border-width:0 0 1px 0;padding:4px;text-align:center;vertical-align:middle}
tr.cart-header {border-bottom:1px solid #E0E0E0;text-align:center}	
th.col1, td.col1 {width:35%;text-align:left;padding-left:24px}
th.col2, td.col2, th.col3, td.col3 {width:20%}
th.col4, td.col4 {width:25%}
td.account-label {font-weight:bold;width:200px}
td.account-detail-description {width:70%}
table.order-details-description, table.order-details-description td {border:0;text-align:left}
td.account-detail-price {width:10%}
td.account-detail-quantity {width:8%}
td.account-detail-total {width:12%}
table.account-detail-order-totals {width:100%}
table.account-detail-order-totals td {padding:4px 8px 4px 6px;text-align:right;vertical-align:middle}
table.account-repairs td {border:1px solid #E0E0E0;border-width:1px 0 0 0;text-align:left}
tr.credits-header {background:url('../images/bg-cart-header.jpg') 0 0 repeat;font-weight:bold;width:100%}
#accounts-links li {padding:2px 0} 

.login-box { min-height:240px}
.login-box  p { font-size:14px; }
#divRegister h2.login { font-size:16px; margin-bottom:2px}
#divRegister p { font-size:14px}

/**************************************/

/***************************************
Password Assistance - /secure/PasswordAssistance.aspx
***************************************/
#frmPasswordAssistance {margin-top:32px}
#frmPasswordAssistance #cphMain_txtEmail {width:92%}
#txtCaptcha {width:66%}
/**************************************/

/***************************************
Help Desk pages                 /help/*
***************************************/
ul.help-cats {border-bottom:1px solid #E0E0E0;padding-bottom:18px;margin-bottom:24px}
ul.help-cats li {margin:4px 0}
ul.help-cats a {background:url('../images/img-orange-dot.jpg') left center no-repeat;color:#787878;font-size:12px;padding-left:18px}
ul.help-cats a:hover {color:#222}
.unique {padding-top:10px !important}
.unique h2 {color:#363C3F;font-size:20px;margin-top:8px}
.unique li {background:url('../images/img-orange-dot.jpg') left 6px no-repeat;font-size:12px;padding-left:16px}
#three-images {margin-bottom:12px}
#three-images img {width:33%}
#gmap {margin:18px 0 0 0}
#contact-bar {background:url('../images/bg-whyOCS.jpg') 0 0;margin:24px 0 28px 0;padding:12px}
#contact-bar h4 {margin:0}
ul.job-description li, ol.about-cookies li {margin:2px 0;line-height:14px}
/**************************************/

/***************************************
Testimonials page      testimonials.aspx
***************************************/
#p-testimonials {margin:12px 0 0 0;position:relative;text-align:center}
.p-testimonials {background:#FFF;line-height:1.5;float:left;text-align:left;width:auto}
.p-pad {background:url('../images/img-quote-mark2.png') 8px 8px no-repeat;padding:24px 18px 12px 18px;width:330px}
.p-pad-s {background:url('../images/img-quote-mark2.png') 0 2px no-repeat;padding:24px 12px 12px 12px}
.p-content {font-size:13px}
.p-author {font-weight:bold}
.p-review {margin:0 0 0 12px}
/**************************************/

/***************************************
Social Media page       SocialMedia.aspx
***************************************/
#media-box {margin:12px 0 0 0;position:relative;text-align:center}
.social-media-box {
    background:#FFF;line-height:1.5;float:left;text-align:left;
    padding:0;width:368px
}
.social-box-title {padding:8px 12px}
.social-box-title a {color:#363C3F;display:block;font-size:20px;text-align:left}
.social-box-content {background:url('../images/bg-topsellers-thumbs.jpg') top left repeat-x;padding:24px 18px 12px 18px;text-align:center}
.social-box-content > span {/*-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important*/}
.social-box-content > span {background:red}
.insta-photo {border:1px solid #CCC;padding:1px;margin:6px}
#fb-box {}
#gplus-box {height:480px}
#twitter-box {height:680px}
#blog-box {}
#instagram-box {height:500px}
#pinterest-box {height:568px}

/* responsive mode */
@media (min-width:1200px) {}
@media (min-width:980px) and (max-width:1199px) {}
@media (min-width:768px) and (max-width:979px) {}
@media (min-width:480px) and (max-width:767px) {}
@media (max-width:479px) {
    .social-media-box {width:300px}
	#fb-box iframe {width:276px!important}
    #pinterest-box span.PIN_1400022949408_embed_grid.PIN_1400022949408_fancy {width:276px !important}
    #instagram-box {height:720px!important}
    ul.uiList {padding:2px!important}
}
/**************************************/

/***************************************
Newsletter page      newsletter.aspx
***************************************/
#newsletter {text-align:center}
input.newsletter-email {width:94%}
input#txtEmail:focus {outline:none}
/**************************************/

/***************************************
Sitemap page      caraudio/sitemap.aspx
***************************************/
ul.jog {margin:24px 0 0 0}
li.star a, li.root a, li.star ul li.child a, li.root ul li.child a {color:#787878;font-size:12px;}
li.star a, li.root a {background:url('../images/img-orange-dot.jpg') left center no-repeat;font-weight:bold;padding-left:16px}
li.star ul li.child a, li.root ul li.child a {background:none;font-weight:normal !important;padding-left:32px}
li.star a:hover, li.star ul li.child a:hover, li.root a:hover, li.root ul li.child a:hover {color:#005580}
/**************************************/

/***************************************
Landing page            LandingPage.aspx
***************************************/
#products {position:relative;margin:24px 0;padding:0 0  12px 0}
.product {
    background:#FFF;margin:12px 0 0 0;padding:12px;position:relative;
    text-align:center;width:160px;border-color:#BBB #BBB #777;border-style:solid;border-width:1px;
    -moz-box-shadow:0 1px 0 #CCC;
    -webkit-box-shadow:0 1px 0 #CCC;
    -o-box-shadow:0 1px 0 #CCC;
    box-shadow:0 1px 0 #CCC;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.product img {display:block;margin:16px auto 32px auto;max-width:80%}
.product a {text-decoration:none}
.product .title, .product .price, .product .high-price, .product .was, .product .description {font-family:inherit}
.product .title {color:#363C3F;display:block;font-size:18px}
.product .price {color:#2192E6;font-size:16px;font-weight:bold}
.product .high-price {color:#C8222C;font-size:12px;text-decoration:line-through}
.product .was {font-size:11px}
.product .description {display:block;float:left;font-size:12px;margin:12px 0 8px 0;text-align:left;width:100%}
.social a {font-size:20px;line-height:1;margin:0 2px}
.social a:hover {color:#333}
#deals-info p {font-size:12px;line-height:1.3;font-family:inherit;color:#555}
#review-area, .review {float:left}
#review-area {background:#FFF;margin:24px 0}
.review {border-bottom:1px solid #E0E0E0;width:100%}
.review .left-col {float:left;width:100px;min-height:80px;height:auto;line-height:80px;text-align:center;margin:12px 0}
.review .left-col img {margin:0 auto}
.review .right-col {height:80px;overflow:hidden;margin:12px 0}
.review .right-col a {text-decoration:none}
.product .was, .product .description, .social a {color:#787878}
/**************************************/

/* radio buttons _ checkbox custom styles */
input[type="checkbox"], input[type="radio"] {display:none}
input[type="checkbox"] + label, input[type="radio"] + label {font-family:Arial,sans-serif;font-size:12px}
input[type="checkbox"] + label span {
    background:url('../images/bg-chkbox.png') 0 -1px no-repeat;
    display:inline-block;width:23px;height:22px;margin:-1px 4px 0 0;
    vertical-align:middle;cursor:pointer;
}
input[type="checkbox"]:checked + label span {background:url('../images/bg-chkbox-chk.png') 0 -1px no-repeat}
input[type="radio"] + label span {
    display:inline-block;width:25px;height:25px;margin:-2px 2px 0 0;
    vertical-align:middle;cursor:pointer;background:url('../images/bg-radio-box.jpg') -26px 0 no-repeat;
}
input[type="radio"]:checked + label span {background:url('../images/bg-radio-box.jpg') 0 0 no-repeat}
label.label-styled {display:inline}
/***************************************/

/* loader image */
img.loading {width:128px;height:128px}

/* back-to-top */
a.back-to-top {float:left;margin:12px 0}

/***************************************/
/*             Star ratings            */
/***************************************/
.star-0, .star-1, .star-2, .star-3, .star-4, .star-5, .star-6, .star-7, .star-8, .star-9, .star-10 {
    background:#FFF url("../images/star-rating.jpg") no-repeat 0 0;
    display:inline-block;height:16px;vertical-align:top;width:60px;
}
.star-10 {background-position:0 0}
.star-9 {background-position:-12px 0}
.star-6 {background-position:-24px 0}
.star-4 {background-position:-36px 0}
.star-2 {background-position:-48px 0}
.star-0 {background-position:-60px 0}
.star-1 {background-position:-48px -16px}
.star-3 {background-position:-36px -16px}
.star-5 {background-position:-24px -16px}
.star-7 {background-position:-12px -16px}
.star-9 {background-position:0 -16px}
.star-not-rated-yet {color:#888;font-size:9px;position:relative;text-transform:uppercase}
/***************************************/

/* social icons on the top bar */
ul.social-links a {background:url('../images/sprite-social.png') no-repeat 0 0;display:block;margin:0;height:17px}
ul.social-links a.fb {background-position:-198px 0;width:8px}
ul.social-links a.fb:hover {background-position:-216px 0;width:8px}
ul.social-links a.twit {background-position:-286px 1px;width:20px;margin-top:1px;} 
ul.social-links a.twit:hover {background-position:-316px 1px;width:20px} 
ul.social-links a.gplus {background-position:-52px 0;width:16px} 
ul.social-links a.gplus:hover {background-position:-78px 0;width:16px} 
ul.social-links a.pin {background-position:-154px 1px;width:12px} 
ul.social-links a.pin:hover {background-position:-176px 1px;width:12px}
ul.social-links a.insta {background-position:-104px 1px;width:15px} 
ul.social-links a.insta:hover {background-position:-129px 1px;width:15px} 
ul.social-links a.blog {background-position:0 1px;width:16px} 
ul.social-links a.blog:hover {background-position:-26px 1px;width:16px}
ul.social-links a.rss {background-position:-234px 0;width:16px} 
ul.social-links a.rss:hover {background-position:-260px 0;width:16px} 
ul.social-links a.user {background-position:-346px 0;width:16px} 
ul.social-links a.phone {background-position:-372px 0;width:17px}
/***************************************/


@font-face {
    font-family:'Bebas Neue';
    src:url('../fonts/BebasNeue-webfont.eot');
    src:url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat Bold';
    src:url('../fonts/montserrat-bold-webfont.eot');
    src:url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
  font-family:'Montserrat Regular';
  src:url('../fonts/Montserrat-Regular.eot');
  src:url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Regular.woff') format('woff'),
       url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}

/* Newsletter Slider on all pages (subscription) */
#newsletter-slider {background:#323232;border-top:6px solid #101010;float:left;height:234px;opacity:.96;position:fixed;bottom:-250px;text-align:center;z-index:3333}
img.slide-hide {float:right;margin-top:-18px;margin-right:-14px}
iframe.sign-up {border:0;margin:0 auto;height:240px;width:720px}
@media (min-width:1200px) {
    #newsletter-slider {width:1170px}
}
@media (min-width:980px) and (max-width:1199px) {
   #newsletter-slider {width:940px}
}
@media (min-width:768px) and (max-width:979px) {
    #newsletter-slider {width:724px}
}
@media (min-width:480px) and (max-width:767px) {
    #newsletter-slider, iframe.sign-up {display:none}
}
@media (max-width:479px) { 
    #newsletter-slider, iframe.sign-up {display:none}
}
/**/

/***************************************
Coupons Banner
***************************************/
#divCouponContainer { font-family:Bebas Neue; font-style:italic; font-size:20px;font-weight:normal;border-top:solid 1px rgba(224, 224, 224, 0.8);border-bottom:solid 1px rgba(224, 224, 224, 0.8); margin-bottom:5px}
#divCouponContainer .coupon-desc { color:#1787DB;font-size:28px;font-weight:normal;line-height:26px; }
#divCouponContainer .coupon-code { color:#F67604;font-size:28px;border:solid 1px #F67604;border-style:dashed;padding:3px 8px 3px 3px}
#divCouponContainer img { height:62px}

/**********************
 *
 *  Merged FROM common.css
 *  
 *  OCS v3.0 website styles
 *  utility classes
 *
 *  RichardG <richard.g@onlinecarstereo.com>
 *  10.17.2013
 * 
 *******/
.full {float:left;width:100%}
.half {float:left;width:46%}
.third {float:left;width:33%}
.fourth {float:left;width:25%}
.two-third {float:left;width:67%}
.no-highlight:focus {outline:none}
.centered {margin:0 auto;text-align:center}
.v-top {vertical-align:top}
.rel-baseline {position:relative}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.dark-gray {color:#363C3F}
.light-gray {color:#6B747C}
.blue {color:#1787DB}
.red {color:#F00}
.orange {color:#F67604}
.green {color:#468847}

/* Bootstrap override */
.badge {
    padding: 0 4px;
    font-weight:normal !important;font-size:10px !important;position:relative !important;top:-2px !important;
    text-shadow:0 1px 0 rgba(0,0,0,0.25) !important
} 
.badge-success {background:#1E8EE4!important}      /* Clearance */
.badge-warning {background:#8CC30E!important}      /* On Sale */
.badge-important {background:#DA4F62!important}    /* Hot Deal */
/**/

.free-shipping {text-transform:uppercase;color:#468847;font-size:10px;font-weight:bold}
.seal {display:inline-block;margin:4px;text-align:center;vertical-align:middle;width:110px;line-height:72px;height:72px}
.page-break	{display:none} /* see print.css */

.bebas, .montserrat-regular, .montserrat-bold {font-weight:normal;line-height:1.2;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased}
.bebas {font-family:'Bebas Neue',Arial,sans-serif}
.montserrat-regular {font-family:'Montserrat Regular',Arial,sans-serif}
.montserrat-bold {font-family:'Montserrat Bold',Arial,sans-serif}

.bordered {border:1px solid #E0E0E0}
.box {border:1px solid #E0E0E0;padding:20px}
.left-border {border-left:1px solid #E0E0E0;padding:0 0 0 20px}
.right-border {border-right:1px solid #E0E0E0}
.top-border {border-top:1px solid #E0E0E0}
.bottom-border {border-bottom:1px solid #E0E0E0}
.line {clear:both;height:2px;border-bottom:1px solid #E0E0E0;width:100%}
.line-bar {background:url('../images/img-slider-border.jpg') 0 0 repeat-x;clear:both;height:8px;margin:0 0 12px 0}
.help {margin:12px 0 2px 0}

.margin12 {margin:12px 0}	
.margin24 {margin:24px 0}
.pad12 {padding:12px 0}
.pad24 {padding:24px 0}
.padded {padding:24px}
.h-space {margin-top:32px}
	
.width26 {width:26px}
.width36 {width:36px}
.width60 {width:60px}
.width136 {width:136px}
.width33p {width:33%}

.btn-login, .btn-register {border:0 !important;height:46px}
.btn-login {background:url('../images/img-login.jpg') 0 0 no-repeat;width:123px !important}
.btn-register {background:url('../images/img-register.png') 0 0 no-repeat;width:180px !important}
.btn-create-account {background:url('../images/img-create-account.jpg') 0 0 no-repeat;border:0;height:43px;width:180px !important}
.btn-submit {background:url('../images/img-submit.jpg') 0 0 no-repeat;border:0;width:110px !important;height:41px}
.btn-update {background:url('../images/img-cart-update.jpg') 0 0 no-repeat;border:0;height:40px;width:107px !important;margin:0 12px 0 0}
.btn-cancel {background:url('../images/img-cancel.jpg') 0 0 no-repeat;border:0;height:40px;width:107px !important;margin-top:-3px}
.btn-write-review {border:none;background:url('../images/btn-write-review.jpg') 0 0 no-repeat;float:right;height:44px;margin:0;width:190px !important}	
.btn-submit-review {border:none;background:url('../images/btn-submit-review.jpg') 0 0 no-repeat;float:left;height:46px;width:190px !important}	
.form-action {margin-top:12px;text-align:right}

.btn-continue-blue, .btn-signin-blue, .btn-continue-paypal-blue, .btn-place-order-blue  {border:0 !important;height:46px}
.btn-continue-blue {background:url('../images/btn-continue-blue.png') 0 0 no-repeat;width:180px !important}
.btn-signin-blue {background:url('../images/btn-signin-blue.png') 0 0 no-repeat;width:180px !important}
.btn-continue-paypal-blue {background:url('../images/btn-continue-paypal-blue.png') 0 0 no-repeat;width:210px !important}
.btn-place-order-blue {background:url('../images/btn-place-order-blue.png') 0 0 no-repeat;width:180px !important}

/**
 *
 *  Error boxes
 *  [http://css.dzone.com/news/css-message-boxes-different-me]
 *  [http://itweek.deviantart.com/art/Knob-Buttons-Toolbar-icons-73463960]
 *
*/
.alert-info, .alert-success, .alert-warning, .alert-error {
    border:1px solid;margin:10px 0;padding:15px 10px 15px 50px;
    background-repeat:no-repeat;background-position:10px 6px
}
.alert-info {color:#00529B;background-color:#BDE5F8;background-image:url('../images/img-alert-info.png')}
.alert-success {color:#4F8A10;background-color:#DFF2BF;background-image:url('../images/img-alert-success.png')}
.alert-warning {color:#9F6000;background-color:#FEEFB3;background-image:url('../images/img-alert-warning.png')}
.alert-error {color:#D8000C;background-color:#FFBABA;background-image:url('../images/img-alert-error.png')}
.alert-error p, .alert-error li, .text-error {color:#D8000C !important}
.alert-error li, .alert-success li {list-style:none}
.alert-success span, .alert-success li {color:#4F8A10}
	
/*
*   common shadows effect 
*   - controls.css:.component-box, .tab-box, .shadow-box, .mfg-item 
*   - styles.css  :  .dealer, table#carSpeakers, #quote, .category
*
*    !! REMOVE DUPLICATES !!
*/	
.shadow {
    -webkit-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
       -moz-box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
            box-shadow:1px 1px 3px rgba(224, 224, 224, 0.8);
}
.curve2 {-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.curve4 {-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.curve6 {-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px}

/*****
 *  Pop-up windows 
 * 
 *  + product details - /Help/CPSWarranty.htm
 *  + confidence banner - /Help/PopEasyReturns.htm
 *                      - /Help/PopSecureShopping.htm
 *                      - /Help/PrivacyPolicy.htm
 ***/
#popup-window p {margin:0 0 12px 0}

/* pop-overs --- Why OCS on front page */
.popover-content {padding:0 !important} /* Bootstrap232 override */
.popover-inner {width:1200px !important;max-width:1200px !important}

/* pop-overs --- checkout pages */
.popover {max-width:480px !important}
.checkout-tip-wrapper, .cvv2-tip-wrapper {display:none}
.pop-over-content {background:#F9F2BA;padding:12px 24px}
.popover-title {background-color:#909098;color:#FFF}

/* Responsive Facebook boxes */
iframe#fb-like-box {border:none;margin:0 auto;overflow:hidden;width:338px;height:180px}
/* responsive mode */
@media (min-width:1200px) {}
@media (min-width:980px) and (max-width:1199px) {iframe#fb-like-box {height:232px!important;width:232px!important}}
@media (min-width:768px) and (max-width:979px) {iframe#fb-like-box {margin-left:-6px;height:232px!important;width:232px!important}}
@media (min-width:480px) and (max-width:767px) {}
@media (max-width:479px) {}

/* Responsive Carousel */
.previous:hover, .next:hover{}
.previous {left:0;background-position:0 0}
.next {right:0;background-position:100% 0}
.crsl-item {margin-bottom:0}
a.previous, a.next {font-weight:bold;line-height:1.5;text-decoration:none}


/***************************************************************
Smarter Track slider                                       START
***************************************************************/
/* hide ST slide below 980px */
@media screen and (max-width:979px) {
    #slide-box {display:none !important}
}

#slide-box, #slide-box img, #slide-box span {position:relative}
#slide-box {z-index:2222}
#slide-box img {left:4px}
#slide-box span {font-size:14px;left:8px;top:2px}
#stlivechat1 {position:absolute;left:70px;top:14px;width:100px}
#chat, #phone, #email {color:#FFF;cursor:default;font-weight:bold;height:46px;position:fixed}
#chat  {bottom:150px;right:-150px;width:200px;background:#00A3E4}
#phone {bottom:100px;right:-120px;width:170px;background:#A6DFF6}
#email {bottom:50px;right:-162px;width:212px;background:#4CBEEC}
#chat span {margin:0 8px 0 0}
#email a {color:#FFF;font-size:12px}
#stlivechat0 {height:36px;margin-top:10px;}

/***************************************************************
Smarter Track slider                                         END
***************************************************************/

/*
#bg {
    position: relative; 
    margin: 0; 
    padding:0; 
    width: 1927px; 
    height: 900px; 
    background: #FFF url(../images/hires2.jpg) center center no-repeat;  
}
#box-link { 
		position: absolute; 
		top: 8px; 
		left: 20px; 
		width: 83px; 
		height: 83px; 
		background-color: transparent; 
		border: 1px solid yellow; }

.container {position:relative;xbackground:#FFF}
*/