/*----------------------------------------------------------
Title:        Color Style Sheet
Theme:        Engrenages 00240-1
----------------------------------------------------------*/
body {
    background: #161719 url('../images/bg.jpg') no-repeat top center;
}
#productGrid h2 {
    color: antiquewhite;
}
#categoryGrid h2 {
    color: antiquewhite
}
#productGrid h2 a {
    color: antiquewhite;
}
#productGrid h2 a:hover {
    color: antiquewhite;
}
#productGrid .title a {
    color: antiquewhite;
}
#productGrid .details {
    color: antiquewhite;
}
#productGrid #topOptions .display {
    color: #505050;
}
#productDetail .hdr-title {
    background-color: #151818;
    color: #fff;
}
#productDetail #extraDetails {
    color: antiquewhite;
}
#productDetail a {
    color: antiquewhite;
}
#productDetail .productTabs .productTab {
    color: antique white;
    border-color: antiquewhite; antiquewhite; -moz-use-text-color;
}
#productDetail .productTabs .productTab-selected {
    background-color: #151818;
    color: #fff;
}
#productDetail .productTabs .tabBorder {
    border-color: #151818;
}
#checkoutOnePage #existingCustomer .hdr-title{
    background-color: #151818;
    color: #fff;
}
#checkoutOnePage #newCustomer .hdr-title{
    background-color: #151818;
    color: #fff;
}
#checkoutConfirm .hdr-title {
    background-color: #151818;
    color: #fff;
}
#clientAccount .hdr-title {
    background-color: #151818;
    color: #fff;
}
#existingCustomer .hdr-title, #newCustomer .hdr-title ,#createCustomer .hdr-title , #passwordRemindCustomer .hdr-title {
    background-color: #151818;
    color: #fff;
}
#viewCart #cartItems thead tr th {
    background-color: #151818;
    color: #fff;
}
#clientAccount #orderList thead th, #clientAccount #subscriptionOrderList thead th {
    background-color: #151818;
    color: #fff;
}
#clientAccount a {
    color: antiquewhite;
}
#checkoutOnePage #cartItems thead tr th {
    background-color: #151818;
    color: antiquewhite;
}
#categoryList .title a {
    color: antiquewhite;
}
#productList .title a {
    color: antiquewhite;
}
#checkoutOnePage #cartItems thead tr th {
    background-color: #151818;
}
#vendorAccount #productList thead tr th {
    background-color: #151818;
}
#vendorAccount .hdr-title {
    background-color: #151818;
}
#categoryGrid .title a {
    color: antiquewhite;
}
#categoryList #btmOptions .pagination a {
    color: antiquewhite;
}
#categoryList #btmOptions .pagination a:hover {
    color: antiquewhite;
}
#categoryGrid #btmOptions .pagination a {
    color: antiquewhite;
}
#categoryGrid #btmOptions .pagination a:hover {
    color: antiquewhite;
}
#productGrid #btmOptions .pagination a {
    color: antiquewhite;
}
#productGrid #btmOptions .pagination a:hover {
    color: antiquewhite;
}
#productList #btmOptions .pagination a {
    color: antiquewhite;
}
#productList #btmOptions .pagination a:hover {
    color: antiquewhite;
}
#clientAccount .pagination a {
    color: antiquewhite;
}
#clientAccount .pagination a:hover {
    color: antiquewhite;
}
#knowledgebase .pagination a {
    color: antiquewhite;
}

/*** NEW MENU STYLES ***/
ul#top-menu * { z-index: 1000; }

ul#top-menu,
ul#top-menu ul {
    list-style-type: none;
    margin: 0; padding: 0;
}

ul#top-menu {
    background: url('../images/nav-bg.png') no-repeat 0 0;
    font-size: 0;
    margin: 5px 0 0 12px;
    position: relative;
    z-index: 1000;
}

ul#top-menu > li {
    display: inline-block;
    font: normal 18px 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

ul#top-menu > li > a,
ul#top-menu span.no-link,
.dd-submenu li a,
.mm-submenu li a {
    color: #000;
    display: block;
    text-decoration: none;
}
ul#top-menu > li > a,
ul#top-menu span.no-link {
    border-radius: 8px 8px 0 0;
    padding: 15px 12px 14px 13px;
}

ul#top-menu > li:hover > a,
ul#top-menu > li:hover > span.no-link,
.dd-submenu li a:hover,
.mm-submenu li a:hover {
    background-color: #408708;
    color: #FFF;
}

ul#top-menu > li:hover .dd-submenu,
.dd-submenu > ul > li:hover > .second-level-submenu,
ul#top-menu > li:hover .mm-submenu
{ display: block; }

.dd-submenu,
.mm-submenu {
    display: none;
    position: absolute;
    top: 100%;
}

.mm-submenu {
    background-color: #60A718;
    width: 191px;
}

.dd-submenu ul {
    border: 1px solid #408708;
    border-radius: 8px;
}

.dd-submenu ul,
.mm-submenu ul {
    background-color: #60A718;
    display: block;
    float: left;
}

.dd-submenu li,
.mm-submenu li {
    position: relative;
}

.dd-submenu li a,
.mm-submenu li a,
span.element-title {
    padding: 7px 9px;
}

.dd-submenu li a {
    border-radius: 8px;
    width: 158px;
}

.dd-submenu .second-level-submenu {
    background-color: #70B728;
    display: none;
    position: absolute;
    left: 100%; top: -1px;
    
}
.mm-submenu { width: auto; }
.mm-submenu * {
    vertical-align: top;
}

ul[class^="columns-"] {
    display: block;
    float: left;
    margin-left: 2px !important;
    vertical-align: top;
}

ul[class^="columns-"]:first-child {
    margin-left: 0 !important;
    width: 181px;
}

.columns-1  { width: 184px; }
.columns-2  { width: 369px !important; }
.columns-3  { width: 554px !important; }
.columns-4  { width: 739px !important; }
.columns-5  { width: 925px !important; }

.element-image img { height: auto; max-width: 100%; }
.element-line-h .line-splitter { display: inline-block; margin-top: 4px; width: 100%; }
.element-html, .element-textstr { color: #FFF; display: block; padding: 8px 12px; }
.element-title { background-color: #408708; color: #FFF !important; }
span.element-title, span.no-link { display: block; }
#top-menu span.no-link { cursor: pointer; }