@import url(display.css);

/* Page Layout */

#container{
	width: 990px;
	margin: 0 auto;
	background:url(../images/bg_container.jpg) repeat #e7e7e7;
	
}

#header{
	width: 990px;
	height:181px;
	margin: 50px 0 0 0;
	padding:: 0px;
}

#logoTop{
	width:404px;
	height:181px;
	float:left;
	padding: 0px;
	margin: 0px;
}

#nav{
	width: 574px;
	height: 106px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#content{
	width: 880px;
	margin-left:50px;
	margin-right:60px;
}
#content2{
	width: 920px;
	margin-left:30px;
	margin-right:40px;
}

#footer{
	width:960px;
	margin: 0 auto;
	height: 20px;
	padding: 10px 10px 0px 10px;
	font-size: 11px;
	
}
	

/*======================= COLLECTIONS PAGE ================================*/

#collectionBig{
	width: 425px;
	height: 580px;
	float: left;
}

#rightContent{
	width: 455px;
	height:580px;
	float:right;
}

/* Summer 2010 */

#collection-summer10{
	width: 651px;
	height: 580px;
	float: left;
}

#rightContent-summer10{
	width: 228px;
	height:580px;
	float:right;
}

h1.collection-name {font-size:26px; }

#thumbs img{margin:10px 10px 0  0;}
/*======================= ABOUT PAGE ================================*/

#aboutText{
	width: 600px;
	float: left;
}

#rightAboutPic{
	width: 220px;
	float:right;
}


/*======================= STOCKISTS ================================*/

#stockCol{
	width: 200px;
	float: left;
	padding: 10px;
}

/*======================= E-SHOP ================================*/
#shopPage{width: 850px;background-color:#fff; padding:15px; margin-bottom:40px;}
#shopPage a{color:#454545; text-decoration: none;}
#shopPage a:hover;{color:#454545; text-decoration: underline;}
#shopPage2{width: 900px;background-color:#fff; padding:8px; margin-bottom:40px;}
#shopPage2 a{color:#454545; text-decoration: none;}
#shopPage2 a:hover;{color:#454545; text-decoration: underline;}

#titleshop{width:400px; float:left; font-size:16px;}
#topmenu{width:200px;float:right; text-align: right; margin-right:5px;}
#container #content #titleshop a{color:#454545; text-decoration:none;}
#container #content #topmenu  a{color:#454545; text-decoration:none;}

#small-prod{width:155px; height:260px; text-align:center; padding:0 10px;}
	#small-prod a{text-decoration:none;}
	#small-prod img{border:1px solid #999;}
#small-prod2{width:155px; height:260px; text-align:center; padding:0 10px; float: left;}
		#small-prod2 a{text-decoration:none;}
		#small-prod2 img{border:1px solid #999;}
		
		#small-prod3{width:155px; height:140px; text-align:center; padding:0 10px; float: left;}
		#small-prod3 a{text-decoration:none;}
		#small-prod3 img{border:1px solid #999;}

#container #content #topmenu  a:hover;{color:#ff9000; text-decoration:underline;}
#viewshop{float:right; font-size:12px; text-align: right;}
#largeprod-img{width:260px; float: left; height:380px; text-align: center;}
#largeprod-img span.resize {width: 240px;height : auto;}
#container #content #shopPage #largeprod-img img{width:240px; height: auto;}
#container #content #shopPage #largeprod-img img.resize{width:240px; height: auto;}
#container #content #shopPage #popLet{width:180px; margin:0 0 17px 0px; padding:0; text-align: left;}
#container #content #shopPage #popLet img{margin:0; padding:0; text-align: left;}
#largeprod-content{width:300px; float: left;}
#largeprod-content p{margin:7px 0;}
#largeprod-content a.sizeChart{text-decoration: underline; margin-bottom:18px;}
.large-product-name{font-size: 20px; color:#ff9900; margin-bottom:2px; line-height:20px;}
.large-price{font-size:15px; font-weight:bold;}

#related-products{width:160px; float: right; padding:0; border-left:1px dotted #cccccc;}

.small{font-size:11px;}
.nameProd{width: 130px; text-align: center; margin:0 auto;}


div#catalogList{;margin:0; float:left;  text-align: left; padding:0; }
div#catalogList ul {margin:0; float:left; }
div#catalogList ul li{list-style: none; float:left; display: inline; margin:0; padding: 0;}



/* ========== FORMS ========== */

form{
	margin:0;
	padding:0;
}

.form-col{
	margin-bottom:2px;
}

label{
	margin-bottom: 10px;
}
.formtextarea{
	width: 300px;
	height:60px;
	font-size:12px;
	color:#545454;
	border: 1px solid #afaa94;
	padding-top:3px;
	font-family:  Arial, Tahoma, Verdana;
}

.formfield{
	width: 300px;
	height:20px;
	font-size:12px;
	color:#545454;
	border: 1px solid #afaa94;
	padding-top:3px;
	font-family:  Arial, Tahoma, Verdana;
}

.joinField{
	width: 167px;
	height:17px;
	font-size:12px;
	color:#545454;
	border: 1px solid #ccc;
	padding-top:3px;
	margin-bottom: 10px;
	font-family:  Arial, Tahoma, Verdana;
}
.verification{
	width: 175px;
	height:20px;
	font-size:12px;
	color:#545454;
	border: 1px solid #afaa94;
	padding-top:3px;
	font-family:  Arial, Tahoma, Verdana;
}

div.clear {
	clear: both;
	margin: -1px 0 0 0;
	visibility: hidden;
	height: 1px;
}

div.clear hr {
	display: none;
}


a#winter-shop-btn, a#summer-shop-btn,a#summer-shop-btn-sale {width:307px; height: 430px; display:block; text-indent:-9999px; overflow:hidden; margin-bottom:40px}

a#summer-shop-btn { float: left; margin-left:120px;background: transparent url('../../images/spring-summer-btn.jpg')  no-repeat bottom left;  }

a#summer-shop-btn-sale { margin:0 auto; background: transparent url('../../images/spring-summer-btn-sale.jpg')  no-repeat bottom left;  }

a#winter-shop-btn { float: right; margin-right:120px;background: transparent url('../../images/winter-btn.jpg')  no-repeat bottom left;  }

a#winter-shop-btn:hover, a#summer-shop-btn:hover {background-position: top left; }