/*General Styles*/
html, body {
	padding: 0px; 
	margin: 0px; 
	font-size: 12px; 
	background: #e1ded2 url(../images/general-bg.png) repeat top left; 
	color: #333333; 
	line-height: 18px; 
	font-family: tahoma, helvetica, sans-serif
}
body {
	min-width: 984px
}
body#ecom {
	background: #e1ded2 left top
}
em {
	color: #808080
}

table {
	border-collapse: collapse;
}
a {
	color: #e87806; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*Structure files*/
table.frame {
	width: 100%;
}
table.frame td {
	padding: 0px;
}
table.frame td.left-frame {
	background: url(../images/left.png) no-repeat right top;
	width: 30%;
}
table.frame td.right-frame {
	background: url(../images/right-summer.png) no-repeat left top;
	width: 30%;
}
table.frame td.center-frame {
	background: url(../images/header-bg-summer.png) no-repeat left top;
	width: 984px; 
}

div.main {
	background: #ffffff no-repeat right top;
	margin: 0px auto;
	width: 984px;
	height:auto !important;
	float: left;
	z-index: -1 !ie;
	}

.left-area {
	width: 625px;
	float: left;
	padding: 30px 10px 0px 30px;
	z-index: -1 !ie;
	}

.right-area {
	margin: 0px;
	width: 260px;
	float: right;
	padding: 30px 20px 0px 25px;
	background: url(../images/div-line.png) no-repeat center left;
	}

.right-area-fc {
	margin: 0px;
	width: 260px;
	float: right;
	padding: 30px 20px 0px 25px;
	background: url(../images/div-line2.png) no-repeat top left;
	}

/*Header styles*/
div.header {
	position: relative;
	background: none transparent scroll repeat 0% 0%;
	margin: 0px auto;
	width: 984px;	
	height: 286px;
}
div.logo {
	padding: 28px 0px 0px 18px;background: none;
	width: 175px; 
	height: 175px
}

/*Top Styles*/
div.top-nav {
	position: absolute;
	width:600px;
	left: 375px;
	top: 110px;
}
div.top-nav p.date {
	margin: 0px 20px 0px 0px;
	font-family:Trebuchet MS;
	font-size: 20px;
	text-align:right;
	}
div.top-nav p.date span {
	font-weight: bold;
	color: #864103
	}
	
div.top-nav p.icons {
	display: block;
	float: right;
	margin: 15px 20px 0px 0px;
	}
		
div.top-nav p.icons span {
	display: block;
	float: left;
	margin: 6px 26px 0px 0px;
	}
div.top-nav p.icons span#not-margin {
	display: block;
	float: left;
	margin: 6px 0px 0px 0px;
	}
div.top-nav p.icons span#cart {
	display: block;
	float: left;
	margin: 6px 7px 0px 0px;
	}	
div.top-nav p.icons img {
	float: left;
	margin: 0px 10px 0px 0px;
	}
div.top-nav p.member {
	display: block;
	margin: 15px 20px 0px 0px;
	float: right;
	font-size: 14px;
	color: #864103;
	}

.nav-bar{
	position:relative;
	display: block;
	margin: 40px 20px 0px 110px;
	}

a.toplink {
	color: #864103; text-decoration: none
}
a.toplink:hover {
	text-decoration: underline
}

/*Menu Styles*/
div.menu {
	padding: 14px 0px 13px 40px;background: none;margin: 0px auto;height: 26px
}
div.menu a {
	padding: 0px 0px 0px 10px;display: block;font-weight: bold;font-size: 11px;background: none;float: left;margin: 0px 5px;color: #832f32;font-family: "times new roman", times, serif
}
div.menu a span {
	padding: 3px 10px 5px 0px;display: block;background: none;
}
div.menu a:hover {
	background: url(../img/menu-item-left.png) #bf7e4a no-repeat left top;color: #ffffff;text-decoration: none
}
div.menu a:hover span {
	padding: 3px 10px 5px 0px;display: block;background: url(../img/menu-item-right.png) no-repeat right top;
}
div.menu a.active {
	background: url(../img/menu-item-left.png) #bf7e4a no-repeat left top;color: #ffffff;text-decoration: none
}
div.menu a.active span {
	padding: 3px 10px 5px 0px;display: block;background: url(../img/menu-item-right.png) no-repeat right top
}
div.menu img {
	float: left
}

/*Page Styles*/
p {
	font-family: Tahoma;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	margin-bottom: 25px;
	}

h1 {
	font-family: Trebuchet MS;
	color: #638c00;
	font-size: 30px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0px;
	}

h2 {
	font-family: Trebuchet MS;
	color: #e87806;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	margin: 0px;
	}

h3 {
	font-family: Trebuchet MS;
	color: #864103;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
	}

h4 {
	font-family: Trebuchet MS;
	color: #864103;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	margin: 0px;
	}
		
.title {
	font-family:Trebuchet MS;
	color: #e87806;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	margin: 0px;
	}
	
.search-spacer{
	position: relative;
	width:20px;
	height:8px;
	background: url('../images/spacer.gif') no-repeat top left;
	}

.search-title{
	position: relative;
	width:250px;
	height:60px;
	text-align:center;
	background: url('../images/title-search.png') no-repeat top left;
	}

.search-by-fc{
	position: relative;
	margin-left:10px;
	width:600px;
	height:85px;
	padding: 15px 10px 5px 215px;
	background: url('../images/bg-footcondition.gif') no-repeat top left;
	}

.order-title{
	position: relative;
	width:250px;
	height:60px;
	text-align:center;
	background: url('../images/title-order.png') no-repeat top left;
	}
	
.contact-title{
	position: relative;
	width:250px;
	height:60px;
	text-align:center;
	background: url('../images/title-contact.png') no-repeat top left;
	}

.small {
	font-family:Tahoma;
	color: #864103;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	}
	
/* Catalog Styles */
.inside-page-bar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 605px;
	height: 26px;
	margin-bottom: 15px;
	margin-top: 6px;
	background-color: #388465;
	}

.catalog-area {
	position: relative;
	top: 0px;
	left: 0px;
	width: 600px;
	margin-bottom: 20px;
	margin-top: 0px;
	}

.inside-page-bar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 605px;
	height: 26px;
	margin-bottom: 15px;
	margin-top: 6px;
	background-color: #388465;
	}
	
.catalog-page-bar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 585px;
	height: 26px;
	padding-right: 20px;
	margin-bottom: 15px;
	/*background-color: #217801;*/
	background-color: #ffffff;
	text-align: right;
	}
	
	.catalog-page-bar a {
	font-family: 'Arial';
	color: #525252;
	font-size: 13px;
	font-weight: normal;
	line-height: 26px;
	text-decoration: none;
	}
	
.catalog-area {
	position: relative;
	top: 0px;
	left: 0px;
	width: 600px;
	margin-bottom: 20px;
	margin-top: 0px;
	}
	
.shoe {
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	margin-bottom: 20px;
	padding-bottom: 20px !ie;
	float: left;
	
	font-family: 'Arial';
	color: #474747;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	}
	
.shoe img {
	padding: 10px;
	border: 1px #666666 solid;
	}
	
.shoe img:hover {
	padding: 10px;
	border: 1px #e87806 solid;
	}
	
.price {
	font-family: Tahoma;
	color: #e87806;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	}
	
.icon-new2{
	position: relative;
    background: url('../images/icon-new2.gif') no-repeat top left;
	width: 40px;
	height: 20px;
    font: bold 10px Arial;
    font-variant:small-caps;
    color: #ffffff;
	line-height: 16px;
	}
	
.icon-new{
    background-color: #F51D2D;
	width: 40px;
	height: 20px;
    font: bold 11px Arial;
    font-variant:small-caps;
    color: #ffffff;
	}
	
.col-pageLink-normal {
	padding: 0px 2px 0px 2px;
	color: #525252;
    font: 12px Arial;
    text-decoration: none;	
	}

.col-pageLink a{
	padding: 0px 3px 0px 3px;
	color: #525252;
    font: 12px Arial;
    text-decoration: none;	
	}
.col-pageLink a:hover{
    color: #525252;
    font: 12px Arial;
    text-decoration: underline;	
	}
.col-pageLink a:active{
	color: #525252;
	font: 14px Arial;
    text-decoration: underline;	
	}
.col-pageLink-active
{
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #ff9600;
	padding: 0px 3px 0px 3px;
	color: #ff9600;
	font: bold 14px Arial;
	text-decoration: none;
}

/* --- Shopping Cart Styles --- */

a.cart-green {
	font-family: 'Arial';
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	
	padding: 5px 7px 5px 7px;
	background-color: #525252;
	border: 1px #999999 solid;
	}
	
a.cart-green:hover {
	color: #ffffff;
	background-color: #e87806;
	text-decoration: none;
	}
		
a.cart-orange {
	font-family: 'Arial';
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	
	padding: 5px 7px 5px 7px;
	background-color: #e87806;
	border: 1px #999999 solid;
	}
	
a.cart-orange:hover {
	color: #ffffff;
	background-color: #525252;
	text-decoration: none;
	}

.cart-header{
	background-color:#5D320F;
    /*background: #ffffff url('../images/bg-cart-title.png') no-repeat top left;*/
	height:30px;
	}
.cart-title{
	padding-left:10px;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:14px;
	left:5px;
	}	

.cart-spacer{
	width:15px;
	height:30px;
	background-color:#5D320F;
	}	
	
.cart-item{
	/*background: #ececec;*/
	height: 30px;
	left:3px;
	/*border: solid 1px #ececec;*/
	}
	
.cart-footer{
	/*border-top: solid 2px #999999;*/
	height:35px;
	top:5px;
	padding-left:10px;
	color:#693d15;
	font-family:Tahoma;
	font-size:14px;
	left:5px;
	}
	
.cart-item-small{
	background: #ffffff;
	font:normal 11px Tahoma;
	}	
.cart-item-spec{
	background: #ffffff;
	font:normal 12px Tahoma;
	color:#e87806;
	}	
	
.cart-line-small{
	border-top:solid 2px #cccccc;
	}	

.cart-total{
	background: #cccccc;
	font:normal 11px Tahoma;
	}	

/* --- Popup Container --- */
.pop-up-container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 550px;
	margin: 0px;
	padding: 0px;
	
	font-family: Tahoma;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	}
	
.pop-up-image {
	position: relative;
	top: 0px;
	left: 0px;
	width: 185px;
	float: left;
	}

.pop-up-text {
	position: relative;
	top: 20px;
	left: 150px;
	width: 250px;
	float: left;
	}

.facebox-text {
	position: relative;
	top: 20px;
	left: 40px;
	width: 450px;
	float: left;
	}
		
.item-desc{
	height: 210px;
	}

#imageContainer {
	width: 350px; 
	height: 210px; 
	overflow: hidden;
	}
	
#imageContainer img {
	margin-top:15px;
	margin-bottom: 5px; 
	display: block;
	}
	
#thumbContainer {
	margin-top: 20px;
	width: 350px;
	}

#thumbContainer img {
 	display: block;
 	float: left;
 	border:none;
 	}


/* --- Breadcrumb Styles --- */
.breadcrumb a {
	background: url("../images/breadcrumb.gif") no-repeat center right;
	font-family: 'Verdana';
	color: #555555;
	font-size: 9px;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	padding-right: 10px;
	}
	
.breadcrumb a:hover {
	text-decoration: underline;
	}
	
.breadcrumb a.last {
	background: url("../images/spacer.gif") no-repeat center right;
	font-family: 'Verdana';
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	}
	
.breadcrumb a.last:hover {
	text-decoration: underline;
	}

.checkout-billing {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-bs.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}
.checkout-payment {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-pmt.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}	

.checkout-review {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-ro.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}	

.checkout-confirm {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-cnf.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}

/* --- Form Styles --- */

.form{
	margin: 30px;
	}
	
.errorText {
	padding:5px 5px 15px 0px;
	font-family: 'Trebuchet MS', Arial, Verdana;
	color: #e87806;
	font-size: 10pt;
	font-weight: bold;
	line-height: 14px;
	}
	
.form input.field{
	width: 207px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
	
.form input.promo{
	width: 207px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Verdana;
	font-size: 12px;
	font-weight: normal;
	color:Red;
	}	

.form select.multiple {
	width: 194px;
	border: 1px #999999 solid;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
.form select.dropdown {
	width: 210px;
	height:20px;
	border: solid 1px #999999;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}

.form textarea{
	width: 400px;
	height: 55px;
	border: solid 1px #999999;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
	
	
input.quantity {
		width: 30px;
		margin-bottom: 0px;
		border: 1px #999999 solid;
		text-align:center;
		font:12px Tahoma;
		color:#333333;
		}

.fieldset{
	border: none 0px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
.searchform{
	margin: 0px;
	}	
		
.searchform input.field{
	width: 177px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}	
.searchform .lable{
	width: 177px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}	
	
		
.searchform select.dropdown {
	width: 180px;
	height:20px;
	border: solid 1px #999999;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}

/* --- Links/Buttons Styles --- */
a.search {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-search.png) no-repeat left top;
	}
a.search:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-search.png) no-repeat left top;
	}
	
a.search-fcm {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-fcm.png) no-repeat left top;
	}
a.search-fcw {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-fcw.png) no-repeat left top;
	}	
	
a.add {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-add.png) no-repeat left top;
	}
a.add:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-add.png) no-repeat left top;
	}	
	
a.shopping {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-org-shopping.png) no-repeat left top;
	}
a.shopping:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-shopping.png) no-repeat left top;
	}		
	
a.checkout {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-checkout.png) no-repeat left top;
	}
a.checkout:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-checkout.png) no-repeat left top;
	}	
	
a.send {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-send.png) no-repeat left top;
	}
a.send:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-send.png) no-repeat left top;
	}
	
a.submit {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-submit.png) no-repeat left top;
	}
a.submit:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-submit.png) no-repeat left top;
	}	
		
a.cancel {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-cancel.png) no-repeat left top;
	}
a.cancel:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-cancel.png) no-repeat left top;
	}	
	
a.continue {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-continue.png) no-repeat left top;
	}
a.continue:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-continue.png) no-repeat left top;
	}	
	
a.verify {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-verify.png) no-repeat left top;
	}
a.verify:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-verify.png) no-repeat left top;
	}		
	
a.confirm {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-brown-confirm.png) no-repeat left top;
	}
a.confirm:hover {
	text-align: center;
	width:150px;
	height:30px;
	background: url(../images/btn-green-confirm.png) no-repeat left top;
	}				
	
/*Footer Styles*/
div.footer {
	position: relative;
	background: url(../images/footer-bg-summer.png) no-repeat left top;
	width: 100%;
	height: 185px;
}
div.footer div.copyrights {
	right: 30px;
	color: #864103;
	position: absolute;
	top: 70px;
}