/* Imports */
@import 'reset.css';
@import 'menu.css';

/* CSS Document */
body {
	background: repeat-x #281910 url('images/background.jpg');
	font-size: .8em; margin: 0px; color: #000000;
	font-family: Tahoma, verdana, helvetica, sans-serif;
}

#banner{ width: 958px; height: 134px; background: url(images/zapbanner.jpg) no-repeat; margin: 0 auto;}

#content{ 
	width: 930px; color: #FFFFFF; 
	background: repeat-x #5e534c url('images/contentback.jpg');
	margin: 0 auto; padding: 0px 10px 20px 10px;
}
#content_indx{ 
	width: 950px; color: #FFFFFF; 
	background: repeat-x #5e534c url('images/contentback.jpg');
	margin: 0 auto;
}
#indx_txt{
	float: right;
	width: 200px;
	background: #CCCCCC;
	z-index: 100;
	position: relative;
	display: none;
}
.designerDet{
	padding: 5px 20px; font-size:14px
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; border-bottom: 1px solid white; }
h3 { font-size: 1.1em; }

a:link, a:active, a:visited { color: #FFFFFF; }
a:hover { color: #FFFFFF; }


.contactLeft 	{ display: block; float: left; width: 500px; }
.contactRight	{ display: block; float: right; width: 420px; } 


.errorNotice { display: block; width: 700px; 
	padding: 5px; border-top: 1px red solid; border-bottom: 1px solid red; margin: 0 auto; margin-bottom: 15px; margin-top: 15px;}
		.errorNotice p { margin: 0px; padding: 0px; text-align: center; }

.successNotice { display: block; width: 700px; 
	padding: 5px; border-top: 1px #72C868 solid; border-bottom: 1px solid #72C868; margin: 0 auto; margin-bottom: 15px; margin-top: 15px; }
		.successNotice p { margin: 0px; padding: 0px; text-align: center; }



/* FORMS ------------------------------------ */

form { padding: 0px; margin: 0px; font-size: 100%; }
form label { font-size: 100%; }

form div {
	/*clear: left;*/
  	display: block;
	width: 720px;
	width: 98%;
	/* height: expression('1%'); */
	margin: 5px 0 0 0;
	padding: 1px 3px;
	line-height: 1.5;
}

form div label {
	display: block;
	float: left;
	width: 10em;
	padding: 0px 5px;
	margin: 0 0 0 0;
	margin-right: 10px;
	text-align: right;
}
.formText { margin-top: 3px; margin-left: 150px; width: 480px; }
.formFile { width: 300px; }

.textBox { width: 250px; /*margin-bottom: 30px;*/ }
.selectBox { width: 206px;}
.checkbox { padding: 5px 0px 0px 0px; margin: 5px 5px 5px 0px; }

.radioHolder { display: block; margin-left: 150px; width: 550px; padding-bottom: 15px; }

small { font-size: 10px; }
.errorField { border: 1px solid red; padding: 2px; }

/* END OF FORMS ------------------------------------ */


/* SHOE PAGES ------------------------------------ */

.bulletList { padding-left: 50px; line-height: 1.5;  }

.whiteTop { display: block; width: 930px; height: 14px; background:url(images/white-top.gif) no-repeat; margin: 0 auto; margin-top: 20px;}
	.whiteContent {display: block; width: 910px; margin: 0 auto; color: #000000; background: #FFFFFF; padding: 0 10px 0 10px; margin-top: -2px; }
	.whiteBottom { display: block; width: 930px; height: 14px; background:url(images/white-bottom.gif) no-repeat; margin: 0 auto; }
	
	.whiteBackground { background: url(images/white-back.gif) repeat-y; }
	
	.shoeContainer { width: 900px; margin: auto; padding:0; display: table; border: 1px solid black; background: background: url(images/white-back.gif) repeat-y #00FF33;}
	#shoeContainer { background: url(images/white-back.gif) repeat-y center; }
		.row { display: table-row; }
		.col1 	{ width: 425px; padding: 1em; display: table-cell; float: left; }
		.col2 	{ width: 425px; padding: 1em; display: table-cell; float: left; }
	
	.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; border-top: 1px solid #CCCCCC; }
	.cleaner2 { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }
		
	.shoeHolder { display: block; margin: 0 auto; width: 420px; padding-top: 10px; }
		.shoeImageHolder { display: block; width: 160px; float: left; }
			.shoeImage { /* width: 150px; */ /*DO NOT DEFINE WIDTH. Highslide does NOT like it!!! */ }
		.shoeInformation { display: block; margin-left: 165px; }
			.shoeInformation h3 { padding-bottom: 10px; }
			.shoePrice { color: #FF7801; }
		.shoeBreaker {clear: both; }
	
	.blackHeader { color: black; line-height: 1.3; }
	.clickImage { color: #999999; padding-bottom: 5px; line-height: 1.5; }
	
	.pagination { display: block; text-align: right; color: #5E534C; }
		.pagination a:link, .pagination a:visited, .pagination a:active, .pagination .activePage { font-size: 1em; color: #AF9B92; display: inline; padding: 3px 5px; background-color: #FFFFFF; border: 1px solid #AF9B92; margin: 3px; text-decoration: none; }
		.pagination .activePage, .pagination a:hover { color: #FFFFFF; background-color: #AF9B92; margin-left: 0px; }
		.pagination a:hover { margin-left: 3px; }
		.topLink, .topLink a:link, .topLink a:active, .topLink a:visited { float: left; border: 0px; }
#seasonhd{
	padding:8px;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	background:#FFFFFF;
}

/* END OF SHOE PAGES ------------------------------------ */

a.twitterLink { float: right; display: block; width: 196px; height: 84px; margin: 10px 0px 0px 20px; background: url(../images/twitter.png) left top no-repeat; }
	a.twitterLink:hover { background-position: left -84px; }