/* CSS Document */

html
	{
	height:100%;
	margin: 0px;
	padding: 0px;
	}
body
	{
	width:100%;
	height:100%;
	font-size:70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../img/bg.jpg) top left no-repeat #F47B20;
	}
img
	{
	border:0px;
	}
* 
	{
	padding: 0;
	margin: 0;
	}

h1 {
	font: normal 1.8em Verdana, Arial, Helvetica, sans-serif;
	color:#F47B20;
	}
h2 {
	font:normal 1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#F47B20;
	}	
h3 {
	color:#F47B20;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
h3 a {
	color:#3AA6CB;
	text-decoration:none;
	}
h3 a:hover {
	color:#999;
	text-decoration:none;
	}
h4 {
	color:#2E3A41;
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	}
h4 a {
	color:#3AA6CB;
	text-decoration:none;
	}
h4 a:hover {
	color:#999;
	text-decoration:none;
	}
h2 a {
	color:#303C42;
	text-decoration:none;
	text-decoration:underline;
	}
h2 a:hover {
	color:#999;
	text-decoration:none;
	}
p {
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#666;
	}
p a {
	color:#2e2c20;
	text-decoration:underline;
	}
p a:hover {
	color:#000;
	text-decoration:none;
	}
li {
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#666;
	}
li a {
	color:#2e2c20;
	text-decoration:underline;
	}
li a:hover {
	color:#000;
	text-decoration:none;
	}
		
/*******************
MAIN SITE STRUCTURE
********************/

#container {
	margin:auto;
	clear:both;
	position:relative;
	overflow:hidden;
	width:960px;
	height:auto;
	min-height:900px;
	padding:20px 0px 0px 0;	
	z-index:1;
	}
#header {
	position:relative;
	overflow:hidden;
	width:960px;
	height:100px;
	margin:0 0 0 0;
	padding:0 0 0 2px;
	}
#logo {
	position:relative;
	overflow:hidden;
	width:300px;
	height:50px;
	margin:20px 0 0 0;
	}
#logo {
	outline:none;
	}
.youHave {
	position:absolute;
	top:10px;
	right:10px;
	z-index:500;
	color:#FFF;
	}
.viewCart {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:500;
	color:#FFF;
	}
#contentWrapper {
	clear:both;
	overflow:hidden;
	position:relative;
	width:920px;
	height:auto;
	min-height:300px;
	padding:20px;
	background:#FFF;
	z-index:5;
	}
#contentWrapperIndex {
	overflow:hidden;
	position:relative;
	width:841px;
	height:auto;
	z-index:5;
	padding:20px 0 20px 0;
	background:#FFF;
	}
#contentLeft {
	float:left;
	overflow:hidden;
	position:relative;
	padding:10px 0 0 0;
	width:225px;
	height:auto;
	z-index:6;
	}		
#content {
	overflow:hidden;
	position:relative;
	width:603px;
	height:auto;	
	padding:20px 0 0 0;
	z-index:6;
	margin:0 0 30px 120px;
	}
#contentWrapper ul {
	margin:0 0 0 15px;
	list-style:square;
	}
#content2 {
	float:left;
	overflow:hidden;
	position:relative;
	width:843px;
	height:auto;	
	padding:20px 0 0 0;
	z-index:6;
	margin:0 0 30px 0;
	}
#contentRight {
	float:left;
	overflow:hidden;
	position:relative;
	width:225px;
	height:auto;
	padding:10px 0 0 0;
	margin:0 0 0 5px;
	z-index:6;
	}	
	
/*********
CONTENT
**********/

#banner {
	position:relative;
	overflow:hidden;
	width:843px;
	height:420px;
	}
#newsletterSignup {	
	position:relative;
	overflow:hidden;
	width:660px;
	height:auto;
	display: none;
	text-align:left;
	margin:0 0 0 0;
	border-top:1px solid #000;
	padding:40px 40px 40px 280px;
	background:#FFF;
	}
#newsletterSignup h1 {	
	font: normal 1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#F47B20;
	}
#newsletterSignup p {	
	font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
.slide {
	position:absolute;
	top:20px;
	left:750px;
	margin: 0;
	padding: 0 0 0 0;
	width: 280px;
	height: 38px;
	z-index:500;	
	}
li.slide  {
	list-style:none;
	}
.btn-slide {
	text-align: left;
	width: 280px;
	height: 38px;
	margin: 0 auto;
	display: block;
	color: #FFF;
	outline:none;
	margin:0 0 0 0;
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(../img/signupBg.png) no-repeat left 0px;
	}
.btn-slide a {
	display:block;
	cursor:pointer;
	width: 280px;
	height: 38px;
	outline:none;	
	color:#FFF;
	}
.btn-slide a:hover  {
	outline:none;
	background: url(../img/signupBgOvr.jpg) no-repeat left 0px;
	}
.active {
	background-position: left -50px;
	outline:none;
	}
#newsletterSignup input {	
	padding:6px;
	}
#newsletter input {	
	padding:6px;
	font:normal 1.1em Verdana, Arial, Helvetica, sans-serif;
	}		
.nLetterInput {
	float:left;
	position:relative;
	width:auto;
	height:auto;
	margin:7px 0 0 5px;
	}
#subscribe {
	float:left;
	position:relative;
	width:80px;
	height:auto;
	margin:0 0 0 5px;
	}
		
/***************
LATEST NEWS
****************/

#latestNews {	
	float:left;
	overflow:hidden;
	position:relative;
	width:623px;
	height:auto;
	margin:0 0 0 20px;
	z-index:6;
	background:url(../img/latestNewsBg.jpg) left bottom no-repeat;
	}
#latestNews b {
	float:left;
	color:#000;
	width:100px;
	height:auto;
	padding:2px 30px 0 0;
	font:bold 1.1em Verdana, Arial, Helvetica, "Helvetica Neue";
	}
.latestNewsItem  {
	float:left;
	position:relative;
	display:block;
	width:450px;
	height:auto;
	padding:0 0 0 0;
	font-size:0.9em;
	}
.latestNewsItem a {	
	display:block;
	cursor:pointer;
	width:400px;
	height:auto;
	color:#2e2c20;
	outline:none;
	padding:3px 65px 5px 80px;
	text-decoration:none;
	font: normal 1em Verdana, Arial, Helvetica, "Helvetica Neue";
	}
.latestNewsItem a:hover {	
	color:#741b00;
	text-decoration:none;	
	}
.latestNewsItem a span {
	position:absolute;
	top:4px;
	left:0;
	float:left;
	color:#000;
	line-height:17px;
	font: bold 1em Verdana, Arial, Helvetica, "Helvetica Neue";
	}
.latestNewsItem a:hover span {
	color:#741b00;
	}
.newsItem  {
	position:relative;
	display:block;
	width:620px;
	height:auto;
	font-size:1.2em;
	padding:0 0 4px 0;
	margin:0 0 4px 0;
	border-bottom:1px dotted #CCC;
	}
.newsItem a {	
	display:block;
	cursor:pointer;
	width:570px;
	height:auto;
	color:#575552;
	outline:none;
	padding:5px 65px 5px 0;
	font: normal 0.8em Verdana, Arial, Helvetica, "Helvetica Neue";
	text-decoration:none;
	}
.newsItem a:hover {	
	color:#000;
	font: bold 0.8em Verdana, Arial, Helvetica, "Helvetica Neue";
	text-decoration:none;	
	}
.newsItem a span {
	position:absolute;
	top:8px;
	left:550px;
	float:right;
	color:#741b00;
	line-height:17px;
	font: bold 0.8em Verdana, Arial, Helvetica, "Helvetica Neue";
	}
.newsItem a:hover span {
	color:#000;
	}	
.newsNav {	
	position:absolute;
	top:10px;
	left:220px;
	width:400px;
	text-align:right;
	font: normal 1em Verdana, Arial, Helvetica, "Helvetica Neue";
	}
.newsNav a {	
	color:#741b00;
	outline:none;
	text-decoration:none;
	}
.newsNav a:hover {	
	color:#000;
	text-decoration:none;
	}		
.newsNav2 {	
	position:absolute;
	top:50px;
	left:220px;
	width:400px;
	text-align:right;
	font: bold 1.1em Verdana, Arial, Helvetica, "Helvetica Neue";
	}
.newsNav2 a {	
	color:#741b00;
	outline:none;
	text-decoration:none;
	}
.newsNav2 a:hover {	
	color:#000;
	text-decoration:none;
	}	
	
/******
Footer
******/

#footerMenu {
	margin:auto;
	overflow:hidden;
	position:relative;	
	width:940px;
	height:auto;
	padding:20px 20px 20px 20px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background:#FFF;
	z-index:2000;
	}
#footerMenu h2 {
	text-transform:uppercase;
	font:normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	color:#F47B20;
	}
#footerMenu a {	
	color:#000;
	text-decoration:none;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	}
#footerMenu a:hover {	
	color:#F47B20;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	}
#designers li {
	float:left;
	width:220px;
	list-style:none;
	}
#designers {
	float:left;
	overflow:hidden;
	position:relative;	
	width:660px;
	height:auto;
	margin:0 20px 0 0;
	}
#moreInfo li {
	float:left;
	width:180px;
	list-style:none;
	}
#moreInfo {
	float:left;
	overflow:hidden;
	position:relative;	
	width:180px;
	height:auto;
	margin:0 20px 0 0;
	}
#footerWrap {
	margin:auto;
	overflow:hidden;
	position:relative;	
	width:920px;
	height:auto;
	padding:10px 20px 10px 20px;
	background:#FFF;
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	z-index:2000;
	}
#footer  {	
	list-style:none;
	width:920px;
	height:auto;
	}
#footer div p {
	color:#999;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	}
#footer a {
	color:#858585;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	}
#footer a:hover {
	color:#CCC;
	}
