html { background-color: #FFFFFF; }
body { margin: 0; padding: 0; font:12px/16px; font-family: 'Roboto', sans-serif; color: #000000; min-width: 980px; background-color: #FFFFFF; }
img { border: none; }
a { color: #000066; }
a:hover { text-decoration: none; }
input, select {
 font:100%; font-family: 'Roboto', sans-serif; vertical-align: middle; }
form, fieldset { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
p { 
    font-size: 12px;
    font-family: 'Roboto', sans-serif, arial, Helvetica;
    color: #000000;
    padding: 8px 0 8px 0;
    margin: 0;
}
li { 
    font-size: 12px;
    font-family: 'Roboto', sans-serif, arial, Helvetica;
    color: #000000;
}
H1
{
    font-family: 'Cardo', serif;
    color: #3f3f3f;
    font-size: 46px;
    margin: 12px 0 6px 0px;
    font-weight: 500;
}
#wrapper { width: 1000px; background-color: #FFF; margin: 5px auto; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); }
#header { width: 100%; overflow: hidden; padding: 0; margin: 0; background-color: #ffffff; height: 106px; }
#maincontent { width: 100%; padding: 0; margin: 0; background-color: #FFFFFF; }
.find { position: absolute; top: 5px; height: 28px; text-decoration: none; right: 9px; }
.find span { background: url(../images/retailer-left.gif) no-repeat; height: 23px; color: #fefefe; float: left; font-weight: bold; padding: 5px 10px 0 14px; cursor: pointer; }
.find em { float: left; background: url(../images/retailer-right.gif) no-repeat; width: 3px; height: 28px; }
#nav { z-index: 20; background-color: #303030; margin: 0; padding: 0; }
#footer { background-color:#FFFFFF; width: 1000px; overflow: hidden; padding: 0; margin: 0; height: 40px; border-top: 1px #000000 solid; font-size:10px; }
#footer P { padding: 8px 0 8px 12px; font-size: 10px !important; color: #FFFFFF;}
#footer A {font-size:10px !important; color: #ffffff; text-decoration: none;}
#footer ul { float: left; margin: 0; padding: 0; list-style: none; }
#footer ul li { float: left; padding: 0 11px 0 11px; background: url(../images/footer-separator.gif) no-repeat 0 3px; }
#footer ul li:first-child { background: none; padding-left: 0; }
#footer ul li a { text-decoration: none; color: #545454; }
#footer ul li a.active, #footer ul li a:hover { font-weight: bold; color: #010101; }
.copyright { float: right; color: #3e3d3b; font-size: 10px; }
.anchor-footer { font-size: 9px; font-weight: 500; color: #ffffff; text-decoration: none; }

#footer2 { background-image: url(images/pagefooter2-gradient.jpg); width: 1000px; overflow: hidden; padding: 0; margin: 0; background-color: #7f7f7f; height: 120px; border-top: 1px #999999 solid; }
#footer2 P { padding: 8px 0 8px 12px; font-size: 12px; color: #FFFFFF;}
#footer2 a {font-size: 12px; color: #ffffff; text-decoration: none;}

/* page review form styles */
#reviews { width: 500px; margin: 16px 0 6px 10px; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
#review-header { color: #900; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; border-bottom: #600 1px solid; }
#revtitle { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #333; margin: 6px 0 6px 0; padding: 0; }
#revdivider { width: 500px; margin: 6px 0 0px 0; padding: 8px 0 10px 0; border-bottom: #999 1px solid; }
#revblock { display: block; width: 550px; background-color: #DDD; border: #ccc 1px solid; margin: 12px 0 12px 0; padding: 10px; }
/* MENU */
#nav-bar { background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; border-top: 1px solid #545454;  }
#nav { float: left; background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; border-top: 1px solid #545454; }
#nav li a, #nav li { float: left; font-size:14px; }
#nav li { list-style: none; position: relative; }
#nav li a { padding: .60em 1em; text-decoration: none; color: white; background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; border-top: 1px solid #545454; }
/* #nav li a:hover { background: #333; background: -moz-linear-gradient(top, #555, #333); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); } */
#nav li a:hover { background: #8b2842; background: -moz-linear-gradient(top, #8b2842, #8b2842); background: -webkit-gradient(linear, left top, left bottom, from(#8b2842), to(#8b2842)); }
/* Submenu */

.hasChildren { position: absolute; width: 5px; height: 5px; background: black; right : 0; bottom: 0; }
#nav li ul { display: none; position: absolute; left: 0; top: 100%; padding: 0; margin: 0; z-index:10000; }
#nav li:hover > ul { display: block; }
#nav li ul li, #nav li ul li a { float: none; }
#nav li ul li { _display: inline; /* for IE6 */ }
#nav li ul li a { width: 150px; display: block; }

#nav li ul li ul { display:none; top:0px; left:180px; position:absolute; }
#nav li ul li:hover > ul { display: block; }
#nav li ul li ul li, #nav li ul li ul li a { float: right; position:relative; }
#nav li ul li ul li { _display: inline; /* for IE6 */ }
#nav li ul li ul li a { width: 150px; display: block; }

/* top list menu */
#navlist li { font-size: 85%; display: inline; list-style-type: none; padding-right: 20px; float: right; }
#navlist li a { text-decoration: none; }
#navlist li a:hover { color: #666; }
/* social icons */
#social li { font-size: 85%; display: inline; list-style-type: none; padding-right: 20px; margin-left: -15px; float: right; }
#social li a { text-decoration: none; }
#social li a:hover { color: #666; }
.clear { clear: both; }
/* search bar */
#searchbar { background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; border-top: 1px solid #545454; height:42px; text-align:right;}
#multisearchForm { margin: 5px; padding: 0px; border: 1px solid #999; display: inline-block; width: auto; float: right; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.multisearchInput { padding: 3px 1px 0px 10px; border: 0px; margin: 0px; vertical-align: top; height: 20px; display: inline-block; width: 200px; background-repeat: no-repeat; background-position: 192px 3px; background-color: #FFFFFF; }
#multisearchFormIcon .multisearchInput { width: 240px; background-position: 232px 3px; }
ul.ws_drop_down { color: white; background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; border-top: 1px solid #545454; display: block; float: left; -webkit-border-radius: 9px 0 0 9px; -moz-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; }
#multisearchForm input { width: 175px; float: left; }
#multisearchForm select { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
background-color: #f9f9f9; -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; border-top-left-radius: 9px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-left-radius: 9px; border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; border-top: 1px solid #545454; float: left; color: #666666; height: 30px; line-height: 30px; padding: 5px; }
#submit { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
background-color: #f9f9f9; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; text-indent: 0; border: 1px solid #dcdcdc; display: inline-block; color: #666666; height: 30px; line-height: 30px; width: 86px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px #ffffff; }
#submit:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
background-color: #e9e9e9; }
#submit:active { position: relative; top: 1px; }
.styledsearch { height: 28px; border: none; padding-left: 10px; padding-right: 20px; text-align:right; }
.btnclass { font-size: 16px; font-weight:600; background: url(../../images/gold-menubar-slice.jpg) repeat-x #D9B253; color:#333333; border: 1px solid #666; height:30px; padding: 0 0 4px 0; }


#ddlSearchWhat
{
    padding: 0px;
    margin: 0;
    /* -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; */
    font-family: arial, Helvetica, serif;
    background-color: #ffffff;
    color: #333;
    border: 1px solid #000;
    outline: none;
    display: inline-block;
    height: 24px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    cursor: pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

#crumbline {
    padding: 8px 0 12px 0;
    margin: 0;
}

#crumbline a {
        text-decoration: none;
}

/* ProductsByCollection.aspx */

#displaycollections {
    /* border: 1px solid #999;
    width: 160px;
    float: left;
    height: 138px;
   margin: 10px;
    padding: 5px;
    text-align: center;
    box-shadow: 0px 0px 3px 1px #999999;*/

    width: 170px;
    float: left;
    height: 150px;
    margin: 10px;
}

#displaycollections:hover {
    /* border: 1px #b68511 solid;
    background-color: #F3F3F3; */
}
.cimage {
    /* border-bottom: 1px #666 solid;
    box-shadow: 6px 6px 5px #999999;*/
}

.collectionHeadline
{
    font-family: 'Cardo', serif;
    color: #3f3f3f;
    font-size: 46px;
    margin: 12px 0 6px 40px;
    font-weight: 500;
}

.collectionLeftmenuHeadline
{
    color: #000000;
    font-size: 16px;
    padding: 10px 10px;
}

.collectionProductLinks
{
    color: #000000;
    font-size: 16px;
}

.collectionFeatureTabs
{
    color: #FFFFFF;
    font-weight:500;
    font-size: 16px;
    text-decoration:none;
}

.collectionFeatureTabs:hover
{
    color: #eec418;
    font-weight:500;
    font-size: 16px;
    text-decoration:underline;
}

.searchHeadline
{
    font-family: 'Cardo', serif;
    color: #3f3f3f;
    font-size: 46px;
    margin: 12px 0 6px 10px;
    font-weight: 500;
}

.storelocationlink
{
    font-size: 14px;
    color: #3e3e3e;
    text-decoration: none;
}

.storelocationlink:Hover
{
    font-size: 14px;
    color: #bd8f11;
    text-decoration: none;
}

.topheaderlinks
{
    font-family: 'Roboto', sans-serif, arial, Helvetica;
    font-size: 14px;
    color:#3F3F3F;
    font-weight:600;
}

.productsbycollection-divheader {
    margin: 0;
    width: 182px;
    height: 24px;
    background-color: #292929;
    background: url('../../images/black-menubar-slice.jpg') repeat-x !important;
}

.productsbycollection-headertext { 
    font-size: 14px;
    font-family: 'Roboto', sans-serif, arial, Helvetica;
    color: #FFFFFF;
    padding: 4px 0 4px 16px;
    margin: 0;
}

.productsbycollection-divscroll-section {
    max-height: 200px;
    width: 180px;
    background-color: #F9F9F9;
    border: 1px solid gray;
    overflow-y: scroll;
}

.productsbycollection-divscroll-section-ul {
    margin: 0;
    padding: 6px 0 0 16px;
}

.productsbycollection-divmenu { 
    font-size: 14px;
    font-family: 'Roboto', sans-serif, arial, Helvetica;
    color: #000000;
    padding: 6px 0 6px 0px;
    margin: 0;
    text-decoration:none;
}

.productsbycollection-divmenu:hover { 
    color:goldenrod;
    text-decoration:none;
}

.catNameDivWrapperStyle
{
    background-color: #292929 !important;
    background: url('../../images/black-menubar-slice.jpg') repeat-x !important;
    font-family: 'Roboto' ,sans-serif,arial,Helvetica;
    font-size: 14px;
    height: 16px;
    margin: 12px 0 0 6px;
    padding: 6px 0 12px 10px;
    width: 176px;
}

.catNameDivWrapperSectionLabel
{
    color: #ffffff;
    font-size: 14px;
    padding: 0 0 0 8px;
    margin: 0;
}

.searchboxstyle {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-top-left-radius:6px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:6px;
    padding-left: 8px;
    height: 21px;
    border-style:none;
}