/*Navigation Classes */

.navleftColumn {
	background-color: #4d5762;
}
.navLeftShopBy {
	background-color: #717c86;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}
.navLeftTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 11px;
}
.navBot {
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 14px;
	padding-left: 8px;
}
a.navLeftBotItems {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: block;
	color: #a8acb2;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}
a.navLeftBotItemsOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: block;
	color: #cc9c4a;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
a.navSortItem {
	color: #FFFFFF;
	text-decoration: none;
}
a.navSortItemOn {
	color: #cc9c4a;
	text-decoration: none;
}

a.navLeftTopItem {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 2px;
}
a.navLeftTopItemOn {
	color: #cc9c4a;
	text-decoration: none;
	display: block;
	padding: 2px;
}

/*men's & women's shoes thumbs*/

.categoryhdr {
	background-color:#000;
	color:#999999;
	width:750px;
}
.categoryhdr div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#999999;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.tblMain 
{
	background-color: #D2D4D4;
}


.thumb {
	background-color: #FFFFFF;
	border: 1px solid #000;
	width: 177px;
	margin-left: 7px;
	margin-top: 7px;
	margin-bottom:5px;
	float: left;
}

.shoename {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	float: left;
	clear:both;
	margin-top:3px;
	margin-left:3px;
}

.thumb #price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	float: left;
	clear:left;
	margin-left:3px;
}

.thumb #saleprice1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:line-through;
	color: #000;
	float: left;
	clear:left;
	margin-left:3px;
}

.thumb #saleprice2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CC0000;
	float: left;
	margin-left:3px;
}

.thumb #exclusive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #CFA356;
	float: left;
	margin-left:3px;
	margin-top:10px;
}


.thumb #colorname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000;
	height:14px;
	display:block;
	line-height:14px;
	margin-left:3px;
	float:left;
}

.thumb #image {
	float: left;
	clear:left;
	margin-top:5px;
	margin-bottom:5px;
}

.thumb #blackswatch{
	background:#000;
	font-size:4px;
	width:14px;
	height:14px;
	margin-left:2px;
	margin-right:1px;
	margin-top:1px;
	margin-bottom:1px;
	float:left;
	display:block;
}

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

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

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

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

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

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

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

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

.thumb #pebbleswatchon{
	background:#DBD3C3;
	font-size:4px;
	width:10px;
	height:10px;
	margin-left:4px;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
	float:left;
	display:block;
}


/*product detail*/

.productname {
	font-size: 16px;
	margin-top:20px;
}

.productdesc {
	font-size: 9px;
	line-height:12px;
	clear:left;
}

.productprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	clear:left;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:10px;
}

.productprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	clear:left;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:10px;
}

.productsaleprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CC0000;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:10px;
}

.zoombar 
{
	background-color:#C4C7C8;
}


.suggest {
	background-color: #FFFFFF;
	width: 177px;
	margin-top: 1px;
	margin-bottom:10px;
	float: left;
}

.suggestimage {
	float:left;
	margin-bottom:3px;
	margin-top:10px;
}

.suggestname {
	clear:left;
	font-size: 8px;
	line-height:12px;
	text-align:center;
}
.txtShopBy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
}
.formShopByDrops {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	background-color: #b6bcc2;
	border: 1px solid #000;
}
.formChooserDrops {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	background-color: #ffffff;
	border: 1px solid #000;
	width:120px;
}
.txtTop {
	font-size: 9px;
	font-weight: bold;
	color: #a8acb2;
}
.txtTopOn {
	font-size: 9px;
	font-weight: bold;
	color: #cc9c4a;
}
.txtSubsect {
	font-size: 9px;
	color: #a8acb2;
}
.navLeftSortBy {
	background-color: #717c86;
	padding: 0 0 0 8px;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;*/
	border-bottom: 1px solid #000;
}
.navLeftSortBy a {
	color: #000;
	text-decoration:none;
}
.navLeftSortBy a:hover {
	text-decoration:underline;
}
.coTableBox{
	background-color:#CCCFCE;
	border: solid 1px #000;
	border-collapse:collapse;
}

.coTableBox td{
	font-size:9px;
	color:#333;
}
/**********
POWERREVIEWS IMPLEMENTATION
**********/
br.clear{clear:both;display:block;height:1px;margin-top:-1px;}
a.underline{text-decoration:underline;}
#lnkBackCat{
	display: block;
	float: left;
	font-size: 10px;
	margin-bottom: 15px;
	width: 220px;
}
#dvNextPrev{
	float: right;
	font-size: 10px;
	text-align: right;
	width: 140px;
}
#hdProdName{
	border-bottom: 1px solid #4D5762;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding-bottom: 2px;
}
#lnkSizeChart{
	float: right;
	margin: 10px 0;
	text-align: right;
	width: 80px;
}
.tdColors{
	text-align: center;
	vertical-align: middle;
	width: 29px;
}
.tdColors img{
	height: 25px;
	width: 25px;
}
.tdColors img.activeColor{
	border: 1px solid #4D5762;
	padding: 1px;
}
#vAddToCart{
	background: #4D5762;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 7px 0;
	text-align: center;
	text-decoration: none;
	width: 160px;
}
a.dualAddBag,a.mensAddBag{
	background: #4D5762;
	color: #fff;
}
#lnkAvail{
	float: left;
	margin: 7px 0 0 10px;
	width: 190px;
}
.zoombar{
	background: #fff;
}
#lnkZoom{
	display: block;
	float: left;
	margin: 15px 5px 0 0;
}
/*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; padding: .5em 1em; 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: 150px;
}
.zoombar img{
	float: left;
	margin-left: 3px;
}