/*----------------------------------------------------------
Title:        Color Style Sheet
Template:    00210
----------------------------------------------------------*/

.productListColumn3
{
float: left;
width: 100%;
}

body {
    background-color: #FFFFFF;
}
#productGrid h2 {
    color: #4D4D4D;
}
#productGrid h2 a {
    color: #528AAE;
}
#productGrid h2 a:hover {
    color: #528AAE;
}
#productGrid .title a {
    color: #528AAE;
}
#productGrid .details {
    color: #8C9C6D;
}
#productGrid #topOptions .display {
    color: #505050;
}
#productDetail .hdr-title {
    background-color: #528AAE;
    color: #fff;
}
#productDetail #extraDetails {
    color: #528AAE;
}
#productDetail a {
    color: #8C9C6D;
}
#productDetail .productTabs .productTab {
    color: #4D4D4D;
    border-color: #E7E7E7 !important;
    background-color: #F2F2F2 !important;
}
#productDetail .productTabs .productTab-selected {
    background-color: #87925D !important;
    border-color: #87925d !important;
    color: #FFFFFF;
}
#productDetail .productTabs .tabBorder {
    border-color: #dfe6c9;
}
#checkoutOnePage #existingCustomer .hdr-title{
    background-color: #528AAE;
    color: #fff;
}
#checkoutOnePage #newCustomer .hdr-title{
    background-color: #528AAE;
    color: #fff;
}
#checkoutConfirm .hdr-title {
    background-color: #528AAE;
    color: #fff;
}
#clientAccount .hdr-title {
    background-color: #8C9C6D;
    color: #fff;
}
#existingCustomer .hdr-title, #newCustomer .hdr-title ,#createCustomer .hdr-title , #passwordRemindCustomer .hdr-title {
    background-color: #8C9C6D;
    color: #fff;
}
#viewCart #cartItems thead tr th {
    background-color: #8C9C6D;
    color: #fff;
}
#clientAccount #orderList thead th, #clientAccount #subscriptionOrderList thead th {
    background-color: #528AAE;
    color: #fff;
}
#clientAccount a {
    color: #4d4d4d;
}
#checkoutOnePage #cartItems thead tr th {
    background-color: #528AAE;
    color: #fff;
}
#categoryList .title a {
    color: #528AAE;
}
#productList .title a {
    color: #528AAE;
}
#checkoutOnePage #cartItems thead tr th {
    background-color: #528AAE;
}
#vendorAccount #productList thead tr th {
    background-color: #528AAE;
}
#vendorAccount .hdr-title {
    background-color: #528AAE;
}
#categoryGrid .title a {
    color: #528AAE;
}
#categoryList #btmOptions .pagination a {
    color: #528AAE;
}
#categoryList #btmOptions .pagination a:hover {
    color: #528AAE;
}
#categoryGrid #btmOptions .pagination a {
    color: #528AAE;
}
#categoryGrid #btmOptions .pagination a:hover {
    color: #528AAE;
}
#productGrid #btmOptions .pagination a {
    color: #528AAE;
}
#productGrid #btmOptions .pagination a:hover {
    color: #528AAE;
}
#productList #btmOptions .pagination a {
    color: #528AAE;
}
#productList #btmOptions .pagination a:hover {
    color: #528AAE;
}
#clientAccount .pagination a {
    color: #528AAE;
}
#clientAccount .pagination a:hover {
    color: #528AAE;
}
#knowledgebase .pagination a {
    color: #528AAE;
}


/*** NEW DYNAMIC DROP DOWN MENU STYLES ***/
ul#top-menu * { z-index: 1000; }
width: 700px;
margin: 0 auto;

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

ul#top-menu {
    color: #FFF;
    font-size: 0;
    position: STATIC;
    z-index: 1000;
}

ul#top-menu > li {
    display: inline-block;
    font: Normal 14px 'NunitoRegular',Arial,Helvetica,sans-serif;
}

ul#top-menu > li:last-child {
    background: none;
}

ul#top-menu > li > a,
ul#top-menu > li > span.no-link {
    border-right: 0px solid #FFF;
/* ROLAND REMOVED BORDER border-right: 1px solid #73ACCA; */
    font-size: 16px;
    padding: 11px 13px;
    text-transform: uppercase;
}

ul#top-menu > li > a,
ul#top-menu > li > span.no-link,
.dd-submenu li a,
.mm-submenu li a {
    color: #5C5454;
/* ROLAND'S CHANGED FROM color: #FFF;  */
    display: block;
    text-decoration: none;
}


ul#top-menu > li:hover > a,
ul#top-menu > li:hover > span.no-link {
color: #A09696; 
/* ROLAND'S CHANGED FROM color: #ECECEC; */
}

.dd-submenu li a:hover,
.mm-submenu li a:hover {
    background-color: #E3F1BE;
/* 2C5572 */
}

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,
.dd-submenu .second-level-submenu {
    background-color: #96B480;
/* background-color: #4C89AA; */
    border: 0px solid #407D9D;
    display: none;
    position: absolute;
    top: 100%;
}

.dd-submenu ul,
.mm-submenu ul {
    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 {
    width: 158px;
}

.dd-submenu .second-level-submenu {
    background-color: #D1EBB4;
/* 477E9B */
    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;
}

.columns-1  { width: 190px; }
.columns-2  { width: 382px !important; }
.columns-3  { width: 574px !important; }
.columns-4  { width: 766px !important; }
.columns-5  { width: 958px !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 { display: block; padding: 8px 12px; }
.element-html a { color: #B1E0F9 !important; display: inline !important; margin: 0 !important; padding: 0 !important; }
.element-html a:hover { background: none !important; color: #D1ECF9 !important; }
.element-title { background-color: #3C6582; }
span.element-title, span.no-link { display: block; }
#top-menu span.no-link { cursor: pointer; }