html {margin: 12px 22px;}
body {font: normal 11px verdana,sans-serif;
background-color: #FFF;
color: #382E0E;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1em;}
a {color: #000;
font-weight: normal;
text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}
.error {color: red;}
#page {width: 880px;}
#header {display: block;
width: 880px;
height: 105px;
background: #EFEEE8 url(../gfx/header.jpg) top left no-repeat;}
#header h1 {display: none;}
#topnav {background: #FFF;}
#topnav a {padding: 0 1em;
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;}
#topnav ul {margin: 0;
padding: 0;
list-style: none;}
#topnav li {padding: 0.4em 0;
float: right;}
#topshadow {clear: both;
height: 4px;
background: #CCC url(../gfx/shadow_880.gif) top left repeat-x;
font-size: 0;}
#left {
 width: 155px;
 margin: 0 10px 0 0;
 float: left;
}
#search {
 padding: 1em 0;
}
#search form {margin: 0;}
#search h4 {
 margin: 0;
 text-transform: uppercase;
}
#search input.text {
 margin: 2px 3px 0 0;
 padding: 0 2px;
 width: 113px;
 height: 18px;
 float: left;
 border: 1px solid #999;
}
#leftnav {padding: 1em 0.7em;
background: #EFEEE8 url(../gfx/bg_left_bottom.gif) bottom left no-repeat;}
.menulevel1, .menulevel2, .menulevel3 {margin: 0.2em 0;}
.menulevel1 a {font-weight: bold;
text-transform: uppercase;}
.menulevel2 a {padding: 0 0 0 1em;
font-weight: bold;
text-transform: none;}
.menulevel3 a {padding: 0 0 0 2em;
font-weight: normal;
text-transform: none;}
#content {width: 483px;
float: left;
padding-bottom: 30px;}
#splash {width: 483px;
height: 184px;
margin: -4px 0 10px;
background: #FFF url(../gfx/splash.jpg) top left no-repeat;}
#intro, #basic, #checkout {margin: 0 10px;}
.product {width: 463px;
margin: 10px 10px;
float: left;}
#category {height: 70px;
margin: -4px 0 10px;
background: #FFF url(../gfx/category_bg.jpg) top left no-repeat;}
#category span {position: relative;
top: 10px;
left: 20px;}
#category h2 {position: relative;
top: 4px;
left: 20px;}
.product .product-size { display: block; background: #F5F5F5; width: 151px; height: 112px; }
.product h2 { text-transform: uppercase; margin: 0 0 0.5em;font-size: 1.3em; }
.product p.enlarge, h3, p.description { margin: 0; }
.product p.description { height: 3em;}
.product .image, .text { float: left; }
.product .image { margin: 0 1em 0 0; text-align: center; }
.product img.icon { margin: 0 0.3em 0 0; }
.product p.enlarge {
 font-size: 9px;
 text-transform: uppercase; }
.product .text { width: 300px; } 
.product h3 { text-transform: uppercase; }
.product .price { font-weight: bold; font-size: 14px; }
.product .buy { margin: 1em 0 0; }
.product .select { float: left; }
.product select {font-size: 10px; margin: 2px 0 0;}
.product .add { float: right; }
.product-divider {clear: both;
margin: 0 10px;
padding: 0;
height: 2px;
font-size: 0;
background: #DDD;}
#right {position: absolute;top: 150px;
left: 667px;
width: 222px;
/*margin: 0 0 0 10px;
padding: 6px 0;
float: right;*/}
* html #right {top: 160px;}
#cart dl {padding: 0.7em 0 0;
border-top: dotted 1px #382E0E;}
#cart dl dt {float: left;
clear: left;
width: 132px;}
#cart dl dd {margin-left: 132px;text-align: right;}
#cart img {display: none;}
#cart {
 padding: 0.5em 1em 1em;
 background: #DAD5C7 url(../gfx/bg_right_bottom.gif) bottom left no-repeat;
}
#cart h3 {
 margin: 0;
 text-transform: uppercase;
}
#cart .total { margin: 1em 0 0; clear: both; font-weight: bold; }
#cart .total dt {width: 0;}
#cart .total dd {margin: 0;}
#cart .total span {text-transform: uppercase;}
#cart .checkout { margin: 2em 0 0; }
#cart-checkout { clear: both; padding: 1em 0 0 0; text-align: right; }

#checkout h3 { margin: 1em 0; text-transform: none; }
#checkout .total { margin: 1em 0 0; clear: both; font-weight: bold; }
#checkout .process { float: right; margin: 1.5em 0; }
#checkout dl dt {float: left;
clear: left;
width: 300px;}
#checkout dl dd {margin-left: 300px;
text-align: right;}
#checkout dd {margin-bottom: -12px;}

#checkout dl {padding: 10px 0 0;
border-top: solid 1px #DDD;}

#receipt dl {padding: 10px 0;
border-top: solid 1px #DDD;}

#checkout dl.shippinghdr {padding: 10px 0;}
#checkout dl.shippingbtn {border: none;
padding: 0 0 6px;}
#checkout dl.shipping {padding: 10px 0;
margin: 0;
border: none;}
#receipt dl.shipping {padding: 10px 0 25px;
margin: 0;
border: none;}
#receipt dl.shippinghdr {padding: 10px 0;}
#receipt dl.shippingbtn {border: none;
padding: 0 0 6px;}
dl.shipping img {margin: 5px 0 0;}

#checkout span {position: relative;
bottom:11px;
padding: 0 1em 0 0;}
#checkout img, .updatebtn {position: relative; bottom:4px;}
#checkout .removeall {position: absolute;
top: 200px;
left: 568px;
width: 79px;
height: 24px;}
#checkout .total {font-size: 1.4em;
margin: 0;
border-top: solid 2px #DDD;}
#checkout .total dd {margin: 0 0 12px;
padding: 0 3px 0 0;}
#checkout .total span {position: relative;
bottom: auto;
padding: 0 1em 0 0;
text-transform: uppercase;}
#checkout .all {position: absolute;
margin: -10px 0 0 385px;}
#checkout input.field {width: 320px;margin:-3px 0 8px 0;}
#checkout .agreebox {text-align: right;}

#shipping dl dt {float: left;
clear: left;
width: 132px;}
#shipping dl dd {margin-left: 132px;}
#shipping dl {border: none;}

#receipt #shipping dl dd {text-align: left;}

.popup {
 display: none;
 position: absolute;
 padding: 0 0 10px 0;
}
.close-button { text-align: right; }
.image-window {
 width: 550px;
 background: #FFFFFF;
 padding: 1em 2em 2em;
 border: solid 1px #DFDFDF;
}
.product-large-size {
 display: block;
 background: #F5F5F5;
 width: 483px;
 height: 380px;
}


.smallproduct {
 width: 151px;
 margin: 0 5px 15px;
 padding: 0 0 7px;
 float: left;
 border-bottom: solid 2px #CCC;
}
* html .smallproduct {margin: 0 3px;}
.smallproduct .product-size { display: block; background: #F5F5F5; width: 151px; height: 112px; }
.smallproduct h2 { text-transform: uppercase; margin: 0 0 0.5em;font-size: 1em; height: 2.2em; }
.smallproduct p.description { height: 6em; }
.smallproduct .price { margin: 1em 0 0; font-weight: bold; font-size: 12px; }
.smallproduct .buy { margin: 1em 0 0; }
.smallproduct select {font-size: 10px; margin: 2px 0 0;
float: left; clear: left;}
.smallproduct .add { position: relative; top: -1px; float: right; }
.smallproduct .image { margin: 0; text-align: center; }
.smallproduct img.icon { margin: 0 0.3em 0 0; }
.smallproduct p.enlarge {
 display: none;
 font-size: 9px;
 text-transform: uppercase;
}