@import "reset.css";

body {
	background:#dae4cc;
	height:100%;
	/*background:url(images/bg.jpg) no-repeat center top #dae4cc;*/
	}

#bgImg { /*--- Not being used ---*/
	position:absolute;
	width:1200px;
	height:739px;
	background:url(images/bg.jpg) no-repeat center top;
	top:0;
	left:10%;
	z-index:1;
	}
	
/*-------I hate IE6------*/

* html img,div {
	/*behavior: url(iepngfix.htc);*/

	}
	
/*-------Pop up--------*/

#popupContainer {
	position:absolute;
	top:0;
	left:0;
	background:#e8e3b6;
	width:648px;
	height:720px;
	margin:0px auto;
	}
	
#popupImg {
	position:relative;
	float:left;
	width:506px;
	height:677px;
	margin-top:5px;
	left:5px;
	}
	
#popupFilm {
	position:relative;
	width:122px;
	height:676px;
	background:url(images/filmStrip.png) no-repeat;
	float:right;
	right:5px;
	margin-top:5px;
	}
	
#popupThumbs {
	position:relative;
	width:86px;
	height:90px;
	overflow:hidden;
	margin-left:19px;
	margin-top:6px;
	cursor:pointer;
	}
	
#popupClose {
	position:relative;
	float:right;
	width:199px;
	height:17px;
	margin-top:8px;
	}	
	
/*--------Styles------*/

.floatImg {
	float:left;
	margin-right:-100%;
	}

.checkoutTable tr td{
	vertical-align:bottom;
	}	
	
a{
	font-size:12px;
	font-weight:bold;	
	color:#232F59;
	}
	
#innerdiv {
	width:100%;
	height:100%;
	}
	
.list li {
	list-style:outside;
	margin-left:13px;
	}
	
/*--------Layout---------*/

#mainDiv {
	position:relative;
	width:1093px;
	height:auto;
	margin:0px auto;
	text-align:center;
	z-index:10;
	background:url(images/bg.jpg) no-repeat top center; /*-- Background image, so it will stay in the middle of page*/
	}
	
* html #mainDiv {
	overflow:hidden;
	}
	
#free {
	position:relative;
	width:120px;
	height:30px;
	background:url(images/freeshipping.png) no-repeat;
	clear:both;
	float:left;
	margin-left:298px;
	margin-top:-7px;
	display:inline;
	}
	
#free:hover {
	width:120px;
	height:30px;
	background:url(images/freeshipping.png) no-repeat;
	background-position:-120px;
	cursor:pointer;
	}

/*----OTA-----*/

#ota {
	position:relative;
	width:77px;
	height:58px;
	background:url(images/ota.png) no-repeat;
	float:right;
	margin:26px 10px -84px 0px;
	}
	
* html #ota {
	display:inline;
	margin:10px 10px -125px 0px;
	}

/*--------Logo---------*/

#logo {
	position:relative;
	width:257px;
	height:86px;
	background:url(images/logo.png) no-repeat;
	text-indent:-9999px;
	margin:0px auto;
	}
	
/*--------Shopping Cart--------*/

#shoppingBag {
	background:url(images/shoppingBagBG.png) no-repeat;
	width:322px;
	height:34px;
	float:left;
	/*margin-left:-90px;*/
	display:inline;
	margin-right:-322px;
	padding-top:5px;
	}

#shoppingBag p{
	color:#000077;
	font-size:12px;
	font-weight:bold;
	position:relative;
	z-index:1;
	}

/*---------Quote of the Day------------*/

#quoteBG {
	position:relative;
	width:235px;
	height:137px;
	background:url(images/quoteBG.png) no-repeat;
	float:right;
	margin:-50px 0px 0px -246px;
	/*right:-80px;*/
	z-index:300;
	right:60px;
	}
	
#quoteBG p{
	font-size:14px;
	text-align:left;
	}
	
.quotetxt {
	width:140px;
	margin:36px 0px 0px 16px;
	float:left;
	}

* html #quoteBG {
	display:inline;
	}
	
/*--------Upper Navigation---------*/

#navBG {
	background:url(images/navBG.png) no-repeat;
	width:917px;
	height:107px;
	/*margin-left:-76px;*/
	float:left;
	margin-left:50px;
	z-index:20;
	}
	
* html #navBG {
	display:inline;
}
	
#nav {
	width:917px;
	height:30px;
	margin-left:135px;
	}
	
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#nav li {
	float: left;
	margin-top:28px;
	margin-right:23px;
	}
	
#nav li a {
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
	
#newarrivals {
	width:91px;
	height:29px;
	background:url(images/newarrivals.png) no-repeat;
	}
	
#newarrivals:hover {
	width:91px;
	height:29px;
	background:url(images/newarrivals.png) no-repeat;
	background-position:-91px;
	}
	
#womens {
	width:81px;
	height:12px;
	background:url(images/womens.png) no-repeat;
	}
	
#womens:hover {
	width:81px;
	height:12px;
	background:url(images/womens.png) no-repeat;
	background-position:-81px;
	}
	
#mens {
	width:56px;
	height:13px;
	background:url(images/mens.png) no-repeat;
	}
	
#mens:hover {
	width:56px;
	height:13px;
	background:url(images/mens.png) no-repeat;
	background-position:-56px;
	}
	
#accessories {
	width:120px;
	height:12px;
	background:url(images/accessories.png) no-repeat;
	}

#accessories:hover {
	width:120px;
	height:12px;
	background:url(images/accessories.png) no-repeat;
	background-position:-120px;
	}
	
#organicinfo {
	width:82px;
	height:30px;
	background:url(images/organicinfo.png) no-repeat;
	}

#organicinfo:hover {
	width:82px;
	height:30px;
	background:url(images/organicinfo.png) no-repeat;
	background-position:-82px;
	}
	
#aboutus {
	width:64px;
	height:30px;
	background:url(images/aboutus.png) no-repeat;
	}
	
#aboutus:hover {
	width:64px;
	height:30px;
	background:url(images/aboutus.png) no-repeat;
	background-position:-64px;
	}
	
/*--------Content------------*/

#homeBook {
	position:relative;
	width:842px;
	height:536px;
	/*background:url(images/homeBookBG.png) no-repeat;*/
	margin-left:auto;
	margin-right:auto;
	top:-2px;
	text-align:center;
	clear:both;
	z-index:200;
	}
	
#homeBook span {
	}

#homeSplashBG {
	position:relative;
	width:782px;
	height:482px;
	background:url(images/homeSplash.png) no-repeat;
	z-index:150;
	float:right;
	margin-top:-7px;
	margin-left:-782px;
	margin-right:7px;
	}
	
#homeSplashImg {
	position:relative;
	width:640px;
	height:367;
	margin-right:75px;
	margin-left:auto;
	top:8px;
	z-index:60;
	}
	
#bookMid { /*--- Not being used currently --------*/
	position:relative;
	width:842px;
	height:423px;
	background:url(images/bookMid.png) no-repeat;
	clear:both;
	/*behavior:"";*/
	overflow:hidden;
	z-index:80;
	float:left;
	margin-right:-842px;
	}
	
#bookMidRe {
	width:842px;
	height:auto;
	background:url(images/bookMid_repeat.png) repeat-y bottom;
	z-index:100;
	margin:0px auto;
	/*behavior:"";*/
	overflow:hidden;
	clear:both;
	}
	
#bookFooter {
	width:842px;
	height:60px;
	background:url(images/bookFooter.png) no-repeat;
	margin:0px auto;
	z-index:5;
	clear:both;
	/*behavior:"";*/
	}
	
#contentContainer {
	position:relative;
	width:818px;
	height:auto;
	float:left;
	padding-left:9px;
	margin-top:-10px;
	z-index:500;
	overflow:hidden;
	}
	
#contentHeader {
	width:818px;
	height:36px;
	background:url(images/contentHeader.png) no-repeat;
	text-align:right;
	}
	
#contentHeader img {
	float:left;
	margin-right:-100%;
	}
	
#contentHeader p {
	padding:15px 0px 0px 0px;
	}

#contentHeader a{
	font-size:12px;
	font-weight:bold;	
	color:#232F59;
	}
	
#contentHeader a:hover {
	color:#002ef4;
	}
	
#contentMain {
	position:relative;
	width:818px;
	height:auto;
	min-height:420px;
	background:url(images/contentMain.png) repeat-y;
	/*behavior:"";*/
	overflow:hidden;
	}
	
#contentTXT { /*--- Changed!!! --*/
	position:relative;
	width:818px;
	height:auto;
	min-height:420px;
	z-index:100;
	top:23px;
	margin-bottom:60px;
	overflow:hidden;
	}
		
#shoppingHeader { /*--- Changed!!! --*/
	position:absolute;
	background:url(images/shoppingcart_header.gif) no-repeat;
	width:814px;
	height:357px;
	z-index:90;
	}
	
div>#contentFooter {
	width:818px;
	height:42px;
	background:url(images/contentFooter.png) no-repeat;
	position:relative;
	overflow:visible;
	}
	
* html #contentFooter {
	width:818px;
	height:42px;
	background:url(images/contentFooter.png) no-repeat;
	}

#contentFooter img{
	margin-top:-32px;
	}
	
#contentItems {
	width:681px;
	height:auto;
	float:right;
	text-align:left;
	}
	
#productFrame {
	position:relative;
	width:312px;
	height:446px;
	float:left;
	background:url(images/productFrame.png) no-repeat;
	z-index:20;
	}
	
#productImg {
	position:relative;
	width:253px;
	height:334px;
	float:left;
	margin-right:-253px;
	left:29px;
	top:25px;
	z-index:10;
	}
	
/*------Side Navigation------------*/

#menuFrame {
	width:133px;
	height:474px;
	background:url(images/menuFrame.png);
	float:left;
	margin-left:2px;
	}
	
#menuFrame img {
	float:left;
	margin:20px 0px 0px 23px;
	}
	

	
/*----------Lower Navigation-----------*/

#lowerNavBG {
	background:url(images/lowerNavBG.png) no-repeat;
	width:824px;
	height:58px;
	margin:0px auto;
	clear:both;
	z-index:2;
	/*behavior:"";*/
	}
	
#lowerNavBG_home {
	width:824px;
	height:58px;
	margin:-64px auto 0px;
	}
	
* html #lowerNavBG_home {
	
	}
	
#lowerNav {
	width:824px;
	height:14px;
	padding-top:24px;
	margin-left:8px;
	clear:both;
	/*behavior:"":*/
	}
	
* html #lowerNav {
	position:relative;
	left:8px;
	}
	
#lowerNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#lowerNav li {
	float: left;
	margin-right:15px;
	}
	
#lowerNav li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	position:relative;
	z-index:1;
	}
	
#contactus {
	width:50px;
	height:11px;
	background:url(images/contactus.png) no-repeat;
	}
	
#contactus:hover {
	width:50px;
	height:11px;
	background:url(images/contactus.png) no-repeat;
	background-position:-50px;
	}
	
#facebook {
	width:93px;
	height:11px;
	background:url(images/facebook.png) no-repeat;
	}
	
#facebook:hover {
	width:93px;
	height:11px;
	background:url(images/facebook.png) no-repeat;
	background-position:-93px;
	}
	
#signupemail {
	width:87px;
	height:14px;
	background:url(images/signupemail.png) no-repeat;
	}
	
#signupemail:hover {
	width:87px;
	height:14px;
	background:url(images/signupemail.png) no-repeat;
	background-position:-87px;
	}
	
#help {
	width:21px;
	height:10px;
	background:url(images/help.png) no-repeat;
	}
	
#help:hover {
	width:21px;
	height:10px;
	background:url(images/help.png) no-repeat;
	background-position:-21px;
	}
	
#privacypolicy {
	width:65px;
	height:12px;
	background:url(images/privacypolicy.png) no-repeat;
	}
	
#privacypolicy:hover {
	width:65px;
	height:12px;
	background:url(images/privacypolicy.png) no-repeat;
	background-position:-65px;
	}
	
#returnpolicy {
	width:63px;
	height:13px;
	background:url(images/returnpolicy.png) no-repeat;
	}
	
#returnpolicy:hover {
	width:63px;
	height:13px;
	background:url(images/returnpolicy.png) no-repeat;
	background-position:-63px;
	}
	
#shippingpolicy {
	width:75px;
	height:14px;
	background:url(images/shippingpolicy.png) no-repeat;
	}
	
#shippingpolicy:hover {
	width:75px;
	height:14px;
	background:url(images/shippingpolicy.png) no-repeat;
	background-position:-75px;
	}
	
#watchvideo {
	width:78px;
	height:11px;
	background:url(images/watchvideo.png) no-repeat;
	}
	
#watchvideo:hover {
	width:78px;
	height:11px;
	background:url(images/watchvideo.png) no-repeat;
	background-position:-78px;
	}
	
#spacer {
	width:150px;
	height:1px;
	background:url(blank.gif) repeat-x;
	}
	
	
/*-----------Lower Background------------*/

#lowerBG {
	position:relative;
	width:100%;
	min-width:839px;
	height:113px;
	background:url(images/lowerBG.jpg) no-repeat center top;
	margin-top:-25px;
	z-index:-1;
	}
	
* html #lowerBG {
	margin-top:-45px;
	}
	
#menuItems{
	margin-top:140px;
	margin-left:29px;
	text-align:left;
	
}

#menuItems a{
	color:#232F59;
	font-weight:bold;
	font-size:12px;
	line-height:25px;
	text-decoration:none;
}

#menuItems a:hover {
	color:#002ef4;
	}

#menuItems a.red{
	color:#002ef4;
}	

TD.productOptions { /*--Cha cha cha changes--*/
	font-size:12px;
	line-height:25px;
	padding-left:5px;
	}
	
TD.sizeIMG img {  /*--Cha cha cha changes--*/
	margin-left:5px;
	display:inline;
	}
	
.cartBTN {
	text-align:right;
	}

.cartBTN img { /*--Cha cha cha changes--*/
	display:inline;
	margin-left:20px;
	}

TD.boldFont{
	font-weight:bold;
}

ul.organicInfo  li{
	list-style:inside;
	font-size:7pt;
}

input text{
	background-color:#E8E3B6;
	border:1px solid #232F59;
	height:15px;
	vertical-align:middle;
}

input.redBox{
	color:#990000;
	font-weight:bold;
	text-align:center;
	
}

input.quanBox{
	width:30px;
	text-align:center;
	color:#232F59;
	font-weight:bold;
	background:transparent;

}


.thView{
	float:left;
	height:100px;
	overflow:hidden;
	padding:5px;
}

.productGrid{
	width:200px; 
	overflow:hidden;
	float:left;
	padding:5px;
	padding-left:15px;
}