/* reset everything */
img	{ display: block; border: 0; }
body, div, table, th, td { border: 0; padding: 0; margin: 0; }	
a, ul, ol, li, dl, dt, dd, input, textarea, label, select { padding: 0; margin: 0; }	
div.cb { height: 0; width: 0; clear: both; }

/* base aesthetic */
body { font-family: georgia, serif; color: #999; background-color: #333; padding-bottom: 30px; }
a, p, dd, li, td { font-family: "Times New Roman", Times, serif; color: #999; font-weight: normal; }
label, input, textarea, select { font-family: trebuchet ms, sans-serif; }
th, dt { font-weight: bold; }
td { vertical-align:top; }
li { list-style: none; }
form, input, textarea, label { display: block; }
h1, h2, h3, h4, h5, h6, p {	margin: 0; padding:0; }
h1, h2, h3 { font-family: Arial, sans-serif; font-weight: normal; color: #ccc; padding-bottom: .3em; }
h4, h5, h6 { font-family: "Times New Roman", Times, serif; font-weight: normal; color: #dfdfc7; padding-bottom: .3em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #8f261e; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; color: #8f261e; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { padding-bottom: .5em; line-height: 1.4em; color: #999; }
a { color: #c96; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #c96; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small verdana, sans-serif; }

a.zoom { display: block; font-family: Arial, sans-serif; font-size: 10px; color: #777; text-decoration: none; margin-top: 4px; }
a:hover.zoom { text-decoration: underline; }


a.return { display: block; font: .7em arial, sans-serif; font-weight: normal; color: #777; background: url('/assets/left_pointer.gif') left no-repeat; margin: 15px auto; padding-left: 20px; text-decoration: none; }
a.return:visited { color: #777; }
a.return:hover { color: #ccc; }


/* structure */
#wrap { position: relative; margin: 0 auto; width: 960px; padding: 0; }

#head { position: relative; margin: 0 auto; width: 960px; height: 80px; padding: 0; background: url('/assets/separator.gif') left bottom repeat-x; }
#head #logo { position: absolute; top: 30px; left: 1px; }
#head #navigation { position: absolute; right: 40px; top: 59px; width: 700px; height: 30px; margin: 0; padding: 0; }
#head #navigation ul { padding: 0; float: right; }
#head #navigation ul li { float: left; margin: 0 90px 0 0; border: 0; font: .9em arial, sans-serif; }
#head #navigation ul li.first {  }
#head #navigation ul li.last { margin: 0; }
#head #navigation ul li.on a { margin: 0; }
#head #navigation ul li a { float: left; display: block; text-decoration: none; font: .8em arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #9a9a9a; height: 26px; }
#head #navigation ul li a:hover { color: #fff; background: url('/assets/nav_pointer.gif') center bottom no-repeat; }
#head #navigation ul li.on a { color: #fff; background: url('/assets/nav_pointer.gif') center bottom no-repeat; }

#content { float: left; margin: 0 auto; width: 960px; padding: 16px 0; }

#hpimage { margin: 10px auto; }
#hpimage td { vertical-align: middle; }
#hpimage td.lft { padding-right: 20px; }
#hpimage td.rgt { padding-left: 20px; }
#imgSlide { border: 1px solid #555; }
#txtSlide { text-align: right; color: #555; font-size: .8em; }

#popup img { margin: 10px auto; }

#content #gallerymain { float: right; margin-left: 20px; width: 700px; padding: 0; }

#content #sidebar { float: left; width: 200px; margin: 10px 0 0 0; padding: 0; }
#content #sidebar ul#gallerynav { padding: 0; margin: 0 0 0 2px; }
html>body #content #sidebar ul#gallerynav { margin: 0 0 0 4px; }
#content #sidebar ul#gallerynav li { margin-bottom: 8px; font: .9em arial, sans-serif; }
#content #sidebar ul#gallerynav li a { display: block; padding: 0 0 0 18px; text-decoration: none; font: .8em arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #9a9a9a; width: 200px; }
#content #sidebar ul#gallerynav li a:hover { color: #fff; background: url('/assets/subnav_pointer.gif') left no-repeat; }
#content #sidebar ul#gallerynav li.on a { color: #fff; background: url('/assets/subnav_pointer.gif') left no-repeat; }

div.form { padding: 20px; background-color: #444; }
div.form div.container { width: 920px; }
div.form p { font: .8em arial, sans-serif; margin-bottom: 5px; color: #999; }
div.form p.error { background-color: #444; color: #966; padding: 10px; margin: 5px 0; border: 1px solid #555; line-height: 1.6em; } 
div.form div.container label { float: left; font-family: arial, sans-serif; font-size: .8em; border: 0; margin: 0; padding: 2px; margin-bottom: 5px; color: #777; }	
div.form div.container input { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 0; padding: 4px; }
div.form div.container select { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 0; padding: 2px; }
div.form div.container textarea { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 0; padding: 4px; }	
div.form div.container select option { padding: 2px; }
div.form div.container label.cb { width: 105px; }	
div.form div.container input { margin-bottom: 5px; }
div.form div.container input.short { width: 300px; color: #555; }
div.form div.container input.wide { width: 450px; color: #555; }
div.form div.container textarea.wide { width: 615px; height: 150px; color: #555; }
div.form div.container .h { display: none; }
div.form div.container div.cbrow { float: left; padding: 8px 4px; background-color: #efe7e0; }
div.form div.container .cb { display: inline; border: none; vertical-align: middle; }			
div.form div.container .bi, div.form .rb, div.form .cb { background: none; }
div.form div.container .b { float: left; clear: both; margin-top: 10px; margin-bottom: 30px; font-size: 12px; font-weight: bold; background: #998; color: #fff; padding: 5px; }

table.gkey { float: left; margin-right: 20px; width: 150px; height: 180px; overflow: hidden; }
table.gkey th { width: 150px; height: 150px; border: 1px solid #444; overflow: hidden; }
table.gkey th img { border: none; margin: auto; }
table.gkey td { color: #ccc; text-transform: uppercase; text-align: center; font: .7em arial, sans-serif; font-weight: normal; }

table.itb { float: left; margin-right: 22px; width: 150px; height: 180px; overflow: hidden; }
table.itb th { width: 150px; height: 150px; border: 1px solid #444; overflow: hidden; }
table.itb th img { border: none; margin: auto; }
table.itb td img { border: none; margin: auto; }
table.itb td { color: #ccc; text-transform: uppercase; text-align: center; font: .7em arial, sans-serif; font-weight: normal; }

table.printdetail { margin: 0; padding: 0; }
table.printdetail td.copy { padding-left: 20px; font-size: .9em; }

table.printdetail td.copy div#ecom { position: relative; padding: 10px; border: 1px #555 solid; background-color: #444; }
table.printdetail td.copy div#ecom p { font-size: 1em; color: #ccb; }
table.printdetail td.copy div#ecom table tr td { font-size: .9em; color: #ccb; padding: 5px 5px 5px 0; }
table.printdetail td.copy div#ecom label { display: inline; font-size: .9em; color: #ccb; line-height: 30px; }
table.printdetail td.copy div#ecom label input { display: inline; font-size: .9em; color: #ccb; vertical-align: middle; }
table.printdetail td.copy div#ecom select { font-size: .9em; color: #665; }
table.printdetail td.copy div#ecom input.dot { float: left; margin: 0 5px 0 0; padding: 0; }
table.printdetail td.copy div#ecom div#ecom_total { position: absolute; bottom: 15px; right: 15px; color: #ffe; font-size: 32px; padding: 5px;  border: 1px #666 solid; background-color: #777;}
table.printdetail td.copy div#ecom div#ecom_total sup { font-size: 16px; }

div#pages { clear: left; color: #777; text-transform: uppercase; font: .9em arial, sans-serif; font-weight: normal; background: url('/assets/separator.gif') left top repeat-x; margin-top: 8px; padding-top: 4px; }
div#pages a { color: #777; text-transform: uppercase; text-align: center; font: .9em arial, sans-serif; font-weight: normal; margin: 0 3px; text-decoration: none; }
div#pages a.on { color: #ccc; }

div.productlistitem { float: left; width: 500px; margin-bottom: 10px; }
div.productlistitem img { float: left; margin-right: 20px; }

div.product_detail { float: left; width: 500px; margin-bottom: 10px; }
div.product_detail p { font-size: 1em; }
div.product_detail p select { font-size: .9em; }
div.product_detail table#product_images { float: right; margin-left: 10px; }
div.product_detail table#product_images td { text-align: center; border: 1px solid #f7f0f0; padding: 2px; }
div.product_detail table#product_images td img { margin: auto; }

div#view_cart { position: absolute; right: 0px; top: 25px; }

p.scent { color: #555; }
p.scent select { color: #555; border: 1px solid #ccc; background: #ffd; }
p.size { color: #555; }
p.size select { color: #555; border: 1px solid #ccc; background: #ffd; }
p.qty { color: #555; }
p.qty select { color: #555; border: 1px solid #ccc; background: #ffd; }

ul#subnav { margin: 10px 0 0 20px; padding: 0; }
ul#subnav li { margin: 0; padding: 0; }
ul#subnav li a { margin: 0; padding: 0; }

#thumbs { margin: 0; width: 260px; float: left; padding-left: 20px; }
#thumbs img { float: left; padding: 10px; }

#key { margin: 0 0 10px 0; width: 480px; float: left; text-align: right; }
#key img { display: inline; }

#info { padding: 20px; color: #999; }

#foot {  position: relative; margin: 20px auto; width: 960px; height: 30px; padding: 0; background: url('/assets/separator.gif') left top repeat-x; }  

div#copyright { float: left; padding: 6px 0 0 1px; font-family: verdana, sans-serif; font-size: .7em; color: #666; }
div#copyright a { color: #666; font-family: verdana, sans-serif; text-decoration: none; }
div#copyright a:hover { color: #fff; }

div#sitecredit { float: right; padding: 6px 1px 0 0; font-family: verdana, sans-serif; font-size: .7em; color: #4d4d4d; }
div#sitecredit a { color: #4d4d4d; font-family: verdana, sans-serif; text-decoration: none; }
div#sitecredit a:hover { color: #999; }

div.testimonial { margin: 0 5px 150px 0; }
html>body div.testimonial { margin: 0 0 150px 11px; }
div.testimonial p { color: #eeeaff; }

/* the clearfix hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */