body { background:#fff; font-family:Verdana, Arial, helvetica, sans-serif; font-size:70%; color:#404040; width:1000px; margin:0 auto }

p { margin-top:0 }
a { color:#404040; text-decoration:none }
a:hover { color:#0000ff }
img { border:0 }
h1 { font-size:120%; color:#4c4c4c }
h2 { font-size:110%; color:#6c68c7; text-decoration:underline }
h3 { margin-bottom:0; font-size:100%; color:#4c4c4c }
hr { height:1px; border:0; color:#d4d4d4; background:#d4d4d4 }



#header { position:relative; height:120px; text-align:right }
#useraccount { position:absolute; top:4px; left:500px; width:489px; font-size:90% }
#useraccount a { text-decoration:underline }
#useraccount a:hover { color:#d90000 }
#useraccount img { margin-right:15px }
#productmenu { position:absolute; top:30px; left:585px; width:400px; height:48px }
#mainmenu { position:absolute; top:86px; left:500px; width:489px }
#mainmenu a { margin-left:12px }



#contentlayout { position:relative; left:0; top:0 }

#main { width:650px; padding-left:175px }
html>body #main { margin:0 auto; padding-left:0 }
#left { position:absolute; left:0px; top:0; width:150px; padding-left:6px }
#right { position:absolute; left:850px; top:0; width:150px; padding-right:6px }



/* Sidebars and Content */
.sidebar .head { height:22px; color:#fff; font-size:105%; font-weight:bold; background:url(graphics/sidebars/head.gif) 0 0 no-repeat }
.sidebar .head:hover {text-decoration : underline; }

.sidebar .head p { margin:0; padding:4px 0 0 10px }
.sidebar .head a { color:#fff }
.sidebar .head a:hover { color:#0000ff }
.sidebar .foot { margin-bottom:12px; height:12px; background:url(graphics/sidebars/foot.gif) 0 0 no-repeat }
.sidebar .body { padding:3px 0 5px; font-size:100%; background:url(graphics/sidebars/bg.gif) 0 0 repeat-y }
.sidebar .currencyControls { padding:7px 10px 0 5px; font-size:100%; background:url(graphics/sidebars/bg.gif) 0 0 repeat-y }

.sidebar p { margin:0 0 3px; padding:0 15px 0 10px }
.sidebar ul { margin:0; padding:0 15px 0 10px }
.sidebar li { list-style:none; padding-top:4px }
.sidebar .thumbnail { float:left; margin-right:4px; border:2px solid white }
.sidebar .price { margin:3px 0; color:inherit; font-weight:normal }
.sidebar img { margin-top:4px }

#right .sidebar .head p { margin:0; padding:4px 15px 0 0 }
#right .sidebar { text-align:right }
#right .sidebar ul { margin:0; padding:3px 15px 0 10px }
#right .sidebar .thumbnail { float:right; margin-right:0; margin-left:4px; border:2px solid white }

.sidebar .basket .head { background:url(graphics/sidebars/head-basket.gif) 0 0 no-repeat }
.sidebar .basket .head:hover .mover { text-decoration: underline; }

.sidebar .basket .head p { padding-top:0 }
.sidebar .basket .body { padding:6px 0 1px }
.sidebar .basket .price { color:#0000d9; font-weight:bold }
.sidebar .basket .qty { margin:4px 0; text-align:center }



/* Breadcrumbs */ 
#breadcrumbs { padding-bottom:5px }
#breadcrumbs img { padding:0 3px 1px }
#breadcrumbs a { color:#615ba1 }
#breadcrumbs a:hover { color:#0000ff }



/* Search Bar */
#search { height:34px; background:url(graphics/titlebars/search-bg.gif) 0 0 repeat-x; text-align:center }
html>body #search { margin-bottom:10px }
#search .searchleft { float:left; width:12px; height:34px; background:url(graphics/titlebars/search-bg-left.gif) 0 0 no-repeat }
#search .searchright { float:right; width:12px; height:34px; background:url(graphics/titlebars/search-bg-right.gif) 100% 0 no-repeat }
#search form { padding-top:5px }
#search input { vertical-align:top }



/* Title & Pagination Bars */
.titlebar { height:26px; background:url(graphics/titlebars/title-bg.gif) 0 0 repeat-x }
html>body .titlebar { margin-bottom:20px }
.titlebar .titleleft { float:left; width:12px; height:26px; background:url(graphics/titlebars/title-left.gif) 0 0 no-repeat }
.titlebar .titleright { float:right; width:12px; height:26px; background:url(graphics/titlebars/title-right.gif) 100% 0 no-repeat }
.titlebar h1 { margin-bottom:0; padding-top:4px }

.pagination { height:26px; margin-bottom:20px; text-align:center; background:url(graphics/titlebars/title-bg.gif) 0 0 repeat-x }
.pagination .paginationleft { float:left; width:12px; height:26px; background:url(graphics/titlebars/title-left.gif) 0 0 no-repeat }
.pagination .paginationright { float:right; width:12px; height:26px; background:url(graphics/titlebars/title-right.gif) 100% 0 no-repeat }
.pagination .prevnext { float:right; padding-top:5px }
.pagination .quantity { float:left; padding-top:5px; font-size:110% }
.pagination .page { padding-top:5px; font-size:110%; font-weight:bold }
.pagination .page a { padding:0 3px; font-weight:normal; text-decoration:underline }





/* Page Content */
.content { padding:0 13px }

.price { font-weight:bold; color:#0000d9 }

/*.listing .productthumb { float:left; padding:0px 10px 10px 0px;  }*/
.listing .productthumb { float:left; width:160px;}
.listing .productdetails { float:left; width:400px;}
.listing .productdetails .title { margin-bottom:5px; font-size:110%; font-weight:bold }
.listing .productdetails .showprice { float:left; width:150px; text-align:left;}
.listing .productdetails .stockavailibility { float: right; width: 210px; text-align: right;}

.pkg .productthumb { float:left; width:210px;}
.pkg .productdetails { float:left; width:350px;}
.pkg .productdetails .title { margin-bottom:5px; font-size:110%; font-weight:bold }
.pkg .productdetails .showprice { float:left; width:120px; text-align:left;}
.pkg .productdetails .stockavailibility { float: right; width: 210px; text-align: right;}

a.delivery { color:#d90000; text-decoration:underline }
a.delivery:hover { color:#0000d9 }

#productimages { float:right; margin-left:15px; width:150px; text-align:right }
#productthumbs { margin:10px 0 10px 0 }
#producttitle { font-size:130%; font-weight:bold; color:#615ba1 }
#producttitle a { color:#615ba1 }
.producttitle { font-size:130%; font-weight:bold; color:#615ba1 }
#productdesc { padding-top:10px; padding-bottom:0px }
#featureicons { margin:15px 0 }

#pricebox { float:left; width:305px; margin:0 10px 10px 0 }
#pricebox .title { color:#fff; font-weight:bold; background:#666 }
#pricebox .title .left { float:left; width:10px; height:10px; background:url(graphics/pricebox/title-tl.gif) no-repeat 0 0 }
#pricebox .title .right { float:right; width:10px; height:10px; background:url(graphics/pricebox/title-tr.gif) no-repeat 100% 0 }
#pricebox .title p { margin:0; padding:4px 0 }
#pricebox .priceboxcontent { border-left:1px solid #666; border-right:1px solid #666 }
#pricebox .price { font-size:110% }
#pricebox table { width:100% }
#pricebox td { padding:0 0 0 5px }
#pricebox p { margin:4px 2px }
#pricebox .foot { background:#cecece }
#pricebox .foot .left { float:left; width:10px; height:10px; background:url(graphics/pricebox/foot-bl.gif) no-repeat 0 100% }
#pricebox .foot .right { float:right; width:10px; height:10px; background:url(graphics/pricebox/foot-br.gif) no-repeat 100% 100% }
#pricebox .foot .middle { height:10px; background:url(graphics/pricebox/pixel-sides.gif) 0 100% repeat-x }

a.button_orange { float:left; width:141px; height:20px; padding-top:2px; color:#fff; font-size:110%; font-weight:bold; background:url(graphics/buttons/double-orange.gif) 0 0 no-repeat }
a.button_orange:hover { color:#f54b0e; background:url(graphics/buttons/double-grey.gif) 0 0 no-repeat }




/* Product Page Spry Tabbed Panel */
.tabsbutton { float:left; height:26px; background:url(graphics/buttons/single-grey-bg.gif) 0 0 repeat-x }
.tabsbutton .left { float:left; width:6px; height:26px; background:url(graphics/buttons/single-grey-left.gif) 0 0 no-repeat }
.tabsbutton .right { float:right; width:6px; height:26px; background:url(graphics/buttons/single-grey-right.gif) 0 0 no-repeat }

.tabsbutton { float:left; margin:0 4px 3px 0; background:url(graphics/buttons/single-grey-bg.gif) 0 0 repeat-x }
.tabsbutton .buttonleft { float:left; width:6px; height:26px; background:url(graphics/buttons/single-grey-left.gif) 0 0 no-repeat }
.tabsbutton .buttonright { float:left; width:6px; height:26px; background:url(graphics/buttons/single-grey-right.gif) 0 0 no-repeat }
div.tabsbutton:hover .tabsoption p { color:#fff; background:url(graphics/arrow-white-down.gif) 96% 50% no-repeat }
div.tabsbutton:hover { background:url(graphics/buttons/single-violet-bg.gif) 0 0 repeat-x }
div.tabsbutton:hover .buttonleft { background:url(graphics/buttons/single-violet-left.gif) 0 0 no-repeat }
div.tabsbutton:hover .buttonright { background:url(graphics/buttons/single-violet-right.gif) 0 0 no-repeat }
.tabsoption { float:left; padding-top:4px }
.tabsoption p { padding:0 20px 0 5px; font-size:110%; font-weight:bold; background:url(graphics/arrow-grey-down.gif) 96% 50% no-repeat }




/* Homepage */
.productbox { float:left; width:193px; padding:0 15px 20px 0 }
.productbox img { float:left; margin-right:10px }
.productbox p { margin:5px 0 0 85px }


/* Category Page Special Offers */
.catspecialoffer { margin-bottom:15px }
.catspecialoffer .header { background:#ff4227 }
.catspecialoffer .header .left { float:left; width:10px; height:10px; background:url(graphics/corners/orange-tl.gif) 0 0 no-repeat }
.catspecialoffer .header .right { float:right; width:10px; height:10px; background:url(graphics/corners/oranger-tr.gif) 100% 0 no-repeat }
.catspecialoffer .header h1 { margin:0; padding:5px 0; font-size:100%; text-transform:uppercase;  color:#fff }
.catspecialoffer .header img { margin:3px 0 0 }
.catspecialoffer .footer { height:10px; background:url(graphics/borders/orange-pixel.gif) 0 100% repeat-x }
.catspecialoffer .footer .left { float:left; width:10px; height:10px; background:url(graphics/borders/orange-bl.gif) 0 100% no-repeat }
.catspecialoffer .footer .right { float:right; width:10px; height:10px; background:url(graphics/borders/orange-br.gif) 100% 100% no-repeat }

.catspecialoffer .container  { padding:10px 10px 0 10px; border-left:1px solid #ff4227; border-right:1px solid #ff4227 }
.catspecialoffer .item { float:left; width:140px; padding-right:10px }
.catspecialoffer .item .title { margin-bottom:5px; font-weight:bold }

 
 /* Product Page Special Offers */
.specialoffer { width:450px;float:left; }
html>body .specialoffer { margin-right:0; overflow:hidden }
.specialoffer .header { background:#cc0000 }
.specialoffer .header .left { float:left; width:10px; height:10px; background:url(graphics/corners/red-tl.gif) 0 0 no-repeat }
.specialoffer .header .right { float:right; width:10px; height:10px; background:url(graphics/corners/red-tr.gif) 100% 0 no-repeat }
.specialoffer .header h1 { margin:0; padding:5px 0; font-size:100%; font-weight:normal; color:#fff }
.specialoffer .header img { margin:3px 0 0 }

.specialoffer #container { position:relative; width: 448px; height:130px; overflow:hidden; border-left:1px solid #cc0000; border-right:1px solid #cc0000 }

.specialoffer .thumb { float:left; margin:5px 0 5px 0 }
.specialoffer .thumb img { border:0; margin:0; padding:0 }
.specialoffer a { text-decoration:none }
.specialoffer .title { font-weight:bold }
.specialoffer .desc { margin:5px 0 5px 50px }
.specialoffer .footer { height:10px; background:url(graphics/borders/red-pixel.gif) 0 100% repeat-x }
.specialoffer .footer .left { float:left; width:10px; height:10px; background:url(graphics/borders/red-bl.gif) 0 100% no-repeat }
.specialoffer .footer .right { float:right; width:10px; height:10px; background:url(graphics/borders/red-br.gif) 100% 100% no-repeat }







/* --- Boxout Outline --- */
.boxout { background:url(graphics/borders/lgrey-pixel.gif) 0 0 repeat-y }
.boxout .content { padding:0 15px; background:url(graphics/borders/lgrey-pixel.gif) 100% 0 repeat-y }
.boxout .top { height:10px; background:url(graphics/borders/lgrey-pixel.gif) 0 0 repeat-x }
.boxout .top .left { float:left; width:10px; height:10px; background:url(graphics/borders/lgrey-tl.gif) 0 0 no-repeat }
.boxout .top .right { float:right; width:10px; height:10px; background:url(graphics/borders/lgrey-tr.gif) 100% 0 no-repeat }
.boxout .bottom { height:10px; background:url(graphics/borders/lgrey-pixel.gif) 0 100% repeat-x }
.boxout .bottom .left { float:left; width:10px; height:10px; background:url(graphics/borders/lgrey-bl.gif) 0 100% no-repeat }
.boxout .bottom .right { float:right; width:10px; height:10px; background:url(graphics/borders/lgrey-br.gif) 100% 100% no-repeat }

/* --- Boxout Solid --- */
.boxoutsolid { background:#e9e9ea }
.boxoutsolid .top, .boxoutsolid .bottom { height:10px }
.boxoutsolid .top .left { float:left; width:10px; height:10px; background:url(graphics/corners/lgrey-tl.gif) 0 0 no-repeat }
.boxoutsolid .top .right { float:right; width:10px; height:10px; background:url(graphics/corners/lgrey-tr.gif) 100% 0 no-repeat }
.boxoutsolid .content { padding:0 20px }
.boxoutsolid .bottom .left { float:left; width:10px; height:10px; background:url(graphics/corners/lgrey-bl.gif) 0 100% no-repeat }
.boxoutsolid .bottom .right { float:right; width:10px; height:10px; background:url(graphics/corners/lgrey-br.gif) 100% 100% no-repeat }




/* --- Product Menu --- */
ul.slidingmenu, ul.slidingmenu ul, ul.slidingmenu li, ul.slidingmenu a { display:block; padding:0; margin:0 }
ul.slidingmenu { width:135px }
ul.slidingmenu ul { width:100% }
ul.slidingmenu li { list-style-type:none; position:relative; padding:0 0 0 2px }
ul.slidingmenu li a { width:100%; border:0; padding:3px 0 3px 7px }
ul.slidingmenu li a:hover { color:#fff; background:#4d4dbc; text-decoration:underline }
ul.slidingmenu ul { position:absolute; top:0; left:161px; background:#4d4dbc; z-index:20; display:none } 
html>body ul.slidingmenu ul { position:absolute; top:0; left:163px; background:#F0F0F0; z-index:20; display:none } 
ul.slidingmenu ul li { padding-top:2px; padding-bottom:2px }

ul.slidingmenu ul.level2 {border:1px solid black;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9; }
ul.slidingmenu ul.level2 { margin-left:-30px; width:180px }
ul.slidingmenu ul.level2 li { width:173px; padding:0 }
ul.slidingmenu ul.level2 li a { color:#000000; padding:3px 0 3px 7px }
ul.slidingmenu ul.level2 a:hover { color:#fff; background:#4d4dbc }

.subheading { margin:0 8px 2px 2px; padding:1px 0 3px 7px; font-size:120%; font-weight:bold; background:url(graphics/sidebars/bg-subhead.gif) 0 100% repeat-x }
.subheading a { color:#625fc1 }
.subheading a:hover { color:#0000ff }
.basket .body .subheading { margin:0 8px 5px 2px; padding:1px 7px 3px 0; color:#3838ab }

.midfooter { margin:0 0 5px 2px; height:13px; background:url(graphics/sidebars/mid-footer.gif) 0 0 no-repeat }

.filters { margin-bottom:10px }
.filters .heading { margin:0 8px 2px 2px; padding:1px 0 3px 7px; font-size:120%; color:#625fc1; font-weight:bold }
.filters p a { font-size:110%; color:#625fc1 }
.filters p a:hover { color:#0000ff }




/* Message Centre */
#messagestable table { text-align:center; width:100% }
#messagestable .th_left { background:#e8e7f9 url(/graphics/corners/pricebox_tl.gif) no-repeat 0 0 }
#messagestable .th_right { background:#e8e7f9 url(/graphics/corners/pricebox_tr.gif) no-repeat 100% 0 }
#messagestable .left { padding-left:10px; text-align:left }
#messagestable .right { padding-right:10px; text-align:right }
#messagestable td a { text-decoration:underline }
#messagestable p { margin:0; padding:5px }
#messagestable .status { color:#615ba1 }




/* --- Static Pages --- */
.staticpage { padding:10px 0 0 10px }
html>body .staticpage { padding:10px 0 0 10px }

.staticpage .left { float:left }
.staticpage .right { float:right }

.staticpage p { margin:0; padding:0 }
.staticpage h1 { margin:0; padding:0 }
.staticpage h2 { margin:0; padding:0 }
.staticpage h2 a { text-decoration:none }
.staticpage h2 a:hover { color:#f8b900 }

.staticpage .title { height:26px; background:#7086c5 url(graphics/titles/bg-title.gif) 0 0 repeat-x }
.staticpage .title .right { float:right; width:10px; height:26px; background:url(graphics/titles//bg-title-end-right.gif) 0 0 no-repeat } 
.staticpage .title .left { float:left; width:10px; height:26px; background:url(graphics/titles/bg-title-end-left.gif) 0 0 no-repeat } 
.staticpage .title h1 { padding-top:4px; color:#fff }

.staticpage .boxout { width:100%; color:#4d4d4d; background:#f0f0f0 }
.staticpage .boxout h2 { margin:0 10px 0; padding:0 }
.staticpage .boxout p { margin:0 10px 10px }
.staticpage .boxout ul { margin:0 1em 1em 2.5em }
.staticpage .boxout li { margin-bottom:0.5em }
html>body .staticpage .boxout ul { margin:10px 0 10px 0; padding:0 1em 0 2.5em }
.staticpage .boxout .footerright { float:right; width:10px; height:10px; background:url(graphics/corners/lgrey3_br.gif) 100% 100% no-repeat }
.staticpage .boxout .footerleft { width:10px; height:10px; background:url(graphics/corners/lgrey3_bl.gif) 0 100% no-repeat }
.staticpage .boxout .headerright { float:right; width:10px; height:10px; background:url(graphics/corners/lgrey3_tr.gif) 100% 100% no-repeat }
.staticpage .boxout .headerleft { width:10px; height:10px; background:url(graphics/corners/lgrey3_tl.gif) 0 100% no-repeat }

.staticpage .column1 { float:left; width:170px; text-align:center }
.staticpage .column2 { float:left; width:340px; text-align:left }

/* --- Customer Services Page --- */
.cs_mouseover { position:absolute; visibility:hidden }
.cs_mouseover .highlighter { float:left; border:2px solid #f00 }
.cs_mouseover .description { padding-top:5px; padding-left:5px; padding-bottom:1px; color:#fff; background:#7774ce }
.cs_mouseover .highlighter_right { float:left; border:2px solid #f00 }
.cs_mouseover .description_left { float:left; padding-top:5px; padding-left:5px; padding-bottom:1px; color:#fff; background:#7774ce }


/* --- Popups --- */
#popup { margin:5px 20px 0; text-align:left }
#popup h2 { margin:0 0 10px }
#popup_header { height:78px; text-align:center; background:url(graphics/header/popup-bg.jpg) 0 0 repeat-x }
#popup_dropshadow { background:url(graphics/header/popup-dropshadow.gif) 0 0 repeat-x }



/* Sitemaps */
#sitemap h2 a { color:#615ba1 }
#sitemap h2 a:hover { color:#00f }
#sitemap h3 { color:#615ba1; margin:0 }
#sitemap ul { margin:0; padding:0 0 1em 2em }
#sitemap li { list-style-image:url(graphics/arrow_mgrey.gif) }



/* Basket and Checkout Tables */
#baskettable table { text-align:center }
#baskettable .th_left { text-align:left; background:#e8e7f9 url(/graphics/corners/pricebox_tl.gif) no-repeat 0 0 }
#baskettable .th_right { background:#e8e7f9 url(/graphics/corners/pricebox_tr.gif) no-repeat 100% 0 }
#baskettable .left { padding-left:10px; text-align:left }
#baskettable .right { padding-right:10px; text-align:right }
#baskettable a { font-weight:bold; text-decoration:none }
#baskettable p { margin:0; padding:5px }




/* Footer Stuff */
#footerlayout { width:650px; margin:50px auto 0; text-align:center }
#footerlayout a { text-decoration:underline }
#footer { padding:30px 0; font-size:90%; color:#2c4587 }
.copy { color:#aaa }
.copy a { color:#aaa; text-decoration:underline }
.copy a:hover { color:#0000ff; text-decoration:underline }

.footerlogos { padding:0 0 20px }
.footerlogos img { margin:5px; vertical-align:middle }




/* Login Popup */
#loginpopupcontainer { position:absolute; display:none; z-index:99; left:-1000px; top:25px; width:100% }
#loginpopupinner { width:1000px; margin:0 auto; padding-right:25px }
#loginpopup { float:right; width:300px; padding:2px; background:#fff }
#loginpopup .formcontent { padding:0 5px 0 15px; border:solid 1px #0000d9; background:#f0f0f0 }
#loginpopup h3 { padding-top:8px; color:#0000d9 }
html>body #loginpopup h3 { padding-top:0 }
#loginpopup p { margin-top:0 }
#loginpopup input { font-size:90%; margin-right:10px }


/* ---- Product Page Finance Floating Mouseover ---- */
#tooltip { position:absolute; width:250px; padding:10px; border:10px solid #fff; background:#badd98; visibility:hidden; z-index:100 }
#tooltip h1 { margin:0; font-size:110%; color:#404040 }






/* General */
.staff { font-size:80%; font-weight:normal; color:red }

.green { background:#badd98 }
.green2 { background:#c7e5c7; text-align:center }
.yellow { background:#fbffd3 }
.yellow2 { background:#f1f5c5 }
.lgrey { background:#f2f2f2 }
.lgrey2 { background:#e7e7e7 }
.mgrey { background:#cecece }
.violet { background:#e8e7f9 }
.flesh { background:#ffeae1 }
.flesh2 { background:#fff2ed }
.pink { background:#fff0f8 }
.pink2 { background:#f4dce9 }

.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 }

/* What do people go on to buy? */
div.wotb { clear: left; }
div.wotb img.floatleft { float: left; margin-top: 15px; margin-right: 15px; }
div.wotb p { float: left; margin-top: 20px; }
div.wotb p a { text-decoration: none; }

#response{
	display: none;
	border: 1px solid #ccc;
	background: #FFFFA0;
	padding: 10px;
	width: 450px;
}