/*  mens.css */

body {
    /*background-image: url(/images/bg_mens.gif);*/
    background-repeat: repeat;
    background-position: left top;
}

/*Navigation Classes */
.txtTop {
    font-size: 9px;
    font-weight: bold;
    color: #a8acb2;
    padding-bottom: 10px;
}
.txtTopOn {
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;
}
.txtSubsect {
    font-size: 9px;
    color: #a8acb2;
}

a.navTopItemMen {
    color: #000;
    text-decoration: none;
    background-color: #CCCFCE;
}

.navleftColumn {
    background-color: #4d5762;
    text-align: left;
}
.navLeftShopBy {
    background-color: #717c86;
    padding: 8px 0px 0px 8px;
    border-top: 1px solid #000;
}
.navLeftSortBy {
    background-color: #D2D4D4;
    padding: 0 0 0 8px;
    /*border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000;*/
}
.navLeftSortBy a {
    color: #000;
    text-decoration:none;
}
.navLeftSortBy a:hover {
    text-decoration:underline;
}
a.navSortItem {
    color: #666;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px;
}
a.navSortItemOn {
    color: #cc9c4a;
    text-decoration: none;
}
.navLeftTop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 11px;
    text-align: left;
}
.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;
    margin-bottom: 5px;
}
a.navLeftBotItemsOn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    display: block;
    color: #fff;
    padding-top: 3px;
    padding-right: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
    margin-bottom: 5px;
}

a.navLeftTopItem {
    color: #A8ACB2;
    text-decoration: none;
    display: block;
    padding: 2px;
    margin-left:10px;
    margin-bottom: 5px;
}
a.navLeftTopItemOn {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 2px;
    margin-left:10px;
    margin-bottom: 5px;
}


/*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;
} */
.categoryhdr div {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color:#A8ACB2;
    padding-left:10px;
    padding-top: 4px;
}

.tblMain 
{
    background-color: #D2D4D4;
}


.thumb {
    background-color: #FFFFFF;
    border: 1px solid #000;
    width: 176px;
    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: 10px;
    line-height:12px;
    clear:left;
}

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

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

.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: 10px;
    color: #000;
    padding-top: 5px;
}
.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;
}

.coTableBox{
    background-color:#CCCFCE;
    border: solid 1px #000;
    border-collapse:collapse;
}

.coTableBox td{
    font-size:9px;
    color:#333333;
}
/**********
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: 133px;
}
#hdProdName{
    border-bottom: 1px solid #4D5762;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding-bottom: 2px;
}
#lnkSizeChart{
    float: left;
    margin-left: 10px;
    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;
}
.lmtdqty{
    float: left;
    display: block;
    padding: 5px 0;
    width: 150px;
}
strong.navSortStart {
    padding-right:5px;
}

/* ===================== */
div.sortbybar {
    margin:15px 0px 10px 15px;
    font-family:verdana;
    font-size:10px;
    color:#666;
    float:left;
    width:100%;
}

div.sortbybar strong {
    padding-right:5px;
    color:#000;
}

div.sortbybar a {
    padding:5px;
    color:#666;
    font-weight:bold;
}

div.categoryTitle {
    float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
    padding-top: 6px;
    padding-bottom: 5px;
}
div.filterbar {
    float:right;
    background:#fff url(/images/jm_mens_arrow.png) no-repeat top left;
    width:480px;
    font-size:10px !important;
    position:relative;
}

a.resetlink {
    font-size: 10px;
    font-weight:bold;
    color:#000;
    border:1px solid #000;
    padding:2px;
    margin-left:5px;
}