body { background:#524529; font-family:Trebuchet MS, Tahoma, helvetica, Arial, sans-serif; color:#fff; margin:0 auto; width:1000px }

p { margin-top:0; padding-top:0; font-size:80% }
a { color:white; text-decoration:underline }
a:hover { color:#fcaf17 }
img { border:0 }
h1 { font-size:190%; color:#fcaf17; font-weight:normal }
h2 { font-size:110%; color:#fcaf17; font-weight:normal; margin-bottom:0; padding-bottom:0 }
h3 { font-size:100%; color:#fcaf17 }
hr { height:1px; border:0; color:#fff; background:#fff }
ul, ol { margin:20px 0 0; padding:0 0 0 2em; font-size:80% }
li { padding:3px 0; color:#fcaf17 }
li p { margin:0; padding:0; color:white; font-size:105% }



#leftcolumn { float:left; width:261px }


.mainmenu { position:relative; width:261px; margin-bottom:50px; font-size:115%  }
.mainmenu .vertical { position:absolute; top:0; left:0; width:22px; height:359px; background:url(graphics/mainmenu/vertical.gif) 0 0 no-repeat }
.mainmenu .spacer { height:23px }
.mainmenu .option { float:left; clear:left; height:38px; margin:0 0 2px 10px; padding-right:30px; padding-left:17px; background:url(graphics/mainmenu/bg-button.gif) 100% 50% no-repeat; cursor:pointer }
.mainmenu .option_on { float:left; clear:left; height:38px; margin:0 0 2px 10px; padding-right:30px; padding-left:17px; background:url(graphics/mainmenu/bg-button-on.gif) 100% 50% no-repeat; cursor:pointer }
.mainmenu .option p, .mainmenu .option_on p { margin:0; padding:8px 0 0 }
.mainmenu .option a { padding-left:15px; color:#3d341f; background:url(graphics/arrows/white-right.gif) 0 50% no-repeat; text-decoration:none }
.mainmenu .option_on a { padding-left:15px; color:#d99102; background:url(graphics/arrows/dorange-right.gif) 0 50% no-repeat; text-decoration:none }
.mainmenu .option a:hover, .mainmenu .option:hover a { color:#fff }
.mainmenu .option_on a:hover, .mainmenu .option_on:hover a { color:#3d341f }




#contentlayout { float:right; width:700px; padding-top:25px; text-align:right }

.generic { text-align:left }


.productthumbs { height:170px }
.productthumbs a { text-decoration:none }
.productthumbs .option { float:right; width:90px; margin:0 0 0 12px; font-size:105%; border-right:1px dashed #a19a8b }
.productthumbs .option p { margin:0 7px 0 0; padding:0 }
.productthumbs .tshirts { width:auto; margin-left:12px; padding:0; border:0; text-align:center }
.productthumbs .tshirts p { margin:0 }
.productthumbs .tshirts img { margin-bottom:5px }
.productthumbs .swatch { display:none; width:80px; height:20px; margin:5px 5px 0 0 }



.homepage { margin:63px 0 20px }
.homepage .headline { float:left; width:215px }
.homepage a { text-decoration:none }
.homepage h1 { font-weight:normal; margin-top:0 }
.homepage h2 { margin-bottom:30px; color:#fff; font-size:130%; font-weight:normal; font-style:italic }
.homepage p.bullet { margin:8px 0; font-size:110% }
.homepage .bull { color:#fcaf17; font-size:130% }


.productlisting { text-align:left }
.productlisting .product { float:left; width:180px; margin:30px 0 0 30px; text-align:right; cursor:pointer }
html>body .productlisting .product { margin:30px 0 0 38px }
.productlisting .product .container { padding:0 12px 6px 0; border-right:1px dashed white; border-bottom:1px dashed white }
.productlisting .product h3 { margin:11px 0 0; padding:0; color:white }
.productlisting .product p { margin:10px 12px 0 0; font-size:75% }
.productlisting .product a { text-decoration:none }
.productlisting .product:hover h3 a { color:#fcaf17 }

.tshirtlisting { text-align:left }
.tshirtlisting .product { float:left; width:200px; margin:30px 0 0 10px; text-align:right; cursor:pointer }
html>body .tshirtlisting .product { margin:30px 0 0 18px }
.tshirtlisting .product .container { padding:0 12px 6px 0; border-right:1px dashed white; border-bottom:1px dashed white }
.tshirtlisting .product h3 { margin:11px 0 0; padding:0; color:white }
.tshirtlisting .product p { margin:10px 12px 0 0; font-size:75% }
.tshirtlisting .product a { text-decoration:none }
.tshirtlisting .product:hover h3 a { color:#fcaf17 }




/* Product Page */
.productpage, .tshirtpage { text-align:left }
.productpage .productinfo { float:left; width:200px }
.productpage .productimages { float:left; width:500px; text-align:right }
.tshirtpage .productinfo { float:left; width:280px }
.tshirtpage .productimages { float:left; width:400px; margin-right:20px }

.infobar { padding:5px 10px; font-size:150%; color:#fcaf17; background:#39301d }
.infobar .range { color:white }
.infobar .colour { float:right; width:220px }
.infobar .colour .title { float:right }
.infobar .colour .swatch { float:right; width:120px; height:20px; margin:4px 0 0 5px; font-size:1% }

.pricebox { margin:30px 0 15px; font-size:130%; line-height:90% }
.pricebox .title { float:left; margin-right:30px; color:#fcaf17 }
.pricebox .price { float:left }
.pricebox .price .incvat { font-size:60% }

.addtocart { float:left; margin-bottom:5px; font-size:140%; border:1px dashed white; text-align:center; cursor:pointer }
.addtocart p { margin:0; padding:10px; background:#fcaf17 }
.addtocart p a { padding-left:23px; background:url(graphics/cart-white.gif) 0 40% no-repeat; text-decoration:none }
.addtocart p:hover { background:#fff }
.addtocart p:hover a { color:#3d341f; background:#fff url(graphics/cart-brown.gif) 0 40% no-repeat }
.addtocart p a:hover { color:#3d341f; background:url(graphics/cart-brown.gif) 0 40% no-repeat }

.viewshoppingcart { float:left; border:1px dashed white; text-align:center; cursor:pointer }
.viewshoppingcart p { margin:0; padding:5px 12px; background:#756a54 }
.viewshoppingcart p a { text-decoration:none }
.viewshoppingcart p:hover a, .viewshoppingcart p a:hover { color:#fcaf17 }

.productpage .thumbs { margin:15px 0 35px; font-size:90% }
.productpage .thumbs a img { margin-left:13px; border:1px solid black }
.productpage .thumbs a img:hover { border:1px solid white }

.accessory { margin-top:70px }
.accessory h2 { margin-bottom:12px }
.accessory img { margin:0 0 0 15px }
.accessory .priceandbuy { float:right; width:150px }
.accessory .pricebox { margin-top:0 }




/* Shopping Cart */
.shoppingcart { text-align:left }
.shoppingcart .title { float:left; width:290px }
.shoppingcart .title a { color:#fcaf17 }
.shoppingcart .title a:hover { color:#fff }
.shoppingcart .quantity {float:left; width:100px; text-align:center }
.shoppingcart .itemprice { float:left; width:100px; text-align:right }
.shoppingcart .itemtotal { float:left; width:100px; color:#fcaf17; text-align:right }

.shoppingcart .remove { float:left; width:100px; font-size:80%; text-align:center }
.shoppingcart .remove .button { float:right; border:1px dashed #fff; cursor:pointer }
.shoppingcart .remove .button p { margin:0; padding:5px 12px; background:#756a54 }
.shoppingcart .remove .button p a { text-decoration:none }
.shoppingcart .remove .button p:hover a, .shoppingcart .remove .button p a:hover { color:#fcaf17 }

.paymentmethod { float:left; width:170px; margin:20px 30px 0 0; border:2px dashed white; font-size:120%; text-align:center; cursor:pointer }
.paymentmethod p { margin:0; padding:10px; background:#756a54 }
.paymentmethod p a { text-decoration:none }
.paymentmethod:hover { border:2px dashed #fcaf17 }
.paymentmethod:hover p a { color:#fcaf17 }
.paymentmethod img { margin-top:10px }



.competitionbanner { float:right; width:452px; height:45px; margin-bottom:20px; font-size:150%; background:url(graphics/competition/bg-banner.gif) 0 0 no-repeat }
.competitionbanner a { text-decoration:none }
.competitionbanner:hover { background:url(graphics/competition/bg-banner-over.gif) 0 0 no-repeat }
.competitionbanner p { margin:0; padding:10px 25px 0 0 }



.features .thumb { float:right; width:100px; margin:10px 0 0 13px; font-size:80% }
.features .thumb a { text-decoration:none }
.features .thumb img { border:1px solid black }
.features .thumb img:hover { border:1px solid #fcaf17 }



.gallerybanner { margin-left:30px; padding-left:10px; background:url(graphics/gallery/picture-frame.gif) 0 0 no-repeat }
.gallerybanner img { position:relative; top:23px; left:13px; margin-bottom:30px }
.gallerybanner h3 { margin-bottom:5px }
.gallerybanner p { margin:0; padding:0; font-size:90% }

.tshirtsbanner { margin-top:30px; font-size:80%; text-align:center }
.tshirtsbanner a { text-decoration:none }
.tshirtsbanner img { margin-bottom:10px }
.tshirtsbanner .title { font-size:140%; color:#fcaf17 }




/* Gallery */
.gallery { text-align:left }
.gallery .gallerybanner { float:right; width:190px; height:180px; text-align:right }
.gallery .gallerybanner img { position:relative; top:23px; left:-31px }

.row1 { position:relative; height:420px }
.row1 .frame1 { position:absolute; width:212px; height:238px; top:0; left:10px; background:url(graphics/gallery/row-1-1.gif) 0 0 no-repeat }
.row1 .frame1 img { margin:31px 0 0 30px }
.row1 .frame2 { position:absolute; width:157px; height:196px; top:23px; left:239px; background:url(graphics/gallery/row-1-2.gif) 0 0 no-repeat }
.row1 .frame2 img { margin:24px 0 0 23px }
.row1 .frame3 { position:absolute; width:240px; height:325px; top:65px; left:412px; background:url(graphics/gallery/row-1-3.gif) 0 0 no-repeat }
.row1 .frame3 img { margin:33px 0 0 31px }
.row1 .frame4 { position:absolute; width:157px; height:122px; top:265px; left:0; background:url(graphics/gallery/row-1-4.gif) 0 0 no-repeat }
.row1 .frame4 img { margin:12px 0 0 12px }
.row1 .frame5 { position:absolute; width:211px; height:163px; top:239px; left:180px; background:url(graphics/gallery/row-1-5.gif) 0 0 no-repeat }
.row1 .frame5 img { margin:12px 0 0 13px }
.row3 { position:relative; height:320px }
.row3 .frame1 { position:absolute; width:416px; height:304px; top:0; left:21px; background:url(graphics/gallery/row-3-1.gif) 0 0 no-repeat }
.row3 .frame1 img { margin:31px 0 0 31px }
.row3 .frame2 { position:absolute; width:151px; height:304px; top:0; left:472px; background:url(graphics/gallery/row-3-2.gif) 0 0 no-repeat }
.row3 .frame2 img { margin:17px 0 0 17px }




/* General */
.formbutton { float:left; margin-bottom:5px; font-size:140%; border:1px dashed white; text-align:center; cursor:pointer }
.formbutton p { margin:0; padding:10px 20px; background:#fcaf17 }
.formbutton p:hover { background:#fff }
.formbutton p:hover a, .formbutton p a:hover { color:#3d341f }



.footer { padding:40px 0; font-size:75% }
.footer img { margin-right:3px; vertical-align:baseline }
.footer a { margin-right:8px; text-decoration:none }
.footer hr { height:2px; border:0; color:#fcaf17; background:#fcaf17 }
.copyright { float:right; color:#a9a294; text-align:right }
.copyright a { margin-right:0; color:#a9a294; text-decoration:none }
.credit { margin-top:7px; font-size:90%; color:#7d745f }
.credit a { margin-right:0; color:#7d745f }
.copyright a:hover, .credit a:hover { color:#fcaf17 }




.floatleft { float:left }
.floatright { float:right }
.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_left { clear:left; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }

#trace, .trace { border:solid 1px #ff0000 }