* { margin: 0; padding: 0; }
body { background-color: #E6DFC3; font-family: arial; }
a { text-decoration: none; color:#F02A33; }

#container { position: absolute; left: 0; width: 804px; padding-bottom: 30px; background:#FFF url("images/bg.jpg") no-repeat; border-right: 4px solid #EEEBD6; }
#narrowcolumn { float: left; width: 224px; display: inline; }
#widecolumn { float: left; width: 550px; /*height: 1183px;*/ margin-top: 5px; display: inline; }

#sidenav { width: 199px; float: left; background: url("images/side.gif") no-repeat #F6F6F0; padding: 7px 0 15px 0; border-bottom: 4px solid #F02A33; }
#sidenav a:hover { color: #FF0000; }
.checkoutbox { float: right; width: 155px; height: 57px; padding: 10px; background: url("images/checkout.gif") no-repeat; }

#breadcrumbs { float: left; width: 550px; } #spotlight { float: left; width: 550px; height: 200px; }
#spotinfo { position: absolute; top:120px; right:100px; padding: 10px; width: 172px; height: 80px; background-color: #FFF; }
.greybox { float: left; width: 530px; margin-top: 10px; padding: 10px 10px 0 10px; background-color: #E5E5DE; }

* html .greybox /*hack for IE*/ { float: left; width: 545px; margin-top: 10px; padding: 10px 10px 0 10px; background-color: #E5E5DE; }

.redbox { float: left; width: 518px; margin-top: 10px; padding: 10px 10px 5px 10px; color:#FFF; background-color: #F02A33; }
* html .redbox /*hack for IE*/ { float: left; width: 533px; margin-top: 10px; padding: 10px 10px 5px 10px; color:#FFF; background-color: #F02A33; }
.aboutbox { float: left; width: 518px; margin-top: 10px; padding: 10px 10px 10px 10px; background-color: #E5E5DE; }


#main { float: left; margin-top: 10px; width: 538px; border: 1px solid #E6DFC3; background-color: #F7F6F6; padding: 5px 5px 20px 5px; height: 100%; }
#submain { float: left; margin-top: 10px; width: 538px; font-family: arial; }
#item_main { float: left; margin-top: 10px; padding-bottom: 10px; width: 538px; font-family: arial; border-bottom: 1px solid #D5CEA6; }

.itemleft { float: left; width: 165px; margin-top: 10px; font-size: 11px; color: #000; }
.itemmiddle { float: left; width: 165px; margin-top: 10px; margin-left: 17px; font-size: 11px; color: #000; }
.itemright { float: right; width: 165px; margin-top: 10px; margin-right: 3px; font-size: 11px; color: #000; }
.rowWrapper { clear: both; }
.rowWrapper a:hover { color: #000; } 
.catbar { float: left; width: 163px; margin-top: 5px; margin-bottom: 10px; background-color: #EEEBD6; font-size: 15px; padding: 2px 0 2px 2px; color: #000; }

div.artistInList { clear: both; margin-bottom: 20px; }
div.artistInList img { margin-bottom: 20px; }

/*shopping cart */ 
#shoppingcart { float: left; width: 538px; font-size: 12px; color: #000; }
#shoppingcart a:hover { color: #000; }
.shoppingrow { float: left; padding: 25px 5px; width: 528px; border-bottom: 1px solid #D5CEA6; }
div.shoppingrow p { margin-bottom: 10px; }
.aboutrow { float: left; padding: 5px; width: 528px; }
.add { float: right; position: relative; bottom:20px; right: 70px; }

.biggerrow { float: left; padding:5px 5px 15px 5px; width: 528px; border-bottom: 1px solid #D5CEA6; }
.lastrow { float: left; padding: 5px; width: 528px; }
.lefty { float: left; width:82px; margin-right:5px; font-size: 11px; display: inline; }
div.iDesc { width: 170px; }
.righty { float: right; width: 82px; display: inline; }
.longyleft { float: left; width:150px; margin-right:5px; font-size: 11px; display: inline; }
.longyright { float: right; width:130px; margin-right:5px; font-size: 11px; display: inline; }
.cartpic { width: 56px; height: 56px; float: left; display: inline; background-color: #FFF; border: 2px solid #eee; }
div.cartpic img { margin: 3px; }
div.deleteButt { padding: 4px 0 0 0; width: 68px; }
div.thumbDiv { width: 70px; }

#checkoutContainer { padding-top: 60px; }
#checkoutContainer h1 { font-size: 17px; margin: 0px; padding: 0px; margin-top: 10px; }
#checkoutContainer td { padding: 5px; }

table#shippingCalc { font-size: 12px; }
td#finalPrice { color: #ff0000; }

/*tools*/

.floater { float: right; position: relative; bottom: 18px; right: 60px; }
.send { position: absolute; right: -55px; } .spotty { position: absolute; top:56px; }
* html .spotty /*hack for IE*/ { position: relative; top:61px; }

.line { float: left; width: 538px; border-bottom: 1px solid #999; }
.pusher { margin-top: 20px; }


/*text*/
p { font-size: 12px; color: #000; line-height: 140%; }
p.attributeSelector { margin-top: 20px; }
p.miniSummary { padding-left: 10px; margin-bottom: 10px; }
select#sizeSelector { margin-left: 10px; margin-top: 10px; } 

input.colorRadioButt { margin: 3px; vertical-align: middle; }

.shoppingrow p, .aboutrow p { float: left; width: 320px; margin:0 0 0 5px; }


.shoppingrow h4 { margin-bottom: 5px; font-weight: normal; font-family: arial; position: relative; left: 5px; }
.shoppingrow img, .aboutrow img, #item_main img { float: left; }
.checkoutbox p { font-weight: bold; color: #FFF; line-height: 190%; margin: -3px 0 0 6px; vertical-align: top; }
.checkoutbox a { font-weight: bold; text-decoration: none; color: #FFF; }

#item_main p { width: 150px; float: left; margin-left: 10px; }

.itemright p, .itemleft p,.itemmiddle p { font-size: 11px; }

h1,h2,h3,h4,h5 { font-family: georgia; }
h3.short { width: 300px; }

div.price { padding: 20px 20px 0px 10px; float: right; font-weight: bold; text-align: right; }

#submain h1,#submain h2,#submain h3,#submain h4,#submain h5 { font-family: arial; }
#sidenav h3 { margin-top: 10px; margin-left: 30px; }
.brown { color: #816554; font-weight: lighter; }
.green { color: #636B4B; font-weight: lighter; }
.red { float: left; color:#F02A33; margin-top: 50px; }
#spotinfo h5 { color:#F02A33; padding-bottom: 3px; }

.taggy { float: left; background-color: #EEEBD6; padding: 5px 5px 5px 5px; }
.taggy:hover { background-color: #FFF; }

#spotinfo a { font-size: 12px; text-decoration: none; color:#000; font-family: arial; } /*links*/
ul { margin-top: 10px; margin-left: 13px; list-style: square url("images/arrow.gif") no-repeat; }
ul li { font-family: arial; font-size: 11px; line-height: 150%; font-weight:bold; }
ul li a { text-decoration: none; color: #000; }
img { 	border: none; }

#sidenav ul { margin-top: 10px; margin-left: 45px; list-style: square url("images/arrow.gif") no-repeat; }
#sidenav ul li { font-family: arial; font-size: 11px; line-height: 150%; font-weight:bold; }
#sidenav ul li a { text-decoration: none; color: #000; }

#breadcrumbs ul { float: right; margin-right: 5px; list-style-type: none; }
#breadcrumbs ul li { display: inline; font-family: arial; font-size: 11px; }

#breadcrumbs ul li a { text-decoration: none; display: inline; color: #000; }

#breadcrumbs ul li a:hover { color:#666; }