/* CSS Document */

.hideMe{display:none;}

body{
	margin:0;
	padding:0;
	background:url(../images/bg_tile.jpg) #271201 repeat-x;
	text-align:center;
	height:100%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

a img{
	border:0;
}
a, a:visited{color:#ffffff;}

.container {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
}

#wrap{ width:1000px; height:auto; margin: auto; text-align:center; overflow:hidden; 
}

#header{
	height:163px;
	text-align:center;
	padding-top:22px;
}

#logo{
	margin:0 auto;
	display:block;
	background:url(../images/int_logo.jpg) no-repeat;
	width:67px;
	height:104px;
}

#content{
	text-align:left;
	
}


/* NAVIGATION ELEMENTS */
/*#nav{ padding:29px 0 15px 40px; margin:0; }*/
#nav{ padding:29px 0 15px 60px; margin:0; }

#nav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul li{
	display:inline;
}


/*#nav #whatsnew{ background:url(../images/navigation.jpg) no-repeat -31px 0; display:block; height:16px; width: 87px; float:left; margin-right:38px; }*/
#nav #whatsnew{ background:url(../images/newnavigation.gif) no-repeat -50px 0; display:block; height:16px; width: 87px; float:left; margin-right:38px; }

/*#nav #lifestyle{ background:url(../images/navigation.jpg) no-repeat -161px 0; display:block; height:16px; width: 70px; float:left; margin-right:38px; }*/
#nav #lifestyle{ background:url(../images/newnavigation.gif) no-repeat -180px 0; display:block; height:16px; width: 70px; float:left; margin-right:38px; }

/*#nav #ladies{ background:url(../images/navigation.jpg) no-repeat -278px 0; display:block; height:16px; width: 47px; float:left; margin-right:38px; }*/
#nav #ladies{ background:url(../images/newnavigation.gif) no-repeat -297px 0; display:block; height:16px; width: 47px; float:left; margin-right:38px; }

/*#nav #gentlemen{ background:url(../images/navigation.jpg) no-repeat -372px 0; display:block; height:16px; width: 81px; float:left; margin-right:38px; }*/
#nav #gentlemen{ background:url(../images/newnavigation.gif) no-repeat -391px 0; display:block; height:16px; width: 81px; float:left; margin-right:38px; }

/*#nav #history{ background:url(../images/navigation.jpg) no-repeat -499px 0; display:block; height:16px; width: 58px; float:left; margin-right:38px; }*/
#nav #history{ background:url(../images/newnavigation.gif) no-repeat -518px 0; display:block; height:16px; width: 58px; float:left; margin-right:38px; }

/*#nav #locations{ background:url(../images/navigation.jpg) no-repeat -600px 0; display:block; height:16px; width: 74px; float:left; margin-right:38px; }*/
#nav #locations{ background:url(../images/newnavigation.gif) no-repeat -619px 0; display:block; height:16px; width: 80px; float:left; margin-right:38px; }

/*#nav #custom{ background:url(../images/navigation.jpg) no-repeat -721px 0; display:block; height:16px; width: 105px; float:left; margin-right:38px; }*/
#nav #bespoke{ background:url(../images/newnavigation.gif) no-repeat -740px 0; display:block; height:16px; width: 68px; float:left; margin-right:38px; }

/*#nav #shopping{ background:url(../images/navigation.jpg) no-repeat -865px 0; display:block; height:16px; width: 152px; float:left; margin-right:10px; }*/
#nav #shopping{ background:url(../images/newnavigation.gif) no-repeat -848px 0; display:block; height:16px; width: 103px; float:left; margin-right:50px; }


/* FLASH WINDOW PLACEHOLDER */

#flashwindow{
	background:url(../images/flash_image.jpg) no-repeat;
	width:1000px;
	height:520px;
	display:block;
}

/* TEXT WINDOW PLACEHOLDER */

#textwindow{
	width:900px;
	height:480px;
	display:block;
	margin-left: 40px;
}

#textwindow a, #textwindow a:visited{
	text-decoration:none;
}

#wrap #content #textwindow hr {
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border:0;
}
#wrap #content #textwindow p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: justify;
	margin-right:200px;
}

#wrap #content #textwindow ul{ 
	width:145px;margin-top:0;float:right;list-style-image:url('../images/cat_arrow.gif');color:#fdf9ce;font-family:Verdana;font-size:14px;line-height:36px;padding:0;list-style-position:inside;
}

#wrap #content #textwindow ul li.subcat{
	background:transparent url(../images/bg-submenu.gif) no-repeat scroll left 10px;
	list-style-image:none;
	list-style-type:none;
	margin-left:-2px;
	overflow:hidden;
	padding-left:16px;
	
}
#wrap #content #textwindow ul li.subcatb{
	background:transparent url(../images/bg-submenu2.gif) no-repeat scroll left 10px;
	list-style-image:none;
	list-style-type:none;
	margin-left:-2px;
	overflow:hidden;
	padding-left:16px;
	
}


	#wrap #content #textwindow ul li.subcat ul,#wrap #content #textwindow ul li.subcatb ul{ 
		text-align:left;
		padding-left:0;	
		background:none;
	}

		

	#wrap #content #textwindow ul li.subcat ul li,#wrap #content #textwindow ul li.subcatb ul li{
		list-style-image:none;
		list-style-type:none;
		margin-left:35px;
		padding:0;
	}

	 

#wrap #content #textwindow ul li ul li{ 
	margin-left:18px;
	font-size:12px;
	line-height:22px;
}

#wrap #content #textwindow ul#shoe_categories a{ color:#fdf9ce; }
#wrap #content #textwindow ul#shoe_categories a:hover{ color:#ffffff;text-decoration:underline }

#wrap #content #textwindow h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 40px;
	font-weight: bold;
	border-bottom: 2px solid #ffffff;
	padding-bottom:10px;
}

/* HISTORY LEFT WINDOW PLACEHOLDER */

#historywindowleft{
	float:left;
	width:480px;
	height:521px;
	padding-left:40px;
	padding-right:30px;
	display:block;
}


#historywindowleft h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 30px;
	font-weight: bold;
	border-bottom: 2px solid #ffffff;
	padding-bottom:10px;

}

#historywindowleft  {
	color: #FFFFFF;
	margin-bottom: 20px;
	border:0;
}

#historywindowleft p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: justify;
}

#historywindowright{
    float:left;
	background:url(../images/guy_smiley.jpg) no-repeat;
	width:380px;
	height:521px;
	display:block;
}

#locationswindowleft{
	float:left;
	width:230px;
	height:521px;
	padding-left:40px;
	padding-right:20px;
	display:block;
}

#locationswindowleft #locationsTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 40px;
	font-weight: bold;

}

#locationswindowleft p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: normal;
}


#locationswindowright{
	float:left; 
	width:640px;
	height:521px;
	display:block; 
	background-repeat: no-repeat;
	background-position: center center;
}

#shoebrowserwindowleft{
	float:left;
	width:670px;
	height:520px;
	padding-left:30px;
	margin: 0 20px 0 10px;
	display:block;
	background-color: #FFFFFF;
	position: relative;
}

#shoebrowserwindowleft h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4d2700;
	margin-top: 30px;
	font-weight: bold;
	border-bottom: 2px solid #4d2700;
	padding-bottom:6px;
	width:270px;

}

#shoebrowserwindowleft p, #browser #content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #4d2700;
	font-weight: normal;
	width:270px;
}

#browser #content a,#browser #content a:visited {
	text-decoration:none;
}

hr {
	color: #4d2700;
	margin-bottom: 20px;
	background-color: #4d2700;
	border:0;
}

#browser hr{width:206px;clear:left;}

#shoebrowserwindowright{
	float:left;
	background-color:transparent;
	width:210px;
	height:521px;
	display:block;
	background-repeat: no-repeat;
	background-position: center center;
}

/* PURCHASE */

#purchasebox{
	margin-top:30px;
}

#purchasebox label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #4d2700;
	font-weight: bold;
	margin-right: 15px;
	padding-top:10px;
	float:left;
}

#purchasebox #quantity{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	width:32px;
	height:30px;
	border:1px solid #4d2700;
	float:left;
}

.price{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	float:left;
	margin:5px 0 0 35px;
	color:#4d2700;

}
#addtocart{
	background:url(../images/addtobag.jpg) no-repeat;
	height:49px;
	width:74px;
	display:block;
	border:0;
	clear:both;
	margin:80px 0 0 60px;

}

table#cart{
	color:#4d2700;
}
	

/* FOOTER */

#footer{ text-align:center; clear: both; }

.footerlogo{
	background:url(../images/footer_logo.jpg) no-repeat;
	width:281px;
	height:20px;
	display:block;
	margin:26px auto;
	
}
#wrap #content #historycont {
	height: 521px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#wrap #content #bespokelogocont { float: left; width: 1000px; }

#content #bespokelogocont #bespokelogo { background: url(../images/bespoke_logonew.gif) no-repeat left center; height: 58px; width: 389px; }
#content #bespokelogocont #bespokelogo span { display:none; }

#content #bespokelogocont #bespokelorem p{ color:#ffffff;font-size:10px;line-height:18px;margin:0;float:left; }
#content #bespokelogocont #bespokelorem p.left{ width:525px;margin-right:15px;}
#content #bespokelogocont #bespokelorem p.right{ width: 400px;}
#content #bespokelogocont #bespokelorem span { display:none; }

#content #bespokebody{padding-top:20px;overflow:hidden;clear:both;}
#content #bespokeflash { float: left; height: 369px; width: 492px; background: #ffffff; }

#content #prodscont { float: left; height: auto; width: 410px; padding-left: 50px; margin-bottom: 70px; }

#content #prodscont .prodmain { height: auto; width: 410px; padding-bottom: 15px; float: left; margin-bottom: 24px;margin-top:20px; }

#content #prodscont .prodmain .prodthumb { float: left; height: auto; width: 136px; margin-right: 20px;  }

#content #prodscont .prodmain .prodcontents { float: left; height: auto; width: 245px;position:relative;height:136px; }

#content #prodscont .prodmain .prodcontents h2 { font: 18px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0px; padding: 0px; text-transform: uppercase; }

#content #prodscont .prodmain .prodcontents p { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 0px; margin-top: 7px; margin-bottom: 20px;font-weight:bold; }

#content #prodscont .prodmain .prodcontents .btn-create { width: 245px; height: 47px; float: left; margin: 0px; padding: 0px;position:absolute;bottom:0;right:0; }

#content #prodscont .motif h2{ background:url(../images/bespoke_motifnew.gif) no-repeat left top; height:11px; width:61px; }
#content #prodscont .motif h2 span{display:none;}

#content #prodscont .monogram h2{ background:url(../images/bespoke_monogramnew.gif) no-repeat left top; height:11px; width:115px; }
#content #prodscont .monogram h2 span{display:none;}



/* BESPOKE */

#bespokeframe span{ display:none;}
#bespokeframe{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	float:left;
	width:915px;
	height:720px;
	padding-left:30px;
	margin: 0 20px 15px 10px;
	display:block;
	background-color: #FFFFFF;
	position: relative;
}
	#bespokeframe .price{
		display:inline;
		float:none;
		margin-left:10px;
	}

	#bespokeframe h1{
		display:block;	
		background:url('../images/bespoke_header.jpg') no-repeat left top;
		width:886px;
		height:36px;
		margin-top:20px;
	}

#stepnavigation a{
	float: left;
	height:23px;
}
	#stepnavigation a span{
		display:none;
	}

	#stepnavigation #stepone a{
		background:url('../images/bespoke_steps.jpg') no-repeat left top;
		width:220px;
	}
		#stepnavigation #stepone a.active,#stepnavigation #stepone a:hover{
			background:url('../images/bespoke_steps.jpg') no-repeat left bottom;
		}

	#stepnavigation #steptwo a{
		background:url('../images/bespoke_steps.jpg') no-repeat -228px top;
		width:210px;
	}
		#stepnavigation #steptwo a.active,#stepnavigation #steptwo a:hover{
			background:url('../images/bespoke_steps.jpg') no-repeat -228px bottom;
		}
	#stepnavigation #stepthree a{
		background:url('../images/bespoke_steps.jpg') no-repeat -428px top;
		width:200px;
	}
		#stepnavigation #stepthree a.active,#stepnavigation #stepthree a:hover{
			background:url('../images/bespoke_steps.jpg') no-repeat -428px bottom;
		}
	#stepnavigation #stepfour a{
		background:url('../images/bespoke_steps.jpg') no-repeat -628px top;
		width:260px;
	}
		#stepnavigation #stepfour a.active,#stepnavigation #stepfour a:hover{
			background:url('../images/bespoke_steps.jpg') no-repeat -628px bottom;
		}


#stepnavigation.monogram #stepfour a{
		background:url('../images/monogram_steps.jpg') no-repeat -628px top;
		width:260px;
	}
		#stepnavigation.monogram #stepfour a.active,#stepnavigation #stepfour a:hover{
			background:url('../images/monogram_steps.jpg') no-repeat -628px bottom;
		}

/* CUSTOM MONOGRAM STEPS */

	
		#stepnavigation.monogram #stepone a{
			background:url('../images/bespoke-steps-monogram.jpg') no-repeat left -2px;
			width:177px;
		}
			#stepnavigation.monogram #stepone a.active,#stepnavigation.monogram #stepone a:hover{
				background:url('../images/bespoke-steps-monogram.jpg') no-repeat left -35px;
			}
	
		#stepnavigation.monogram #steptwo a{
			background:transparent url(../images/bespoke-steps-monogram.jpg) no-repeat scroll -181px -2px;
			width:210px;
		}
			#stepnavigation.monogram #steptwo a.active,#stepnavigation.monogram #steptwo a:hover{
				background:url('../images/bespoke-steps-monogram.jpg') no-repeat -181px -35px;
			}
		#stepnavigation.monogram #stepthree a{
			background:url('../images/bespoke-steps-monogram.jpg') no-repeat -395px -2px;
			width:127px;
		}
			#stepnavigation.monogram #stepthree a.active,#stepnavigation.monogram #stepthree a:hover{
				background:url('../images/bespoke-steps-monogram.jpg') no-repeat -395px -35px;
			}
		#stepnavigation.monogram #stepfour a{
			background:url('../images/bespoke-steps-monogram.jpg') no-repeat -522px -2px;
			width:213px;
		}
			#stepnavigation.monogram #stepfour a.active,#stepnavigation.monogram #stepfour a:hover{
				background:url('../images/bespoke-steps-monogram.jpg') no-repeat -522px -35px;
			} 
	
	#stepnavigation.monogram #stepfive a{
			background:url('../images/bespoke-steps-monogram.jpg') no-repeat -736px -2px;
			width:152px;
		}
			#stepnavigation.monogram #stepfive a.active,#stepnavigation #stepfive a:hover{
				background:url('../images/bespoke-steps-monogram.jpg') no-repeat -736px -35px;
			}




#interfacewrap{
	float:left;
}

#interface{
	display:block;
	width:315px;
	height:302px;
	background:url('../images/bespoke_interface_bg.jpg') no-repeat left top;
	margin:28px 0 0 0;
	padding:4px;
}
	#interface h2{
		background:url('../images/bespoke_stepheader.jpg') no-repeat left top;
		display:block;
		width:303px;
		height:33px;
		color:#4c2700;
		font-size:12px;
		margin:0;
		padding:7px 0 0 45px;
	}

	#interface h3{
		color:#4c2700;
		font-size:12px;
		clear:both;
	}
	#interface .options{
		height:260px;
		margin:0 20px;
		overflow-y:auto; 
	}

#interface #slipper .thumbbox {
	float:left;
	font-size:10px;
	color:#333333;
	margin:0 4px;
}
	#interface #slipper .thumbbox img{
		border:1px solid #000000;
		margin:0 0 3px 0;
	}

#interfacenav{
	clear:both;
	background:url('../images/bespoke_interface_bg.jpg') no-repeat left bottom;
	display:block;
	width:315px;
	height:60px;
}

	#interfacenav a#backbutton{
		background:url('../images/bespoke_back.jpg') no-repeat left top;
		float:left;
		height:50px;
		width:85px;
		margin:0 10px;
	}
		#interfacenav a#backbutton:hover{
			background:url('../images/bespoke_back.jpg') no-repeat left bottom;
		}
	#interfacenav a#continuebutton{
		background:url('../images/bespoke_continue.jpg') no-repeat left top;
		float:left;
		height:50px;
		width:204px;
		margin:1px 0 0 0;
	}

		#interfacenav a#continuebutton:hover{
			background:url('../images/bespoke_continue.jpg') no-repeat left bottom;
		}
		
.btn-create a.btncreateurown{ background:url('../images/btn-createurown.gif') no-repeat left top; float:left; height:47px; width:245px; margin:0px 0 0; }
.btn-create a.btncreateurown:hover{ background:url('../images/btn-createurown.gif') no-repeat left bottom; }
.btn-create span { display:none; }

#bespokeframe #shoetop{
		float:left;
		margin:26px 0 0 50px;
}

#bespokeframe #shoeside{
	float:left;
	margin:320px 0 0 21px;
}

#bespokeframe #orderinfo{
	clear:both;
}
	#bespokeframe #orderinfo h1{
		background:transparent none repeat scroll 0 0;
		border-bottom:2px solid #4C2700;
		color:#4C2700;
		font-size:15px;
		height:27px;
		padding:17px 0 0;
	}

#steps{
	float:left;
	margin-left:60px;
}

#steps table{
	border-collapse:collapse;
	width:300px;
}

#steps table tr td{
	border-bottom:1px solid #cccccc;
	padding:8px 4px;
}

#steps td.type{
	font-weight:bold;
}

#steps a, #steps a:visited{
		color:#4C2700;
}
#steps tr.nontype td.type,#steps tr.nontype a{
	color:#cccccc;
}

#size, #checkout{
	float:left;
	border-left:1px solid #cccccc;
	margin-left:35px;
	padding-left:35px;
	height:150px;
}


#bespokeframe a#checkoutbutton{
	display:block;
		background:url('../images/bespoke_checkout.jpg') no-repeat left top; 
		height:43px;
		width:219px;
		margin:1px 0 0 0;
}
	#bespokeframe a#checkoutbutton:hover{ 
			background:url('../images/bespoke_checkout.jpg') no-repeat left bottom; 
	}
#bespokeframe a#mailthis{
	display:block;
		background:url('../images/bespoke_mail.jpg') no-repeat left top; 
		height:29px;
		width:219px;
		margin:8px 0 0 0;
}
	#bespokeframe a#mailthis:hover{ 
			background:url('../images/bespoke_mail.jpg') no-repeat left bottom; 
	}
	
#bespokeframe iframe#shoe_display{width:290px;height:385px;border:none;}


#errors{
	 		background:url('../images/bespoke_error.jpg') no-repeat left top; 
	padding-left:29px;
	padding-top:5px;
	color:#fa6700;
	font-size:11px;
}

#errors p{
	line-height:12px;
	margin:4px 0;
}

#bespokeframe #fabric .options .thumbbox a,#bespokeframe #trim .options .thumbbox a,#bespokeframe #monogramcolor .options .thumbbox a{
	width:67px;
	height:50px;
	display:block;
	overflow:hidden;
	border:1px solid #333333;
}
	#bespokeframe #fabric .options .thumbbox,#bespokeframe #trim .options .thumbbox,#bespokeframe #monogramcolor .options .thumbbox  {
		float:left;
		font-size:10px;
		color:#333333;
		margin:0 4px 4px;
		height:70px;
	}

#bespokeframe #embroidery .options .thumbbox img,#bespokeframe #monogram .options .thumbbox img, #bespokeframe #monogram-color .options .thumbbox img{
	width:67px;
	height:67px;
	display:block;
	overflow:hidden;
	border:1px solid #333333;
	background:#ffffff;
}
#bespokeframe #embroidery .options .thumbbox,#bespokeframe #monogram .options .thumbbox, #bespokeframe #monogram-color .options .thumbbox{
		float:left;
		font-size:10px;
		color:#333333;
		margin:0 4px 4px;
		height:90px;
	}

#bespokeframe a.edit{ cursor:pointer; }


#sendform h3{
	margin:4px 0;
}

#bespokeframe.mailshoe #interface .options{
	height:auto;
	overflow:visible;
}