/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;	font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* ADDED BONUSES */
a {text-decoration: none;}
div {position: relative;}
.last {margin-right: 0 !important;}
.clear {clear: both;}

/** LAYOUT **/
body {background: #d0e0e9; font-family: Verdana, Arial, sans-serif; color: #554c54; margin-bottom: 45px;}
#header {background: #411f3a url(images/960bgs.jpg) 50% 0 repeat-x; height: 120px; margin-top: -10px;}
#feature {background: #f1ebf0 url(images/960bgs.jpg) 50% -125px no-repeat; height: 360px; z-index: 1;}
	#inner #feature {background: #f1ebf0 url(images/960bgs.jpg) 50% -533px no-repeat; height: 95px;}
	#store #feature {background: #f1ebf0 url(images/960bgs.jpg) 50% -533px no-repeat; height: 95px;}
#area {}
#content {float: right; width: 651px; padding: 0 10px; }
#sidebar {width: 260px;}
#footer {clear: both; height: 35px; background: #f1ebf0 url(images/960bgs.jpg) 50% -638px no-repeat; position: fixed; bottom: 0; left: 50%; margin: 300px 0 0 -480px; width: 960px }

.width {width: 960px; margin: 10px auto;}

#content p {font-size: 13px; margin: 10px 0; line-height: 18px;}
#content h1 {font-size: 24px; font-weight: bold; margin: 3px 0 10px;}
#content h2 {clear: both; font-size: 14px; font-weight: bold; padding: 15px 0 5px; border-bottom: 1px dashed #efebee; text-transform: lowercase;}
	#content h2 a {color: #b09dad;}
	#content h2 span.count {float: right; font-size: 10px; padding: 2px 4px; background: #b09dad; color: #f3eff3; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
	
	
#content div.split {float: left; width: 191px; min-height: 137px; padding: 10px 9px; margin: 0 7px 0 0; border-left: 3px solid #b09dad; background: #efebee;}
	.split h3 {font-weight: bold; font-size: 11px;}
	.split p {font-size: 11px !important;}

/** HEADER **/
#header h5 {background: url(images/logo.png) 50% 50% no-repeat; width: 320px; height: 140px; position: absolute; top: 28px; z-index: 99;}
	#header h5 span {display: none;}
#header ul {float: right; font-size: 11px; margin: 92px 15px 0 0;}
	#header ul li {float: left; margin-right: 15px; color: #f1f1f1;}
	#header ul li a {color: #f1f1f1;}

/** SIDEBAR **/
#sidebar ul {background: #f1f1f1; border: 1px solid #cabac7; border-bottom: none; margin: 0 20px 0 10px; font-weight: bold; font-size: 16px;}
#sidebar ul li {border-bottom: 1px solid #cabac7; padding: 0 20px 0; line-height: 48px; text-transform: lowercase;}
	#sidebar ul li.current {background: url(images/sidebar_li_current.png) 0 0 no-repeat; margin: -1px -20px 0 -7px; border-bottom: none; padding-bottom: 9px; padding-right: 40px; text-align: right;}
	#sidebar ul li.short {margin-top: -9px;}
	
#sidebar ul li a {color: #554c54; display: block;}
	#sidebar ul li.current a {color: #f1f1f1;}
#sidebar ul li a:hover {color: #b09dad;}
	#sidebar ul li.current a:hover {color: #f1f1f1;}
	
/** TEST CSS3 ATTRIBUTE **/
#sidebar ul li.current ~ li {margin-top: -9px;}
	#sidebar ul li.current ~ li ~ li {margin-top: 0;}
	
	#sidebar ul li.nonactive {color: #d7d7d7; }
	
/** FEATURE **/
#feature #thisweek {z-index: 1000;}
	#feature #thisweek img#featimg {float: left; margin: -20px 0 0 0;}
	#feature #thisweek h1 {background: url(images/h1_feature_title.png) 0 40px no-repeat; width: 486px; height: 229px; margin: 0 0 0 385px; padding: 0 0 0 0;}
		#feature #thisweek h1 span {display: none;}
	#feature #thisweek p {font-size: 12px; margin: 5px 25px 5px 340px !important; padding-right: 30px; line-height: 22px;}

	#feature #thisweek ul {margin: 20px 10px 5px 375px;} 	
	#feature #thisweek ul li {padding: 10px 0 0 20px; float: right;}
	#feature #thisweek ul li img {border: 4px solid #f1f1f1;}


/** FOOTER **/
#footer p { font-size: 11px; padding: 16px 35px 0; letter-spacing: .5px;}
#footer ul {float: right; padding: 16px 35px 0;}
#footer ul li {display: inline;}
	
/** STORE **/
.checkout {font-size: 16px !important; text-transform:uppercase; float: right; font-weight: bold; color: #608821; background: url(images/store_sprite.png) 0 -33px no-repeat; padding: 2px 5px 5px 35px; }
	li.checkout {padding: 2px 5px 5px 35px !important; margin: 40px 0 0 20px; font-size: 18px !important;}
.checkout a {color: #608821;}



/* PRECART */
#precart {padding: 30px; width: 900px;}
	#precart #contents {float: right; background: url(images/store_sprite.png) 0 0 no-repeat; font-size: 11px; padding: 0 15px 0 40px;}
	#precart #contents span {display: block; font-size: 10px;}
	
	#precart a { color: #608821; text-decoration: underline;}
	
	#precart #note {float: left; text-transform: lowercase; font-weight: bold; margin: 3px 0 0 10px; position: relative; z-index: 99;}
		#note .remove {background: url(images/store_sprite.png) 0 -90px no-repeat; padding-left: 35px;}
		#note .add {background: url(images/store_sprite.png) 0 -62px no-repeat; padding-left: 35px;}
		#note .warning {background: url(images/store_sprite.png) 0 -113px no-repeat; padding-left: 35px;}

/* CART */
.cart {float: left; padding: 13px 0 12px 0; width: 651px; border-bottom: 1px dashed #f1f1f1; }
	.cart .cart_product {float: left; width: 420px; margin-right: 25px;}
		.cart_product img {float: left; border: 5px solid #f1f1f1; margin: 0 25px 0 0; width: 80px; height: 80px;}
		.cart_product p {font-size: 12px; padding: 3px 0; margin: 0 !important;}
			.cart_product p.price {font-weight: bold;}
		.cart_product h3 {font-size: 13px; padding: 5px 0 10px; font-weight: bold;}
		
		.cart p.qty {font-size: 10px !important; float: left; margin: 10px 25px 0 !important; text-align: center;}
			.cart p.qty span {line-height: 28px; font-size: 18px; display: block; background: #f1f1f1; padding: 5px; width: 30px; height: 30px;}
			
		.cart p.subtotal {margin: 10px 0 0 !important; line-height: 30px; font-size: 20px !important; font-weight: bold;}
			
#totals {float: left; padding: 13px 0 18px 0; width: 651px; border: 1px dashed #e1d7df; border-top: none; background: #f1ebf0; margin-bottom: 20px;}
	#totals h4 {float: left; text-align: right; width: 420px; margin: 10px 25px 0 0; line-height: 35px; font-size: 20px; font-weight: bold; text-transform: uppercase;}
	#totals p.qty {line-height: 28px; font-size: 18px; display: block; background: #e1d7df; padding: 5px; width: 30px; height: 30px;float: left; margin: 10px 25px 0; text-align: center;}
		#totals p.qty span {font-size: 10px !important; display: block;text-align: center;}
			
	#totals p.subtotal {margin: 10px 0 0; line-height: 30px; font-size: 20px; font-weight: bold;}

.totals {float: left; padding: 4px 0 7px 0; width: 651px; border: 1px dashed #e1d7df; border-top: none; background: #f1ebf0; margin-bottom: 5px;}
	.totals h4 {float: left; text-align: right; width: 505px; margin: 10px 30px 0 0; line-height: 16px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
	.totals p.qty {line-height: 28px; font-size: 18px; display: block; background: #e1d7df; padding: 5px; width: 30px; height: 30px;float: left; margin: 10px 25px 0; text-align: center;}
		.totals p.qty span {font-size: 10px !important; display: block;text-align: center;}
			
	.totals p.subtotal {margin: 10px 30px 0 0 !important; line-height: 16px; font-size: 12px !important; font-weight: bold; text-align: left;}
	
	.totals form {float: right; margin: 4px 30px 4px 0;background: url(images/store_sprite.png) 0 -32px no-repeat; padding: 0 5px 0 35px;}
	
/* INFO BAR */
#infobar {background: url(images/960bgs.jpg) 50% -485px no-repeat; height: 35px; margin: 0 0 15px 0; }
	#infobar ul { font-size: 10px; letter-spacing: .5px; line-height: 32px; margin-left: 20px; }
	#infobar ul li { float: left; padding-right: 23px; margin-right: 15px; background: url(images/arrow.png) 100% 50% no-repeat;}
		#infobar ul li a {color: #b0b4a9;}
		#infobar ul li a:hover {color: #f3eff3; text-shadow: 1px 1px #b0b4a9;}


/* PRODUCT PREVIEW */
.pp {margin: 20px 30px 10px 0; width: 140px; float: left;}
	.pp h3 {font-size: 11px; font-weight: bold; line-height: 14px;}
	.pp img {border: 5px solid #f1f1f1; margin: 2px 0 0;}
	
	.pp a.atc {display: block; float: right; background: #f1f1f1; font-size: 11px; font-weight: bold; width: 70px; padding: 5px 10px 10px 15px; color: #608821;}
	.pp a.so {display: block; float: right; background: #f1f1f1; font-size: 11px; font-weight: bold; width: 70px; padding: 5px 10px 10px 15px; color: #882121; text-align: center;}
	
	.pp a.link { float: left; font-size: 9px; padding: 5px; text-decoration: underline;color: #554c54;}
	.pp .pp_description {position: absolute;bottom: 33px; left: 5px; right: 5px; font-size: 11px; border-top: 1px solid #f9f9f9; background: #c6b9c4; opacity: 0.9; padding: 3px; z-index: 99;}
	.pp .pp_description p {line-height: 16px;}
	
	.pp .price {display: block; margin: 2px 0 0 0; font-weight: bold; text-align: center; font-size: 18px;}

/* PRODUCT DETAIL */
#product_detail {clear: both;}
	#product_detail h1 {float:left;}
	
	#product_detail p.price {float: right; font-size: 16px; padding: 5px 8px; background: #b09dad; color: #f3eff3; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
	
	#product_detail #detail_img {padding: 8px; background: #f1f1f1; width: 350px; height: 262px; float: left; overflow: hidden; margin-right: 25px; }
	#product_detail img.detail {float: left; position: absolute;}
	
	#product_detail .gallery {clear: both;}
	#product_detail .gallery li {float: left; margin: 5px 30px 10px 0;}
		#product_detail .gallery li img {padding: 5px; background: #f1f1f1; cursor: pointer;}
	
	
/* FORM */
form.form {}
form.form h4 {}
form.form p {}
form.form div {padding: 0 20px 4px; font-size: 11px;}
form.form label {display: block;}

form.form fieldset {padding: 20px ; margin: 20px 0; border-left: 3px solid #b09dad; background: #efebee;}
	form.form fieldset.half {}
form.form fieldset legend {padding: 5px 20px 0; background: #efebee; font-size: 13px; font-weight: bold;}

form.form div.full {}
form.form div.full input {width: 500px;}

form.form div.half {}
form.form div.half input {width: 280px;}

form.form div.third {}
form.form div.third input, form.form div.third select { width: 125px; }

form.form div.box {float: left; width: 500px; margin-bottom: 10px;}
form.form div.box input {float: left; width: 15px; margin-right: 5px;}

form.form input {height: 18px; line-height: 16px; font-size: 12px;}
	form.form input:focus, form.form textarea:focus {}
form.form textarea {width: 280px; height: 75px;}
form.form input.button {}