* { margin: 0; padding: 0 }
p { padding-bottom: 1em; line-height: 130% }
a { color: #E42 }
img { border: none }
body { font: 10.5pt sans-serif; text-align: center; width: 100%; background: #FFF; color: #333; }

.left { float:left; }
.right { float: right }
.clear { clear: both; }
.padright { padding-right: 30px; }
.grey { color: #999; }
h1 { font-size: 18pt; font-weight: normal; text-transform: lowercase; padding-bottom: 10px; }
h2 { font-size: 18pt; text-transform: lowercase; padding: 15px 0; }
h2 em { font-style: normal; font-weight: normal; font-size: 12pt; }

fieldset { border: none; }
big { font-size: 18pt; position: relative; top:8px; }
#head-wrap { clear: both; background: #3f3f3f; text-align: center; }
#head { width: 860px; height: 60px; padding-top: 40px; margin: 0 auto; text-transform: lowercase; }
#head h1 { display: inline; padding: 3px 15px 3px 5px; font-size: 17pt; }
#head h1 a { text-decoration: none; color: #999; }
#head img { margin: 2px 0 -1px 0; left: -10px; position: relative; }
#logotitle { float: left; color: #999; width: 350px; }
.toolbar {
    float:right; margin-top: 4px; background-color: #3f3f3f; color: #BBB;
    margin-left: 10px; border: 1px solid #555; padding: 0; font-size: 9.5pt; }
.toolbar a, .toolbar span { float: left; padding: 6px; text-decoration: none;}
.toolbar a { color: #FFF; }
.toolbar a.sel, .toolbar a.sel:hover { color: #CCC;  font-weight: bold; background: #555; }
.toolbar a:hover { background:#888; color: #222; }
.loginbox { float: right; display: block; font-size: 9pt; color:#999; width: 450px; text-align: right; position: relative; top: -25px; }
.loginbox a { color: #CCC; }

#promo { color:#222; position: relative; top: 20px; background: #fae5b2; padding: 7px 0 5px; width: 860px; margin: 1px auto; text-align: center; }

#starburst { position: absolute; right: -45px; top: 15px; }

#home { margin: 21px auto; position: relative; padding: 40px 20px 50px; background: #f0f0f0; width: 820px; text-align: left;  }
#home h2 { font-size: 15pt; color:#888; padding: 10px 0 20px; font-weight: normal; }
#home li { list-style: square; margin-left: 1em; }
#home li.nobullet { list-style: none; }
#home-left { float: left; width: 242px; padding: 0 40px 0 20px; }
#home-left a { font-weight: normal; }
#home-middle { float: left; width: 312px; padding-right: 40px; }
#home-middle img { position: relative; left: -4px; }
#home-right { float: left; width: 166px; }
#home fieldset { width: 142px; border: none; padding: 0; }
#home button { background: #666; color: #FFF; }
#loginform label { position: absolute; padding: 3px; color: #333; font: 10pt sans-serif;  }
#loginform input { margin-bottom: 5px; width: 100px; }
#home #forgot fieldset { width: 700px; }
#pics-wrap { width: 100%; background: #999; border-top: 1px solid #FFF; }
#pics { margin: 0 auto; width: 861px; height: 180px; }
#pics-img { width: 861px; float: left; }
#pics img { border-left: 1px solid #FFF; display: block; float: left; }
#pics img.last { border-right: 1px solid #FFF; }

#shop-wrap { float: left; width: 100%; background: #FFF; text-align: left; padding: 20px 0 15px; }
#shop { clear: both; position: relative; margin: 0 auto; width: 820px; xmin-height: 450px; background: #F0F0F0 url(grey.jpg); padding: 20px; color: #666; }

#shop h2 { color: #555; xcolor:#999;  font: bold 18pt sans-serif; padding: 10px 0; text-transform: lowercase; }
#shop h2 small { text-transform: uppercase; font-size: 10.5pt; }
#shop h3 { color: #555; font: normal 11pt sans-serif; padding: 5px 0; text-transform: lowercase; }
#shop-inner { position: relative; width: 820px; height: 460px; top: 0; }
#shop-inner2[id] { display: table; height: 460px; }

#shop-left { position: absolute; top: 0; left: 0; text-align: left; }
#shop-right { position: absolute; right: 0; bottom: 5px; text-align: right;}

#shop-right fieldset { display: inline; padding: 8px 9px; border: 1px solid #DDD; margin: 0; text-transform: lowercase; width: auto !important; }
#shop-right fieldset * { vertical-align: middle; }
#shop-right h2 { padding-bottom: 15px; }
#shop-right select { margin: 0 5px; border: 1px solid #CCC; background: #FFF; }

#shop-botleft { position: absolute; bottom: 6px; left: 0; }
#shop-botleft a { color: #333; font-size: 9pt;  }
#shop-middle {position: absolute; top: 0; left: 0; text-align: center; width: 820px; } 
html>/**/body #shop-middle[id] { display: table-cell; vertical-align: middle; position: static; }  /* modern browsers except ie7 */

#shop-middle table { position: relative; width: 820px; height: 450px; top:0; vertical-align: middle; text-align: center; margin: 0 auto; }
#shop-middle td { font-size: 10.5pt; padding: 0 15px; text-align: center; }
#shop-middle td a { color: #555; }

#arrow-prev { position: absolute; top: 205px; left: 0; height: 30px; }
#arrow-next { position: absolute; top: 205px; right: 0; height: 30px; }

#thumb-index { width: 820px; margin: 0 auto; }
#thumb-index .thumb-col { float: left; width: 108px; padding: 0 9px 0 0; text-align: left; }
#thumb-index .thumb-col img { width: 50px; height: 50px; margin: 2px 2px; }
#thumb-index .thumb { display: inline; text-align: left; }
#thumb-index .thumb a { color: #FFF; }

#shop #thumb-index h2 { padding: 0 0 15px; text-align: center; font-size: 12pt; color: #666;}

#picks-box { width: 820px; margin: 20px auto 0; padding: 15px; background: #EEE; text-align: center; } 
#picks-box h2 { padding: 0 0 15px; text-align: center; font-size: 15.5pt; color: #666;}

x#picks { width: 820px; margin: 20px auto 0; padding: 20px; background: #EEE; text-align: center; } 
x#picks #pick-wrap { margin: 0 auto; width: 1px; }
x#picks .pick { float: left; width: 50px; margin: 0 5px; }
#picks { float: left; position: relative; left: 50%; text-align: left; }
#picks ul { position: relative; left:-50%;}
#picks li { float: left; position: relative; width: 50px; margin: 0 10px; text-align: center; }
#picks img { width: 50px; height: 50px; }
#picks-box p { clear: both; padding: 10px 0 0; font-size: 9pt; color: #666; }

#foot { clear: both; background: #FFF; padding: 0 0 100px; color: #666; font-size: 9pt; }

button { cursor: pointer; background: #d82e24; color:#FFF; border: 1px solid #d82e24; text-transform: uppercase; font-weight: bold; font-size: 11.5pt; padding: 2px 4px; }
.btn-cart { background: #d82e24 url(cart-white.gif) no-repeat 6px 6px; padding-left: 19px }
.btn-add { background: #d82e24 url(cart-add.gif) no-repeat 6px 7px; padding-left: 14px }
button:hover { background-color: #d82e24; }

input { padding: 3px; }
option { padding: 1px 3px; }

#cart { width: 400px; border-top: 1px solid #DDD; border-collapse: collapse; color: #555; text-transform: lowercase; }
#shop .cart-wide { width: 580px; }
#cart td { border-bottom: 1px solid #DDD; text-align: left; padding: 8px 16px 8px 0; }
#cart td.thumb { width: 30px; }
#cart td.right { float: none; text-align: right; padding: 10px 0; }
#cart td.total { font-weight: bold; }
#cart th { text-align: left; padding-top: 15px; }
#cart th.right { float: none; text-align: right; }

#cart td.nopad { padding-right: 0; }
td.designname a { font-size: 13pt; text-decoration: none ; display: block; padding-bottom: 5px;  }
td.designname a:hover { text-decoration: underline; }
td.designname { font-size: 9pt; }
#cart td span { float: left; padding: 0 5px 0 0; font-size: 9pt; text-align: center; }
#cart td span span em { font-size: 7.5pt; font-style: normal; }
#cart td span span { float: none; padding: 0; }
#cart td span img { display: block; margin-bottom: 5px; }

#shipping { float: right; width: 170px; padding: 10px; color: #555; float: right; background: #fff; border: 1px solid #CCC;  font-size: 9pt; }
#shipping li { margin: 0; padding: 5px 0 3px; border-top: 1px solid #CCC;  }
#shipping li strong { float: right; }
#shipping h3 { font: bold 15pt sans-serif;padding-bottom: 10px; }
#shop #ordering h2 { padding: 5px 0 20px; font-size: 18pt; }
#shop #ordering  { color: #555; }
#order-left { width: 480px; }
#order-left ul { margin-left: 1em; padding-bottom: 20px; }
#order-left li { list-style: square; margin-left: 1em; }

#order-panel { color: #555; float: right; background: #fff; border: 1px solid #CCC; padding: 10px; margin-left: 30px; width: 170px; }
#order-panel hr { background: none; color: #EEE; border: none; border-bottom: 1px solid #CCC; margin: 10px 0; }
#order-panel em { display: block; padding: 10px 0 5px; font-style: normal; font-size: 9pt; }

#sidepics { float: right; clear: right; margin-top: 40px; }
#sidepics img { border: 1px solid #ccc; }

#summary { width: 170px; text-transform: lowercase; }
#summary th { font-weight: normal; }
#summary td { text-align: right; }

ol.num li { padding: 5px 5px 5px 27px; margin-bottom: 5px; text-transform: lowercase;  }
ol.num li.sel a { font-weight: bold; color: #d82e24; }
ol.num a { color: #555; text-decoration: none; }
li.num-1 { background: url(num-1.gif) no-repeat left center; }
li.num-2 { background: url(num-2.gif) no-repeat left center; }
li.num-3 { background: url(num-3.gif) no-repeat left center; }
li.num-4 { background: url(num-4.gif) no-repeat left center; }

.errorlist { color: #E42; margin: 0; }
p.errorlist { color: #E42;  background: url(warning-red.gif) no-repeat left center; height: 21px; padding: 3px 0 3px 30px; margin-bottom: 10px; }

fieldset { width: 440px; padding: 12px 12px 15px; border: 1px solid #CCC; margin-bottom: 15px; color:#555; }
fieldset label { float: left; width: 120px; color: #555; padding: 3px 0; text-transform: lowercase; }


li { list-style: none; margin-bottom: 5px; }
fieldset p { padding: 0 0 15px; clear: left; }
fieldset ul.errorlist { padding: 0; margin: 0; margin-top: 10px;  }
fieldset ul.errorlist li { display: block; float: none; clear: both; padding: 0 0 2px 20px; margin-left: 120px; font: bold 9pt sans-serif; background: url(warning-sml-red.gif) no-repeat left top; }
fieldset ul.errorlist li label { float: none; width: auto; }



#shop .stockists .left { padding-right:50px; }
#shop .stockists h3 { text-transform: uppercase; font-weight: bold; color: #AAA; padding: 15px 0 5px;  }
#shop .stockists p { color: #888; font-size: 9.5pt; }
#shop .stockists p strong { color: #444; }

.sale { color: #E42; text-transform: uppercase; font-weight: bold; }