/* ------ [ Body ] ------ */
.bodyStyle { background: url(images/tiled.jpg) repeat-y center; margin: 0; padding: 0; font-size: 12px; font-family: Myriad Pro, Arial, Helvetica, sans-serif; }

/* ------ [ Layout ] ------ */
#wrap { background: url(images/background.jpg) no-repeat top center; overflow: hidden; }
#container { width: 984px; margin: 0 auto; padding: 0; }
#header { position: relative; /*overflow: hidden; */ width: 984px; height:212px; }
	#logo { width: 349px; height: 133px; }
		#logo-h1 { background: url(images/logo.gif) no-repeat; width: 349px; height: 133px; text-indent: -9999px; padding: 0; margin: 0; }
			#logo-h1 a { display: block; height: 133px; outline: none; }
	#cart { position: absolute; right: 0; top: 10px; overflow: hidden; }
		#items {
			background: url(images/cart.png) no-repeat top left;
			color: #fff;
			margin: 4px 0 0 5px;
			padding: 2px 0 10px 49px;
			font-family:Arial, Helvetica, sans-serif;
			}
		#top-btns { margin: 0; padding: 0; clear: both; overflow: hidden; }
			#top-btns ul { list-style: none; padding: 0; margin: 0; }
				#top-btns ul li { float: left; margin-left: 5px; }
		#account { background: url(images/account_btn.png) no-repeat; width: 97px; height: 25px; display: block; text-indent: -9999px; }
		#wish { background: url(images/wish_btn.png) no-repeat; width: 97px; height: 25px; display: block; text-indent: -9999px; }
	#top-nav {width:597px; height:41px; background:url(images/top-nav.jpg) no-repeat; position: absolute; top: 111px; right: 9px; margin:0;}
			#top-nav li {margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding: 0px; list-style: none; float:left; display: block;}
			#top-nav li, #top-nav a {height:41px; display: block; }
			#top-nav span {display:none; }
			#top-nav li a {display:block; height:41px;}
			#top-nav ul{padding:0; margin:0;}
		
			#top-nav li a{display:block;height:41px; cursor:pointer;}
	
				#top-nav-1 {width:117px;}
				#top-nav-2 {width: 78px; margin-left: 0;}
				#top-nav-3 {width:87px; margin-left: 0;}
				#top-nav-4 {width:80px; margin-left: 0;}
				#top-nav-5 {width:51px; margin-left: 0;}
				#top-nav-6 {width:86px; margin-left: 0;}
				#top-nav-7 {width:98px; margin-left: 0;}
				
				#top-nav-1 a#link1:hover, #top-nav-1 a.current, #top-nav-1:hover, #top-nav-1 li:hover {background: url(images/top-nav.jpg) no-repeat 0 -42px;}
				#top-nav-2 a#link2:hover, #top-nav-2 a.current, #top-nav-2:hover, #top-nav-2 li:hover {background: url(images/top-nav.jpg) no-repeat -117px -42px;}
				#top-nav-3 a#link3:hover, #top-nav-3 a.current, #top-nav-3:hover, #top-nav-3 li:hover {background: url(images/top-nav.jpg) no-repeat -195px -42px;}
				#top-nav-4 a#link4:hover, #top-nav-4 a.current, #top-nav-4:hover, #top-nav-4 li:hover {background: url(images/top-nav.jpg) no-repeat -283px -42px;}
				#top-nav-5 a#link5:hover, #top-nav-5 a.current, #top-nav-5:hover, #top-nav-5 li:hover {background: url(images/top-nav.jpg) no-repeat -362px -42px;}
				#top-nav-6 a#link6:hover, #top-nav-6 a.current, #top-nav-6:hover, #top-nav-6 li:hover {background: url(images/top-nav.jpg) no-repeat -413px -42px;}
				#top-nav-7 a#link7:hover, #top-nav-7 a.current, #top-nav-7:hover, #top-nav-7 li:hover {background: url(images/top-nav.jpg) no-repeat -499px -42px;}
	#nav {width:984px; height:36px; background:url(images/nav.gif) no-repeat; position:relative; float:left; margin: 29px 0 0 0px; }
			#nav li {margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding: 0px; list-style: none; float:left; display: block;}
			#nav li, #nav a {height:36px; display: block; }
			#nav span {display:none; }
			#nav li a {display:block; height:36px;}
			#nav ul{padding:0; margin:0;}
		
			#nav li a{display:block;height:36px; cursor:pointer;}
	
				#nav-1 {width:91px; }
				#nav-2 {width:83px; margin-left: 0;}
				#nav-3 {width:193px; margin-left: 0;}
				#nav-4 {width:91px; margin-left: 0;}
				#nav-5 {width:94px; margin-left: 0;}
				#nav-6 {width:92px; margin-left: 0;}
				#nav-7 {width:220px; margin-left: 0;}
				#nav-8 {width:120px; margin-left: 0;}
				
				#nav-1 a#link1:hover, #nav-1 a.current, #nav-1:hover, #nav-1 li:hover {background: url(images/nav.gif) no-repeat 0 -36px;}
				#nav-2 a#link2:hover, #nav-2 a.current, #nav-2:hover, #nav-2 li:hover {background: url(images/nav.gif) no-repeat -91px -36px;}
				#nav-3 a#link3:hover, #nav-3 a.current, #nav-3:hover, #nav-3 li:hover {background: url(images/nav.gif) no-repeat -174px -36px;}
				#nav-4 a#link4:hover, #nav-4 a.current, #nav-4:hover, #nav-4 li:hover {background: url(images/nav.gif) no-repeat -367px -36px;}
				#nav-5 a#link5:hover, #nav-5 a.current, #nav-5:hover, #nav-5 li:hover {background: url(images/nav.gif) no-repeat -458px -36px;}
				#nav-6 a#link6:hover, #nav-6 a.current, #nav-6:hover, #nav-6 li:hover {background: url(images/nav.gif) no-repeat -552px -36px;}
				#nav-7 a#link7:hover, #nav-7 a.current, #nav-7:hover, #nav-7 li:hover {background: url(images/nav.gif) no-repeat -644px -36px;}
				#nav-8 a#link8:hover, #nav-8 a.current, #nav-8:hover, #nav-8 li:hover {background: url(images/nav.gif) no-repeat -864px -36px;}
#main-body { width: 984px; overflow: hidden; }
	#left-side { width: 713px; font-size: 1.2em;  }
		#welcome { color: #2c6d6a; font-size: 2.3em; margin: 0;}
		#featured-products { width: 742px; overflow: hidden; margin-top: 10px; }
			.featured-box { background: url(images/product_bg.jpg); width: 150px; padding: 5px; float: left; margin: 0 18px 18px 0; }
			.product-details-wrap { background: #fff; text-align: center; }
			.product-price { color: #c04900; font-weight: bold; font-size: 1.2em; }
	#right-side { width: 223px; }
	#search-input { padding:3px; border:2px solid #ADB095; width:135px; }
	#search-btn { padding:3px; border:2px solid #ADB095; background:#D4D0C8; }
		#featured-product-right { background: url(images/product_bg2.jpg); padding: 5px; overflow: hidden; margin: 20px 0; }
			#featured-product-right-wrap { background: #b1b097; text-align: center; padding: 10px 0; margin: 0; }
				#featured-h2 { background: url(images/featured_h2.jpg) no-repeat; width: 185px; height: 18px; padding: 0 0 10px 0; margin: 0 auto; text-indent: -9999px; }
				#featured-right-price { color: #313131; font-size: 1.3em; }
		#ads { width: 223px; }
			#ads ul { list-style: none; padding: 0; margin: 0; }
				#ads ul li { padding-bottom: 10px; }
				#ads ul li img { border:4px solid #858772; }
#footer { background:  #89785a url(images/footer_bg.jpg) no-repeat top center; overflow: hidden; }
	#footer-nav {width:984px; height:38px; background:url(images/footer-nav.jpg) no-repeat; margin: 30px auto 20px;}
				#footer-nav li {margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding: 0px; list-style: none; float:left; display: block;}
				#footer-nav li, #footer-nav a {height:38px; display: block; }
				#footer-nav span {display:none; }
				#footer-nav li a {display:block; height:38px;}
				#footer-nav ul{padding:0; margin:0;}
			
				#footer-nav li a{display:block;height:42px; cursor:pointer;}
		
					#footer-nav-1 {width:170px;}
					#footer-nav-2 {width: 170px; margin-left: 0;}
					#footer-nav-3 {width: 170px; margin-left: 0;}
					#footer-nav-4 {width:170px; margin-left: 0;}
					#footer-nav-5 {width:170px; margin-left: 0;}
					#footer-nav-6 {width: 134px; margin-left: 0;}
					
					#footer-nav-1 a#link1:hover, #footer-nav-1 a.current, #footer-nav-1:hover, #footer-nav-1 li:hover {background: url(images/footer-nav.jpg) no-repeat 0 -38px;}
					#footer-nav-2 a#link2:hover, #footer-nav-2 a.current, #footer-nav-2:hover, #footer-nav-2 li:hover {background: url(images/footer-nav.jpg) no-repeat -170px -38px;}
					#footer-nav-3 a#link3:hover, #footer-nav-3 a.current, #footer-nav-3:hover, #footer-nav-3 li:hover {background: url(images/footer-nav.jpg) no-repeat -340px -38px;}
					#footer-nav-4 a#link4:hover, #footer-nav-4 a.current, #footer-nav-4:hover, #footer-nav-4 li:hover {background: url(images/footer-nav.jpg) no-repeat -510px -38px;}
					#footer-nav-5 a#link5:hover, #footer-nav-5 a.current, #footer-nav-5:hover, #footer-nav-5 li:hover {background: url(images/footer-nav.jpg) no-repeat -680px -38px;}
					#footer-nav-6 a#link6:hover, #footer-nav-6 a.current, #footer-nav-6:hover, #footer-nav-6 li:hover {background: url(images/footer-nav.jpg) no-repeat -850px -38px;}
	#footer-contact { background: url(images/footer_contact_bg.jpg) no-repeat; width: 639px; height: 16px; margin: 0 auto; }
		#footer-contact span { display: none; }
	#footer-meta { text-align: center; padding: 10px 0; color: #A6874F; }
		#footer-meta strong { color:#726142; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; font-weight:100; }

/* ------ [ Links ] ------ */
a, a:visited, a:active { color: #554e3a; }
a:hover { color: #fff; }
a.product-title { color: #757140; text-decoration: none; font-weight: bold; padding: 5px 0; }
a.view-details { background: url(images/view_details.jpg) no-repeat; width: 137px; height: 25px; display: block; text-indent: -9999px; margin: 5px auto 0; padding: 5px 0; }
a#featured-right-title { color: #313131; text-decoration: none; font-size: 1.2em; font-weight: bold; padding: 5px 0 0 0; display: block;  }
.view-btn { background: url(images/view_details_btn.jpg) no-repeat; width: 184px; height: 31px; display: block; text-indent: -9999px; margin: 10px auto 0;}
	.view-btn:hover { background: url(images/view_details_btn.jpg) no-repeat 0 -32px; }

/* ------ [ Ordered, Unordered, and Definition Lists ] ------ */
ol { list-style: decimal; }
ul { list-style: circle; }
li { }

/* ------ [ Form Styling ] ------ */
form { }
input { }
textarea { }
fieldset { }
label { }
legend { }
select { }
option { }

/* 
input[type="text"] { width: 100%; }
input[type="submit"] { }
input:focus { }
input:focus:hover { }
*/

/* ------ [ Headings ] ------ */
h1, h2, h3, h4, h5, h6 { color: #2c6d6a; }
h1 { font-size: 2.3em; margin: 0; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

/* ------ [ Tables ] ------ */
table { }
thead { }
tbody { }
tfoot { }
th { }tr { }
td { }

/* ------ [ Images ] ------ */
img { }


/* ------ [ Miscellaneous ] ------ */
hr { }
p { }

/* ------ [ Global Classes ] ------ */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* -------- [ member account styles ] ------------- */
#member-account-menu {
	width:200px;
	float:right;
	}
	#member-account-menu ul {
		list-style:none;
		margin:0 0 0 20px;
		padding:0;
		border:3px solid #7A7B5B;
		background:#B1B097;
		}
		#member-account-menu ul li { border-bottom:1px solid #9D9F6D; height:auto !important; height:1px; }
		#member-account-menu ul a {
			padding:4px;
			display:block;
			}
#member-account-content {
	width:510px;
	float:left;
	}


#footer-login-form { margin-bottom:10px; }
	.login-form-container { width:196px; margin:0 auto; }
	.login-username { background: url(images/field1.gif) no-repeat top left; padding: 2px 0 0 4px; width: 196px; width/* */:/**/192px; width: /**/192px; height: 22px; height/* */:/**/20px; height: /**/20px; margin: 0 0 3px; }
	.login-username input{ border: 0; width: 186px; background: none; color: #fff; }
	.login-password { width: 148px; width/* */:/**/144px; width: /**/144px; height: 22px; height/* */:/**/20px; height: /**/20px; background: url(images/field2.gif) no-repeat top left; padding: 2px 0 0 4px; float: left; }
	.login-password input { border: 0; margin: 0; background: none; color: #fff; width: 134px; }
	.login-passwordandbutton button { border: 0; width: 48px; height: 22px; background: url(images/loginBtn.gif) top left no-repeat; float: left; }
	.login-passwordandbutton button span { visibility: hidden; }