/* ---------------------------- GENERAL DECLARATIONS ----------------------------  */

body	{
	font-family: 	Arial, Helvetica, serif;
	background: 	#e0dbd3;
	color: 			#8e7d6e;
	font-size: 		12px;
	padding:		0;
	margin: 		0;
	text-align:		center;
}       

div, img	{
	border: 		0;
	margin: 		0;
	padding: 		0;
	display: 		block; 
}

p	{
	margin:			0 0 1.5em;
	line-height:	1.4em;
}

a {
	color: #2499b2;
	text-decoration: none;
}

a:hover {
	color: #128097;
}

.clearboth {
	clear:			both;
}

.smallPrint {
	font-size:			11px;
}

.smallPrint strong {
	text-transform: uppercase;
	display: block;
}


/* ---------------------------- HEADERS AND LISTS ----------------------------  */

h2	{
	font-size:			24px;
	font-weight:		normal;
	margin-top:			0;
}

h2.smHeader{
	font-size:			18px;
}

h2 span	{
	font-size:			12px;
	line-height: 		1.3em;
}

h2 span.med	{
	display:		block;
	font-size: 		18px;
}

h3 {
	text-transform: uppercase;
	font-size: 11px;
	margin: 1em 0 .4em;
}

ul {
	list-style: square;
	margin: 0 1em 1.5em;
	padding: 0 .5em;
	line-height: 1.4em;
}

ul li {
	margin: 0;
	padding: 0;
}

ul.noBullet {
	list-style: none;
	padding: 0;
	margin: 0 0 1em;
}

ul.horizList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}

ul.horizList li {
	display: inline;
	margin-right: .7em;
	font-size: 11px;
}

/* ---------------------------- LAYOUT ----------------------------  */

#container	{
	background: 	#f2eee8;
	width:			860px;
	text-align:		left;
	margin:			20px auto 0;
	padding:		24px 34px 30px 0;
}

#leftCol	{
	width:			192px;
	margin:			0 34px;
	float: 			left;
	display:		inline;
}

#rightCol	{
	float: 			right;
	width:			600px;
}

h1#logo	{
	margin:			24px 0 0;
	background:		transparent url(../images/global/logo.gif) no-repeat;
	width:			222px;
	height: 		103px;
}

h1#logo	a {
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	width:			222px;
	height: 		103px;
}

#leftCol .indent	{
	padding:		0 27px;
	margin-top: 	68px;
}

#hero	{
	border-top:		1px solid #d1c7bd;
	border-bottom:		1px solid #d1c7bd;
	padding:		22px 27px;
	margin: 	50px 0 2em;
}

#hero	a {
	font-size: 		16px;
}


/* ---------------------------- NAV ---------------------------- */

div#nav {
	width:			570px;
	height:	    	31px;       
	padding: 0;
	border: 0;
	margin: 32px 0 63px 30px;
	position: relative;
	 }

div#nav ul {
	width:			403px;
	height:	    	31px;       
	list-style:		none;
	background: #f2eee8 url(../images/global/nav.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: normal;
	 }

div#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent;
	position: absolute;
	top: 0;
	 }

div#nav ul li, div#nav ul a {
	height: 31px;
	display: block;
	overflow: hidden;
	 }

div#nav ul li a {
	text-indent: -9999px;
	text-decoration: none;
	 }

	li#homeNav {width: 73px; left: 0;}
	li#whoNav {width: 98px; left: 73px;}
	li#storiesNav {width: 63px; left: 170px;}
	li#shopNav {width: 51px; left: 233px;}
	li#contactNav {width: 119px; left: 284px;}

	li#homeNav a:hover {background: transparent url(../images/global/nav.gif) 0 -31px no-repeat;}
	li#whoNav a:hover {background: transparent url(../images/global/nav.gif) -73px -31px no-repeat;}
	li#storiesNav a:hover {background: transparent url(../images/global/nav.gif) -170px -31px no-repeat;}
	li#shopNav a:hover {background: transparent url(../images/global/nav.gif) -233px -31px no-repeat;}
	li#contactNav a:hover {background: transparent url(../images/global/nav.gif) -284px -31px no-repeat;}
	 /* You are here - main nav */

	body#home li#homeNav a {background: transparent url(../images/global/nav.gif) 0 -31px no-repeat;}
	body#who li#whoNav a {background: transparent url(../images/global/nav.gif) -73px -31px no-repeat;}
	body#stories li#storiesNav a {background: transparent url(../images/global/nav.gif) -170px -31px no-repeat;}
	body#shop li#shopNav a, body.shop li#shopNav a {background: transparent url(../images/global/nav.gif) -233px -31px no-repeat;}
	body#contact li#contactNav a {background: transparent url(../images/global/nav.gif) -284px -31px no-repeat;}

#cartNav {	
		background: url('../images/global/btn_cart.gif') no-repeat top left;
		width: 99px;
		height: 31px;
		position: absolute;
		top: 0;
		right: 0;
}

#cartNav a {	
		display: block;
		width: 99px;
		height: 31px;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
}

/* ---------------------------- HOMEPAGE ----------------------------  */

#home #leftCol .indent	{
	margin-top: 	18px;
}

#home h2	{
	font-weight: 	normal;
	font-size: 		13px;
	margin: 	0 0 .4em;
}

#home #leftCol .indent a	{
	display: 	block;
}

.bigImage #rightCol	{
	height:			539px;
	background:		transparent url(../images/bgs/bg1.jpg) no-repeat;
}

/* ---------------------------- WHO ----------------------------  */

#who p.smallPrint strong	{
	text-transform: 	none;
	display: inline;
}

/* ---------------------------- SHOP LIST ----------------------------  */

#shop #container, .shop #container	{
	padding-bottom: 40px;
}

#shop #hero span, .shop #hero span	{
	font-size:			24px;
	font-weight:		normal;
	margin-top:			0;
}

#shop #hero h3, .shop #hero h3	{
	text-transform:		none;
	font-size:			12px;
	font-weight:		normal;
}

.productItem {
	width: 179px;
	float: left;
	display: inline;
	font-size: 18px;
	margin: 0 20px 10px 0;
}

.productItem a.textLink {
	display: block;
	padding: .5em 15px;
}

.productItem span {
	display: block;
	line-height: 1.3em;
}

.productItem span.sm {
	font-size: 11px;
}

.productItem span.brown {
	color: 			#8e7d6e;
}

/* ---------------------------- SHOP DETAIL ----------------------------  */

#productImage {
	float: left;
}

#productRelated {
	width: 254px;
	float: left;
}

#productRelated img {
	float: left;
	margin-left: 23px;
	display: inline;
}

h2 span.price	{
	font-size:			18px;
}

.buyBtn {
	margin: 15px 0;
}

#offer {
	width: 189px;
	padding: 20px 20px 20px 45px;
	font-size: 24px;
}

#offer h2	{
	font-size:			18px;
}

#offer h3	{
	text-transform:		none;
	font-size:			12px;
	font-weight:		normal;
}

#offer a.smallPrint	{
	display: block;
	font-size: 14px;
	margin-top: .5em;
}


/* ---------------------------- CONTACT ----------------------------  */

.column1 {
	width: 265px;
	float: left;
}

.column2 {
	width: 335px;
	float: left;
}

.contactInfo {
	padding: 15px 30px 30px;
	border-left:		1px solid #d1c7bd;
	margin-top: 15px;
}

#contact #leftCol img {
	margin-top: 45px;
}

/* ---------------------------- FORM ----------------------------  */

#mailingList {
	padding: 68px 40px 0;	
}

#shop #mailingList {
	padding: 68px 27px 0;	
}

.shop #mailingList {
	padding: 68px 0 0 27px;	
}

#mailingList input {
	margin-bottom: 10px;
}

#mailingList h2	{
	margin-bottom: .5em;
}

#mailingList label	{
	font-size: 		11px;
	text-transform: uppercase;
	font-weight: bold;
}

/* ---------------------------- PRIVACY ----------------------------  */

#privacy .indent {
	padding:		3em 61px 0;
	clear:			both;
}


/* ---------------------------- FOOTER ----------------------------  */

#footer {
	width:			826px;
	text-align:		left;
	margin:			1em auto;
}

#footer .copyright	{
	font-size: 		11px;
	color: #998d7f;
	margin: 0;	
	width: 50%;
}

#footer .copyright span	{
	font-size: 		13px;
	display: block;
	margin-top: .2em;
}

#tsFB, #tsTwitter {
	font-size: 		11px;
	display: block;
	float: right;
	padding: 3px 25px;
	background: transparent url(../images/global/icon_fb.gif) no-repeat;
}

#tsTwitter {
	background: transparent url(../images/global/icon_twitter.gif) no-repeat;
	padding: 3px 20px;
}