body { font-family:helvetica; font-size:10pt; width:900px; margin-left:auto; margin-right:auto; background-color:#333; color:#333; }

#banner { background:url(/files/banner.jpg) top left no-repeat; width:100%; height:160px; }
#banner h1 { display:none; }

#menu { width:750px; height:30px; margin-top:-30px; margin-bottom:0px; }
#menu .current { float:left; height:26px; padding-top:4px; padding-left:10px; padding-right:10px; font-size:large; color:#fff; }
#menu .last           { float:right; height:26px; padding-top:4px; padding-left:10px; padding-right:10px; font-size:large; }
#menu .last a:link    { text-decoration:none; color:#ccf; }
#menu .last a:active  { text-decoration:none; color:#ccf; }
#menu .last a:visited { text-decoration:none; color:#ccf; }
#menu .last a:hover   { text-decoration:none; color:#ccf; }
#menu .item           { float:left; height:26px; padding-top:4px; padding-left:10px; padding-right:10px; font-size:large; }
#menu .item a:link    { text-decoration:none; color:#ccf; }
#menu .item a:active  { text-decoration:none; color:#ccf; }
#menu .item a:visited { text-decoration:none; color:#ccf; }
#menu .item a:hover   { text-decoration:none; color:#c6c; }

#message { float:left; background-color:#fff; width:100%; margin-top:10px; }
#message big { padding-top:5px; padding-left:10px; }
#message #msg { margin-top:5px; padding-left:10px; padding-top:7px; padding-bottom:0px; padding-right:10px; }
#message .hilite { font-style:italic; font-weight:bold; }
#message #more { background:url(/files/arrow-up.jpg) center; width:100%; height:15px; cursor:pointer; }

#content {}

#links { float:left; width:100%; background-color:#fff; color:#000; padding-bottom:30px; }
#links #intro { font-size:large; margin:10px; }
.link a { float:left; width:20%; margin:10px; }
.link p { float:left; width:75%; margin:10px; }

#product_list { float:left; width:890px; background-color:#669; color:#fff; padding:5px; margin-top:10px; }
#product_list .item1 { float:left;  width:445px; }
#product_list .item2 { float:right; width:445px; }
#product_list .part1 { float:left;  width:100%; }
#product_list .part2 { float:left;  width:100%; }
#product_list .thumbnail { float:left;  width:150px; margin:5px; }
#product_list .thumbnail input { width:150px; }
#product_list .info  { float:left;  width:270px; margin-top:5px; margin-left:5px; }
#product_list .pair  { float:left;  width:270px;  margin-top:5px; }
#product_list .name  { float:left;  width:90px; font-weight:bold; text-align:right; }
#product_list .value { float:left;  width:170px; margin-left:10px; }
#product_list .addtocartText  { color:#f00; font-weight:bold; }
#product_list .addtocart   { float:left; width:100%; margin-left:15px; margin-top:5px; cursor:pointer; }
#product_list .description { float:left; width:420px; height:100px; margin-left:5px; margin-top:8px; }

#cart_list { float:left; width:100%; background-color:#fff; }
#cart_list .head  { background-color:#fff; float:left; width:100%; font-weight:bold; height:30px; padding-top:10px; border-bottom:1px solid #000; }
#cart_list .item1 { background-color:#ccf; float:left; width:100%; height:55px; padding-top:10px; }
#cart_list .item2 { background-color:#ddf; float:left; width:100%; height:55px; padding-top:10px; }
#cart_list .name  { float:left; width:550px; padding-left:10px; }
#cart_list .price { float:left; width:110px; text-align:right; }
#cart_list .count { float:left; width:110px; text-align:right; }
#cart_list .total { float:right; padding-right:10px; }
#cart_list select { float:right; width:40%; }
#cart_form { float:right; width:880px; padding:10px; background-color:#fff; }

#step1, #step2, #step3, #step4 { float:left; width:900px; background-color:#fff; color:#000; margin-top:5px; }
#step4 { margin-bottom:10px; }
.swatches { width:100%; padding:5px; }
.swatch { float:left; width:160px; padding:5px; }
.swatch input { width:150px; display:block; margin-left:auto; margin-right:auto; }
.swatch button { display:block; margin-left:auto; margin-right:auto; margin-top:5px; }
.extra { width:100%; padding:5px; }
.extra .choosesize { float:left; width:445px; padding-top:30px; padding-bottom:10px; }
.extra .chooseextra { float:right; width:435px; padding-right:10px; padding-bottom:10px; }
#customSummary { width:100%; padding:5px; }
#customSummary #names { float:left; padding-right:15px; }
#customSummary p { padding:10px; }

#misc { float:left; width:45%; padding-top:50px; padding-left:20px; }

#delivery_msg { float:left; width:45%; padding-left:10px; }

#cart_total { float:right; width:50%; }
#cart_total .subtotal   { width:100%; background-color:#eee; float:right; height:30px; padding-top:10px; }
#cart_total .shipping   { width:100%; background-color:#ddd; float:right; height:30px; padding-top:10px; }
#cart_total .grandtotal { width:100%; background-color:#ccc; float:right; height:30px; padding-top:10px; border-top:3px double #000; font-weight:bold; }
#cart_total .name  { float:left;  width:150px; }
#cart_total .value { float:right; width:110px; padding-right:10px; text-align:right; }
#cart_total .coupon { width:100%; background-color:#eee; float:right; height:30px; padding-top:10px; }
#cart_total #zip { float:right; }

form input { float:right; width:auto; font-weight:bold; }

#modalOverlay { height:100%; width:100%; position:fixed; left:0; top:0; z-index:3000; background-color:#000; cursor:wait; }
#modalContainer { height:400px; width:600px; position:fixed; left:50%; top:15%; margin-left:-300px; z-index:3100; background-color:#fff; border:3px solid #669; }
#modalContainer a.modalCloseImg { background:url(boggus); width:600px; height:400px; display:inline; z-index:3200; position:absolute; top:0px; left:0px; cursor:pointer; }
#modalContainer #basicModalContent { padding:8px; }

.error { float:left; width:100%; color:red; }
pre { float:left; vertical-align:bottom; color:blue; }