@import url(l1Nav.css);
@import url(storeNav.css);
@import url(constants.css);
@import url(osCommerce.css);

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	background:#E0E0E0 url(../_img/body_bg.png) top center repeat-x;
}

/** ==================== Standard fonts and rollovers  ======================*/ 

.bodyText, body, td, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#050505;
}

h1 {
	margin:0px 0px 0px 0px;
	padding:18px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	color:#4C3E31;
	font-weight:100;
}


h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#4C3E31;
	font-weight:100;
}

h3 {
	clear:both;
	float:left;
	display:inline;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:570px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#050505;
	font-weight:600;
	text-transform:uppercase;
	border-bottom:1px solid #999;
}

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

label {
	clear:both;
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:150px;
}


.btnSubmit {
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:52px;
	height:23px;
}

textarea {
	float:left;
	display:inline;
	margin:6px 0px 0px 0px;
	padding:0;
	width:175px;
	height:75px;
}

.detail {
	float:left;
	display:inline;
	margin:6px 0px 0px 0px;
	padding:0;
	width:300px;
}

.clear {
	clear:both;
}

ol {
	float:left;
	display:inline;
	margin:0px 0px 0px 18px;
	padding:0px 0px 0px 0px;
	width:;
}

.checkbox {
 clear:both;
 float:left;
 margin:4px 0px 0px 0px;
 padding:0;
 width:17px;
 height:17px;
 text-align:left;
 border:none;
}

.cost {
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#4C3E31;
	font-weight:100;
	font-style:italic;
}


/** ===================== Container ====================== */

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#f0f0f0;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background:url(../_img/middleContainer_bg.jpg) repeat-y;
}


/** ======================  masthead  ===================== */

#mastheadContainer {
	margin:auto;
	padding:0;
	width:100%;
	height:145px;
	min-height:;
	background:#E0E0E0 url(../_img/masthead_bg.png) repeat-x;
}

	#masthead {
		margin:auto;
		padding:0;
		width:941px;
		height:145px;
		min-height:;
	}


	#logo {
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:224px;
		height:145px;
		border:none;
	}


/** ==============================================================================
 * content
 */

#indexMiddleContainer {
		float:left;
		margin:auto;
		padding:0px 0px 100px 0px;
		width:941px;
		height:380px;
		min-height:380px;
		height:auto;
		background:url(../_img/index_content_bg.jpg) no-repeat;
	}

	#address {
		float:left;
		margin:0;
		padding:170px 0px 0px 0px;
		width:228px;
		height:309px;
		text-align:right;
		font-size:20px;
		font-weight:bold;
	}


		#indexContentContainer {
			float:left;
			display:inline;
			margin:0px 0px 0px 40px;
			padding:0;
			width:612px;
			height:380px;
			min-height:380px;
			height:auto;
		}



#middleOuterContainer {
	clear:both;
	margin:57px auto;
	padding:0px 0px 120px 0px;
	overflow:auto;
	width:941px;
}

	#middleContainer {
		float:left;
		margin:auto;
		width:941px;
		background:url(../_img/middleContainer_bg.jpg) repeat-y;
	}

		#contentContainer {
			float:left;
			display:inline;
			margin:0px 0px 0px 60px;
			padding:0;
			width:612px;
			background:url(../_img/content_bg.png) repeat-x;
		}

		#contentContainerTwoColumn {
			float:left;
			display:inline;
			margin:0px 0px 0px 40px;
			padding:0;
			width:612px;
		}

		#contentLeftContainer {
				clear:both;
				float:left;
				display:inline;
				margin:0;
				padding:0px 0px 0px 0px;
				width:388px;
				background:url(../_img/content_bg.png) repeat-x;
			}


			#accountNav {
					clear:both;
					float:left;
					display:inline;
					margin:0;
					padding:0px 0px 8px 0px;
					width:612px;
					height:20px;
					background:#E0E0E0;
					font-weight:400;
				}

					#accountNav li {
						float:left;
						display:inline;
						margin:0;
						padding:0px 16px 0px 16px;
						list-style-type:none;
						border-right:1px solid #c9c9c9;
					}

					#accountNav li.end {
						border-right:none;
					}

					#accountNav li a {
						display:inline;
						float:left;
						color:#595857;
					}

					#accountNav li.end a {
						color:#595857;
					}

					#accountNav li a:hover, li.end a:hover {
					color:#6E2F2F;
				}


		#contentTop {
			float:left;
			display:inline;
			margin:0px 0px 0px 0px;
			padding:0;
			width:612px;
			height:15px;
			background:url(../_img/content_bg_top.png);
		}

		#contentLeftTop {
			float:left;
			display:inline;
			margin:0;
			padding:0;
			width:388px;
			height:15px;
			background:url(../_img/content_bg_top.png);
		}

		#content {
			clear:both;
			float:left;
			display:inline;
			margin:0px 0px 0px 20px;
			padding:0;
			width:572px;
		}

		#contentRedirect {
			clear:both;
			float:left;
			display:inline;
			margin:0px 0px 0px 20px;
			padding:0;
			width:572px;
			height:300px;
		    min-height:300px;
	      	height:auto;
			}
		
		#contentLeft {
			clear:both;
			float:left;
			display:inline;
			margin:0px 0px 0px 20px;
			padding:0;
			width:348px;
			height:300px;
		    min-height:300px;
	      	height:auto;
		}

		#contentRight {
			float:left;
			display:inline;
			margin:0px 0px 0px 5px;
			padding:0;
			width:212px;
			background:none;
		}

			#zoom {
				float:left;
				display:inline;
				margin:0;
				padding:0px 0px 8px 0px;
				width:213px;
				height:20px;
				background:#E0E0E0;
				color:#595857;
				font-weight:normal;
				text-decoration:none;
				text-align:right;
			}

			#itemLarge {
			 float:left;
			 display:inline;
			 margin:0;
			 padding:0;
			 width:210px;
			 height:182px;
			 border:none;
			}

			.itemThumb {
			 float:left;
			 display:inline;
			 margin:0;
			 padding:0;
			 width:70px;
			 border:none;
			 text-align:center;
			}

				.itemThumb p {
				 width:70px;
				}

				.itemThumb a {
				 color:#312C29;
				 text-decoration:none;
				}

				.itemThumb a:hover {
				 color:#312C29;
				 text-decoration:underline;
				}

			#btn_freeShipping {
				clear:both;
				float:left;
				display:inline;
				width:212px;
				height:66px;
				margin:30px 0px 0px 0px;
				padding:0;
				border:none;
			}

		#content p, #contentLeft p {
			padding:0px 0px 0px 0px;
		}


		#itemContainer {
			float:left;
			display:inline;
			margin:0px 0px 0px 0px;
			padding:0;
			width:572px;
		}

		.item {
			float:left;
			display:inline;
			margin:0px 0px 15px 5px;
			padding:0;
			width:138px;
			background:#FFF;
		}

		.item.end {
			margin:0;
		}

			.itemHdr {
				float:left;
				display:inline;
				width:132px;
				height:23px;
				margin:3px 0px 0px 3px;
				padding:0;
				background:url(../_img/item_hdr.jpg);
			}

			.item h2 {
				float:left;
				display:inline;
				width:120px;
				margin:3px 0px 0px 3px;
				padding:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:600;
				color:#FFF;
			}

			.item_img {
				clear:both;
				float:left;
				display:inline;
				margin:0px 0px 0px 3px;
				padding:0;
				width:132px;
				height:114px;
				background:#FFF;
				border:0;
			}

			.item p {
				clear:both;
				float:left;
				display:inline;
				margin:0px 0px 0px 3px;
				padding:0;
				width:130px;
				text-align:right;
			}

			.item p a {
				color:#776C58;
			}

			#selectContainer {
			float:left;display:inline;margin:10px 0px 0px 0px;padding:0;width:360px;
			}

			#selectContainer select {
			}

			#selectSize {
			float:left;width:113px;margin:0;padding:0;color:#6E2F2F;text-align:left;
			}

			#selectStyle {
			float:left;width:129px;margin:0px 0px 0px 3px;padding:0;color:#6E2F2F;
			}

			#selectCart {
			float:left;width:100px;margin:0px 0px 0px 3px;padding:0;color:#6E2F2F;
			}

			#selectSize p.top, #selectStyle p.top, #selectPattern p.top {
			margin:5px 0px 0px 0px;padding:5px 0px;height:12px;
			}


/* ==========================  Redirect Navigation  =================================================== */	
		
			#redirectNav {
				clear:both;
				margin:40px 0px 0px 40px;
				padding:0;
				width:570px;
				color:#595857;
				font-size:12px;
				font-weight:600;
				}
			
				#redirectNav li {
					display:block;
					margin:0;
					padding:5px 0px 0px 0px;
					list-style-type:none;
					}
				
				#redirectNav li a {
					color:#595857;
					text-decoration: none;
					}
				
				#redirectNav li a:hover {
					color: #6E2F2F;
					text-decoration: underline;
					}

/** ================ Photos =================================*/

#photoLarge {
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:200px;
	height:200px;
	border:none;
}

#photoThumb {
	float:left;
	display:inline;
	margin:9px 0px 0px 9px;
	padding:0;
	width:75px;
	height:75px;
	border:none;
}

#photoThumbContainer {
	clear:both;
	float:left;
	display:inline;
	margin:18px 0px 0px 0px;
	padding:0;
	width:504px;
}


#photoThumbContainer li {
	float:left;
	display:inline;
	margin:0px 0px 0px 9px;
	width:75px;
	padding:0;
}


/** =============================================================================
 * footer
 */

#footerContainer {
	position:relative;
	margin-top:-127px;
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:127px;
	min-height:127px;
	height:auto;
	bottom:0; /* stick to bottom */
	background:url(../_img/footerContainer_bg.png) repeat-x;
}


	#footer {
		margin:auto;
		padding:0;
		width:941px;
		height:127px;
		min-height:;
	}

	#footerNavContainer {
		float:left;
		display:inline;
		margin:0px 0px 0px 224px;
		padding:0;
		width:717px;
		height:127px;
		min-height:;
		background:url(../_img/footer.png) no-repeat;
	}

			#footerNav {
				clear:both;
				margin:auto;
				padding:40px 0px 0px 0px;
				width:570px;
				color:#F1F1F1;
				font-size:11px;
				font-weight:600;
			}

				#footerNav li {
					float:left;
					display:inline;
					margin:0;
					padding:0px 16px 0px 16px;
					list-style-type:none;
					border-right:1px solid #2a807b;
				}

				#footerNav li.end {
					border-right:none;
				}

				#footerNav li a {
					float:left;
					display:inline;
					color:#F1F1F1;
				}


	#privacy {
		clear:both;
		margin:auto;
		padding:7px 0px 0px 0px;
		width:460px;
		color:#3ba8a2;
	}

		#privacy li {
			float:left;
			display:inline;
			margin:0;
			list-style-type:none;
			padding:0px 16px 0px 16px;
			font-size:10px;
		}

		#privacy li a {
			display:inline;
			float:left;
			margin:0;
			color:#3ba8a2;
		}

		#privacy li .selected {
			display:inline;
			float:left;
		}

		
#bottomNav {
	clear:both;
	float:left;
	display:inline;
	margin:10px 0px 0px 200px;
	padding:0;
	width:314px;
	height:24px;
}

	#bottomNav li {
		display:block;
		float:left;
	}

	#bottomNav li a {
		display:block;
		height:24px;
		float:left;
	}

	#bottomNav li .selected {
		display:block;
		height:24px;
		float:left;
	}

	#bottomNav_Wholesale a {
		width:153px;
		height:24px;
		cursor:pointer;
		background:url(../_img/bottomNav.gif) 0px 0px no-repeat;
		text-indent:-9000px;
	}

	#bottomNav_Wholesale a:hover {
		background:url(../_img/bottomNav.gif) 0px 0px no-repeat;
	}

	#bottomNav_Wholesale.selected a,
	#bottomNav_Wholesale.selected a:hover {
		background:url(../_img/bottomNav.gif) 0px 0px no-repeat;
		cursor:default;
	}

	#bottomNav_eNewsletter a {
		width:161px;
		height:24px;
		cursor:pointer;
		background:url(../_img/bottomNav.gif) -153px 0px no-repeat;
		text-indent:-9000px;
	}

	#bottomNav_eNewsletter a:hover {
		background:url(../_img/bottomNav.gif) -153px 0px no-repeat;
	}

	#bottomNav_eNewsletter.selected a,
	#bottomNav_eNewsletter.selected a:hover {
		background:url(../_img/bottomNav.gif) -153px 0px no-repeat;
		cursor:default;
	}


	.studio {
		margin:20px 0px 0px 0px;
	}

	#studioContent {
		float:left;
		display:inline;
		width:284px;
		margin:20px 0px 0px 0px;
	}

	#StudioImg {
		float:left;
		display:inline;
		width:244px;
		margin:20px 0px 0px 35px;
	}

	/* Format the product selection radio buttons on the product_info page */
	#selectItem {
	}

	#selectItem input[type="radio"] {
		float: left;
		margin-left: 150px;
		z-index: 5;
		width: 15px;
	}

	.productSize {
		margin-left: 20px;
	}

	SPAN.productSpecialPrice {
		color: #ff0000;
	}

	input[type="radio"] {
		border: 0;
	}