﻿@font-face {
	font-family: 'FrutigerLight';
	src: url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Light.eot');
	src: url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Light.eot?#iefix') format('embedded-opentype'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Light.woff2') format('woff2'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Light.woff') format('woff'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Light.ttf') format('truetype'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Light.svg#FrutigerNextPro-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'FrutigerBold';
	src: url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Bold.eot');
	src: url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Bold.woff2') format('woff2'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Bold.woff') format('woff'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Bold.ttf') format('truetype'),
		url('/Areas/CASTROL/Content/fonts/FrutigerNextPro-Bold.svg#FrutigerNextPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}


a, a:hover, a:focus {
    color:#008d3e;
}

a.footerlink {
       color:#fff;
}

h1, h2 {
    font-family:'FrutigerBold';
}

h3, h4 {
    font-family:'FrutigerLight';
    color:#008d3e;
}

h4.modal-title {
    font-family:arial;
    color:#666;
}

footer {
    color:#fff;
    background-color:#008d3e;
    box-shadow: 0px 500px 0px 500px #008d3e; /*cool footer color to bottom of page trick*/
}

.nv-site-logo .navbar-nav {
    margin: 7.5px 0px;
}

.navbar-default .navbar-nav > li > a {
    color:#fff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    text-decoration:underline;
}

.main-menu a {
    text-transform:uppercase;
}

.zsbtn {
    background-color:#008d3e;
    border-color:#008d3e;
    text-transform:uppercase;
}

.zsbtn:hover {
    background-color:#008d3e;
}

.zstable th {
    text-transform:uppercase;
    font-family:'FrutigerBold';
}

.nv-site-logo .nv-site-logo-img {
    height: 60px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 160px;
}

.country-mi {
    margin: 18px 6px 0px 6px;
    cursor:pointer;
}

.country-mi a {
    color:#fff;
}

.footer-top {
    background-color:#fff;
    color:#000;
    text-align:center;
    padding-bottom:16px;
}

.footeritem {
    width:180px;
    display:inline-block;
    text-align:center;
    color:#000;
}

.footeritem:hover, .footeritem:focus {
    color:#000;
}

    .footeritem img {
        margin-right: 4px;
    }

.nv-search-wrapper {
    float: right;
    height: 42px;
    width:240px;
}

.nv-search-wrapper .nv-input {
    border: 1px solid #bababa;
    color: #525759;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 9px;
    max-width: 200px;
    width: auto;
    float: right;
    -webkit-border-radius: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

.nv-search-wrapper .nv-submit {
    background-color: #fff;
    border: 0;
    float: right;
    display: inline-block;
    padding: 0;
    margin: 6px 0 0 10px;
}

.main {
    padding-top:20px;
}

#categoryNav .navbar-nav > li > a {
    padding: 10px 15px;
    color:#000;
    border-bottom:2px solid transparent;
}

#categoryNav .nav>li>a:focus, #categoryNav .nav>li>a:hover {    
    background-color: transparent;
    border-bottom:2px solid red;
}

.PageHeading {
    font-family:FrutigerBold;
    color:#008d3e;
    text-transform:uppercase;
}

.SubHeading, .prod_det_extra b, .prod_det_extra strong {
    font-family:FrutigerBold;
    text-transform:uppercase;
}

.breadcrumb {
    padding: 0;
    background-color:#fff;
    text-transform:uppercase;
    margin-bottom:40px;
}

.breadcrumb a {
    color:#aaa;
}

.breadcrumb > li + li::before {
    content: ">\00a0";
}

.zsaccordion .panel-default.selected {
    border-color:#008d3e;
}

.zsaccordion .panel-default.selected .panel-heading {
    background-color:#008d3e;
    color:#fff;
}

.selectedpanel .panel-heading {
    background-color: #008d3e;
    color: #fff;
}

.zsaccordion .panel-default.selected .panel-body {
    border-top-color:#008d3e;
}

.selectedpanel .panel-body {
    padding:0;
}

.faq-question-links li {
    background:#008d3e;
}

/*=====Home Page=====*/

.banners {
    margin:0px auto;
    max-width:1000px;
    width:100%;
}

.featured-products {
    background-color:#e6e7e9;
    padding:40px;
}

.fp-title {
    font-family:'FrutigerBold';
    text-align:left;
    text-transform:uppercase;
    color:#008d3e;
    border:none;
    /*background-color:#f2f2f3;*/
    border-bottom:2px solid #e3e4e6;
}

.countdown {
    background-color:#008d3e;
    color:#fff;
}

.timeTo figcaption {
    color:white;
}

.gbsection .timeTo figcaption, .gb-topright .timeTo figcaption {
    color:#00833d;
}

.countdowntimer {
    background-color: #008d3e;
}


/*=====Login=====*/

.login-form-header {
    background-color: #008d3e;
}

.login-rego-user {
    background-color:#008d3e;
}

.login-rego-user-circle i {
    color:#008d3e;
}

/*=====Categories=====*/

.catheader {
    text-transform:uppercase;
}

.catdivinner {
    text-transform:uppercase;
}

#divAccordion {
    text-transform:uppercase;
}

.prodname .price {
    color: #008d3e;
}



/*=====Product Details=====*/

.prod_det_col2 {
    background-color:#fff;
}

/*=====Check Out=====*/

.editshoppingcart {
    width:200px;
}

.order-confirm-box {
    border:1px solid #008d3e;
}

.order-confirm-box-title {
    background-color:#008d3e;
    color:white;
    border: 1px solid #008d3e;
}

/*=====BOOTSTRAP OVERRIDES=====*/
.btn-primary, btn-primary:focus, btn-primary:hover {
    background-color: #008d3e !important;
    border-color: #008d3e !important;
}

/*=====DIFFERENT RESOLUTIONS=====*/


@media (max-width: 1025px) {
    .padding-right-10-md {
        padding-right:10px;
    }
        .hide-md {
        display: none !important;
    }
    .show-md {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .footer-top {
        padding-bottom:0px;
    }

    .footeritem {
        width:100%;
        padding:6px 6px;
        border-top:1px solid #008d3e;
        text-align:left;
    }
}
