/******************************** Layout Containers ********************************/
	#header {
	background:url(../images/bg_headertop.gif); 
	height:225px;
	}

	#containerleft {
	background: url(../images/bg_leftcol.gif) no-repeat; 
	float:left; 
	width:251px;
	}
	
	#containerright {
	float:left; 
	width:679px; 
	padding:10px 15px 15px 15px;
	}
	
	#footer {
	background: url(../images/bg_footer.gif) no-repeat; 
	clear:both; 
	height:32px; 
	padding: 100px 0 0 270px;
	}
	
/******************************** Template Container Style Starts Here**********************/

/*************** In Header Container ***************/
	#header h1 {
		background:url(../images/logo_shievon.png) no-repeat; 
		height:205px; 
		width:165px; 
		text-indent: -9999px;
		margin-left:60px;
		padding:0;
		}
		
	#header h1 a {height:205px;width:165px;display:block;}
	#header h2 {position: absolute;top:154px;margin-left:260px;padding:0;font-size:1.2em;color:#FFFFFF;letter-spacing:normal;}
	#header p {position: absolute;top:180px;margin-left:260px;padding:0;color:#FFFFFF;font-size:0.8em;}
	
	ul#topnav {
		list-style:none; 
		position: absolute; 
		top:74px;
		margin-left:255px;
		padding:0;
		}
	
	#searchbox {position: absolute; top:15px; width:190px; margin-left:770px;}
			#searchbox input {width:140px; margin-right:3px;}
			#searchbox .btn_go {background:url(../images/btn_go.gif) no-repeat;width:28px; height:24px;text-indent:-9999px; border:none;}
			
	#topnav li {float:left;}
	#topnav li a {display:block; height:32px; text-indent:-9999px;}
	
			#topnav .home a {width:61px; background: url(../images/topnav_home.gif) no-repeat;}
			#topnav .aboutshievon a {width:122px; background: url(../images/topnav_about.gif) no-repeat;}
			#topnav .whoneedsus a {width:120px; background: url(../images/topnav_who.gif) no-repeat;}
			#topnav .whyus a {width:73px; background: url(../images/topnav_why.gif) no-repeat;}
			#topnav .howtoorder a {width:117px; background: url(../images/topnav_how.gif) no-repeat;}
			#topnav .contactus a {width:94px; background: url(../images/topnav_contact.gif) no-repeat;}
			
			#topnav .home a:hover {width:61px; background: url(../images/topnav_homeb.gif) no-repeat;}
			#topnav .aboutshievon a:hover {width:122px; background: url(../images/topnav_aboutb.gif) no-repeat;}
			#topnav .whoneedsus a:hover {width:120px; background: url(../images/topnav_whob.gif) no-repeat;}
			#topnav .whyus a:hover {width:73px; background: url(../images/topnav_whyb.gif) no-repeat;}
			#topnav .howtoorder a:hover {width:117px; background: url(../images/topnav_howb.gif) no-repeat;}
			#topnav .contactus a:hover {width:94px; background: url(../images/topnav_contactb.gif) no-repeat;}	

/*************** In Left Container ******************/
	.greetings {font-size:0.7em; color:#FFFFFF; padding:0 0 4px 0; margin-left: 42px;}

	ul#userpanel {list-style:none;}
			#userpanel li {float:left;}
			#userpanel li a {display:block; height:19px;text-indent:-9999px;}			
			#userpanel .checkacct_off a{width:88px;background:url(../images/btn_viewacct_off.gif) no-repeat; cursor: default;}
			#userpanel .checkacct_on a{width:88px;background:url(../images/btn_viewacct_on.gif) no-repeat;}
			#userpanel .login a {width:39px;background:url(../images/btn_login.gif) no-repeat;}
			#userpanel .logout a {width:49px;background:url(../images/btn_logout.gif) no-repeat;}	
					
	#shoppingcart {clear:both; color:#FFFFFF;}			
			#shoppingcart h3 { 
			height:25px; 
			width:190px; 
			background: url(../images/lefttitle_shopping.gif) no-repeat 0 5px; 
			text-indent:-9999px; 
			margin:5px 0 4px 42px;
			border-top: 1px dotted; 
			padding-top:5px;
			}
	
			ul#cartpanel {list-style:none; padding-bottom:0;}
			#cartpanel li {float:left;}
			#cartpanel li a {display:block; height:28px; text-indent:-9999px;}			
			#cartpanel .viewcart a {width:74px; background: url(../images/btn_viewcart.gif) no-repeat;}
			#cartpanel .checkout a {width:74px; background: url(../images/btn_checkout.gif) no-repeat;}
			.cartsummary {font-size:0.7em; color:#FFFFFF; padding:0 0 4px 0; margin-left: 42px;}
	
	#ourproducts {clear:both; color:#FFFFFF; height:328px;}
			#ourproducts h3 { 
			height:25px; 
			width:185px; 
			background: url(../images/lefttitle_ourproducts.gif) no-repeat 0 5px; 
			text-indent:-9999px; 
			margin:5px 0 4px 42px;
			border-top: 1px dotted; 
			padding-top:5px;
			}	
	
			ul#productlist {list-style:none; font-size:14px;}
			#productlist li {padding-left:12px; line-height:1.4em;}
			#productlist li a {color:#FFFFFF;}
	
	#signuppanel {background: url(../images/bg_banner.gif) no-repeat; height:135px; padding-top:17px; color:#FFFFFF;}
			#signuppanel h3 { 
			height:25px; 
			width:185px; 
			background: url(../images/title_notmemberyet.gif) no-repeat; 
			text-indent:-9999px; 
			margin:0 0 4px 30px;
			border-bottom: 1px dotted; 
			padding-bottom:5px;}
			
			#signuppanel p {font-size:0.7em; color:#FFFFFF; padding-bottom:5px; margin-left: 32px;}
			.btn_signupnow a {margin-left: 104px; background:url(../images/btn_signupnow.gif) no-repeat; display:block; width:88px; height:28px; text-indent:-9999px;}

/*************** In Right Container ***************/

/********* Homepage *********/
#homepage {}	
	#homepage_featured h3, #homepage_latest h3, #homepage_promo h3 {			
			text-indent:-9999px; 
			margin:0 0 12px 0;
			padding-bottom:8px;
			}	

			#homepage_featured li h5, #homepage_latest li h5 {font-size:12px;}
			#homepage_featured li p, #homepage_latest li p {font-size:12px;width:129px; padding:0;}
			#homepage_featured li img, #homepage_latest li img {margin-bottom:10px;}
	
	#homepage_featured {width:336px; float:left; margin-right:7px; padding:0;}
			#homepage_featured h3 {background: url(../images/header_featuredproducts.gif) no-repeat;border-bottom: #3399CC 1px dotted;}
			#homepage_featured a {color: #0099CC;}
					
			ul#featuredprod {list-style:none;clear:both;padding:0;}
				#featuredprod li {background: url(../images/product_tnbg_b.gif) no-repeat 0 0; padding:10px 15px;float:left; width:138px;}
				#featuredprod .seperator {background-image:none;width:336px;padding:0; height:1px}	
	
	#homepage_latest {width:336px; float:left;}
			#homepage_latest h3 {background: url(../images/header_latestproducts.gif) no-repeat;border-bottom: #CC3366 1px dotted;}
			#homepage_latest a {color: #DF4888;}
					
			ul#latestprod {list-style:none;clear:both;padding:0;}
				#latestprod li {background: url(../images/product_tnbg_r.gif) no-repeat 0 0; padding:10px 15px;float:left; width:138px;}
				#latestprod .seperator {background-image:none;width:336px;padding:0; height:1px;}
	
	#homepage_promo {clear:both; padding-top:20px;}
			#homepage_promo h3 {background: url(../images/header_latestpromo.gif) no-repeat;border-bottom: #669933 1px dotted;}
			#homepage_promo a {color:#669933;}
						
			ul#latestpromo  {list-style:none; clear:both; padding:0;}
				#latestpromo li {padding:9px 20px;float:left; width:186px;}
				#latestpromo li p {width:186px; font-weight: bold; font-size:0.9em;}

/********* Members Pages *********/

#account_login {}
		#account_login h2 {background: url(../images/title_accountlogin.gif) no-repeat; text-indent:-9999px;}
		
		.newcustomer, .returncustomer {
		background:url(../images/bg_login.gif) no-repeat;
		height:200px; 
		width:290px; 
		float:left; 
		padding:10px 20px;
		}
		.newcustomer {margin-right:9px;}
		.returncustomer input {width:140px;}
		
		#account_login .endform {padding:10px 15px 0 0;}
			#account_login .btn_continue { float:right;}
			
#account_create {}
		#account_create h2 {background: url(../images/title_accountcreate.gif) no-repeat; text-indent:-9999px; padding-bottom:5px;}
		
		.personaldetails {}
		.youraddress {}
			.youraddress p {padding-bottom:14px;}
					
		.yourpassword {}
		.newsletter {}
			.newsletter p {padding-bottom:13px;}
				
		#account_create .endform {padding-left:130px;}

#account_created {}
		#account_created h2 {background: url(../images/title_accountcreated.gif) no-repeat; text-indent:-9999px;}
		#account_created .endform {padding-left:260px;}


#account {}
		#account h2 {background: url(../images/title_account.gif) no-repeat; text-indent:-9999px;}
		#account li {padding-bottom: 5px;}
		
		.myaccount{}
		.myorders {}
	
#account_edit {}
		#account_edit h2 {background: url(../images/title_accountedit.gif) no-repeat; text-indent:-9999px;}	
		#account_edit .endform {padding-left:130px; padding-top:0;}
		
#account_password {}
		#account_password h2 {background: url(../images/title_changepassword.gif) no-repeat; text-indent:-9999px;}	
		#account_password .endform {padding-left:130px; padding-top:0;}
		
#account_forgotpassword {}
		#account_forgotpassword h2 {background: url(../images/title_forgotpassword.gif) no-repeat; text-indent:-9999px;}	
		#account_forgotpassword h4 {padding-bottom:15px;}
		#account_forgotpassword label {width:90px;}
		#account_forgotpassword .endform {padding-left:100px; padding-top:0;}
						
#account_address {}
		#account_address h2 {background: url(../images/title_accountaddress.gif) no-repeat; text-indent:-9999px;}	
		
		.addresslist {
		background:url(../images/bg_login.gif) no-repeat;
		height:180px; 
		width:295px; 
		float:left; 
		padding:10px 20px;
		margin-bottom:8px;
		}		
		#account_address .endform {padding-left:200px;}

		
#account_address_edit {}
		#account_address_edit h2 {background: url(../images/title_addressedit.gif) no-repeat; text-indent:-9999px;}	
		#account_address_edit .endform {padding-left:130px;}
					
#account_address_add {}
		#account_address_add h2 {background: url(../images/title_addressadd.gif) no-repeat; text-indent:-9999px;}						
		#account_address_add .endform {padding-left:130px;}
		
#account_history {}
		#account_history h2 {background: url(../images/title_accounthistory.gif) no-repeat; text-indent:-9999px;}
					
		.orderlist {}
			.orderlist table p {font-size:1em; padding-bottom:3px;}						
		#account_history .endform {padding-left:260px; padding-top:0;}

#account_invoice {}
		#account_invoice h2 {background: url(../images/title_accountinvoice.gif) no-repeat; text-indent:-9999px;}
		
		.invoice {}
		#account_invoice .endform {padding-left:260px;}
		
#account_downloads {}
		#account_downloads h2 {background: url(../images/title_accountdownloads.gif) no-repeat; text-indent:-9999px;}
		
		.downloads {}	
		#account_downloads .endform {padding-left:260px;}
				
#account_newsletter {}
		#account_newsletter h2 {background: url(../images/title_accountnewsletter.gif) no-repeat; text-indent:-9999px;}
		#account_newsletter .endform {padding-left:30px; padding-top:0;}
		
		.subnewsletter p {padding-bottom:14px;}					

#account_logout {}
		#account_logout h2 {background: url(../images/title_accountlogout.gif) no-repeat; text-indent:-9999px;}
		#account_logout .endform {padding-left:260px;}

/*Global form classes*/				
.endform {padding-top:25px;clear:both;}		
.message {}


/*Purple Buttons classes*/	
.btn_add, .btn_addaddress, .btn_addtocart, .btn_back, .btn_checkout2, .btn_continue, .btn_continue_off, .btn_continueshopping, .btn_delete, .btn_edit, .btn_enlarge, .btn_forgetpw, .btn_readreview, .btn_save, .btn_submit, .btn_update, .btn_view, .btn_writereview, .btn_submitreview, .btn_search {
		height:30px;
		border:none;
		padding:0;
		float:left;
		text-indent:-9999px;
		cursor:pointer;
		margin-right:6px;
}

.btn_add				{background:url(../images/btn_add.gif) no-repeat;width:100px;}
.btn_addaddress			{background:url(../images/btn_addaddress.gif) no-repeat;width:140px;}
.btn_addtocart			{background:url(../images/btn_addtocart.gif) no-repeat;width:140px;}
.btn_back				{background:url(../images/btn_back.gif) no-repeat;width:100px;}
.btn_checkout2			{background:url(../images/btn_checkout2.gif) no-repeat;width:140px;}
.btn_continue			{background:url(../images/btn_continue.gif) no-repeat;width:100px;}	
.btn_continue_off		{background:url(../images/btn_continue_off.gif) no-repeat;width:100px; cursor: default;}	
.btn_continueshopping	{background:url(../images/btn_continueshop.gif) no-repeat;width:200px;}
.btn_delete				{background:url(../images/btn_delete.gif) no-repeat;width:100px;}
.btn_edit				{background:url(../images/btn_edit.gif) no-repeat;width:100px;}
.btn_enlarge			{background:url(../images/btn_enlarge.gif) no-repeat;width:100px;}
.btn_forgetpw			{background:url(../images/btn_forgetpw.gif) no-repeat;width:200px;}
.btn_readreview			{background:url(../images/btn_readreview.gif) no-repeat;width:140px;}
.btn_save				{background:url(../images/btn_save.gif) no-repeat;width:100px;}
.btn_submit				{background:url(../images/btn_submit.gif) no-repeat;width:100px;}
.btn_update				{background:url(../images/btn_update.gif) no-repeat;width:100px;}
.btn_view				{background:url(../images/btn_view.gif) no-repeat;width:100px;}
.btn_writereview		{background:url(../images/btn_writereview.gif) no-repeat;width:140px;}
.btn_submitreview		{background:url(../images/btn_submitreview.gif) no-repeat;width:140px;}
.btn_search				{background:url(../images/btn_search.gif) no-repeat;width:100px;}



/********* Static Content Pages *********/

#pages_1 {}
		#pages_1 h2 {background: url(../images/title_aboutshievon.gif) no-repeat; text-indent:-9999px;}

#pages_2 {}
		#pages_2 h2 {background: url(../images/title_whoneedsus.gif) no-repeat; text-indent:-9999px;}		
		
#pages_3 {}
		#pages_3 h2 {background: url(../images/title_whyus.gif) no-repeat; text-indent:-9999px;}	
		
#pages_4 {}
		#pages_4 h2 {background: url(../images/title_howtoorder.gif) no-repeat; text-indent:-9999px;}	
		
#pages_5 {}
		#pages_5 h2 {background: url(../images/title_privacypolicy.gif) no-repeat; text-indent:-9999px;}								

#pages_6 {}
		#pages_6 h2 {background: url(../images/title_tandc.gif) no-repeat; text-indent:-9999px;}		

#pages_contactus {}
		#pages_contactus h2 {background: url(../images/title_contactus.gif) no-repeat; text-indent:-9999px;}	

		.contactform input {margin-right:10px;}
		.contactform textarea {width:320px; height:100px;}
		#pages_contactus .endform {padding-left: 245px; padding-top:10px;}

		.error {font-size:0.7em; color:#CC3300;}

#pages_notfound {}
		#pages_notfound h2 {background: url(../images/title_pagenotfound.gif) no-repeat; text-indent:-9999px;}

#pages_catnotfound {}
		#pages_catnotfound h2 {background: url(../images/title_categorynotfound.gif) no-repeat; text-indent:-9999px;}
		
#pages_prdtnotfound {}
		#pages_prdtnotfound h2 {background: url(../images/title_productnotfound.gif) no-repeat; text-indent:-9999px;}				

#pages_1 .endform, #pages_2 .endform, #pages_3 .endform, #pages_4 .endform, #pages_5 .endform, #pages_6 .endform, #pages_notfound .endform, #pages_catnotfound .endform, #pages_prdtnotfound .endform {padding-left: 260px; padding-top:0;}
	
.content {}

/********* Product Content Pages *********/
#breadcrumbs {padding-bottom:35px; font-size:0.75em;}

#cat_listing {}

#product_listing {}
		.listproducts {}

#product_nolisting {}
		#product_nolisting h2 { color: #DF4888;}
						
#product_details {}
		
		.productsummary {border-bottom: #CC3366 1px dotted;}
		.productsummary h2 {background: url(../images/title_details.gif) no-repeat; text-indent:-9999px;}
		.productsummary img {background: url(../images/product_tnbg_g.gif) no-repeat 4px 0; padding:9px 20px; margin:6px;}
		.productsummary .endform {padding-left: 240px; padding-top:0;}
		#product_details select {font-size:0.9em;}
		#product_details .productsummary table tr, #product_details .productsummary table tr td {border:none;}
		
				ul.imageslist {list-style:none;clear:both;padding:0;}
				.imageslist li {background: url(../images/product_tnbg_r.gif) no-repeat 4px 0; padding:9px 20px;float:left; width:125px;margin-bottom:5px;}
				#cat_listing .imageslist li {background: url(../images/product_tnbg_b.gif) no-repeat 4px 0; padding:9px 20px;float:left; width:125px;margin-bottom:5px;}
				.imageslist li h4 {font-size:1em; padding-bottom:0; color:#3399CC;}
				.imageslist li h5 {font-size:0.9em; padding-bottom:0; color: #DF4888;}
				.imageslist li p {font-size:0.9em;width:129px; padding:0;}
				.imageslist li img {margin-bottom:10px;}
				.imageslist .seperator {background-image:none;width:676px;padding:0; height:15px;}
				#cat_listing .imageslist .seperator {background-image:none;width:676px;padding:0; height:15px;}		
		
		.additionalimages {border-bottom: #CC3366 1px dotted; padding-top:8px;}
		.additionalimages h2 {background: url(../images/title_additional.gif) no-repeat; text-indent:-9999px;}
				
		.listreviews {padding-top:8px;}
		.listreviews h2 {background: url(../images/title_customerreviews.gif) no-repeat; text-indent:-9999px;}
		.listreviews .endform {padding-left: 240px; padding-top:0;}

		.listreviews .results {margin-bottom:15px;}

#product_writereview {}
		#product_writereview h2 {background: url(../images/title_writereview.gif) no-repeat; text-indent:-9999px;}								

		.writereview {}
		.writereview textarea {width:450px; height:100px; clear:both;}
		.writereview label {width: 48px;}
		.writereview table tr td, .writereview table tr {border:none;}
		.writereview .endform {padding-left: 100px; padding-top:0;}


.errormessage, .warning {padding: 2px 6px; font-size:0.8em; background-color: #FCF1CD;}
.confirmmsg {padding: 2px 6px; font-size:0.8em; background-color: #FDEEF8;}
.pagination {font-size:0.7em; padding-bottom:16px; display:none;}

#product_submitted {}	
		#product_submitted h2 {background: url(../images/title_reviewsubmit.gif) no-repeat; text-indent:-9999px;}

#product_submitted .endform {padding-left:230px;}

.results { font-size:0.8em; color:#666666; clear:both; border-bottom:}
		.results .left {float:left;}
		.results .right {float:right; padding-right:30px;}		
		.results span {float:left; padding:3px 4px 0 0;}
		.results select {font-size:0.9em; float:left;}
	
/********* Shopping Cart *********/

#cart_view {}
		#cart_view h2 {background: url(../images/title_viewcart.gif) no-repeat; text-indent:-9999px;}
		
		.cart {}
		.cart input {width:50px; padding:3px; font-size:1em; cursor:default;}
		#cart_view .endform {padding-top:0; padding-left:110px;}
		#cart_view .price_old { text-decoration:line-through; color:#FF0000;}

#cart_checkout {}
		#cart_checkout h2 {background: url(../images/title_delivery.gif) no-repeat; text-indent:-9999px;}

		.shippinginfo {border-bottom: #3399CC 1px dotted; padding-top:8px;}
		.shippingmethod {border-bottom: #3399CC 1px dotted; padding-top:8px;}
				.shippingmethod p {padding-bottom:14px;}
		.addcomments {}
				.addcomments textarea {width:650px; height:100px; clear:both; background-color: #F3EAF4;}
#cart_checkout .endform {padding-left:210px; padding-top:10px;}

#cart_address_add {}
		#cart_address_add h2 {background: url(../images/title_checkoutadd.gif) no-repeat; text-indent:-9999px;}
		
			.checkoutaddresslist {}
					.checkoutaddresslist p {padding-bottom:14px;}
		
		#cart_address_add .endform {padding-left:130px; padding-top:0;}

#cart_confirm {}
		#cart_confirm h2 {background: url(../images/title_confirm.gif) no-repeat; text-indent:-9999px;}
		#cart_confirm input {font-size:0.9em;}
		.confirmdetails {}
		#cart_confirm .endform {padding-left:200px; padding-top:0;}		

#cart_processed {}
		#cart_processed h2 {background: url(../images/title_processed.gif) no-repeat; text-indent:-9999px;}

		#cart_processed .endform {padding-left:260px;}

#cart_payment {}
		#cart_payment h2 {background: url(../images/title_payment.gif) no-repeat; text-indent:-9999px;}

		.paymentaddress {}

#cart_payment .endform {padding-left:210px; padding-top:10px;}

/********* Search Results *********/
#searchresults {}

		#searchresults h2 {background: url(../images/title_search.gif) no-repeat; text-indent:-9999px;}

		#searchpanel {padding:0 20px 15px 20px; margin-bottom:15px; margin-right:20px; background:#EEEEEE;}
		#searchpanel label {width:42px;}
		#searchpanel .endform {padding-top:0; padding-left: 50px;}
		
/*********** For Footer ***********/

	#footer p {color:#FFFFFF; font-size:0.75em; padding:0;}
	#footer a {color: #FFFF99;}