﻿/**
 *  ocs.default.css
 *
 *  default site theme and current layout
 *  all theme-related element styling are added here
 *
 *  !! this stylesheet includes styles from ocs.style-1.css from HeaderInclude.ascx !!
 *  !! NEEDS TO BE MINIFIED FOR PRODUCTION USE !!
 *
 *  RichardG <richard.g@onlinecarstereo.com>
 *  12.19.2011
 *
 */


body {font-family:verdana,arial,sans-serif;text-align:left;background:#FFF}
form {display:inline}

/************************************************************************/
/**                     SITE LAY-OUT styles                            **/
/************************************************************************/															
#Container {
	width:100%;
    min-width:1200px;
    display:table;
}
#Header {}
#Content {margin-top:8px;min-width:862px}
#Center {position:relative;margin:0 202px 0 199px}
#Left {margin:0 0 0 2px;float:left;width:190px}

/************************************************************************/
/*            used by Account.Master for the Accounts page              */
/************************************************************************/
#Content-Account {min-width:862px;margin-top:10px}  
#Center-Account {position:relative;margin:0 2px 0 199px} /*176px*/
#Left-Account {margin:0 0 0 2px;float:left;width:190px}  /*160px*/
/************************************************************************/

/************************************************************************/
/*            used by Secure.Master for the Checkout page               */
/************************************************************************/
#Content-Checkout {min-width:862px;margin-top:10px}  
#Center-Checkout {margin:0 auto;width:100%}  
/************************************************************************/

#Right {
	float:right;margin:0 2px 0 0;
    width:196px;
    overflow:hidden; /* long product category names */
}
#Footer {clear:both;height:270px;text-align:center}
.column {}
/************************************************************************/


/************************************************************************/ 
/**                            Footer content                          **/
/************************************************************************/
#footer-content {width:760px;margin:0 auto}
#got-q {color:#333;font-size:10px;line-height:20px}
#got-q img{position:relative;top:10px}
.jogcontainer{height:auto;width:760px}
.jogcontainer ul {
    border-left:1px solid #A3C6F1;float:left;list-style:none;
    width:130px;text-align:left;padding:0 5px 0 5px;
}
.jogcontainer ul.last {border-right:1px solid #A3C6F1;border-left:1px solid #A3C6F1;width:170px}
.jogcontainer li {margin-bottom:4px;display:inline;}
.jogcontainer a {clear:both;color:#0066FF;display:block;font-size:10px;text-decoration:none}
.jogcontainer a:hover {color:#8EB814}
#copyright {margin:6px 0 0 0;font-size:9px;float:left;color:gray}
#copyright span {display:block;width:100%}
#copyright p {margin:0}
#seals {clear:both}
#seals img {margin:6px 3px 0 3px;vertical-align:middle}
/************************************************************************/


/************************************************************************/
/**                         GENERIC CLASSES                            **/
/************************************************************************/
.left  {float:left}
.right {float:right}
.hide  {display:none}
.strong {font-weight:700}
.justify {text-align:justify}
.clearfix {clear:both}
.curved {
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-border-radius:4px;
}
p.para {margin:0;color:#000;font:normal 11px/13px tahoma,verdana,arial,sans-serif}
.secure-server {
    margin:4px auto 2px auto;font-size:10px;
    padding:4px 0 4px 18px;width:80px;
    background:url('/Images/SiteSecurityGraphic.gif') 0 50% no-repeat;
}
.error-box {width:100%;padding:12px;border:1px solid #008000}
.light-blue {color:#2AB9FF}
p.small-text {font-size:8pt}
a.small-button {font-size:9px;color:#26ABF0;text-decoration:none}
a.small-button:hover {text-decoration:underline}
#lblError li {list-style-position:inside}
img.header-cart {float:left}
img.header-cart {float:left}
.LargeButton {
    color:#FFF;display:inline-block; 
    padding:1px 8px 1px 8px;border:1px solid #999;
    border-bottom-color:#888;margin:0;z-index:1;
    text-decoration:none;text-align:center;
    font:bold 11px/15px Tahoma,Arial,sans-serif; 
    white-space:nowrap;cursor:pointer; 
    background-color:#3060AA;
    border-color:#29447E #29447E #1A356E;
    -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #8A9CC2;
    -o-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #8A9CC2 inset;
    -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #8A9CC2 inset;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    /* IE hacks */
    zoom:1; 
    *border:0;
    *display:inline;
}
.LargeButton:hover {
    background-image:-moz-linear-gradient(#5872A7, #637BAD);
    background-image:-o-linear-gradient(#5872A7, #637BAD);
    background-image:-webkit-linear-gradient(#5872A7, #637BAD);
}
.LargeGreen {font-family:Verdana,sans-serif;font-size:14px;color:#328B17;font-weight:bold}
.LargeGreen {font-family:Verdana,sans-serif;font-size:14px;color:#328B17;font-weight:bold}
.NormalGreenBold {font-family:Verdana,sans-serif;font-size:12px;color:#328B17;font-weight:bold}
a.GreyLink {font-family:Verdana,sans-serif;font-size:11px;color:#8F8686;font-weight:bold;text-decoration:none}
a.GreyLink:hover {color:#8F8686;text-decoration:underline}
.current-page {font-family:Verdana,sans-serif;font-weight:bold;font-size:11px;color:#5F5F5F}
.buttons2 a {display:block;width:100%;font-family:Verdana;padding:1px;font-size:10px;padding-left:2px;color:#0033CC;font-weight:bold;text-decoration:none;text-align:left}
.buttons2 a:hover {color:#780012;text-decoration:underline}
.buttons2 td {border-bottom:solid 1px #B9CBDA}
TD.Header {padding:3px;margin:3px;text-align:center;width:100%}
.SmallBoldText {font-weight:bold;font-size:10px;color:#3366CC}
.ProductTable {border:solid 1px #2372B3}
.GridDesc {color:#787878;font-family:Arial,sans-serif;font-size:12px;display:block}
.GridSmallDesc {font-family:Arial,sans-serif;font-size:9px;color:#787878}
.CategoryName {font-size:9px;color:#006400;padding-top:2px;padding-right:5px;padding-bottom:2px}
A.GridModel {font:bold 14px Arial,sans-serif;color:#1787DB;text-decoration:none}
A.GridModel:hover {color:##1787DB;text-decoration:underline}
.GridPromo {font:bold 11px Verdana,sans-serif;color:#F00000;padding-left:3px;font-style:italic}
.GridPrice, .GridPriceSpecial {font:bold 16px Arial,Helvetica,sans-serif;color:#1787DB;padding-right:3px}
/*.GridPriceSpecial {font:bold 16px Arial,Helvetica,sans-serif;color:#1787DB;padding-right:3px}*/

.newsletterThankYou, .newsletterThankYou {font-size:10px;color:#0033CC}
.InputButton{color:#000;cursor:hand;border:solid 1px #808080;background:url(../images/button_back.gif) center;padding:1px}

.Banner {border-right:#6D94DA 1px solid;border-bottom:#6D94DA 1px solid}
.Attributes, .SelectedAttribute {font-family:Verdana,sans-serif;font-size:10px;color:#000066;font-weight:normal;text-decoration:none}
.Attributes:hover {color:#FF0000}
.ModelTitle {font:bold 17px Arial,Helvetica,sans-serif;color:#003366;display:inline}
.ShortDesc {font:bold 11px Verdana,sans-serif;color:#336699;display:inline}
.Price {font:bold 11px Verdana,sans-serif;color:#000;line-height:20px;padding-left:5px;background:#F7F7F7}

.ProductDescriptionTitle{font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;color:#006699;padding-top:1px;padding-bottom:1px;padding-left:5px}
TD.ProductDescription{border-top:#999999 3px solid;border-bottom:#BBBBBB 1px solid;border-left:#dde5ec 4px solid;border-right:#dde5ec 4px solid;font-size:12px;color:#000;background:#FFF;padding-left:6px;padding-right:3px;padding-bottom:5px}
TD.ProductDescription2{border-top:#999999 3px solid;border-bottom:#BBBBBB 1px solid;border-left:#dde5ec 4px solid;border-right:#dde5ec 4px solid;font-size:12px;color:#000;background:#FFF;padding-left:6px;padding-right:3px;padding-bottom:15px}
TD.ProductDescription li{position:relative;list-style-position:outside;left:-15px}
TD.ProductDescription2 li{position:relative;list-style-position:outside;left:-15px}
TD.ProductDescriptionAlsoBought{border-top:#999999 3px solid;border-bottom:#BBBBBB 1px solid;border-left:#feebb2 4px solid;border-right:#feebb2 4px solid;font-size:12px;color:#000;background:#FFF;padding-left:6px;padding-right:3px}
TD.AlsoBoughtTitle{font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;color:#D77400;padding-top:1px;padding-bottom:1px;padding-left:10px}
A.Icons{font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;color:#336699;text-decoration:underline}
A.NormalProductLink{font-family:Verdana,sans-serif;font-size:12px;color:#333333;text-decoration:underline}
A.NormalProductLink:hover{color:#696969}
li.Specs{list-style-type:disc}
.GridHeader{font-family:Verdana,sans-serif;font-size:10px;font-weight:bold;color:#FFF;padding-top:2px;padding-bottom:2px;padding-right:2px;padding-left:2px}
.NormalSmallBlue{font-family:Arial,Verdana,sans-serif;font-size:12px;color:#003366}
.dropDownNormal{font-family:Verdana,sans-serif;font-size:11px}
.SmallGray{font-family:Verdana,sans-serif;font-size:9px;color:#696969}
.NormalGrayBold{font-family:Verdana,sans-serif;font-size:10px;color:#777777;font-weight:bold}
.Small{font-family:Verdana,sans-serif;font-size:10px;color:#000}
.SmallBold{font-family:Verdana,sans-serif;font-size:10px;color:#000;font-weight:bold}
.Normal{font-family:verdana,arial,sans-serif;font-size:11px;color:#000}
.NormalLarge{font-family:Verdana,sans-serif;font-size:13px;color:#000}
.NormalBold{font-family:Verdana,sans-serif;font-size:11px;color:#000;font-weight:bold}
A.NormalBoldLink{font-family:Verdana,sans-serif;font-size:11px;color:#0000cc;font-weight:bold;text-decoration:none}
A.NormalBoldLink:hover{color:#cc0000;text-decoration:underline}
.NormalSmall{font-family:Verdana,sans-serif;font-size:10px;color:#000}
.NormalXSmall{font-family:Tahoma;font-size:9px;color:#000}
.NormalRed{font-family:Verdana,sans-serif;font-size:11px;color:red}
.SmallRed{font-family:Verdana,sans-serif;font-size:10px;color:red}
.NormalRedBold{font-family:Verdana,sans-serif;font-size:12px;color:red;font-weight:bold}
.LargeRed{font-family:Verdana,sans-serif;font-size:14px;color:red;font-weight:bold}
.NormalLargeBold{font-size:14px;color:#000099;font-weight:bold}
/*.LargeButton{font-family:verdana,arial,sans-serif;background-image:url(../images/button_rep.gif);padding:1px,1px,1px,1px;font-weight:bold;font-size:12px;color:White;background-color:#006699;word-spacing:1px;cursor:hand}*/
.BlueButton{font-weight:bold;font-size:12px;color:#FFF;background-image:url(../images/grad_top.gif);background-color:#0F5F9F}
A.SmallBlueLink{font-size:10px;font-weight:bold;color:#0033cc;text-decoration:none}
A.SmallBlueLink:hover{color:#cc0000;text-decoration:underline}
A.PopupLink{font-size:10px;font-weight:bold;color:#0033cc;text-decoration:underline}
A.PopupLink:hover{color:#cc0000}
A.SmallGrayLink{font-size:10px;font-weight:bold;color:#2f4f4f;text-decoration:underline}
.button{font-weight:bold;font-size:10px;color:#FFF;font-family:Verdana,sans-serif;background-color:#000066;border-color:#769ABF #013466 #013466 #769ABF;border-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px}
.NormalBoldLowCase{font-family:Verdana,sans-serif;font-size:11px;color:#000}
TD.GrayBorder{border-right:#a9a9a9 1px solid;border-top:#a9a9a9 1px solid;border-left:#a9a9a9 1px solid;border-bottom:#a9a9a9 1px solid}
.GroupName{font-family:Verdana,sans-serif;font-size:15px;font-weight:bold;color:#FFF;text-decoration:none;background-color:#006699;padding-right:7px;padding-left:7px}
A.GroupCategory{font-size:11px;font-weight:bold;color:#0033cc;text-decoration:none}
A.GroupCategory:hover{text-decoration:underline;color:#cc0000}
A.NormalLargeBoldLink{font-size:12px;color:#000099;font-weight:bold;font-family:Verdana,sans-serif;text-decoration:none}
A.NormalLink{font-family:Verdana,sans-serif;font-size:11px;color:#0000cc;font-weight:bold;text-decoration:none}
A.NormalUnderLink{font-family:Verdana,sans-serif;font-size:11px;color:#0000cc;text-decoration:underline}
.YellowBG{background-color:Yellow}
.OrderThankYou{color:#006699;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:30px;font-weight:700;font-style:italic}
.CursorMagnifier{cursor:url('../images/magni.cur')}
.NormalSmallLink{font-family:Verdana,sans-serif;font-size:10px;color:#000;text-decoration:underline}
.NormalSmallLink:Hover{text-decoration:none}
.LeftNavSearchButton{background-image:url(../images/buttonGo.gif)}
.LeftNavSearchButtonOver{background-image:url(../images/buttonGo_ov.gif)}
.tblTitle{background-color:#333366;color:#FFF;font:bold 13px verdana,geneva;border-bottom:solid 1px #696969;height:24px;*float:left}
.tblHeader{background-color:#dcdcdc;color:#0033cc;font:normal 10px verdana,geneva;height:36px;text-align:left;}
.tblBorder{border:solid 1px #666666;font-family:verdana,geneva;font-size:10px;background-color:#F5F5F5}
.CartPrice{font-size:12px;COLOR:#000;font-family:Arial,Helvetica,sans-serif;font-weight:bold;padding-right:3px}
.grayborder{border-right:#b8b8b8 1px solid;border-top:#b8b8b8 1px solid;border-left:#b8b8b8 1px solid;border-bottom:#b8b8b8 1px solid}
.CheckOutTextBox{font-weight:normal;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif;height:20px}
.ManufacturerTitle{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#013466;text-decoration:none}

/** 
 *   Box elements used in the:
 *     left column  - Search, Shop By Category      
 *     right column - Shop By Brand, Narrow Results, Why OnlineCarStereo, Recently Viewed Items, Facebook
 */
.box-header {/*background:#4FC1FE;border:1px solid #18A2E7;padding:1px 0 1px 0;height:23px*/}
.box-header-content {
    background:url('/Images/category/Assets/lnm_titlebg.jpg');
    width:100%;margin:0;padding:4px 0;/*height:21px;*/
    font:bold 11pt Arial, Helvetica, sans-serif;color:#FFF;
    display:block;text-align:center;
    /*text-shadow:0 1px 0 #3C93C2*/
}
.box-body {border:1px solid #CCC;border-width:0 1px 1px 1px;float:left}
.box-content {border:solid 1px #FFF;background:#F7F7F7;float:left}

/** 
 *   Smaller Box elements used in the:
 *    1. purchaseassisstance.aspx
 */
.small-box {float:left;margin-bottom:24px;border-bottom:1px solid #CCC;}
.small-box-header {
    background:url("/Images/category/Assets/lnm_titlebg.jpg") repeat scroll 0 0;
    /*border:1px solid#18A2E7;*/
    padding:4px 0 0 0;
    width:190px;height:21px;color:#FFF;
    font:bold 11pt Arial, Helvetica, sans-serif;text-align:center;
    /*text-shadow:0 1px 0 #3C93C2;*/
}
.small-box-content {padding:0 6px 2px 6px;background:#F7F7F7;border:1px solid #CCC;border-width:1px 1px 0 1px}
.small-box-content img {position:relative;top:9px}
/************************************************************************/


/************************************************************************/
/**            FIX for image-inside-a-td _bug on header.ascx           **/
/**  This fix will not be needed after the tables-to-CSS conversion    **/
/************************************************************************/
/**  see:http://www.campaignmonitor.com/blog/post/3132/how-to-stop-gmail-from-adding-a-margin-to-your-images/  **/
#Header img {display:block;line-height:0}
#Header a {margin:0;padding:0;display:block;font-size:10px;font-weight:bold;color:#FFF}
/************************************************************************/


/************************************************************************/
/**                   Greetings.ascx styles                            **/
/************************************************************************/
#Welcome {width:100%;margin-bottom:12px}
/*#Welcome-left {float:left}
#Welcome-right {float:right}*/
/************************************************************************/


/************************************************************************/
/**                     Slider.ascx styles                             **/  
/************************************************************************/      
#slider-holder {width:100%}
#slidercontainer {margin:1px auto;text-align:center;height:180px}
.SmallBoldText {color:#787878;margin:2px 0 2px 0;padding:0;display:block;line-height:12px}
/************************************************************************


/************************************************************************/
/**                    FrontPage.ascx styles                           **/
/**   some styles are the ocs.style-1.css file referenced in           **/ 
/**   HeaderInclude.ascx                                               **/
/************************************************************************/
#wrapper {width:100%;min-width:700px}

#grid {margin:12px 0;width:100%}
.gcol-l, .gcol-r {width:32%;float:left;text-align:center}
.gcol-l {padding-right:8px;margin-left:10px}
.gcol-r {padding-left:8px}
.gcol-m {width:32%;float:left;text-align:center}
.gcol-content {position:relative;height:256px;text-align:center}

.head-graphics {
    background:url('/Images/category/Assets/lnm_titlebg.jpg');
    padding:3px 0 4px 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px
}
.head-graphics img {display:none;visibility:hidden}

/*.head-graphics a.HeaderLink {bottom:3px;position:relative}*/
/*.head-graphics a.HeaderLink {bottom:2px\9;position:relative\9;}	*/		/* IE 8 and below */
/** http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/  **/

.head-graphics-left {position:absolute;left:0}
.head-graphics-right {position:absolute;right:0}
.left-divider, .right-divider {position:absolute;top:50px}
.left-divider   {position:absolute;left:-2px}
.right-divider  {position:absolute;right:-2px}
.bottom-divider {margin-top:10px} 

a.item-name    {position:relative;z-index:100}
a.item-model   {padding:2px 0 4px 0}

.row-spacer {clear:both;margin:4px 0 4px 0}

#bottom-ads {text-align:center;clear:both}
#ads1 {clear:both;height:80px;}
#ads1-holder {width:100%}

img.ads1-left, img.ads1-right {display:none}

#ads2 {margin:40px 0 0 0;width:100%}
#ads3 {margin:12px 0 0 0;width:100%}
#ads3 img.free-shipping {margin-left:224px}

#outer {height:100px;overflow:hidden;width:100%;text-align:left}
#outer[id] {height:100px;display:table;position:static}

#middle {position:absolute;top:50%;width:100%;text-align:center}/* for explorer only*/
#middle[id] {display:table-cell;vertical-align:middle;position:static;}

#inner {position:relative;top:-50%;text-align:left}/* for explorer only */
#inner {width:140px;margin:0 auto} 
#inner[id] {position:static}
#inner[id] {*line-height:100px} /* For IE7 only  */

a.HeaderLink{color:#FFF;font-family:Arial,Verdana,sans-serif;font-weight:bold;font-size:16px;color:#FFF;text-decoration:none}
a.HeaderLink:hover{color:#FFF}
a.ProductName{font-family:Arial,sans-serif;font-weight:bold;font-size:16px;color:#1787DB;text-decoration:none}
a.ProductName:hover{color:#1787DB;text-decoration:underline}
a.ProductDescription{font-size:10px;color:#000033;text-decoration:none}
a.ProductPrice{padding-right:3px;font-weight:bold;font-size:13px;color:red;text-decoration:none}
a.PageTitleLink,.PageTitle {font:bold 11px/1 Arial,Verdana,sans-serif;color:#1787DB;text-decoration:none}
a.PageTitleLink:hover {text-decoration:underline}
.ProductDescriptionFront {
    margin:6px 0 12px 0;padding:0 12px 0 12px;float:left;height:54px;overflow:hidden;
    font-family:Arial,sans-serif;font-size:11px;color:#787878;text-align:left;text-decoration:none
}
.price-buy-front {text-align:left;margin:4px 12px;margin:0 auto;width:170px}
.productpricehome{font-family:Arial,sans-serif;font-weight:bold;font-size:18px;color:#1787DB;text-decoration:none}
.free-ship-front {color:#F66F04;font:normal 11px/1 Arial,sans-serif;text-align:left}
.shop-now-front {float:right;margin:-22px 0 0 0}
/************************************************************************/


/************************************************************************/
/**                     header.ascx styles                             **/
/************************************************************************/
div#headerPrint {display:none}
#site-header {width:100%}
#header-top {
    height:72px;width:100%;
    background:transparent url('../Images/header_Rep.jpg') 0 0 repeat-x;
}
#header-top img {float:left}
#header-social {
    width:205px;height:72px;
    float:right;
    background:transparent url('../Images/ocs-social_header.jpg') 0 0 no-repeat; 
}
#header-social ul {padding:0;margin:0 6px 0 0;float:right}
#header-social ul li {
    padding:0;margin:6px 2px 0 2px;
    float:left;list-style:none;
    background:transparent url('../Images/ocs-social-sprite.png') 0 0 no-repeat;
}
#header-social ul li a {width:24px;height:24px}
#header-social ul li#blog {background-position:0 -25px}
#header-social ul li#facebook {background-position:0 0}
#header-social ul li#twitter {background-position:0 -75px}
#header-social ul li#rss {background-position:0 -50px}
#header-social ul li#pinterest {background:url('../Images/icon-pinterest-2.png') 0 0 no-repeat}
#header-social ul li#instagram {background:url('../Images/icon-instagram.png') 0 0 no-repeat}
#header-social ul li#gplus {background:url('../Images/icon-gplus.png') 0 0 no-repeat}

#NavToolbar {padding-left:1px}
#NavToolbar a, #NavToolbar a:visited{font-size:10px;font-weight:bold;color:#FFF;text-decoration:none}
#NavToolbar a:hover{color:#FFFF00}

#header-bottom {
    height:34px;width:100%;
    background:transparent url('../Images/ocs-nav-bg.png') 0 0 repeat-x;
}

/*
#header-navigation {
    margin:0 auto 0 auto;width:950px;
}
#header-navigation ul {margin:0 auto;list-style:none;display:block}
#header-navigation ul li {width:54px;float:left}
#header-navigation ul li a {color:#FFF;text-decoration:none; }
*/
/************************************************************************/


/************************************************************************/
/**               mycart.ascx styles (04.13.2012)                      **/
/************************************************************************/
#cart-area {
    height:30px;width:120px;
    position:relative;float:right;
    margin:-32px 12px 0 0;
}
span#header-cart {
    float:left;margin:4px 4px 0 0;height:24px;width:31px;text-align:center;
    background:transparent url('../Images/ocs-sprite-cart.png') 0 0 no-repeat;
}
span#header-cart:hover {background:transparent url('../Images/ocs-sprite-cart.png') 0 -25px no-repeat;cursor:pointer}
#cartQty {
    padding:0 4px 1px 4px;margin:0 7px 0 0;
    background-color:orange;font:normal 10px/10px Tahoma, arial, sans-serif;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-border-radius:4px;
}
span#cartTotal {margin:1px 0 0 4px}
a#cartTotalLink, a#cartCartLink, a#cartCheckoutLink {float:left;font-weight:bold;font-size:10px;text-decoration:none}
a#cartTotalLink:hover {color:#FFFF00}
a#cartCheckoutLink {margin:-1px 0 0 4px}
a#cartCheckoutLink:hover {text-decoration:underline;color:#FFFF00}
/** cart on greetings.ascx  **/
table#welcome-cart {display:none;visibility:hidden}
/************************************************************************/


/************************************************************************/
/**                   Category.aspx styles                             **/
/************************************************************************/
#Breadcrumbs {
    margin:2px 0 4px 0;padding:1px 0 4px 1px;
    font-size:11px;text-align:left;
    border-bottom:1px solid #DCDCDC;
}
/************************************************************************/


/************************************************************************/
/**       VehicleFitGuide.aspx styles  - modified:10.03.2013           **/
/************************************************************************/
h2.cfg {text-align:center}
#fit-wrapper {/*background:#EAEAEA;*/margin:0 auto;text-align:left;width:780px}
#selection-guide {
    background:#FFF;border:1px solid #CCC;padding:0 20px 20px 20px;width:740px;position:relative;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
#selection-guide h4 {padding-bottom:8px;border-bottom:1px solid #CCC;}
#selection-guide select {margin:6px 0}
#selection-guide #submit {background:#7D7D7D;border:1px solid #FFF;color:#FFF;margin:24px 0 0 0;height:36px;width:120px}
span.step {color:#888;font:bold 18px/18px Arial,sans-serif;padding:0 12px 0 0}
img.fg-alert {float:left;margin:0 8px 0 0}
img.fg-car {position:absolute;right:10px;top:80px}

#fit-info{
    color:#787878;	font-size:11px;
	text-align:left;margin:12px 0;float:left
}
#divTrail {margin:24px 0 12px 0;font-weight:bold}
/*#trail {border:1px solid #CCC;float:left;width:776px;text-align:left;padding:4px 2px;margin:12px 0}*/
#vehicle-guide {float:left;text-align:center;}
#vehicle-guide h4 {margin:16px 0 6px 0 !important;text-align:left}

#trail, table#carSpeakers, table#carSpeakers td {background:#FFF}

table#carSpeakers {border:1px solid #CCC;margin:0 0 24px 0;text-align:left;width:100%}
table#carSpeakers th {background:#818181;color:#FFF;padding:4px}
table#carSpeakers td {padding:8px}

#carProducts {position:relative;margin:0 auto;width:780px}

#carProducts .product {
    background:#FFF;float:left;
    font-family:Arial,sans-serif;
    xxpadding:12px;padding:6px;position:relative;
    text-align:center;xxwidth:220px; width:168px;
    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:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
#carProducts .product img {display:block;margin:16px auto;max-width:80%}
#carProducts .product a {text-decoration:none}
#carProducts .product .title, .product .price, .product .high-price, .product .was, .product .description {font-family:inherit}
#carProducts .product .title {color:#363C3F;display:block;font-size:15px;font-weight:bold;}
#carProducts .product .price {color:#2192E6;font-size:15px;xxfont-weight:bold;xxmargin:0 0 0 12px}
#carProducts .product .high-price {color:#C8222C;font-size:12px;text-decoration:line-through}
#carProducts .product .was {color:#787878;font-size:11px}
#carProducts .product .description {color:#787878;display:block;float:left;font-size:12px;margin:8px 0 4px 0;text-align:left;width:100%}
/************************************************************************/

/************************************************************************/
/**                     SiteMap.aspx styles                            **/  
/************************************************************************/      
#pseudo-crumbs {padding:3px 0 3px 0;width: 100%;text-align:left}
.sitemap-pages {float:left;display:inline;width:33%}
#sitemap-content {text-align:left}
#sitemap-content a {margin:0 0 0 14px;font-size:10px;color:#0066FF;text-decoration:none}
#sitemap-content a:hover {color:#8EB879;text-decoration:none}
#sitemap-content ul {margin:4px 0 4px 0;padding:0 0 0 24px}
#sitemap-content ul li {margin:2px 0;list-style-type:none}
#sitemap-content ul li, #content ul li ul li, #content ul li ul li ul li {background:url('../Images/doc.gif') no-repeat 2px 5px}
#sitemap-content ul li.root {background:url('../Images/folder.gif') no-repeat 2px 5px}
#sitemap-content ul li.star {background:url('../Images/bullet_star.gif') no-repeat -8px 3px}
/************************************************************************


/************************************************************************/
/**                   CompareItems.aspx styles                         **/ 
/**                                                                    **/
/**  IE7-only (*) hacks are included                                   **/
/************************************************************************/      
#Compare-wrapper {width:100%}
#compare-title {margin:18px 0 12px 0;display:block}
#trGrid {
    margin:2px 0 30px 0;
    *padding-bottom:36px;
    *overflow-x:auto;
    *overflow-y:hidden;
}
#dgCompare {*border:1px solid #808080}
.border-gray {
     border:1px solid #808080;
     *border-width:1px 1px 0 0
}
.normal-gray, .normal-bold-gray  {
    color:#000;background-color:#DFDFDF;
    font:bold 11px verdana,arial,sans-serif;
    border:1px solid #808080;
    *border-width:1px 1px 0 0;
    width:8%;text-align:right;
    padding:3px 4px 3px 0;
    text-shadow:0 1px 0 #FFF;
}
#trLegend {}
#legend {text-align:left;display:block}
#trLegend ul {margin:8px 0 0 12px;padding:0;float:left;list-style-type:none;list-style-position:outside}
#trLegend li {padding:1px 0 1px 12px}
#trLegend li img {position:relative;top:2px}
#not-responsible {margin:24px 0 4px 0;padding:0 0 4px 0;float:left;border-bottom:3px solid #5294b7;width:100%}
/************************************************************************/



/************************************************************************/
/**                  AuthorizedDealers.aspx styles                     **/  
/**                                                                    **/
/**   - some styles are from 'landing1.css' and 'inline6a.css'         **/
/************************************************************************/      
#AuthorizedDealers-wrapper {margin:0 auto}
#AuthorizedDealers-wrapper h2 {
    font:bold 16px verdana,arial,helvetic,sans-serif;
    padding:3px 0 4px 8px;color:#FFF;
    background:#06F url('../images/grad_top.gif') 0 0 repeat-x;
}
#AuthorizedDealers-wrapper h3 {margin:4px 0 0 0;color:#000;font:normal 12px arial,helvetica,sans-serif}
#AuthorizedDealers-wrapper .container {padding:10px 8px 10px 12px}
form#frmAuthorizedDealers {margin-top:12px}
ul.column{width:100%;float:left;padding:0;list-style:none;margin:10px 0 32px 4px}
ul.column li {float:left;width:218px;padding:0;margin:5px 0 5px 0;display:inline;text-align:center}
ul.column li div.block {
	height:310px;font-size:1em;
	margin-right:10px;padding:5px 12px 0 12px;
    border:1px solid #333;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
    -o-border-radius:4px;
    border-radius:3px;
}
ul.column li div.block h2 {font-size:1.5em}
ul.column li div.block a{font-size:13px;text-decoration:none;font-weight:bold}
ul.column li div.block img {
	width:89%;padding:5px 0 5px 0;margin:0 auto;display:block;background:#FFF;
    -ms-interpolation-mode:bicubic;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.container p {font-size:11px;margin-top:10px}
.officialSiteLink a, .siteLink a {font-size:10px;color:#1C70BF}
.officialSiteLink a:hover, .siteLink a:hover {color:#F00}

/** vertical-centering of logo -  03.05.2012 **/
#auth-dealer-outer {height:168px;overflow:hidden;width:100%;text-align:left}
#auth-dealer-outer[id] {height:168px;display:table;position:static}
#auth-dealer-middle {position:absolute;top:50%;width:100%;text-align:center}/* for explorer only*/
#auth-dealer-middle[id] {display:table-cell;vertical-align:middle;position:static}
#auth-dealer-inner {position:relative;top:-50%;text-align:left}            /* for IE only */
#auth-dealer-inner {*text-align:center}          /* for IE7 only */
#auth-dealer-inner {width:100%;margin:0 auto} 
#auth-dealer-inner[id] {position:static}
#auth-dealer-inner[id] {*line-height:168px}      /* For IE7 only  */
#auth-dealer-inner img {*display:inline-block}   /* For IE7 only  */
/************************************************************************/



/************************************************************************/
/**                   ProductSearch.aspx styles                        **/  
/**                                                                    **/
/**   - copied from inline17.css, with improvements                    **/
/************************************************************************/   
#ProductSearch-wrapper {width:100%}
#SearchResults {margin:12px 0 8px 10px;font-size:15px}
.SearchValue {text-decoration:underline}
#trProductList {width:98%;margin:0 auto}
#AlternateSearchResults_List {margin:0 0 2px 10px;text-align:left;font:9pt Verdana, Geneva, sans-serif;width:98%;color:#333}
#AlternateSearchResults_List h5, #SearchResults h4 {padding:0 0 10px 0;margin:0}
#AlternateSearchResults_List a {
    border:1px solid #999;margin:3px;font-size:8pt;
    padding:1px 8px 0 8px;display:inline-block;
    background-color:#F2F2F2;color:#333;height:17px;    
    text-decoration:none;
}
#AlternateSearchResults_List a:hover {border:1px solid #587500;background-color:#74A400;color:#FFF}
.withGoogleSearchResults {margin:10px;color:#333;font:9pt Verdana,Geneva,sans-serif;vertical-align:middle}
.withGoogleSearchResults_Green {font-weight:bold;color:#91C200}

.PagerLink {font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;color:#013466;text-decoration:none}
.PagerLink:hover {color:#5294B7}
A.GridListHeader {font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;color:#FFF;text-decoration:none;padding:2px}
.GridListHeaderNonLink {font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;color:#333;padding:2px}
/************************************************************************/


/************************************************************************/
/**                   AdvancedSearch.aspx styles                       **/  
/**                                                                    **/
/**      see references in ocs-style-1.css                             **/
/**      will over-ride here                                           **/
/************************************************************************/   
#search_control {width:30%;margin:12px auto}
.google-search-bar {text-align:center;margin:15 0 15 0}
.google-search {font-family:Verdana,sans-serif;font-size:11px;color:#5F5F5F}
.google-search .gs-title{margin-bottom:4px}
.google-search .gs-webResult .gs-visibleUrl-short{display:none}
.google-search .gs-webResult .gs-visibleUrl-long{display:block;margin-top:4px;margin-bottom:4px}
.google-search .gs-webResult .unescapedUrl{display:block}
.google-search .gs-title{font-family:Verdana,sans-serif;font-size:11px;color:#5F5F5F}
.google-search .gs-text-box{font-family:Verdana,sans-serif;font-size:11px;color:#5F5F5F}
.google-search .gs-publishedDate{display:none}
.google-search a.gs-publisher{font-family:Verdana,sans-serif;font-size:11px;color:#5F5F5F}
.google-search .gs-snippet{font-family:Verdana,sans-serif;font-size:11px;color:#5F5F5F;margin:4px 0 3px 0}
.google-search-header {font-family:verdana,arial,sans-serif;font-size:11px;color:#000}
.google-search-header h4{color:#2963BB}
.google-search-header span{color:#6F6F6F}
/************************************************************************/


/************************************************************************/
/**                    Manufacturer.aspx styles                        **/  
/**                                                                    **/
/**      see references in inline1.css                                 **/
/**      some jCarousel styles  (bottom part of page)                  **/
/**      will over-ride here                                           **/
/************************************************************************/ 
#Manufacturer-wrapper {width:99%;margin: 0 auto;text-align:center}

/* manufacturer.ascx */
#manufacturer-name {width:99%;margin:16px auto}
#trDesc {display:none;text-align:justify;padding:0 12px 0 4px}
#trBrandImage {margin:2px 0 12px 0}
#imgManufacturerLogo {}
#trGearRideBanner {width:99%}
/* */

/* category list  */
#lblMfgPage {}
/*.mfg-item {
    margin:24px auto;width:570px;    
    border-left:2px solid #5294B7;
    border-bottom:2px solid #5294B7;
}*/
/*.mfg-item-header {margin-left:-20px;height:24px;width:100%}*/
.mfg-item {margin:24px auto;width:570px}
.mfg-item-header {text-align:left}
.mfg-item-header img {display:none;visibility:hidden}
/*.mfg-item-title {
    height:20px;float:left;
    padding:2px 6px 0 12px;
    text-align:left;background-color:#069;
    border-bottom:2px solid #C5C4C4;
}*/
.mfg-item-title {
    background:#858585 url("../Images/category/Assets/lnm_titlebg.jpg") repeat scroll 0 0;
    font:bold 11pt/24px Arial,Helvetica,sans-serif;display:inline-block;
    margin-left:-18px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;
    *display:inline;*zoom:1
}
.mfg-item-thumbs {width:120px;height:120px;border:2px solid #CCC;border-width:0 0 2px 2px}
.mfg-item-cats {padding:8px 0;width:450px;text-align:left;border-bottom:2px solid #CCC}

.mfg-item-cats td.lcol {width:40px;text-align:right}
.mfg-item-cats td.rcol {}
.mfg-item-cats img.lcol-img {}

/*.blue-dot {float:right;position:relative;top:-3px;*top:5px}*/
.blue-dot {display:none;visibility:hidden}
/* */

/** jCarousel  **/
#divCarousel .jcarousel-container {margin:6px auto}
.price, .description, .readMore {font:normal 10px verdana, arial, sans-serif} 
.price {color:#F00}
.description {color:#000} 
.readMore {color:#749ecf;cursor:pointer}
A.model {font:bold 10px verdana,sans-serif;color:#00008B;text-decoration:none} 
A.model:hover {color:#328B17;text-decoration:underline} 
.upperText{font:bold 12px verdana,arial,sans-serif;color:#0066b7}
.manufacturer_desc {font:normal 11px/14px verdana,arial,sans-serif;color:#000;float:left;margin:0 0 18px 0}
.itemQuantity{font-size:11px;color:#6F6F6F;margin:0;padding:0;font-weight:normal}
/* */

/** from relatedItems-skin1.css           **/
/** previous reference: Manufacturer.aspx **/
.jcarousel-skin-tango .jcarousel-container{background:#FFF;border:1px solid #A3C6F1;-moz-border-radius:10px}.jcarousel-skin-tango .jcarousel-container-horizontal{width:530px;padding:10px 40px}html>body .jcarousel-skin-tango .jcarousel-container-horizontal{width:530px;padding:10px 40px}
.jcarousel-skin-tango .jcarousel-container-vertical{width:75px;height:245px;padding:40px 20px}.jcarousel-skin-tango .jcarousel-clip-horizontal{width:530px;height:145px}html>body .jcarousel-skin-tango .jcarousel-clip-horizontal{width:530px;height:185px}.jcarousel-skin-tango .jcarousel-clip-vertical{width:75px;height:245px}
.jcarousel-skin-tango .jcarousel-item{width:150px;height:100px}html>body .jcarousel-skin-tango .jcarousel-item{width:170px;height:180px}.jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:10px}html>body .jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:10px}
.jcarousel-skin-tango .jcarousel-item-vertical{margin-bottom:10px}.jcarousel-skin-tango .jcarousel-item-placeholder{background:#FFF;color:#000}.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:80px;right:5px;width:32px;height:32px;cursor:pointer;background:transparent url(../images/next-horizontal.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{background-position:-32px 0}.jcarousel-skin-tango .jcarousel-next-horizontal:active{background-position:-64px 0}.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{cursor:default;background-position:-96px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:80px;left:5px;width:32px;height:32px;cursor:pointer;background:transparent url(../images/prev-horizontal.png) no-repeat 0 0}.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background-position:-32px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-64px 0}.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-96px 0}
.jcarousel-skin-tango .jcarousel-next-vertical{position:absolute;bottom:5px;left:43px;width:32px;height:32px;cursor:pointer;background:transparent url(../images/next-vertical.png) no-repeat 0 0}.jcarousel-skin-tango .jcarousel-next-vertical:hover{background-position:0 -32px}
.jcarousel-skin-tango .jcarousel-next-vertical:active{background-position:0 -64px}.jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active{cursor:default;background-position:0 -96px}
.jcarousel-skin-tango .jcarousel-prev-vertical{position:absolute;top:5px;left:43px;width:32px;height:32px;cursor:pointer;background:transparent url(../images/prev-vertical.png) no-repeat 0 0}.jcarousel-skin-tango .jcarousel-prev-vertical:hover{background-position:0 -32px}
.jcarousel-skin-tango .jcarousel-prev-vertical:active{background-position:0 -64px}.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active{cursor:default;background-position:0 -96px}
/************************************/

/** from relatedItems.jcarousel1.css      **/
/** previous reference: Manufacturer.aspx **/
.jcarousel-container{position:relative}.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative}.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}.jcarousel-list li,.jcarousel-item{float:left;list-style:none;width:75px;height:75px}
.jcarousel-next{z-index:3;display:none}.jcarousel-prev{z-index:3;display:none}
/************************************/

#trAuthorizedDealer {}
/************************************************************************/


/************************************************************************/
/**                          Header styles                             **/
/************************************************************************/
/*
#Toolbar-links {height:31px;background:#CCC;text-align:center;margin:0 auto;width:944px}
#Toolbar-links a {color:#FFF;font-size:10px;font-weight:bold;text-decoration:none}
#Toolbar-links a:hover {color:#FF0}
#Toolbar-links li {float:left;list-style-type:none}
*/
/************************************************************************/


/************************************************************************/
/**                   Accounts pages common styles                     **/
/************************************************************************/
#Signout-bar {margin-left:8px}
.account-grid {
    width:98%;margin:18px 0 12px 4px;
    background-color:#F2F8FF;
    border:1px solid #636563;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    -o-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
}
.account-grid-header, 
.account-grid-header-email,
.account-grid-header-password,
.account-grid-header-billing,
.account-grid-header-shipping,
.account-grid-header-repairs,
.account-grid-header-credits {margin:4px}

.account-grid-header span,
.account-grid-header-email span,
.account-grid-header-password span,
.account-grid-header-billing span,
.account-grid-header-shipping span,
.account-grid-header-repairs span,
.account-grid-header-credits span {font-weight:bold;display:block;padding:4px 0 4px 24px}

.account-grid-header span {background:#D7D7D7 url('../Images/arrow_blue.gif') 6px 50% no-repeat}
.account-grid-header-email span {background:#D7D7D7 url('../Images/icons/ocs-mail-read.png') 6px 50% no-repeat}
.account-grid-header-password span {background:#D7D7D7 url('../Images/icons/ocs-lock.png') 6px 50% no-repeat}
.account-grid-header-billing span {background:#D7D7D7 url('../Images/icons/ocs-paste.png') 6px 50% no-repeat}
.account-grid-header-shipping span, 
.account-grid-header-credits span {background:#D7D7D7 url('../Images/icons/ocs-box.png') 6px 50% no-repeat}
.account-grid-header-repairs span {background:#D7D7D7 url('../Images/icons/ocs-tools.png') 6px 50% no-repeat}

.account-grid-content {border-top: 1px solid #636563;padding:12px}
.red {color:#F00}
.Bold {font-weight:bold}
.Normal {color:#000;font:normal 11px verdana,arial,sans-serif} /* over-ride the '.Normal' class in ocs-style-1.css */
.GridDesc p {margin:0;padding:0}

#dgPendingPaypal td, 
#dgOrderList td,
#dgCart td,
#dgRepairs td,
#dgCredits td {border:1px solid #636563}
/************************************************************************/


/************************************************************************/
/**                  AccountAssistance.ascx styles                     **/
/************************************************************************/
#AccountAssistance {float:left;margin:0 0 0 2px}
.account-box-header {
    height:23px;width:160px;text-align:center;
    background:url('../Images/LeftNAVHeaderBG.gif') 0 0 repeat-x;
}
span.ContentHeaders {top:1px;left:12px;position:relative}
span.NormalRedBold {text-align:center;display:block;margin-top:12px}
.account-box-content {float:left;width:154px;margin:-1px 0 18px 2px;background-color:#F0F0F0}
.account-box-content hr {width:94%;margin:1em auto}
ul#help-desk-links {padding:0;margin:0 0 12px 0;list-style-type:none}
ul#help-desk-links a {
    display:block;padding:6px 0 6px 28px;
    background:url('../Images/icons/ocs-forward.png') 8px 50% no-repeat; 
}
#account-quick-links {}
#account-quick-links img {margin:6px auto}
#account-quick-links ul {float:left;list-style-type:none;text-align:center}
/************************************************************************/


/************************************************************************/
/**                  PurchaseAssistance.ascx styles                    **/
/************************************************************************/
#purchase-assistance-wrapper {margin-left:4px;float:left;width:190px}
ul#badges {list-style:none;margin:12px 0 0 0;padding:0}
ul#badges li {margin:12px 0 12px 0}
ul#badges li a {}
/************************************************************************/

/************************************************************************/
/**                     AccountLogin.aspx styles                       **/
/************************************************************************/
#frmLogin {width:100%;float:left}
#welcome-bar {
    background:url('../Images/icons/ocs-computer.png') 0 0 no-repeat;
    margin: 0 0 24px 0;height:26px
}
#welcome-bar span {padding:0 0 0 28px;font-size:16px;font-weight:bold}
#login-grid, #register-grid {float:left;width:46%;padding:2px 12px 8px 12px}
#register-grid {border-left:1px solid #636363}
#secure-info {float:left;margin:24px 0 0 0;text-align:left}
/************************************************************************/


/************************************************************************/
/**                    ShoppingCart.aspx styles                        **/  
/************************************************************************/ 
#ShoppingCart-wrapper {width:99%;margin:0 auto}
#trRelatedCategories li {list-style-position:inside}
a.RemoveAnchore {text-decoration:underline}
a.RemoveAnchore:hover {text-decoration:none}
.warranty-holder {background:#E3E3E3;padding: 0px 2px 8px 7px;margin: 3px;}
.warranty-holder span {font-size:11px;font-weight:bold}
.warranty-holder img {position:relative;top:6px}
.warranty-holder a {text-decoration:none;font-size:11px;color:#0068af;font-weight: normal;}
.warranty-holder a:hover {text-decoration:underline;font-size:11px;color:#E46F06}
.warranty-holder a:focus {outline:none}
.warranty-holder p { font-size: 11px;margin: 2px 0 3px 0} 
.warranty-holder div.panel-warranty {margin:0px 0 0 28px;font-size:11px;display:none}
.warranty-holder div.panel-warranty td { border: 0 !important;}
#panelSelectedWarranty{margin:6px 0 0 28px;font-size:11px}
.WarrantyOptions td { padding-bottom: 3px}
#rbWarrantyOptions label {position:relative;
    top:-1px;left:3px;
    *top:1px;*left:1px;
}
/************************************************************************/


/************************************************************************/
/**                      checkout.aspx styles                           **/  
/************************************************************************/ 
#Checkout-wrapper, #CheckoutDelivery-wrapper, #CheckoutCheckDelivery-wrapper, #CheckoutSummary-wrapper,
#eBillMeError-wrapper, #eBillMeThankyou-wrapper, #CheckoutCheckAddress-wrapper, #CheckoutDelivery-wrapper,
#CheckoutIntl-wrapper, #CheckoutIntlSummary-wrapper {
    width:760px;margin:0 auto;color:#474747;
    font:normal 10px verdana,arial,sans-serif
}
#eBillMeError-wrapper #frmCheckoutSummary {margin:0 auto;width:100%}
img.co-legend {display:block;margin:0 auto 24px auto}
#dgCart td.divWarranty {border:0}

/* below styles from 'checkout.css' */
.maincolor {background:#01669A;color:#FFF}
.details {font-size:9px;color:#01669A;font-family:Verdana,Arial,Helvetica,sans-serif}
.pagelink {font-size:10px;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:underline}
.pagelink:hover {font-size:10px;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:underline}
.secondarycolor {background:#666;color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif}
.white_tableHeader {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;color:#000}
td.tblRedBorder {border:solid 1px #F00}
td.tblGreenBorder {border:solid 1px #008000}
/************************************************************************/


/************************************************************************/
/**        Error400/404/500/ErrorProductRemoved.aspx styles            **/  
/************************************************************************/ 
#Error400-wrapper, #Error404-wrapper, #Error500-wrapper, #ErrorProductRemoved-wrapper {
    margin:32px 0 0 0;width:100%;text-align:center;color:#000;
    font:normal 8pt/11pt Verdana,Arial,Helvetica,sans-serif;
}
.error-head {font-weight:bold}
/************************************************************************/


/************************************************************************/
/**                   Newsletter.aspx styles                           **/  
/************************************************************************/ 
#Newsletter-wrapper {width:99%;margin:0 auto;padding:18px 0 18px 0}
#subscribe-button {margin:16px 0 0 160px}
/************************************************************************/


/************************************************************************/
/**                 CarSpecificList.aspx styles                        **/
/************************************************************************/
#CarSpecificList-wrapper {width:100%}
#CarSpecificList-wrapper img.imgLink {margin:0 0 0 24px;float:left}
#CarSpecificList-wrapper p {display:block;height:66px;*height:76px}
#CarSpecificList-wrapper span.car-specific-link a {margin:24px 0 0 24px;float:left}
/************************************************************************/


/************************************************************************/
/**                 ProductList.aspx styles                            **/
/************************************************************************/
/**
 *  Merged from ocs.productlist.css, original is inline3.css 
 *  Referenced in the '/CarAudio/ProductList.aspx' file  
 *
 *  RichardG <richard.g@onlinecarstereo.com>
 *  01.17.2012, 04.24.2012
 *
 */

 #ProductList-wrapper { }
 .category_desc { font-family:verdana, arial, sans-serif; font-size:11px; color:#000 }
 .readMore { font:normal 10px verdana, arial, sans-serif; color:#749ecf; cursor:pointer }
 #trProductList {margin:0 auto;width:98%}
 #SortBy_ItemsPerPage, #SortBy_ItemsPerPageBottom {
     font:normal 10px verdana, arial, sans-serif;
     text-align:left; border:solid 1px #99C0DF;
     height:58px; background-color:#DDE5EC;padding:6px 0 0 10px;
 }
 #SortBy_ItemsPerPageBottom { height:33px; margin:10px 0 10px 0 }
 #grid-holder { float:left;margin-top:8px;width:100% }
 #dgProductList { min-width:656px }
 #trPager { width:100%;float:left }
 #ItemsPerPage { float:left;margin:6px 0 0 0 }
 #ItemsPerPageBottom { float:left; margin:2px 0 0 0 }
 #PagerContainerTop, #PagerContainer { float:right }

 #SortByContainer .ui-button, #ItemsPerPage .ui-button, #ItemsPerPageBottom .ui-button { margin-right:-.5em; }
 #PagerContainer .ui-button, #PagerContainerTop .ui-button { margin-right:-.1em; }
 #SortByContainer .ui-widget, #PagerContainer .ui-widget, #ItemsPerPage .ui-widget, #PagerContainerTop .ui-widget, #ItemsPerPageBottom .ui-widget {
     font-size:1.1em;font-weight:normal;
 }
 #SortByContainer .ui-button-text, #PagerContainer .ui-button-text, #ItemsPerPage .ui-button-text, #PagerContainerTop .ui-button-text, #ItemsPerPageBottom .ui-button-text { line-height:1.1; }
 #PagerContainer .pager-right, #PagerContainer .pager-left, #PagerContainerTop .pager-left, #PagerContainerTop .pager-right, #ItemsPerPageBottom .pager-right {
     position:relative;top:2px;
 }
 /************************************************************************/
 
 /***** 
 * Product List page - addition styles
 * 08.08.2013 
 */
  #grid-holder tr, #grid-holder td {border-color:#CCC}
 .ListGridHeader {border:1px solid #CCC}
	


/*************************************************************************
        Testimonials widget - /UIControls/RightColumn.ascx
        Add AJAX-based Testimonials box on the right column
        09.16.2013 
*************************************************************************/
#testimonial-widget {float:left;margin:3px 0 9px 0;width:196px}
#rc-testimonials {background:#FFF url('../Images/img-blockquote2.png') 4px 0 no-repeat;color:#333;font-size:12px;font-family:Arial,sans-serif;padding:8px 12px}
.rc-testimonials {margin:12px 0 0 0}
.rc-detail {font-style:italic;line-height:16px}
.rc-author {font-weight:bold}
.rc-date {font-size:10px;color:#888}
a.rc-review {color:#06F;font-size:11px;float:right;text-decoration:none}
a.rc-review:hover {text-decoration:underline}
/************************************************************************/

/*************************************************************************
        Testimonials page - /testimonials.ascx
        Add AJAX-based Testimonials page
        09.17.2013 
*************************************************************************/
#p-testimonials {background:#FFF;color:#333;font-size:12px;font-family:Arial,sans-serif;padding:0 12px;margin:0 auto;width:780px}
h1.t-head {font-family:'Cinzel Decorative', Arial,serif;font-size:22px;color:#555;text-align:center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.p-testimonials {background:#F5F5F5 url('../Images/img-blockquote2.png') 8px 4px no-repeat;border:1px solid #DDD;margin:12px 0;line-height:18px;padding:12px 24px 12px 24px}
.p-detail {display:block;font-size:13px;font-style:italic;line-height:1.4;margin:12px 0}
.p-author {font-weight:bold;margin:0 8px 12px 0}
.p-date {font-size:10px;color:#787878;margin:0 0 0 8px}
a.p-review {color:#06F;font-size:11px;margin:0 0 0 12px;text-decoration:none}
a.p-review:hover {text-decoration:underline}
/************************************************************************/