﻿body {
    /*background-image: url(/images/bg_women.gif);*/
    background-repeat: repeat;
    background-position: left top;
}


/* Color Overrides for the main classese */

a.navTopItemWomen {
    color: #000000;
    text-decoration: none;
    background-color: #CCCFCE;
}
.navBarTop {
    color: #000000;
    /*background-color: #d4bf95;
    border-top-color: #fff;
    border-bottom-color: #fff;*/
}

.navTopSearch 
{
    color: #000;
}
/*a.navTopItem {
    border-right-color: #fff;
    color: #fff;
}
a.navTopItem:hover {
    color: #d4bf95;
    background-color: #faf6e3;

}*/

a.navSortItem {
    color: #666;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px;
}

/*a.navTopItemOn 
{
    color: #d4bf95;
    border-right-color: #fff;
    background-color: #faf6e3;
}
a.navTopItemMen {
    border-right-color: #fff;
}

a.navTopItemWomen {
    background-color: #faf6e3;
    color: #d4bf95;
    border-right-color: #fff;
}
.formNavBoxes {
    background-color: #fff;
    border: 1px solid #faf6e3;
    font-size: 10px;
}
.topRightTopline {
    color: #fff;
}
a.topRightTopline {
    color: #fff;
    text-decoration: none;
}
a.topRightTopline:hover {
    color: #fff;
    text-decoration: underline;
}
.topRightSecLine {
    font-size: 9px;
    color: #fff;
    text-decoration: none;
}
End Color Overrides */


/*Navigation Classes */
.txtTop {
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;
}
.txtTopOn {
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;
}
.txtSubsect {
    font-size: 9px;
    color: #eee8c5;
}
.navleftColumn {
    background-color: #4D5762;
    text-align: left;
}
.navLeftShopBy {
    background-color: #d4bf95;
    padding: 8px 0 0 8px;
    border-top: 1px solid #fff;
}
.navLeftSortBy {
    background-color: #d4bf95;
    padding:0 0 0 8px;
    /*border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #fff;
    border-top: 1px solid #fff;*/
}
.navLeftSortBy a {
    color: #fff;
    text-decoration:none;
}
.navLeftSortBy a:hover {
    text-decoration:underline;
}
.navLeftTop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #fff;
    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;
}
a.navSortItem {
    color: #fdfcf7;
    text-decoration: none;
}
a.navSortItemOn {
    color: #c00;
    text-decoration: none;
}
/*override the hidden womens icon*/
#tnavarrow_m { display:none; visibility:hidden;}
#tnavarrow_w { display:block; visibility:visible; border:none;}


/*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:#EEE8C5;
    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: #EFE8C5;*/
}

.thumb {
    background-color: #fff;
    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: #000000;
    float: left;
    clear:both;
    margin-top:3px;
    margin-left:3px;
}

.thumb #price {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    float: left;
    clear:left;
    margin-left:3px;
}

.thumb #saleprice1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration:line-through;
    color: #000000;
    float: left;
    clear:left;
    margin-left:3px;
}

.thumb #saleprice2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#c00;
    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: #000000;
    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:#000000;
    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:#000000;
    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;
    /*color:#B69871;*/
}

.productdesc {
    font-size: 9px;
    line-height:12px;
    clear:left;
}

.productprice {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    clear:left;
    margin:10px 0 0;
}

.productsaleprice {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#c00;
    margin:10px 0 0;
}

.zoombar 
{
    background-color:#e5d7ba;
}

.suggest {
    background-color: #fff;
    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: #fff;
}
.formShopByDrops {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000;
    background-color: #b6bcc2;
    border: 1px solid #000;
    /* margin-right:15px; */
}
.formChooserDrops {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    /*color: #b69871;*/
    background-color: #fff;
    border: 1px solid #000000;
    width:120px;
}

.coTableBox{
    background-color:#e5d7ba;
    border: solid 1px #b69871;
    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{
    /*color: #b69871;*/
    display: block;
    float: left;
    font-size: 10px;
    margin-bottom: 15px;
    width: 220px;
}
#dvNextPrev{
    /*color: #b69871;*/
    float: right;
    font-size: 10px;
    text-align: right;
    width: 133px;
}
#dvNextPrev a{
    /*color: #b69871;*/
}
#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.womenAddBag{
    background: #b69871;
    color: #fff;
}
#lnkAvail{
    /*color: #b69871;*/
    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: #000000;
    display: block;
    padding: 10px;
    text-transform: uppercase;
}
.ui-state-active a, .ui-state-default a:hover{
    background: #4D5762;
    border: 1px solid #4D5762;
    color: #FFFFFF;
}
.lmtdqty{
    float: left;
    display: block;
    padding: 5px 0;
    width: 150px;
}

strong.navSortStart {
    padding-right:5px;
    color:#b69971;
}   


/* ===================== */
div.sortbybar {
    margin:15px 0px 10px 15px;
    font-family:verdana;
    font-size:10px;
    color:#b79770;
    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;
    color: #A8ACB2;
}

a.resetlink {
    font-size: 10px;
    font-weight: bold;
    color: #000;
    border: 1px solid #000;
    padding: 2px;
    margin-left:5px;
}
a.resetlink:hover {
    text-decoration:none;
}
