@charset "utf-8";
/* CSS Document */
/* All Header */
.smallGuy {
    display: none;
    visibility: hidden;
}
    
/* Wrapper */
.wrapper {width:960px;margin:0px auto;}

/* Header */
.header {width:100%;  /*  height: 149px; */ margin-bottom:15px;background: #000 url(/themes/awake/styles/amsoil/bg.jpg) repeat-x bottom;}
.header a {color: #fff;text-decoration: none;}
.headerContent {/*  height: 149px; */ max-width:960px;margin:0px auto 0px auto;}

/* Header Top */
.header .hdrTop {height:27px;position:relative;z-index:999;}
.header .hdrTop .flagNav {position:absolute;z-index:990;bottom:2px;right:0px;clear:right;height:27px;width:407px;}
.header .hdrTop .flagNav .flagNavCap {width:38px;height:23px;/*triangle by free catalog*/ background: url(amsoil/header/header-sprite.png?sfcvr=1) no-repeat top left; background-position: 0 -815px; position:absolute;left:-38px;top:1px;}
.header .hdrTop .flagNav .rightTop {border-right:none;padding:5px 5px 0px 0px;width:402px;}
.header .hdrTop .flagNav .rightTop .root {border-right:1px solid #777;}
.header .hdrTop .flagNav .rightTop .root.last {border-right: none;}

.header .hdrTop .flagNav.withLocator {width: auto; display: table; text-align: center; margin: 0 0 0 auto; position: relative;}
.header .hdrTop .flagNav.withLocator .rightTop {/* width:543px; */ width: auto; }

.header .hdrTop .flagNav.noWholesale {width:300px;}
.header .hdrTop .flagNav.noWholesale .rightTop {width:295px;}
.header .hdrTop .flagNav.withLocator.noWholesale {width:440px;}
.header .hdrTop .flagNav.withLocator.noWholesale .rightTop {width:432px;}

.header .hdrTop .flagNav .locatorFlag 
{
    display:block;
    position:absolute;
    right:0px;
    bottom:-5px;
    width:150px;
    height:30px;
    background: url(amsoil/header/header-sprite.png?sfcvr=1) no-repeat top left;
    background-position: 0 -1065px;
}

/* Header Bottom */
.header .hdrBottom {height:50px;position:relative;z-index:990;}
.header .hdrBottom .extendedShop {position:absolute;right:0px;margin-top:15px;}
.header .hdrBottom .primaryNav .extendedShop ul {margin:0px;text-align:center;}
.header .hdrBottom .primaryNav .extendedShop ul li {height:38px;text-align:center;background:url(amsoil/header/header-button.jpg) no-repeat left 0px;padding:0px;margin:0px;margin-right:0px;width:110px;}
.header .hdrBottom .primaryNav .extendedShop ul li a {font-size:11px;padding: 5px 8px 0px 8px;margin:0px;background:url(amsoil/header/header-button-rcap.jpg) no-repeat right 0px;height:25px;}
.header .hdrBottom .primaryNav .extendedShop ul li a:hover {color:#fcb338;}

/* Primary Navigation*/
.primaryNav .shopBy {width:296px;height:65px;position:absolute;top:0px;left:0px;margin:0px;z-index:990;background:url(amsoil/header/primaryNav-tab.png) left top;color:#fff;}
.primaryNav .shopBy .prefix {font-size:14px;line-height:12px;font-weight:normal;font-style:italic;margin:4px 0 6px 10px;}
.primaryNav .shopBy .title {font-size:24px;line-height:24px;}
.primaryNav .shopBy ul.leftTop li.root.first {border-right:2px solid #525252;padding-right:12px;}
.primaryNav .shopBy ul.leftTop li.root.last {border-right:none;padding-left:12px;}

.primaryNav ul.rightTop {margin-top:2px;float: right;}
.primaryNav ul.leftTop {float: left;border:none;margin:0px 0px 0px 20px;}
.primaryNav ul {list-style:none;position:relative;margin:25px 0 -23px;font-weight:bold;left:0px;top: 0px;width: auto;}
.primaryNav ul li{position:relative;display: block;float: left;padding: 0 4px 0px 4px;margin: 0;font-size: .80em;font-weight: bold;text-align: left;color: #000;background-color: transparent;width: auto;border: none 0px;}
.primaryNav .subnav {position: absolute;display: none;float: none;left: 0px;top: 4px;background-color:#fff;padding:0;z-index:990;color:#666;border:solid 1px #999;}
.primaryNav .rightTop {float: right;background: none;border: none;}	
.primaryNav li.active a, .primaryNav .root a:hover {color: #fcb338;}
.primaryNav .subnav li:hover {background-color: #1E79C8;}
.primaryNav .subnav li:hover a {color:#fff;}
.primaryNav .subnav li:hover li a {color:#666;}
.primaryNav .subnav .subnav li:hover a {color:#fff;}
.primaryNav .root {border-right: 1px solid #000;}
.primaryNav .menuPullup1 {top:-120px!important;}
.primaryNav a {display:block;}
.primaryNav .leftTop .subnav {top:10px;}
.primaryNav .subnavRight {left: -100px;}
.primaryNav .subnav li {width: 180px;padding: 5px 7px 5px 8px;}
.primaryNav .subnav li, .primaryNav .subnav li a {cursor:pointer;cursor:hand;}
.primaryNav .subnav li a {color:#666;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, Sans-Serif; float: left; width: 100%;}
.primaryNav .subnav .subnav {left:195px;top: -24px;}
.primaryNav .subnav h3 a {font-size:14px;font-weight:normal;background:url(amsoil/header/flyoutHeaderBorder.gif) no-repeat bottom left;}
.primaryNav .subnav h3 strong {font-weight:bold;}
.primaryNav .subnav h4 {margin-left:-3px;font-size:13px;font-weight:bold;}
.primaryNav .subnav h4 strong {font-weight:bold;}
.primaryNav .column {float:left;}
.primaryNav .column ul {margin-top:0px;}
.primaryNav .column ul, .primaryNav .subnav.column li {float:none; width:210px;}
.primaryNav .navFullHeader {clear:both;margin-top:0px;}
.primaryNav .navFullHeader li {width:405px;}
.primaryNav .subnav .columns.col2, .primaryNav .subnav .columns.col3 {width:420px;}
.primaryNav .rootColumnar {top:30px;}
.primaryNav .leftTop .subnav.rootColumnar {top:35px;}
.primaryNav .subnav .column li.subheader {background-color:#fff;cursor:default;}
.primaryNav .flyout {/*background: url(amsoil/header/flyout.png) no-repeat center right;*/
    background: url(amsoil/header/header-sprite.png?sfcvr=1) no-repeat top left; background-position: 0 -863px; width: 15px; height: 11px; float: right; margin-top: 2px; position: absolute; left: 174px;}
.primaryNav .subnav li:hover .flyout{/*background: url(amsoil/header/flyout2.png) no-repeat center right;*/
    background: url(amsoil/header/header-sprite.png?sfcvr=1) no-repeat top left; background-position: 0 -899px; width: 15px; height: 11px; float: right; margin-top: 2px; position: absolute; left: 174px;}


	
/* Alignment Classes */
.alignCenter 
{
    text-align: center;
}
.alignLeft 
{
    text-align: left;
}
.alignRight 
{
    text-align: right;
}
.left 
{
    float: left;
}
.right 
{
    float: right;
}




/* Clear Default Styles */
/* Set Font */
.x {clear: both;}
.hidden {display: none;}
.slideImg{margin: 0 15px 0 15px;} 
.opera{margin-top: -22px;}


@media only screen and (min-width: 960px) {
    .header {width:100%;  /*  height: 149px; */ margin-bottom:15px;background: #000 url(amsoil/header/bg.png) repeat-x bottom;}
    .headerContent {/*  height: 149px; */ max-width:960px;margin:0px auto 0px auto;}

    /* Header Top */
    .header .hdrTop {height:27px;position:relative;width: 960px;}    
	.header .hdrTop .flagNav {position:absolute; float: none;clear:right;height:27px;width:407px; margin: 0px;}
    .header .hdrTop .flagNav .flagNavCap {display: block;width:38px;height:23px;background: url(amsoil/header/header-sprite.png?sfcvr=1) no-repeat top left;background-position: 0 -815px;position:absolute;left:-38px;top:1px;}
    
    .header .hdrTop .flagNav .rightTop {border-right:none;padding:5px 5px 0px 0px;width:402px;height: 14px; margin: -22px 0 0 0px;}
    .header .hdrTop .flagNav .rightTop .root {border-right:1px solid #777;}
    .header .hdrTop .flagNav .rightTop .root.last {border-right: none;}
    .header .hdrTop .flagNav .primaryNav ul li{width: auto;}
    
    .header .hdrTop .flagNav.withLocator {/* width:543px; */}
    .header .hdrTop .flagNav.withLocator .rightTop {/* width:535px; */ width: auto; float: left; margin: 3px 0px 0px 0px;}

    .header .hdrTop .flagNav.noWholesale {width:300px;}
    .header .hdrTop .flagNav.noWholesale .rightTop {width:295px; margin: 3px 0 0 0;}
    .header .hdrTop .flagNav.withLocator.noWholesale {width:440px;}
    .header .hdrTop .flagNav.withLocator.noWholesale .rightTop {width:432px; margin-top: 2px; left: -3px;}
    .header .hdrTop .flagNav .locatorFlag {
        display:block;position:absolute;left:395px;bottom:-5px;width:150px;height:30px;
        background: url(amsoil/header/header-sprite.png?sfcvr=1) no-repeat top left;
        background-position: 0 -1065px;
	}

    .primaryNav .subnav{ left: 0px;}
    .primaryNav .subnavRight{ left: -75px;}

    /* Header Bottom */
    .primaryNav .shopBy {width:296px; height:65px; position:absolute; top:0px;left:0px; margin:0px 0 0 0px;background:url(amsoil/header/primaryNav-tab.png) left top;color:#fff;}
    .header .hdrBottom {height:50px;position:relative;width: 960px;}
    .header .hdrBottom .extendedShop {position:absolute;right:0px;margin-top:15px; width: 660px;}
    .header .hdrBottom .primaryNav .extendedShop ul {margin:0px;text-align:center; width: 660px;}
    .header .hdrBottom .primaryNav .extendedShop ul li {height:38px;text-align:center;background:url(amsoil/header/header-button.jpg) no-repeat left 0px;padding:0px;margin:0px;margin-right:0px;width:110px;}
}