/* CSS Document */

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;
}	
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;
	text-align:center;
}
.navBarBot {
	font-size: 10px;
	color: #a8acb2;
	text-decoration: none;
	background-color: #000000;
}
.navTopSearch 
{
	font-size: 12px;
	display: block;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 9px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
}
a.navTopItem {
	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;
	color: #000000;
	text-decoration: none;
}
a.navTopItem:hover {
	color: #000000;
	text-decoration: none;
	background-color: #CCCFCE;

}

a.navTopItemOn {
	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;
	color: #000000;
	text-decoration: none;
	background-color: #CCCFCE;
}

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: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-decoration: none;
}
a.navBotItem:hover {
	color: #000000;
	text-decoration: none;
	background-color: #828A8F;
}
.formNavBoxes {
	background-color: #a5acb0;
	border: 1px solid #000000;
	font-size: 10px;
}
.txtSearchTop {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#tnavarrow_m { display:block;}
#tnavarrow_w { display:none; 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:275px;}
#prodRatings{
	border-right: 1px solid #4D5762;
	float: left;
	height: 50px;
	padding-top: 8px;
	position: relative;
	vertical-align: top;
	width: 198px;
}
.avgRevHdr{
	float: left;
	margin-top: 0;
	width: 85px;
}
#prodQA{
	padding: 8px 0 0 12px;
	position: relative;
	vertical-align: top;
}
/*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;
}
.lmtdqty{
	float: left;
	display: block;
	padding: 5px 0;
	width: 180px;
}
#tabRatings{
	background: #d4d6d7;
}
#tabQA{background: #F3F3F3;}