body { background-color:#444; margin:0px; padding:0px; color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:130%; }

#print-title { display: none; }

img { border:0px; }
p { margin: 0px 0px 10px 0px; }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:130%; }
form { margin:0px; }

#wrapper{ width:1000px; margin:0 auto; }
#main {  float:left; width:960px; padding:0px 20px; background:url(bg-shadow.png) repeat-y top left; }
#header { float:left; width:920px; padding:0px 20px; height:100px; background-color:#01A1DF; }
#header .designsupremo { float:left; width:400px; padding-top:29px; }

#header .search { float:right; padding-top:35px; }
#q { float:left; border:0px; padding:8px 5px 0px; height:22px; font-size:13px; width:190px; }
#q-submit { float:left; margin-left:10px; }

#menu { float:left; width:960px; margin:0px; padding:10px 0px; background:url(bg-menu.png) repeat top left #2FAFE4; font-weight:bold; }

#nav { float:left; position:relative; display:block; margin:0; padding:0 20px; list-style:none; background:#00A1DF;}     
#nav li { float:left; display:block; width:130px; background:#00A1DF; position:relative; z-index:500; margin:0px 4px 0px 0px; }  
#nav li a { display:block; padding:8px 0px 0px; height:22px; color:#FFF; background:url(bg-menu.gif) top left no-repeat #00A1DF; text-align:center; }  
#nav li a:hover { color:#FF0; background:url(bg-menu.gif) top left no-repeat #444; }  
#nav ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; }  
#nav ul li { width:130px; float:left; border-top:1px solid #fff; background:#00A1DF; }  
#nav ul a { display:block; height:22px; padding-top:8px; color:#FFF; background:#00A1DF;}  
#nav ul a:hover { color:#FF0; background:#444; } 

#nav li.basket { float:left; display:block; width:250px; background:#00A1DF; position:relative; z-index:500; margin:0px; }  
#nav li.basket a { display:block; padding:8px 0px 0px; height:22px; color:#FF0; background:url(bg-menu-basket.gif) top left no-repeat #00A1DF; text-align:center; }  
#nav li.basket a:hover { color:#FFF; background:url(bg-menu-basket.gif) top left no-repeat #444; }  

*html #nav ul { margin:0 0 0 -2px; } 

#content { float:left; width: 960px; background-color:white; }

#newsletter { float:left; width:920px; padding:20px; background-color:#FFFF00; }
#newsletter .left { float:left; width:720px; }
#newsletter .right { float:right; width 2000px; padding-top:2px; }
#newsletter-email { float:left; border:0px; padding:8px 5px 0px; height:22px; font-size:13px; width:130px; }
#newsletter-submit { float:left; margin-left:10px; }

#artists { float:left; width:940px; margin-top:20px; padding:20px 0px 20px 20px; clear:both; background-color:#E6E6E6; }
#artists .column { float:left; width:136px; margin-right:20px; border-top:1px solid #CCC; padding-top:10px; }
#artists a { font-weight:normal; }

#footer { float:left; width:920px; padding:20px 40px 60px; background:url(bg-shadow-footer.png) no-repeat bottom left; clear:both; color:#666; }
#footer a { color:#666; text-decoration:none; font-weight:normal; font-style:normal; }
#footer a:hover { text-decoration:underline; }

a { color:#444; font-weight:bold; text-decoration:none }
a:hover { text-decoration:underline; }

p.number { margin-left:12px; text-indent:-12px; }

h1 { color:#FFFFFF; background-color:#00A1DF; text-transform:uppercase; font-size:100%; padding:8px 20px 0px; height:22px; margin:0px 0px 20px 0px; }
h1.greybg { background-color:#444444; }
h2 { text-align:center; background-color:#00A1DF; margin:0px 0px 20px 0px; padding:8px 0px 0px; height:22px; font-weight:normal; text-transform:uppercase; color:#FFFFFF; font-size:100%; }
h2.greybg { background-color:#444444; }

.page { float:left; width:760px; background-color:#FFFFFF; }
.page .col { float:left; width:180px; margin:12px 12px 112px 12px; }
.page .wide-col { float:left; width:372px; margin:12px 12px 112px 12px; }

.twocolumn { background-color:#FFFFFF; float:left; width:180px; padding:13px 0px 113px 13px; width:367px; }
.twocolumn-form { float:left; width:365px; padding-bottom:8px; border-bottom:1px solid #CCC; }
.twocolumn-form .row { float:left; width:365px; padding-bottom:5px; }
.twocolumn-form .row .field { float:left; font-weight:bold; width:100px; padding-top:4px; color:#00A1DF; }
.twocolumn-form .row .data { float:left; width:264px; }
.twocolumn-form .row .text { float:left; width:264px; padding-top:4px; }

.list p { margin-left:10px; text-indent:-10px; margin-bottom:6px; }

.row { float:left; width:960px; }
.highlight { color:#FFFF00; }
.blue { color:#00A1DF; }
.white { color:#FFFFFF; }
.cyan { color:#FF00FF; }
.yellow { color:#FFFF00; }
.grey, .timestamp { color:#666; }
.hint, .midgrey { color:#888; }
.disabled {color:#CCC; }
.left { float:left; }
.lightgrey { background-color:#E6E6E6; }
.error { color:#CC0000; }
.clear { clear:both }
.caps { text-transform: capitalize; }
.tmargin { margin-top:20px; }

p.underline { padding-bottom:13px; border-bottom:1px solid #E0E0FF; }

.smallprint { font-size:90%; line-height:108%; }
.securetrading { font-size:9px; line-height:11px; margin:0px; }

.whitebox { float:left; background-color:#FFFFFF; padding:20px; }
.darkbox { float:left; background-color:#444; padding:13px; color:#FFFFFF; }
.bluebox { float:left; background-color:#00A1DF; padding:13px; color:#FFFFFF; }
.yellowbox { float:left; background-color:#FFFF00; padding:13px; color:#444; }

.hp-header { float:left; width:960px; margin-top:20px; }
.hp-intro { float:left; width:920px; padding:20px 20px 10px; line-height: normal; }
.hp-image { float:left; width:545px; height:260px; overflow: hidden; padding:0px; margin:0px 20px; }
.hp-pod { float:left; width:355px; background-color:#E6E6E6; }
.hp-pod-header { float:left; width:355px; text-transform:uppercase; background-color:#00A1DF; color:white; padding:10px 0px; height:15px; font-size:12px; text-align:center; font-weight:bold; }
.hp-pod a.twitter { color:white; background:url(icon-twitter-small.png) 0px 2px no-repeat; padding:5px 0px 5px 30px; }
.hp-pod-content { float:left; padding:20px; width:315px; height:45px; }
.hp-footer { float:left; width:920px; margin-bottom:20px; padding:20px 20px 10px; color:white; background-color: #00A1DF; }
.hp-footer a { text-decoration: none; color:white; }
.row-title { float:left; width:920px; margin:20px; background-color:#00A1DF; color:white; padding:10px 0px; height:15px; text-align:center; font-weight:bold; }

.shop-header { float:left; width:900px; margin:20px; background-color:#444; color:white; padding:0px 10px 0px; height:30px; }
.shop-header a { font-weight:bold; color:#FFF; }
.shop-header .current { color:#FF0; font-weight:bold; }
.shop-header .shop-filter { float:left; }
.shop-header .shop-filter h1 { margin:0px; padding-top: 8px; }
.shop-header .shop-filter .breadcrumb { float:left; padding-top:8px; }
.shop-header .shop-paging { float:right; padding-top:8px; }
.shop-header sup { line-height:40%; font-size:13px; }
.shop-header sup a { color:#F0F; }

.apology { float:left; width:920px; padding:20px 20px 40px; font-size:24px; line-height:110%; }

.footer-paging { float:right; width:700px; padding:0px 20px 20px; text-align:right; }
.footer-paging a.current { color:#00A1DF; }

.shop { float:left; width:920px; margin:0px 20px; }
.shop .sidebar { float:left; width:168px; margin:-2px 0px 20px; }
.shop .sidebar .sidebar-head { float:left; width:148px; margin-top:2px; padding:8px 10px 0px; height:22px; font-weight:bold; color:white; cursor: pointer; }
.shop .sidebar .sidebar-pod { float:left; background-color:#E6E6E6; width:148px; padding:10px; }
.shop .sidebar a { font-weight:normal; }
.shop .sidebar a.current { font-weight:bold; color:#00A1DF; }

.shop .bio-title { float:left; width:336px; margin:0px 0px 20px 20px; background-color:#00A1DF; color:white; padding:8px 10px 0px; height:22px; }
.shop .bio-title strong { color:#FF0; }
.shop .bio-detail { float:left; width:356px; margin-bottom:20px; }
.shop .bio-detail b { color:#00A1DF; }
.shop .bio-detail .bio-print { float:left; width:376px; margin-bottom:20px; }

.black1 { background-color:#444; }
.black2 { background-color:#555; }
.black3 { background-color:#666; }
.black4 { background-color:#777; }
.black5 { background-color:#888; }
.black6 { background-color:#999; }

.shop .shop-row { float:right; width:752px; margin-bottom:20px; }
.shop .artist-row { float:left; width:940px; margin:0px 0px 20px -20px; }

.shop-product { float:left; width:168px; margin-left:20px; position:relative; }
.shop-product img { padding-bottom:4px; }
.shop-product .price { position:absolute; left:0px; top:148px; padding:3px 8px 0px; height:17px; background-color:#FF0; }
.shop-product .price a { color:#00A1DF; font-weight:bold; }
.shop-product .price .sale { text-decoration:line-through; }
.shop-product .new { color:#FF0; background-color:#F0F; }
.shop-product .new a { color:#FF0; }

.shop-detail { float:left; width:920px; margin:0px 20px; }
.related { float:left; clear:both; width:940px; margin:0px 20px 20px 0px; }
.shop-detail .big-image { float:left; background-color:#E6E6E6; width:450px; height:450px; margin-right:20px; }

.shop-detail .product-detail { float:left; width:450px; }
.shop-detail .detail-row { float:left; width:450px; border-top:1px solid #CCC; padding:18px 0px 3px; }
.shop-detail .detail-row .title { float:left; width:305px; }
.shop-detail .detail-row .title h1 { margin:0px; padding:0px; background-color:transparent; text-transform:none; color:#00A1DF; font-weight:bold; font-size:16px; line-height:16px; height:auto; }
.shop-detail .detail-row .title h2 { margin:0px; padding:0px; background-color:transparent; text-transform:none; color:#00A1DF; text-align:left; font-weight:bold; font-size:12px; line-height:21px; margin-bottom:11px; height:auto; }
.shop-detail .detail-row .price { float:right; width:140px; color:#00A1DF; text-align:right; font-size:38px; font-weight:bold; line-height:34px; margin:0px; }
.shop-detail .detail-row .price .sale { text-decoration:line-through; font-weight:normal; font-size:16px; line-height:16px; }
.shop-detail .description { float: left; overflow:auto; height:221px; width:450px; }
.shop-detail .description-row { float:left; width:98%; border-top:1px solid #CCC; padding:18px 2% 6px 0px;  }
.shop-detail .description-detail { float:left; width:98%; border-top:1px solid #CCC; padding:18px 2% 0px 0px;  }
.shop-detail .detail-basket { float:left; margin-top:20px; }
.shop-detail .detail-basket .option { float:left; width:179px; padding:8px 0px 0px; height:22px; text-align:center; color:white; background-color:#00A1DF; margin-right:1px; }
.shop-detail .detail-basket .quantity { float:left; width:89px; padding:5px 0px 0px; height:25px; text-align:center; background-color:#00A1DF; margin-right:1px; }
.shop-detail .detail-basket .button { float:left; width:180px; }
.shop-detail .detail-basket .button a { float:left; width:180px; text-align: center; text-transform: uppercase; background-color:#F0F; color:#FF0; padding:8px 0px 0px; height:22px; }
.shop-detail .detail-basket .button a:hover { background-color:#444; }
.shop-detail .out-of-stock { float:left; margin-top:20px; width:450px; text-align:center; color:#FF0; background-color:#F0F; padding:8px 0px 0px; height:22px; text-transform: uppercase; font-weight:bold; }
.shop-detail .out-of-stock a { color:#FF0; }
.shop-detail .thumbnails { float:left; width:450px; margin-top:20px; }
.shop-detail .thumbnails .thumb { float:left; width:89px; margin-right:1px; }
.shop-detail .share { float:left; width:180px; padding-top:20px; height:69px; text-align:center; background-color:#E6E6E6; }
.shop-detail .share img { padding:2px; }

.form { float:left; }
.form .row { float:left; width:404px; padding-bottom:5px; }
.form .row .field { float:left; font-weight:bold; width:110px; padding-top:4px; }
.form .row .data { float:left; width:294px; }
.form .input { width:246px; padding:3px; border:1px solid #999; }

.pagespan { float:left; color:#444; margin-top:13px; }
.pagespan strong { font-size:120%; color:#444; margin-right:2px; }
.pagespan a { margin-right:2px; color:#00A1DF; }

#supersize { float:left; display:none; }
#supersize img { padding:0px 20px; }

.interview-top { float:left; background-color:#444; padding:13px; width:354px; }
.interview-top strong { color:#FFFF00; }
.interview-top a { font-weight:normal; color:#fff; }

.interview { float:left; background-color:#FFFFFF; padding:13px; width:354px; }
.interview b { color:#00A1DF; }

.interviewlist { float:left; width:354px; padding:0px 0px 13px 13px; }
.interviewlist .interviewee { position:relative; float:left; background-color:#444; padding:13px; color:#FFF; margin-top:13px; }
.interviewlist .interviewee a { color:#FFFF00; }
.interviewlist .interviewee .text { float:left; padding-top:26px; width:264px; }
.interviewlist .interviewee .img { float:left; width:64px; }
.interviewlist .current { background-color:#00A1DF; }
.interviewlist .product {  width:328px; float:left; background-color:#00A1DF; margin-top:1px; padding:13px; color:#FFF; }
.interviewlist .product a { color:#FF0; }

.page-heading { float:left; width:920px; padding:12px 0px 22px; margin:0px 20px 40px; border-bottom:1px solid #CCC; line-height: normal; }
.page-main { float:left; width:920px; padding-bottom:40px; margin:0px 20px; }
.page-main .col-narrow { float:left; width:168px; }
.page-main .col-wide { float:left; width:356px; margin-left:20px; }

.col3 { float:left; background:url(bg-3col.png) top left repeat-y #E0E0E0; border-top:21px solid #E0E0E0; border-bottom:20px solid #E0E0E0; padding-left:21px; width:939px; }
.col3 .col { float:left; width:292px; margin-right:21px; background-color: white; }
.col3 .col .form { float:left; padding:0px 20px 0px; width:252px; }
.col3 .col .form p { margin-bottom:10px; }
.col3 .col .form label { }
.col3 .col .form .input { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:130%; }
.col3 .col .form input.input { width:242px; padding:4px; border:1px solid #999; margin-bottom:5px;  }
.col3 .col .form textarea.input { width:242px; padding:4px; border:1px solid #999; margin-bottom:5px;  }
.col3 .col .form select.input { width:252px; margin-bottom:5px;  }
.col3 .col .form .checkbox { float:left; width:252px; margin-bottom:5px; }
.col3 .col .form .checkbox .checkboxlabel { float:left; width:222px; padding-top:2px; }
.col3 .col .form .checkbox .checkboxfield { float:left; width:30px; }

.mybasket { float:left; padding:0px 20px 0px; width:252px; }
.mybasket .item { float:left; padding:10px; width:232px; background-color:#00A1DF; margin-bottom:20px; }
.mybasket .item .row { float:left; width:232px; }
.mybasket .item .row .detail { float:left; width:144px; color:#FFFFFF; }
.mybasket .item .row .image { float:left; width:88px; }
.mybasket .item .row .quantity { float:left; width:144px; }
.mybasket .item .row .quantity select { width:130px; }
.mybasket .item .row .quantityfixed { float:left; width:144px; color:#FFFFFF; font-weight:bold; padding-top:4px; }
.mybasket .item .row .linetotal { float:left; width:88px; color:#00A1DF; height:18px; padding-top:4px; background-color:#FFFF00; text-align:center; font-weight:bold; }

.mybasket .summary { float:left; margin-bottom:20px; width:232px; padding:8px 10px 6px; font-weight:bold; color:#FFF; background-color:#FF00FF; }
.mybasket .summary .label { float:left; width:162px; }
.mybasket .summary .value { float:left; width:70px; text-align:right; }

.mybasket .coupon { float:left; margin-bottom:20px; width:252px; }
.mybasket .coupon .label { float:left; width:252px; font-weight: bold; color:#00A1DF; margin-bottom: 2px; }
.mybasket .coupon .field { float:left; width: 126px; margin-right:1px; }
.mybasket .coupon .field input { width:116px; padding:7px 4px 0px; border:1px solid #999; height:21px; }
.mybasket .coupon .button { float:left; width: 125px; }
.mybasket .coupon .button a { float:left; width:125px; text-align: center; background-color:#00A1DF; color:#FF0; padding:8px 0px 0px; height:22px; }


.mybasket .buttons { float:left; width:252px; padding-bottom:20px; }
.mybasket .buttons .col1 { float:left; width:126px; margin-right:1px; }
.mybasket .buttons .checkout { float:left; width:125px; }
.mybasket .buttons .col1 .button { float:left; width:126px; text-align: center; background-color:#00A1DF; color:#FF0; padding:8px 0px 0px; height:22px; margin-bottom: 1px; }
.mybasket .buttons .col1 .button:hover { background-color:#444; }
.mybasket .buttons .checkout .button { float:left; width:125px; text-align: center; text-transform: uppercase; background-color:#F0F; color:#FF0; padding:39px 0px 0px; height:53px; margin-bottom: 1px; }
.mybasket .buttons .checkout .button:hover { background-color:#444; }

.col2 { float:left; background:url(bg-2col.png) top left repeat-y #E6E6E6; border-top:20px solid #E6E6E6; border-bottom:20px solid #E6E6E6; padding-left:20px; width:940px; }
.col2 .col { float:left; width:450px; margin-right:20px; padding-bottom:0px; background-color:white; }

.form2 { float:left; width:410px; padding:0px 20px; }
.form2 .row { float:left; width:410px; padding-bottom:6px; }
.form2 .row .field { float:left; font-weight:bold; width:120px; padding-top:4px; }
.form2 .row .data { float:left; width:290px; }
.form2 input.input { width:280px; padding:4px; border:1px solid #999; }
.form2 select.input { width:290px; }

.profile { float:left; padding:0px 20px; width:252px; }
.profile .row { float:left; margin-bottom:6px; width:252px; padding-bottom:6px; border-bottom:1px solid #CCC; }
.profile .row .field { float:left; width:80px; color:#00A1DF; font-weight:bold; }
.profile .row .data { float:left; width:172px; }

.recentorder { float:left; width:252px; margin:0px 20px; }
.recentorder .order { float:left; padding:10px; width:232px; background-color:#00A1DF; margin-bottom:20px; }
.recentorder .order .row { float:left; width:232px; }
.recentorder .order .row .title { float:left; width:100px; color:#FFFFFF; }
.recentorder .order .row .field { float:left; width:62px; color:#FFFFFF; font-weight:bold; }
.recentorder .order .row .data { float:left; width:70px; color:#FFFFFF; }
.recentorder .order a { color:#FFFF00; text-decoration:underline; }

#loading { display:none; position:absolute; top:138px; left:0px; width:734px; padding:13px; background-color:#FF00FF; font-size:150%; -moz-opacity:0.9; filter:alpha(opacity=90); opacity:0.9; }
#loading-text { display:none; position:absolute; top:138px; left:0px; width:734px; padding:13px; color:#FFFF00; font-size:150%; font-weight:bold; }

.ordersummary { float:left; padding:0px 20px 0px; width:252px; }
.ordersummary .row { float:left; margin-bottom:6px; width:252px; padding-bottom:6px; }
.ordersummary .row .field { float:left; width:100px; font-weight:bold; }
.ordersummary .row .data { float:left; width:152px; text-align:right; }

.itemsummary { float:left; padding:0px 20px 0px; width:252px; }
.itemsummary .row { float:left; margin-bottom:6px; width:252px; padding-bottom:6px; }
.itemsummary .row .item { float:left; width:170px; }
.itemsummary .row .price { float:left; width:82px; text-align:right; }

.pod { float:left; width:252px; background-color:#E6E6E6; padding-bottom:11px; margin-bottom:20px; }
.pod p { margin:0px 20px 9px; }

.table { float:left; }
.table .row { float:left; border-bottom:1px solid #CCC; padding:7px 0px 3px 0px; }
.table .row .column { float:left; }

.hiddenbutton { display: none; }
.button100 { float:right; width:100px; text-align: center; text-transform: uppercase; background-color:#00A1DF; color:#FF0; padding:8px 0px 0px; height:22px; margin-bottom: 20px; }
.button100:hover { background-color:#444; }

.button252 { float:right; width:252px; text-align: center; text-transform: uppercase; background-color:#00A1DF; color:#FF0; padding:8px 0px 0px; height:22px; margin-bottom: 20px; }
.button252:hover { background-color:#444; }

.buttonShop { float:right; width:252px; text-align: center; text-transform: uppercase; background-color:#F0F; color:#FF0; padding:8px 0px 0px; height:22px; margin-bottom: 20px; font-size:12px; line-height:130%; }
.buttonShop:hover { background-color:#444; }