/* styles.css */

body {
    font-family: DIN, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #a8acb2;
    margin: 0px;
    padding: 0px;
}

td {
    font-family: DIN, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

a {
    text-decoration: none;
    color:#333333;
}
#imgLogo{
	display:block;
	margin: 0;
}   
a.navSortItem {
    color: #FFFFFF;
    text-decoration: none;
}
a.navSortItemOn {
    color: #cc9c4a;
    text-decoration: none;
}
.topRightTopline {
    font-size: 9px;
    color: #000000;
    text-decoration: none;
}
a.topRightTopline {
    color: #000000;
    text-decoration: none;
}
a.topRightTopline:hover {
    color: #000000;
    text-decoration: underline;
}
a {
    text-decoration: inherit;
    color: inherit;
}
a:hover {
    text-decoration: underline;
}.topRightSecLine {
    font-size: 9px;
    color: #36424a;
    text-decoration: none;
}
.navBarTop {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    background-color: #828a8f;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #000000;
    border-bottom-color: #000000;
    float: left;
    height: 24px;
    line-height: 24px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align:center;
    width: 100%;
    z-index: 2;
}
.navBarBot {
    font-size: 10px;
    color: #a8acb2;
    text-decoration: none;
    background-color: #000000;
}
.navTopSearch 
{
	float: left;
    font-size: 12px;
    padding: 2px 0;
    margin: 0;
    color: #000000;
    text-decoration: none;
	width: 100%;
}
.navTopSearch input{
	float: right;
	margin-left: 4px;
}
a.navTopItem {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0px;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
a.navTopItem:hover {
    color: #fff;
}

a.navTopItemOn {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
.topNavLi{
	float: left;
	margin: 0 30px 0 20px;
	position: relative;
	z-index: 1;
}
.topNavLi.last{
	margin-right: 0;
}
.topNavUl, .topNavUl-sub, .topNavUl-sub-2, .topNavHolder{
	background: #828A8F;
	border: 1px solid #000;
	display: none;
	float: left;
	font-size: 10px;
	left: 0;
	line-height: 12px;
	list-style: none outside none;
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 28px;
	z-index: 100;
}
.topNavUl-sub, .topNavUl-sub-2{
	top: 20px;
}
.topNavUl li, .topNavUl-sub li, .topNavUl-sub-2 li{
	margin: 7px 5px;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	width: 140px;
}
.topNavUl a{
	color: #000;
	text-decoration: none;
}
.topNavUl a:hover{
	color: #fff;
}
.topNavUl .under{text-decoration: underline;}
.topNavUl-sub, .topNavUl-sub-2{
	left: 145px;
	margin: -28px 0 0;
	z-index: 200;
}
a.navBotItem {
    display: block;
    margin: 0px;
    padding-top: 6px;
    padding-right: 1px;
    padding-bottom: 6px;
    padding-left: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #a8acb2;
    font-size: 9px;
    color: #A8ACB2;
    text-decoration: none;
}
a.navBotEmail {
    display: table-cell;
    margin: 0px;
    padding-top: 6px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 10px;
    text-decoration: none;
}
a.navBotItem:hover {
    color: #000000;
    text-decoration: none;
    background-color: #828A8F;
}
.formNavBoxes {
    background-color: #A8ACB2;
    border: 1px solid #000000;
    font-size: 10px;
}
.txtSearchTop {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
#tnavarrow_m { background: none; border: none; display:block; float: right;}
#tnavarrow_w { background: none; border: none; display:none; float: right; visibility:hidden;}

.navUltraBot {
    font-size: 9px;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding-top: 19px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.makeWhite {
    color: #FFFFFF;
}
a.navTopItemMen {
    background-color: #6b7479;
    color: #000000;
    display: block;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
a.navTopItemMen:hover {
    color: #000000;
    text-decoration: none;
    background-color: #CCCFCE;
}
a.navTopItemWomen {
    background-color: #dcceab;
    color: #FFFFFF;
    display: block;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
a.navTopItemWomen:hover {
    background-color: #faf6e3;
    color: #d4bf95;
    text-decoration: none;
}

/* Color Tiles */
.genswatch{
    background:#eeeeee;
    font-size:4px;
    width:14px;
    height:14px;
    margin-left:2px;
    margin-right:1px;
    margin-top:1px;
    margin-bottom:1px;
    float:left;
    display:block;
}
.blackswatch{
    background:#000000;
    font-size:4px;
    width:28px;
    height:28px;
    margin-left:2px;
    margin-right:1px;
    margin-top:1px;
    margin-bottom:1px;
    float:left;
    display:block;
}

.blackswatchon{
    background:#000000;
    font-size:4px;
    width:24px;
    height:24px;
    margin-left:4px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:3px;
    float:left;
    display:block;
}

.redbrownswatch{
    background:#512E21;
    font-size:4px;
    width:28px;
    height:28px;
    margin-left:2px;
    margin-right:1px;
    margin-top:1px;
    margin-bottom:1px;
    float:left;
    display:block;
}

.redbrownswatchon{
    background:#512E21;
    font-size:4px;
    width:24px;
    height:24px;
    margin-left:4px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:3px;
    float:left;
    display:block;
}

.tanvealswatch{
    background:#895839;
    font-size:4px;
    width:28px;
    height:28px;
    margin-left:2px;
    margin-right:1px;
    margin-top:1px;
    margin-bottom:1px;
    float:left;
    display:block;
}

.tanvealswatchon{
    background:#895839;
    font-size:4px;
    width:24px;
    height:24px;
    margin-left:4px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:3px;
    float:left;
    display:block;
}

.blueswatch{
    background:#13385E;
    font-size:4px;
    width:28px;
    height:28px;
    margin-left:2px;
    margin-right:1px;
    margin-top:1px;
    margin-bottom:1px;
    float:left;
    display:block;
}

.blueswatchon{
    background:#13385E;
    font-size:4px;
    width:24px;
    height:24px;
    margin-left:4px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:3px;
    float:left;
    display:block;
}

.pebbleswatch{
    background:#DBD3C3;
    font-size:4px;
    width:28px;
    height:28px;
    margin-left:2px;
    margin-right:1px;
    margin-top:1px;
    margin-bottom:1px;
    float:left;
    display:block;
}

.pebbleswatchon{
    background:#DBD3C3;
    font-size:4px;
    width:24px;
    height:24px;
    margin-left:4px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:3px;
    float:left;
    display:block;
}
/* Class for the forgot password popup */
#dvForgot {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    position:absolute;
    width:auto;
    height:auto;
    z-index:3;
    visibility: hidden;
    overflow: visible;
}   

/* support classes */

.tblMain 
{
    background-color: #D2D4D4;
}

.txtTop {
    font-size: 9px;
    font-weight: bold;
    color: #cc9c4a;
}
.txtSubsect {
    font-size: 9px;
    color: #a8acb2;
}
.txtSmallU
{
    font-size:9px;
    text-align:left;
    color:#333333;
    line-height:12px;
     text-transform: uppercase;
}
.txtSmall
{
    font-size:9px;
    text-align:left;
    color:#333333;
    line-height:12px;
}

input {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font-size: 10px;
    font-family: DIN, Verdana, Arial, Helvetica, sans-serif;
}   
textarea 
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font-size: 10px;
        font-family: DIN, Verdana, Arial, Helvetica, sans-serif;
}
select {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font-size: 10px;
}   
input.checkbox { 
    border: none;
    width:15px; 
    background-color:#CCCFCE;
}  
/*hack for asp.net checkboxes */
span.checkbox input { 
    border: none;
    width:15px; 
    background-color:#CCCFCE;
}   

.txtLarge 
{
    font-size:12px;
    line-height: 14px;
    color:#000000;
    font-weight:bold;
    padding:8px;
    display:block;
}

span.error
{   
    background-color:#ffffff;
    border: solid 1px #cc0000;
    font-size:11px;
    color:#990000;
    padding:4px; 
    margin-bottom:3px;
    display:block;
}
span.success
{   
    background-color:#ffffff;
    border: solid 1px #00cc00;
    font-size:11px;
    color:#009900;
    padding:4px; 
    margin-bottom:3px;
    display:block;
}
img.imgFlag{
    height: 14px;
    margin-right: 6px;
    margin-top: -2px;
    vertical-align: middle;
    width: 21px;
}
img.imgFaceBook{
    height: 28px;
    margin-left: 6px;
    margin-top: -4px;
    vertical-align: middle;
    width: 98px;
}
.intnatlBtn{
    background: #4d5761;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 10px;
    line-height: normal;
    margin: 10px 0;
    padding: 4px 0;
    text-align: center;
    text-transform: uppercase;
    width: 210px;
}
a.intnatlBtn:hover{
    text-decoration: none;
}

.navTopShippingSchedule { 
    font-size: 9px;
    color: #FFF;
}

.navTopShippingSchedule a {
    color: #FFF;
}
.navTopShippingSchedule a:hover {
    text-decoration:underline;
}
.tdReviews{height:28px;}
.thumb{height:303px;position: relative;}
#prodRatings{
    float: left;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 185px;
}
.avgRevHdr{
    float: left;
    margin-top: 0;
    width: 85px;
}
#prodQA{
    border-left: 1px solid #4D5762;
	float: left;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 188px;
}
/*for the tabulations*/
.ui-tabs { position: relative; padding: 10px 5px 0 0; zoom: 1; z-index: 2; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 1px 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; font-size: 9px; font-family:Arial, Helvetica, sans-serif; padding: 8px 14px; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { border: 1px solid #c4c7c8; clear: both; display: block; left: 2px; min-height: 260px; height:auto !important; height:260px; padding: 5px; position: relative; top: 0; z-index: 1; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-state-default a{
    background: #c4c7c8;
    border: 1px solid #c4c7c8;
    color: #000;
    display: block;
    padding: 10px;
    text-transform: uppercase;
}
.ui-state-active a, .ui-state-default a:hover{
    background: #4D5762;
    border: 1px solid #4D5762;
    color: #fff;
}
#dvVideo{
    padding: 20px 0;
}
.lmtdqty{
    float: left;
    display: block;
    padding: 5px 0;
    width: 180px;
}
#tabRatings{
    background: #d4d6d7;
}
#tabQA{background: #F3F3F3;}
#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5;}
.addthis_toolbox{
    float: left;
    width: 100%;
}
.addThisList{
    float: left;
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.addThisList li{
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
#shareBtnLi{
    float: left;
    position: relative;
    top: -12px;
}
.addthis_button_facebook_like,
.addthis_button_tweet,
.addthis_counter,
#plusOne div{
    float: left;
}

div.addthis_toolbox { overflow:hidden; }
ul.addThisList li.social_fblike { width:80px;overflow:hidden;}
ul.addThisList li.social_googleplus { width:70px; overflow:hidden;}
ul.addThisList li.social_twitter { width:110px; overflow:hidden;}
ul.addThisList li.social_addthis { width:80px; overflow:hidden;}

span.navSortItemSeparator { color:#666; }
.list-left-100{
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.list-prod-price{
	margin-bottom: 10px;
}
.thumb-btm{
	margin: 10px 0 0;
}
#hdProdName{
	float: left;
	width: 100%;
}
.productname{
	float: left;
	font-weight: bold;
}
/*.product-style-id{
	color: #A8ACB2; 
	float: right;
	font-weight: normal;
	font-size: 10px;
	margin: 24px 0 0 10px;
}*/
#selColor{
	visibility: hidden;
	height: 0;
	margin-right: -8px;
	width: 0;
}
#chooserDrops select{
	float: left;
}
#litSizeChart{
	float: left;
	margin: 0 0 0 10px;
}
#chooserDrops #selQty{
	clear: both;
	margin-top: 5px;
	width: 40px;
}
.productdesc ul{
	list-style: disc outside;
	margin: 0;
	padding: 0;
}
.productdesc li{
	list-style: disc outside;
    margin: 0 0 0 1.5em;
    padding: 0;
}
.navLeftTop strong{
	display: block;
	margin-bottom: 10px;
}
.banner-holder img{
	display: block;
}
.txtTop a.navLeftTopItemOn, .txtTopOn a.navLeftTopItemOn, .txtTop a.navLeftTopItem, .txtTopOn a.navLeftTopItem
{
	margin: 0;
	padding: 0;
}