/**
  * ocs.left-column.css
  * 
  * Referenced by 'UIControls/leftNav.ascx' 
  * Left column styles
  * - Search
  * - Categories
  * - Quick links
  * - etc
  * 
  * some styles taken from dealpage.css and inline14.css 
  * 
  !! NEEDS TO BE MINIFIED FOR PRODUCTION USE !!
  *
  * RichardG <richard.g@onlinecarstereo.com>
  * 01.05.2012
  *
  */


/*
.OCSSIDENAV{width:189px;font:8pt Verdana, Arial, sans-serif;background:red}
.OCSSIDENAV_Body {border-left:solid 1px #CCC;border-right:solid 1px #CCC;border-bottom:solid 1px #CCC;float:left}
.OCSSIDENAV_Inner {border:solid 1px #FFF;background:#F7F7F7;float:left}
*/

li.LNM_MoreLinks a {background:url('/Images/category/Assets/nav_menu_rightarrow.png') right center no-repeat;height:23px;width:182px}

/*.leftNavhoverOuter {border: solid 1px #18A2E7;background:#4fc1fe;padding:1px;margin:0 0 0 2px;width:auto;height:auto;float:left}
.leftNavhoverOuter .leftNavHoverInner {border:solid 5px #2BB5FC;background:#F7F7F7;padding:7px;margin:0;float:left}*/
.leftNavhoverOuter {padding:1px;margin:0 0 0 2px;width:auto;height:auto;float:left}
.leftNavhoverOuter .leftNavHoverInner {border:solid 3px #7A7A7A;background:#F7F7F7;padding:7px;margin:0;float:left}
.xxleftNavhoverOuter {background:#FFF;padding:0;margin:-7px 0 0 2px;width:auto;height:auto;float:left}
.xxleftNavhoverOuter .leftNavHoverInner {border:solid 5px #2BB5FC;border-width:5px 5px 5px 0;background:red;padding:0;margin:0;float:left}

.leftNavhoverOuter .leftNavHoverInner .MM_TitleContainer{padding:1px}
.leftNavhoverOuter .leftNavHoverInner a{border:none;background:none}
.leftNavhoverOuter .leftNavHoverInner a:hover{border:none;background:none}
.leftNavhoverOuter .leftNavHoverInner .MM_TitleContainer:hover{background:#F2F2F2;padding:0;border:solid 1px #DDD}
.leftNavhoverOuter .leftNavHoverInner .MM_TitleContainer .MM_Title{margin:0;padding:0;font:14pt bolder Verdana, Arial, sans-serif;white-space:nowrap}
.leftNavhoverOuter .leftNavHoverInner .MM_TitleContainer .MM_Title a{margin:0;padding:0;color:#333;text-decoration:none;display:inline}
.leftNavhoverOuter .leftNavHoverInner .MM_TitleContainer .MM_Title .MM_Title_IMG{height:65px;width:65px}
.leftNavhoverOuter .leftNavHoverInner .MM_TitleContainer .MM_Title a:hover{color:#74A400;text-decoration:underline}
.leftNavhoverOuter .leftNavHoverInner .MM_TitleContainer .MM_Title a img{vertical-align:middle;text-align:left;display:inline;border:none}
.leftNavhoverOuter .leftNavHoverInner .MM_TitleBuffer{height:6px;border:solid 1px #CCC;background:#DDD}
.leftNavhoverOuter .leftNavHoverInner .MM_ContentContainer{display:table}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_A {list-style:none;padding:3px 10px 5px 10px;display:table-cell;margin:0;zoom:1}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_A span a{text-decoration:none;color:#545454;margin:0;padding:2px;border-bottom:solid 1px #DDD;border-top:solid 1px #FFF;display:block;height:12px;white-space:nowrap;width:100%}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_A span a:hover{background:#F2F2F2;color:#0462BE;text-decoration:underline;border-bottom:solid 1px #DDD;border-top:solid 1px #FFF}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_B {list-style:none;padding:3px 10px 5px 10px;display:table-cell;margin:0;border-left:dashed 1px #999;zoom:1}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_B span a{text-decoration:none;color:#545454;margin:0;padding:2px;border-bottom:solid 1px #DDD;border-top:solid 1px #FFF;display:block;height:12px;white-space:nowrap;width:100%}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_B span a:hover{background:#F2F2F2;color:#0462BE;text-decoration:underline;border-bottom:solid 1px #DDD;border-top:solid 1px #FFF}
.leftNavhoverOuter .leftNavHoverInner .mmViewAll{text-align:right;padding:5px}
.leftNavhoverOuter .leftNavHoverInner .mmViewAll a{color:#74A400;font-weight:bold;display:block;float:right;outline:none}
.leftNavhoverOuter .leftNavHoverInner .mmViewAll a:hover{color:#333}

/* IE7-only  */
.leftNavhoverOuter .leftNavHoverInner {*width:580px}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_A{*float:left;*width:272px}
.leftNavhoverOuter .leftNavHoverInner .MM_LinkList_B{*float:left;*width:272px}
/**************/

ul.navmenu-v,ul.navmenu-v li,ul.navmenu-v ul{margin:0;list-style:none;background:none}
ul.navmenu-v li{float:left;position:relative;width:100%;background:url('/Images/category/Assets/nav_menu_itembuffer.png') center bottom no-repeat}
ul.navmenu-v li.iehover{z-index:1000}
ul.navmenu-v ul{display:none;position:absolute;top:0;left:100%;z-index:9999}
ul.navmenu-v a{padding:5px 0 7px 3px;margin:0 0 1px 0;height:14px;display:block;color:#333;text-decoration:none}
.navmenu-v ul{margin:0;padding:0}
.navmenu-v li{margin:0;padding:0}
.navmenu-v{margin:0;padding:0}
.navmenu-v .LMN_lastTop{border:none;background:none;margin-bottom:-2px}

.navmenu-v li a:hover{background:#DDD;color:#2AAEF6}
.xxnavmenu-v li a:hover{background:red;color:#2AAEF6}

ul.navmenu-v li:hover ul ul,ul.navmenu-v li:hover ul ul ul,ul.navmenu-v li.iehover ul ul,ul.navmenu-v li.iehover ul ul ul{display:none}
ul.navmenu-v li:hover ul,ul.navmenu-v ul li:hover ul,ul.navmenu-v ul ul li:hover ul,ul.navmenu-v li.iehover ul,ul.navmenu-v ul li.iehover ul,ul.navmenu-v ul ul li.iehover ul{display:block}
/**************************/


/** FROM dealpage.css   **/
#SideNav_NewsletterSignup {background: url('leftNav/Join-Mailing-List-Icon2_4web.jpg') no-repeat;width:190px;height:26px; padding:69px 0 0 0; margin-left:3px}
#SideNav_NewsletterSignup form{padding: 0 0 0 3px}
#SideNav_NewsletterSignup .newletterBtn{background: url('leftNav/sign-up-button.jpg') 0 0 no-repeat;width:61px;height:21px;border:none;cursor: pointer;cursor: hand}
#SideNav_NewsletterSignup .newletterBtn:hover{background: url('leftNav/sign-up-button.jpg') 0 -21px no-repeat;cursor:hand;cursor:pointer}
#SideNav_NewsletterSignup .newletterBox{width:110px;*width:108px;font-size:9pt;border:solid 1px #CCC;margin:0 0 0 3px}

.bestsellers_link{background:url('/Style/leftNav/bestsellers.gif') left center no-repeat #FFF}
.hotdeals_link{background:url('/Style/leftNav/hotdeals.gif') left center no-repeat #FFF}
.newarrivals_link{background:url('/Style/leftNav/newarrivals.gif') left center no-repeat #FFF}
.onsale_link{background:url('/Style/leftNav/onsale.gif') left center no-repeat #FFF}
.newlyreduced_link{background:url('/Style/leftNav/newlyreduced.gif') left center no-repeat #FFF}
.reconditioned_link{background:url('/Style/leftNav/factoryreconditioned.gif') left center no-repeat #FFF}
.clearance_link{background:url('/Style/leftNav/clearancesale.gif') left center no-repeat #FFF}

#DealPageLinks{padding:0;margin:0;list-style:none}
#DealPageLinks li{padding:7px 0 5px 0;margin: 7px 0 7px 6px;width: 170px;height: 18px;display:block}
#DealPageLinks li:hover{}
#DealPageLinks li a{font: bold 9pt verdana, Arial, sans-serif;padding: 0 0 0 30px;color:#514D4D;text-decoration: none}
#DealPageLinks li a:hover{color:#2AAEF6;text-decoration: underline}
.LNM_NoHeader {border:1px solid #CCC;background:#FFF}
/*.OCSSIDENAV_Inner1{width:185px}
.OCSSIDENAV1{width:187px;margin-left:4px}*/
/**************************/

/** FROM inline14.css   **/
#side-links td img{display:block}
#side-links{margin:8px 0 8px 0}
#SearchPhrase{width:150px;height:19px}
.search-button{margin-left:152px}
.search-button-new{position:relative;top:-1px}
#myContainer{font-weight:normal}
.LeftNavSearch,.yui-skin-sam,.yui-ac-bd{z-index:1;position:relative}
.yui-ac-container{z-index:1;position:absolute}
.brandLite{background-color:#F00}
/*a,a:hover, a:active, a:focus {outline:0}*/
/**************************/


/**  ADDED OVER-RIDES  **/
/** -- MUST BE LAST -- **/
/*.box-header {
    border:1px solid #18A2E7;
    background: #4FC1FE;
    padding:1px 0 1px 0;height:23px;
}
.box-header-content {
    background:url('/Images/category/Assets/lnm_titlebg.jpg');
    width:100%;margin:0;padding:2px 0 0 0;height:21px;
    font:bold 11pt Arial, Helvetica, sans-serif;color:#FFF;
    display:block;text-align:center;
    text-shadow:0 1px 0 #3C93C2;
    float:left;
}
.box-body {
    border: 1px solid #CCC;
    border-width: 0 1px 1px 1px;
    float:left;
}
.box-content {
    border:solid 1px #FFF;
    background:#F7F7F7;
    float:left;
}*/

/* remove bar on last category 
 * see 'JScripts/inline22.js' for the adding of this class
 */
ul.navmenu-v li.last-category {background-image: none}
/*******************************/

#LeftNavMenu {font:8pt Verdana, Arial, sans-serif}
#Search {}
#Search, #Categories {margin:3px 0 0 3px;width:189px;float:left}
.LeftNavSearch {width:185px;height:30px}
input#SearchPhrase {width:148px;height:15px;border:1px solid gray}
#myAutoComplete {margin:9px 0 0 3px}

#Categories {}

#Deals {width: 186px;float: left;border: 1px solid #CCC;background-color: #FFF}
#Deals, #SideNav_NewsletterSignup, #LeftLinks {margin:0 0 0 3px}

#LeftLinks {text-align:center}
#LeftLinks img {margin: 8px 0 4px 0}