/******
Notes: Faizal Sahebdin 14 01 2009
#333333	dark grey body background
#111	alternative black text (darkest grey) - black alternative
#fe4800	dark orange hover
#808080	light/mid grey
#626262  grid mid-grey hue

#fff	white - do not change
#464646	unique 1px for navigation - do not change
******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: Arial, Helvetica, sans-serif; }
body { background: #333333 url('media/body-bgd.jpg') repeat-x center top; color: #111; }
.container { margin: 0 auto; width: 970px; }
.accessibility { position: absolute; top: 0; left: -9000px; }
.clear { clear: both; }
.paddingspace { padding: 10px 0px 10px 0px; }
.paddingspace1 { padding: 10px 0px 10px 0px; }
.paddingspace2 { padding: 2px 0px; }
.noclear { clear: none; }
p { margin: 15px 0; }
li { list-style: none; }
a, a:visited { text-decoration: none; color: #111; }
a:hover { text-decoration: underline; color: #fe4800; }
h1 { font-weight: bold; font-size: 200%; }
h2 { font-weight: bold; font-size: 150%; }
h3 { font-weight: bold; font-size: 140%; }
h4 { font-weight: bold; font-size: 120%; }
strong{font-weight:bold;}
/******Header Options and VAT Buttons*****/
.header { background: transparent url('media/header-bgd.jpg') no-repeat center bottom; height:137px;clear:both;}
.floatright { margin: 0px 0px 0px 0px; width: 970px; float: right; position:relative;}
.floatright a{color:#FFFFFF;}
.floatright a:hover{text-decoration:underline;}
#header-options ul { float: right; margin: 2px 0px; font-size:small;}
#header-options ul li { color:#fff; padding: 2px 0px 5px 0px; float: left; list-style: none;}
#header-options ul li a.links{color:#FFFFFF;padding:0px 5px;background: transparent url('media/links-li.gif') no-repeat right bottom; }
#header-options ul li a, #header-options ul li a:visited { text-decoration: none; color: #FFFFFF; }
#header-options ul li a:hover{ text-decoration: underline; }
#header-logo { float: left; padding-bottom:10px;}
a#myAccount { background: transparent url('media/myAccount.gif') no-repeat left center; padding: 7px 5px 7px 31px; font-size: small; }
a#myQuote {height:30px; background: transparent url('media/trolley.gif') no-repeat left bottom; padding: 7px 5px 7px 31px; color: #fe4800; font-size: small; }
ul li a#myQuote { color: #fe4800!important;}
ul li a#myQuote:hover { color: #fff!important;}
#total{color:#fe4800 !important;height:30px; background: transparent url('media/calculator.gif') no-repeat left bottom; padding: 7px 5px 7px 31px; font-size: small; }
#total span{color:#fe4800 !important;}
ul li a#myQuote:hover, #total:hover, #total:hover span{ color: #fff!important;}

ul li #withVAT {cursor:pointer; font-size: 11px; padding: 3px 6px; } /* background: transparent url('media/priceWithVat1.gif') no-repeat center top; */
#withVAT.active {text-decoration:underline;} /* background: transparent url('media/priceWithVat.gif') no-repeat center top; */
ul li #withVAT:hover,#pound:hover,#euro:hover{text-decoration:underline;}
ul li #withVAT.active:hover {text-decoration:underline;}
ul li #withoutVAT {cursor:pointer; font-size: 11px; padding: 3px 6px; } /* background: transparent url('media/priceWithoutVat1.gif') no-repeat center top; */
#withoutVAT.active {text-decoration:underline;}/* background: transparent url('media/priceWithoutVat.gif') no-repeat center top; */
ul li #withoutVAT:hover {text-decoration:underline;}
ul li #withoutVAT.active:hover {text-decoration:underline;}
ul li #pound {cursor:pointer; padding: 1px 5px;margin: 0 2px;} /* background: transparent url('media/currency-bgd1.gif') no-repeat center top; */
#pound.active {background: #fe4800;} /* background: transparent url('media/currency-bgd.gif') no-repeat center top; */
ul li #euro { cursor:pointer;padding: 1px 5px;margin: 0 2px;} /* background: transparent url('media/currency-bgd1.gif') no-repeat center top;  */
#euro.active {background: #fe4800;} /* background: transparent url('media/currency-bgd.gif') no-repeat center top; */
.toggleopacity {  }
.toggleopacity:hover { }
.prodsearch { color: #808080; width: 370px; margin: 15px 0 0 20px; float: right; font-size: 17px; }
.vouchersearch { background:url(media/discount-bg.gif) no-repeat; text-align:right;color: #808080; width: 265px; padding: 7px 10px 8px 10px;margin:4px 0; float: right; font-size: 17px;} /* background:url('media/voucher-bar-bot.gif') no-repeat bottom left; */
.vouchersearch-top{} /* background:url('media/voucher-bar-top.gif') no-repeat;height:5px; */

#voucher, #keywords { background-color: #fff; color: #808080; border: 0px; padding: 4px; width: 150px; font-size: 12px; }
#voucher:hover { border: 0px; padding: 4px; width: 150px; }
.vertical-align { vertical-align: middle; }
.searchbutton {border: 0 none;width:36px;height:33px; margin:0px; background: url('media/search-go.gif') no-repeat scroll top;cursor: pointer;}
.searchbutton:hover {background: transparent url(media/search-go.gif) no-repeat bottom;}

.header .contactDiv{float:right;margin:2px 0;width:400px;}
.header .right { float:right;}
.header .right li{font-size:15px;font-weight:bold;float:left; color:#fff; padding:4px 0px 6px 35px;}
.header .right li#mail{background: transparent url('media/mail.gif') no-repeat left; padding-right:25px;}
.header .right li#phone{background: transparent url('media/phone.gif') no-repeat left; }
.header .right li a, .breadcrumbs .right li a:visited { color: #fff;text-decoration:none; }

#sortBtn, #countBtn, #voucherBtn, #searchBtn, .doFilterbtn {border: 0 none;width:23px;height:23px; margin:0px; background: url('media/sort-go.gif') no-repeat scroll top;cursor: pointer;}
#sortBtn:hover, #countBtn:hover, #voucherBtn:hover, #searchBtn:hover, doFilterbtn:hover {background: transparent url(media/sort-go.gif) no-repeat 0 100%;}

/***********Bread Crumbs********/
.breadcrumbs { color: #fff; font-size: 12px;padding:2px 0 4px 10px; margin:0;float:left; }
.breadcrumbs .left {float:left;}
.breadcrumbs .left li { float: left; font-weight: bold; background: transparent url('media/bc_arrow.gif') no-repeat right center; padding-right: 10px; margin: 0px 0px 0px 3px; }
.breadcrumbs .left li.last { background: none; color: #fe4800; }
.breadcrumbs .left li.last a, .breadcrumbs .left li.last a:visited { color: #fe4800; }
.breadcrumbs .left li a { color: #fff; }
.breadcrumbs .right li{font-size:15px;font-weight:bold;float:left; padding:4px 0px 6px 35px;border:solid 1px red;}
.breadcrumbs .right li#mail{background: transparent url('media/mail_icon.gif') no-repeat left; padding-right:25px;}
.breadcrumbs .right li#phone{background: transparent url('media/phone_icon.gif') no-repeat left; }
.breadcrumbs .right li a, .breadcrumbs .right li a:visited { color: #fff;text-decoration:none; }
.searchOptions{ float:right;margin:0 10px 0 0;color:#fff;width:570px;vertical-align:middle;}
.searchOptions select, .searchOptions input{ display:inline; vertical-align:middle; color:#808080; font-size:11px;padding:2px;position:relative;top:-1px}
.searchOptions input.search-keywords{padding:2px;width:200px;font-size:12px; margin:0; height:15px;}
.search-products { margin:0; }
.searchOptions select { margin-right:8px;height:21px;}
/***********Contact********/
.labelright { padding: 0px 0px 0px 10px; text-align: left; width: 200px; }
.labelctext { padding: 5px 0px 8px 0px; float: left; width: 120px; clear: left; }
.labelccheck { padding: 5px 0px 8px 0px; }
.order_form_page select, .order_form_page input , .inputarea{ padding: 2px 0 2px 5px; float: left; width: 250px; border: 1px solid #111; background-color: #fff;  }
.order_form_page input.inputCheck{float:none;width:auto;border:none;}
input, select, textarea{border:solid 1px #111;}
textarea{width:250px;height:100px;}
.order_form_page .checkbox{width:20px;border: 1px solid #fff;}
.orderFormLeft{width:50%;float:left;}
.orderFormRight{width:50%;float:left;}
.orderFormLeft label, .orderFormRight label{width:120px;}
.order_form_page label.standardLabel{float:none;width:auto;}
.orderFormLeft input, .orderFormLeft select, .orderFormRight input{width:250px;border:solid 1px #111;}
.order_form_page select.ddSmall{width:60px;float:none;border:solid 1px #111;}

/*.order_form_page select:hover, .order_form_page input:hover ,.inputarea:hover{ border: 1px solid #111; background-color: #fff; color: #000000; }*/
.order_form_page select:active, .order_form_page input:active ,.inputarea:active { border: 1px solid #111; background-color: #fff; color: #000000; }

#proceedBtn:hover{	background:transparent url(media/email_quote2.gif) no-repeat scroll left bottom;}
#proceedBtn{ background:transparent url(media/email_quote2.gif) no-repeat scroll left top; border:0 none; cursor:pointer; height:37px; margin:25px 0 0; width:182px; float:left; }

#proceedBtn.submitOrder:hover{	background:transparent url(media/order_now2.gif) no-repeat scroll left bottom;}
#proceedBtn.submitOrder{ background:transparent url(media/order_now2.gif) no-repeat scroll left top; border:0 none; cursor:pointer; height:39px; margin:25px 0 0; width:143px; float:left; }

#submit_form:hover {background:transparent url(media/submit_form.gif) no-repeat scroll left bottom;}
#submit_form{ background:transparent url(media/submit_form.gif) no-repeat scroll left top; border:0 none; cursor:pointer; height:37px; margin:25px 0 0; width:103px; float:left; }

#submitqtBtn:hover{	background:transparent url(media/email_quote.gif) no-repeat scroll center bottom;}
#submitqtBtn{ background:transparent url(media/email_quote.gif) no-repeat scroll center top; border:0 none; cursor:pointer; height:40px; margin:5px 0 0; width:238px;  }
#submitOrderBtn:hover{	background:transparent url(media/order_now.gif) no-repeat scroll center bottom;}
#submitOrderBtn{ background:transparent url(media/order_now.gif) no-repeat scroll center top; border:0 none; cursor:pointer; height:40px; margin:5px 0 0; width:238px;}

/******Menu Bar******/
.navhome:hover, .navall-products:hover, .nav96:hover, .nav103:hover, .nav45:hover, .nav59:hover, .nav4:hover, .nav103:hover, .nav1:hover, .nav11:hover, .nav28:hover, .nav46:hover, .nav33:hover, .navawards:hover { background-position: 0px -95px; } /*-95 */
.navhome { background: url('media/buttons/home.gif') 0px -47px; display:block; width: 68px; height:46px; }
.navhomeactivetab { background:url('media/buttons/home.gif') 0 1px no-repeat; display:block; width: 68px; height: 47px; }

.nav33 { background: url('media/buttons/bags.gif') 0px -47px; display:block; width: 68px; height:46px; }
.nav33-printed {background: url('media/buttons/bags.gif') 0px -47px; display:block; width: 68px; height:46px;}
.nav33activetab { background:url('media/buttons/bags.gif') 0 1px no-repeat; display:block; width: 68px; height: 47px; }
.nav33-printedactivetab { background:url('media/buttons/bags.gif') 0 1px no-repeat; display:block; width: 68px; height: 47px; }

.navawards { background: url('media/buttons/awards.gif') 0px -47px; display:block; width: 68px; height:46px; }
.navawardsactivetab { background:url('media/buttons/awards.gif') 0 1px no-repeat; display:block; width: 68px; height: 47px; }

.navall-products { background: url('media/buttons/products_az.gif') 0px -47px; display:block; width: 94px; height:46px; }
.navall-productsactivetab { background:url('media/buttons/products_az.gif') 0 1px no-repeat; display:block; width: 94px; height: 47px; }

.nav96 { background: url('media/buttons/clothing.gif') 0px -47px; display:block; width: 91px; height:46px; }
.nav96-printed { background: url('media/buttons/clothing.gif') 0px -47px; display:block; width: 91px; height:46px; }
.nav96activetab { background:url('media/buttons/clothing.gif') 0 1px no-repeat; display:block; width: 91px; height: 47px; }
.nav96-printedactivetab { background:url('media/buttons/clothing.gif') 0 1px no-repeat; display:block; width: 91px; height: 47px; }

.nav103 { background: url('media/buttons/eco_products.gif') 0px -47px; display:block; width: 101px; height:46px; }
.nav103activetab { background:url('media/buttons/eco_products.gif') 0 1px no-repeat; display:block; width: 101px; height: 47px; }

.nav103 { background: url('media/buttons/paper_products.gif') 0px -47px; display:block; width: 101px; height:46px; }
.nav103activetab { background:url('media/buttons/paper_products.gif') 0 1px no-repeat; display:block; width: 101px; height: 47px; }

.nav45 { background: url('media/buttons/folders_cases.gif') 0px -47px; display:block; width: 84px; height:46px; }
.nav45-printed { background: url('media/buttons/folders_cases.gif') 0px -47px; display:block; width: 84px; height:46px; }
.nav45activetab { background:url('media/buttons/folders_cases.gif') 0 1px no-repeat; display:block; width: 84px; height: 47px; }
.nav45-printedactivetab { background:url('media/buttons/folders_cases.gif') 0 1px no-repeat; display:block; width: 84px; height: 47px; }

.nav59 { background: url('media/buttons/keyrings.gif') 0px -47px; display:block; width: 92px; height:46px; }
.nav59-personalised { background: url('media/buttons/keyrings.gif') 0px -47px; display:block; width: 92px; height:46px; }
.nav59activetab { background:url('media/buttons/keyrings.gif') 0 1px no-repeat; display:block; width: 92px; height: 47px; }
.nav59-personalisedactivetab { background:url('media/buttons/keyrings.gif') 0 1px no-repeat; display:block; width: 92px; height: 47px; }

.nav4 { background: url('media/buttons/mugs.gif') 0px -47px; display:block; width: 68px; height:46px; }
.nav4-personalised { background: url('media/buttons/mugs.gif') 0px -47px; display:block; width: 68px; height:46px; }
.nav4activetab { background:url('media/buttons/mugs.gif') 0 1px no-repeat; display:block; width: 68px; height: 47px; }
.nav4-personalisedactivetab { background:url('media/buttons/mugs.gif') 0 1px no-repeat; display:block; width: 68px; height: 47px; }

.nav1 { background: url('media/buttons/umbrellas.gif') 0px -47px; display:block; width: 108px; height:46px; }
.nav1-with-logo { background: url('media/buttons/umbrellas.gif') 0px -47px; display:block; width: 108px; height:46px; }
.nav1activetab { background:url('media/buttons/umbrellas.gif') 0 1px no-repeat; display:block; width: 108px; height: 47px; }
.nav1-with-logoactivetab { background:url('media/buttons/umbrellas.gif') 0 1px no-repeat; display:block; width: 108px; height: 47px; }

.nav11 { background: url('media/buttons/water_bottles.gif') no-repeat 0px -47px; display:block; width: 87px; height:46px; }
.nav11-printed { background: url('media/buttons/water_bottles.gif') no-repeat 0px -47px; display:block; width: 87px; height:46px; }
.nav11activetab { background:url('media/buttons/water_bottles.gif') 0 1px no-repeat; display:block; width: 87px; height: 47px; }
.nav11-printedactivetab { background:url('media/buttons/water_bottles.gif') 0 1px no-repeat; display:block; width: 87px; height: 47px; }

.nav28 { background: url('media/buttons/mouse_mats.gif') 0px -47px; display:block; width: 77px; height:46px; }
.nav28-personalised { background: url('media/buttons/mouse_mats.gif') 0px -47px; display:block; width: 77px; height:46px; }
.nav28activetab { background:url('media/buttons/mouse_mats.gif') 0 1px no-repeat; display:block; width: 77px; height: 47px; }
.nav28-personalisedactivetab { background:url('media/buttons/mouse_mats.gif') 0 1px no-repeat; display:block; width: 77px; height: 47px; }

.nav46 { background: url('media/buttons/pens.gif') 0px -47px; display:block; width: 60px; height:46px; }
.nav46-with-logo { background: url('media/buttons/pens.gif') 0px -47px; display:block; width: 60px; height:46px; }
.nav46activetab { background:url('media/buttons/pens.gif') 0 1px no-repeat; display:block; width: 60px; height: 47px; }
.nav46-with-logoactivetab { background:url('media/buttons/pens.gif') 0 1px no-repeat; display:block; width: 60px; height: 47px; }
/******Navigation Menu******/
#col { z-index: 1000; }
#nav{float:left;}
ul#gallery { list-style: none; position: relative; font-size: 12px; z-index: 1012; }
ul#gallery li { position: relative; margin: 0px 4px 0px 0px; display: block; float: left; }
ul#gallery li.last { margin: 0px 0px 0px 0px; display: block; float: left; }

ul#gallery li ul { border-style: solid; border-width: 2; border-color: #111 #111 #111 #111; list-style: none; background:#fff;width: 175px; position: absolute; left: -9999px; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { border-style: solid; border-width: 2px; border-color: #111 #111 #111 #111; list-style: none; top: 46px; position: absolute; left: 0px; background:#0c0c0c url(media/menu-bg.jpg) repeat-x; width: 175px; z-index: 2; padding:8px 2px;}

ul#gallery li ul#mcol { border-style: solid; border-width: 2px; border-color: #111 #111 #111 #111; list-style: none; width: 963px; position: absolute; left: -9999px; }
ul#gallery li:hover ul#mcol, ul#gallery li.sfhover ul#mcol { border-style: solid; border-width: 2px; border-color: #111 #111 #111 #111; list-style: none; top: 46px; left: 0px; width: 963px; z-index: 2; }

ul#gallery li a { display: block; padding: 0px; color: #fe4800; text-decoration: none; font-weight:bold;}
ul#gallery li a.thintext, ul#gallery li a.thintext:visited { font-weight: normal; border: 0px solid #fff; padding: 2px 1px 2px 8px; width: 100px;  min-height: 14px; vertical-align: bottom; text-align: center; }
ul#gallery li a.thintext:hover { font-weight: normal; border: 0px solid #fe4800; padding: 2px 1px 2px 8px; width: 100px; color: #fff; min-height: 14px; vertical-align: bottom; text-align: center; font-weight:bold;}
ul#gallery li ul li { display: inline; text-align: center; clear: none; float: none; border: 0px;  }

ul#gallery li ul#mcol li dt { text-align: left; padding: 0px 15px 3px 5px; position: relative; float: left; display: block; width: 99px; font-size:11px;line-height:1.1em; font-weight:bold;}
ul#gallery li ul#mcol li a { text-align: left; padding: 0px 15px 3px 5px; position: relative; float: left; display: inline; width: 99px; font-size:11px;line-height:1.1em; font-weight:bold;}
ul#gallery li ul li dt { text-align: left; padding: 2px 10px 2px 10px; color: #fff; position: relative; float: left; display: block; width: 206px; font-weight:bold;}
ul#gallery li ul li a { text-align: left; padding: 2px 10px 2px 10px; color: #fff; position: relative; float: left; display: inline; width: 206px; font-weight:bold;}

ul#gallery li ul li a:hover { color: #fe4800; font-weight: normal;  }
ul#gallery li ul li .menu-item-holder{float:left;padding: 0  0 2px 0px;width:170px;}

ul#gallery li ul#mcol li .menu-item-holder a{width:102px; height:30px; text-align: center;padding: 2px 8px 0 8px; color: #fff; position: relative;  display: block;  }
ul#gallery li ul#mcol li .menu-item-holder a:hover { color: #fe4800; font-weight: bold; }

ul#gallery li ul li .menu-item-holder a{width:174px; height:10px; text-align: left;padding: 1px 4px 2px 12px; color: #fff; position: relative;  display: block;font-size:90%; font-weight:bold;}
ul#gallery li ul li .menu-item-holder a:hover { color: #fe4800; }
/*
ul#gallery li ul li .menu-item-holder:last-child { padding-bottom: 10px; }
*/
ul#gallery li ul li .menu-item-holder .last-child { color: #800000; }

ul#gallery li ul#mcol li .nav-image-holder a.navLinks{width:110px;height:95px; border: 1px solid #fff;text-align: center; padding:10px 0 5px; color: #111; position: relative; float: left; display: block;  }
ul#gallery li ul li .nav-image-holder a.navLinks{width:248px;height:95px; border: 1px solid #fff;text-align: center; padding:10px 0 5px; color: #111; position: relative; float: left; display: block;  }

ul#gallery li ul li  .nav-image-holder{text-align: center; width:110px;height:110px; display:block;cursor:pointer;}
ul#gallery li ul li  .nav-image-holder a:hover{text-align: center; width:110px;height:95px;  border: 1px solid #fe4800; display:block;cursor:pointer;  }
ul#gallery li ul li  .nav-image-holder img { padding: 0px 4px 0px 4px; max-width: 95px;display:block;  }
ul#gallery li ul li a.imgcls { min-height: 140px; text-align: center; }

ul#gallery li ul li a span { background:blue; padding: 0px 3px 0px 3px;  color: #111; vertical-align: bottom; text-align: center; }
ul#gallery li ul li a:hover span { padding: 0px 3px 0px 3px; width: 99px; min-height: 40px;  color: #fe4800; vertical-align: bottom; text-align: center; }

ul#gallery li #mcol li{padding:0;margin:0;}
ul#gallery li #mcol li dl{padding: 1px 0 0 0;margin:0;}

/********* All Categories ***************/
.allCategories {background-color:White;}
.allCategories ul {float:left;width:214px;margin-right:25px;}

.allCategories {background:url("media/single-panel-bgd.gif") repeat-y scroll left center transparent;padding:0px 0 5px 20px;}
.allCategories h3 {font-weight:bold;font-size:180%;padding:0;margin:0 0 10px;line-height:1em; font-family:"Arial Black", Arial, Helvetica, sans-serif;width:100%;}
.allCategories h3 em{color:#ff3300;font-style:normal; font-family:"Arial Black", Arial, Helvetica, sans-serif;}

.allCategories a { display: block; padding: 0px; text-decoration: none;font-weight:bold; font-size:11px;}
.allCategories a.thintext, #allCategories a.thintext:visited { font-weight: normal; border: 0px solid #fff; padding: 2px 1px 2px 8px; width: 100px;  min-height: 14px; vertical-align: bottom; text-align: center; }
.allCategories a.thintext:hover { font-weight: normal; border: 0px solid #fe4800; padding: 2px 1px 2px 8px; width: 100px; color: #fff; min-height: 14px; vertical-align: bottom; text-align: center; font-weight:bold;}
.allCategories ul li { display: inline; text-align: center; clear: none; float: left; border: 0px;width:100%;  }

.allCategories ul#mcol li a{color:#000000; text-align: left; padding: 0px 15px 1px 20px; position: relative; float: left; display: block;font-weight:bold;}
.allCategories ul li a { text-align:left; padding:2px 0px 0px 0px; position: relative; float: left;}

.allCategories ul li a:hover {text-decoration:underline;}
.allCategories ul#mcol li a:hover {color:#fe4800;text-decoration:underline;}
/********* End ***************/

/************Search By bar*******/
ul#searchby { list-style: none; position: relative; font-size: 13px; font-weight: bold;margin-top:5px;z-index:1009}
ul#searchby li { margin: 0px 0px 0px 0px; display: block; float: left; }
ul#searchby li div { border-style: solid; border-width: 1px 3px 4px 3px; border-color: #464646; list-style: none; background-color: #fff; width: 310px; position: absolute; left: -9999px; }
ul#searchby li:hover div, ul#searchby li.sfhover2 div { border-style: solid; border-width: 1px 3px 4px 3px; border-color: #464646; list-style: none; top: 35px; left: 0px; background: #fff; width: 310px; z-index: 2; }
ul#searchby li div { display: block; padding: 6px; color: #808080; text-decoration: none; }
li.contact-info{ background: transparent url(../../media/searchbybar.gif) no-repeat center;width:649px;height:36px;}
li.contact-info p.inner{float:right;padding:6px 20px 0 40px;width:333px;margin:0px;}
li.contact-info a{text-decoration:none; color:#fff;font-size:16px;font-weight:bold;}
li.contact-info span{text-decoration:none; color:#fff;font-size:15px;font-weight:bold;padding-left:60px;}

/******Font Sizer******/
.fontResizer { float: left; }
.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #333333; line-height: 15px; color: #808080; text-decoration: none; margin-top: 7px; margin-bottom: 7px; margin-right: 5px; }
.fontResizer a:hover { color: #fe4800; text-decoration: none; background-color: #808080; }
.smallFont { font-size: 11px; }
.medFont { font-size: 12px; }
.largeFont { font-size: 13px; }
.curFont { background: #333333; }
/******Gallery Slideshow******/
#s3slider { width: 970px; position: relative; overflow: hidden; margin-top: 0px;height: 265px }
#s3sliderContainer { display: block; position:relative; }
#s3sliderContent { width: 970px; height: 260px; margin-left: 0px; border: 0px; padding: 0px; }
#s3sliderContent img { width: 969px; }
.s3sliderImage { float: left; display: none; width: 970px; }
.s3sliderImage span { position: absolute; left: 703px; top: 28px; font-size: 8px; float: right; padding: 10px 13px; min-height: 20px; height: 40px; width: 200px; color: #fe4800; background-color: #fff; display: none!important;  top: 0; font-size: 18px; font-weight: bold; }
/******Main Content******/
#mainContent { margin-top: 10px; }
/******search Bar on top************
.search-bar { margin-top:10px;background: transparent url('media/search-bar.gif') no-repeat center top; height: 36px; width: 976px; }
.search-bar li { list-style: none; float: left; }
.search-bar a { background:none;display: block; height: 100%; overflow: hidden; position: relative; text-decoration: none; text-indent: -5000px; width: 100%; }
*/
.search-bar-gap{clear:both;height:0px;}
.search-bar-top{background:url('media/search-bar-top.gif') no-repeat;height:8px;}
.search-bar {background:url('media/search-bar-bot.gif') no-repeat bottom left;margin:6px 0 6px 0;padding-bottom:5px;}

#searchPrice {background:none; width: 150px; height: 36px; }
#searchPrice a.selected {background:none;}
#searchBudget { background:none; width: 160px; height: 36px; }
#searchBudget a.selected {background:none;}
#searchpricec {z-index: 1000;width:300px;padding:5px; border-style: solid; border-width: 1px 3px 4px 3px; border-color: #464646;background-color:#fff;}
#searchpricec p { margin: 0px 0px 15px 0px; }
#searchpricec label { vertical-align: middle; width: 150px; float: left; }
#searchpricec input { width: 50px; padding-left: 5px; }
#searchbudgetc {z-index: 1000;width:300px;padding:5px; border-style: solid; border-width: 1px 3px 4px 3px; border-color: #464646;background-color:#fff;}
#searchbudgetc p { margin: 0px 0px 15px 0px; }
#searchbudgetc label { vertical-align: middle; width: 150px; float: left; }
#searchbudgetc input { width: 50px; padding-left: 5px; }
.align-center{text-align:center;}
/*.searchby #col1,#col2,#col3{float:left;}*/
.contact-info { background: transparent url('media/home-info-bar.gif') no-repeat left center; width: 970px; height: 44px; }
.twocol-panel-holder .text-area ul {}
.tick {color:#000000; background: #fff url('media/li-tick.gif') no-repeat left 0; padding: 0px 0 8px 30px; margin-bottom: 10px; }
.twocol-panel-holder .tick h2 {color:#000000;}
.twocol-panel-holder { background: transparent url('media/two-panel-bgd.gif') repeat-y left center; font-size: 90%; width: 970px; }
.rightPanel  { background: transparent url('media/home-right-panel.gif') no-repeat top center; width: 476px; float: left; height: 100%; padding-top: 0px; }
.leftPanel { background: transparent url('media/home-left-panel.gif') no-repeat top center; width: 476px; float: left; height: 100%; margin-left: 18px; padding-top: 0px; }
.twocol-panel-holder .text-area { padding: 13px 20px 15px 25px;}
.twocol-panel-holder h2 { padding: 0px 0px 15px; color: #fff; font-weight: bold; font-size: 16px; }
.two-panel-bottom { background: transparent url('media/two-panel-bottom.gif') no-repeat left top; height: 14px; }
/******Single panel******/
.single-panel-holder { background: transparent url('media/single-panel-bgd.gif') repeat-y left; font-size: 90%; width: 970px; margin:0px 0 0 0; }
.single-panel-holder2 { background: transparent url('media/single-panel-bgd.gif') repeat-y left; font-size: 90%; width: 970px; }
.single-panel-holder2 h2 { padding: 0px; color: #fff; font-weight: bold; font-size: 16px; position: relative; top: -20px; left: -7px; }
.panel-inner2 {background: transparent url('media/info-bar-long2.gif') no-repeat left top; padding-top: 16px; width: 970px; }
.panel-inner { background: transparent url('media/single-panel-top.gif') no-repeat left top; padding-top: 16px; width: 970px; }
.single-panel-holder .text-area { padding: 5px 25px 5px 25px; }
.single-panel-holder2 .text-area { padding: 15px 25px 0px 25px; }
.single-panel-bottom { background: transparent url('media/single-panel-bottom.gif') no-repeat left top; height: 14px; }
.single-panel-bottom-product{background:transparent url('media/single-panel-bottom.gif') no-repeat left top;height:14px;margin:0 0 20px 0;}
.top-header { background: transparent url('media/single-panel-top.gif') no-repeat left top; padding-top: 40px; width: 970px; }
.noHidden-charges { background: transparent url('media/no-hidden-charges.gif') no-repeat left top; }
.recently-viewed { background: transparent url('media/recently-viewed.gif') no-repeat left top; }
.alternatives { background: transparent url('media/alternatives.gif') no-repeat left top; }
/******Footer******/
.footer { font-weight:bold;border-top: 1px solid #fe4800; height: 214px; width: 100%; background: transparent url('media/footer-bgd.gif') repeat-x; color: #808080; font-size: 11px; }
.footer-top { margin: 10px 0px 10px 10px;height:130px; }
.footer p { margin: 5px 0;color:#fff; }

.footer a:hover { text-decoration:none; color: #fe4800; }
.footer-top li {list-style:none; margin: 8px 0; }
.footer-top li a { background: transparent url('media/footer-li-over.gif') no-repeat left center; padding-left: 10px; color:#fe4800;  }
.footer-top li a:hover { background: transparent url('media/footer-li.gif') no-repeat left center; padding-left: 10px; color:#fff; }
.left-content { float: left; border: 1px #fff; width:198px;padding:0 20px;}
.middle-content { float: left; width:198px;padding:0 20px;}
.right-content { float: left; width:208px;padding:0 10px 0 20px;}
.logo-content {float:left;width:240px;}
.logo-content img {float:right;}
.footer-bottom { float: right; clear: both;  width:944px;}
.footer-bottom .left { clear: left; float: left; margin:0px; padding-top: 12px; }
.footer-bottom .right { padding:12px 0px 0px 0px; margin:0px; float: right; }
.footer-bottom .right a {color: #fff;}
/******category page******/
.category-list { background: transparent url('media/categories/our-categories.gif') no-repeat left top; }
.category-box { margin: 0px 50px 25px 25px; width: 150px; float: left; }
.category-box a { color: #fe4800; }
.title { color: #fe4800; padding-bottom: 25px; font-size: 11px; font-weight: bold; margin: 0 40px; }
/******Search Results******/
.search-results { border-top: 1px solid #808080; }
.search-results h3 { color: #fe4800; font-size: 12px; padding-bottom: 5px; }
.addQuote{z-index: -1000;display:block;  background:transparent url('media/online_quote.gif') no-repeat top; height:45px;width:231px;}
a.addQuote:hover{background:transparent url('media/online_quote.gif') no-repeat bottom;height:45px;width:231px;}
.result-paging { color: #fff; font-size: 11px; margin-left: 3px; }
.number-paging {border-bottom:1px solid #5c5c5c;border-top:1px solid #5c5c5c;padding:5px 0; margin:6px 0 0px 0;}
.paging-bottom { margin:20px 0 0 3px;}
.paging-bottom .number-paging {padding:3px 0 5px; margin:0;}
.result-paging .number-paging { margin:0 0 6px 0}
.result-paging span { background: transparent url('media/result-li.gif') no-repeat right center;  padding: 0px 9px 4px 4px; }
.result-paging span.selected { text-decoration: underline; color: #fe4800; }
.result-paging span a, .result-paging span a:visited { color: #fff; }
.result-paging span.selected a { color: #fe4800; }
.result-paging .left { float: left; padding:4px 0 0 0;}
.result-paging .left p {  }
.result-paging .right { float: right; text-align: right; }
.result-paging .sortline { text-align: right; padding-top:0px;float:right;width:270px; }
.paging-bottom .sortline select{width:190px !important; }
.result-paging .countline { text-align: right; padding-top:0px;float:right;}
.result-paging .sortline select{ width:200px;float:left; font-size:11px;border:none;padding:2px;}
.result-paging .countline select{ width:45px; float:left; margin-right: 4px; font-size:11px; border:none;padding:2px;}
.sortline label, .countline label {float:left; padding:5px 0 0;}
.result-paging .sortline select, .result-paging .countline select { background-color: #fff; color: #808080; margin:2px 4px 0; }
.result-paging .sortline input, .result-paging .countline input { background-color: #fff; color: #808080; margin:0px 0 0 4px; }


.voucher-line { padding-bottom:10px;}
.voucher-line-inner{ border-left:1px solid #fff; border-right:1px solid #fff; padding:3px 17px;}
.voucher-line-inner .colOne{ font-size:13px; width:210px; float:left; padding:10px 0 0 37px;background: url(media/voucher-tick.gif) no-repeat left;min-height:25px}
.voucher-line-inner .colTwo{ width:456px; float:left; padding:0 6px 0 10px;border-left:solid 1px #fff; border-right:solid 1px #fff;}
.voucher-line-inner .colThree {width:197px; padding:6px 0 0 12px; float:left;}
.voucher-line-detail { color: #fff; font-size: 11px; font-weight: bold; margin: 0px 0px 15px 3px; border-left:1px solid #fff; border-right:1px solid #fff; padding:7px 0 0; }
.voucher-container { background:#F74A00 url(media/voucher-bgd-top.jpg) no-repeat top; color: #fff; font-size: 11px; font-weight: bold; margin: 6px 0px 6px 0px;  padding:7px 0 0; }
.voucher-line-bottom{ background:#F74A00 url(media/voucher-bgd-bottom.jpg) no-repeat top; padding:7px 0 0; }

.voucher-error{background:#ED1C24 url(media/voucher-bgd-top-error.jpg) no-repeat top; }
.voucher-line-inner-error{ background-color:#d50100; border-left:1px solid #fff; border-right:1px solid #fff; padding:11px 17px;}
.voucher-line-inner-error .colOne{ font-size:13px; width:890px; padding-left:37px; margin-right:21px; background: url(media/voucher-cross.gif) no-repeat left;}
.voucher-line-bottom-error{ background:#ED1C24 url(media/voucher-bgd-bottom-error.jpg) no-repeat top; padding:7px 0 0; }
.paddingBottom{ padding-bottom:10px;}
.voucher-line-small.paddingBottom {padding:0}

.actual-paging{display:inline;padding:4px 0 0 0;}
ul.margin-left { float: right; }
ul.margin-left li.selected { text-decoration: underline; }
li.previous,li.next  { color: #5c5c5c; }
li.previous a,li.next a,li.next a:visited { color: #fe4800; background: none; }
li.paging { background: none; }
.result-box-col1 { background: transparent url('media/product-box-bgd-top.jpg') no-repeat center top; width: 474px; min-height: 274px; float: left; margin: 20px 20px 0 0px; padding:14px 0 0; clear: both; }
.result-box-col1even { background: transparent url('media/product-box-bgd-top.jpg') no-repeat center top; width: 474px; min-height: 274px; float: left; margin: 20px 0px 0px 0px; padding:14px 0 0; }
.result-box-col1even .inner, .result-box-col1 .inner { background: transparent url('media/product-box-bgd-inner.jpg') repeat-y left;padding: 4px 15px 8px 20px; z-index: -1008; }
.result-box-col2 { background: transparent url('media/product-box-bgd.jpg') no-repeat center left; width: 474px; height: 274px; margin-top: 10px; float: left; }
.result-box-col2 .inner { padding: 20px 15px 20px 20px; }
.result-box-col1-bottom { background: transparent url('media/product-box-bgd-bottom.jpg') no-repeat top;  height:15px; clear: both; }
.result-box-col1even-bottom { background: transparent url('media/product-box-bgd-bottom.jpg') no-repeat top; height:15px; }
.result-box-col1 .left .result-box-image-holder, .result-box-col1even .left .result-box-image-holder {height: 200px;}
img.product-image {  max-width: 175px; max-height: 200px; }
.catBanner{margin:0 0 0 0}
.bottom-right { float: right; vertical-align: bottom;margin:6px 23px 0px 10px; }
.onlineQuotation { float: right; vertical-align: bottom;margin:6px 23px 0px 10px; }
.empty-box-holder{text-align:center;height:279px;}
.product-title{height:55px;font-size:150%;}
p.product-detail { margin: 0px 0px 9px 0px; }
.product-detail label { float: left; width: 105px; font-weight: bold; font-size: 11px; margin-top: 4px;}
.product-detail label.oneColorText{ margin-top: 2px;}
.product-detail span { color: #fe4800; font-size: 24px; font-weight: bold; }
 span.vatText { color: #fe4800; font-size: 7pt; font-weight:normal; vertical-align:17%; margin:0 0 0 1px;}
.result-box-col1 .left, .result-box-col1even .left { margin-top:20px;float: left; width: 175px; text-align:center; }
.right h3 a { color: #000000; font-size: 15px; padding-bottom: 0px; }
.right h3 a:hover { color: #fe4800; text-decoration:underline; }
.result-box-col1 .right, .result-box-col1even .right { margin-top:10px;float: right; width: 255px; position: relative; }
.result-box-col1 .right input, .result-box-col1even .right input { float: right; vertical-align: bottom; }
.addtocart { padding: 10px 0px 0px 0px;  }
.addtocart img { z-index: -1007; }
.quote-detail .floatNone{ float:none; vertical-align:middle;}
.enqket { width: 150px;  }
.enqket:hover, .enqketLarge:hover { }
.enqketLarge { width: 200px; border: 1px solid #111; }
.submitQuote{}
.small-go{background: transparent url('media/small_go.gif' ) no-repeat left; height:25px;width:24px;border:0 none; cursor:pointer;}
.keywordText{float:left;margin:9px 0 5px;font-weight:bold;}
.keywordText strong{color:#FE4800;}

.filter { float: right; text-align: right; }
.filterItemsPerPage{float: right; text-align: right;margin-right:20px;}
/******Recently viewd items box******/
.recently-viewed .text-area { padding: 15px; }
.recently-viewed-item { margin: 9px 14px 10px; width: 160px; height: 155px; float: left; }
.recently-viewed-item .close-button { float: right; }
.recently-viewed-item a img { margin-left: 30px; width: 90px; height: 90px; }
.recently-viewed-item .product-area { padding-top: 20px; }
.recently-viewed-item a { color: #fe4800; }
/******Alternatives******/
.alternatives .text-area { padding: 15px; }
.alternatives-item { margin: 9px 14px 10px; width: 160px; height: 155px; float: left; }
.alternatives-item .title { padding: 15px 0px 0px 0px; }
.alternatives-item a img { margin-left: 30px; width: 90px; height: 90px; }
.alternatives-item .product-area { padding-top: 10px; }
.alternatives-item a { color: #fe4800; }
/******Detail Page******/
.single-panel-holder .detail-area { padding: 10px; }
.single-panel-holder2 .detail-area { padding: 10px; }
.detail-area .left { float: left; width: 350px; padding-left: 15px; }
.main-image { text-align: center; vertical-align: middle; display: inline-block; clear: both; cursor: auto;clear: both;max-width: 350px; max-height: 500px; }
.thumb-image-holder { /*height: 100px;*/ }
.thumb-image { padding-top: 5px; clear: both; padding-top: 15px; display: block;margin:0 auto; }
p.left-text {margin:5px 0 15px 0;}
.left-text a{ color: #fe4800; font-size: 11px; font-weight: bold; margin: 10px 0px; }
.right-text { color: #fff; font-size: 11px; font-weight: bold; margin: 10px 0; }
.detail-area .right { float: left; width: 577px; }
h3.productTitle{font-size: 119%;}
#replaceImage{text-align:center; }
.product-versions { float: left; margin: 0px 8px 10px 8px; text-align:center; width: 90px;  border: 0px solid #cccccc; display: inline-block; }
/*.product-versions:hover { float: left; margin: 0px 5px 10px 5px; width: 75px; height: 100px; border: 0px solid #fe4800; display: inline-block; }*/
a.product-grid-related-cat-images-holder{font-size: 10px;text-align:center; font-weight: bold; color: #fe4800;display:block;}
a.product-grid-related-cat-images{font-size: 10px;text-align:center; font-weight: bold; color: #fe4800;display:block;}
.product-grid-related-cat-images label{float:left;width:28px;}
.product-grid-related-cat-images span.height-mod { height: 100px;  display: inline-block; float: left; overflow: hidden; padding-left: 5px;margin:0px; }
.product-grid-related-cat-images:hover span{text-decoration:underline;}
a.product-grid-related-cat-images:hover { text-decoration: none; cursor: pointer; }
/*.product-grid-related-cat-images span:hover { text-decoration: underline; cursor: pointer; }
.height-mod { height: 100px; }*/
#product-detail-tabs { height: 31px; margin: 15px 0 0 1px; }
#product-detail-tabs li { background: transparent url('media/detail-page-black-tab.gif') no-repeat center; margin:0;color: #fff; float: left; height: 32px; width: 140px; z-index: -1009; }
#product-detail-tabs li a { color: #fff; text-align:center; padding: 9px 0px 0px 0px; display: block; font-weight: bold; z-index: -1009; }
#product-detail-tabs li a.selected { background: transparent url('media/detail-page-grey-tab.gif') no-repeat center; }
.get-a-quote-tab { background: #626262 url('media/grey-topRight-bgd.gif') no-repeat right top; padding: 10px 0px 0px 10px; font-size: 11px; }
.product-description-tab { display: none; background: #626262 url('media/grey-topRight-bgd.gif') no-repeat right top; padding: 15px 0px 0px 11px; font-size: 11px; }
.product-description-tab p { color: #fff; padding: 0px; margin:0 0 5px;}
.product-description-tab .actual-desc { color: #fff; padding: 0px; margin:0 0 20px; font-size: 13px; width:430px;float:left; }
label.proddesc{ color: #fff; padding: 0px 0px 20px 11px; margin:0px; font-size: 13px; float:left;width:113px; }
.product-description-tab label {  font-weight:bold;font-size: 14px; }
.grey-bottom { background: transparent url('media/grey-bottom-bgd.gif') no-repeat left top; width: 577px; height: 10px; }
.submitbutton {border: 0 none;width:238px;height:40px; margin: 5px 0px 0px 0px; background: url('media/add_quote.gif') no-repeat scroll top;cursor: pointer;}
.submitbutton:hover {background: transparent url(media/add_quote.gif) no-repeat bottom;}
.submitbutton2 {border: 0 none;width:238px;height:40px; margin: 5px 0px 0px 0px; background: url('media/order_now.gif') no-repeat scroll top;cursor: pointer;}
.submitbutton2:hover {background: transparent url(media/order_now.gif) no-repeat bottom;}
.quote-calc p.show-text{margin:7px 0 0px 0;}
.show-text a{ color: #fe4800; font-size: 11px; font-weight: bold; margin: 0px; }
.wbackLink{font-size:11px;font-weight:bold;color:#FE4800;}
 
.backLink{z-index: -1000;display:block;float:left;margin-top:22px; background:transparent url('media/add_more.gif') no-repeat top; height:28px;width:160px;}
a.backLink:hover{background:transparent url('media/add_more.gif') no-repeat bottom;}

/******Product detail Grid******/
.ui-tabs-hide { display: none; }
.detail-grid { background: #626262 ; padding-bottom: 10px; margin-right: 10px; }
.prodTableTop{background:url(media/prodTableTop.gif);padding-top:8px;}
ul.idTabs { position: relative; left: -1px; }
ul.idTabs li { float: left; color: #fff; background: transparent url('media/pos-tabs-bgd.gif') no-repeat; height: 33px; width: 45px; margin-left: 2px; }
ul.idTabs li a { height: 23px; color: #fff; padding: 10px 0px 0px 20px; font-size: 12px; font-weight: bold; display: block; }
ul.idTabs li a.selected { background: transparent url('media/pos-tabs-bgd-selected.gif') no-repeat;color:#fe4800;}
ul.idTabs #logoPos { background: #000000; width: 91px; margin: 0px 0px 0px 2px; }
.pos-text { margin: 0px 0px 0px 4px; text-align:center;float:left; width:82px;}
ul.idTabs #unprinted { background: transparent url('media/pos-unprinted-bgd.gif') no-repeat; height: 33px; width: 85px; padding: 0px; }
ul.idTabs #unprinted a.selected { background: transparent url('media/pos-unprinted-bgd-sel.gif') no-repeat; padding: 0px; width: 85px; height: 33px; }
/******Details table******/
td{vertical-align:middle;text-align:center;}
.grid { background: #FFFFFF;border-top:solid 1px #FFFFFF;clear:both; width: 558px; text-align: center; height: 40px; float: left; color: #fff; }
.grid td { width: 86px; background:#FFFFFF;color:#000000;font-weight:bold;border: solid 1px #FFFFFF; border-top: none; border-right-width: 1px; border-left: none; }
.grid td.firstcol { width: 86px; border: none; border-top: none; border-right-width: 1px; border-left-width: 1px; }
.grid td.first-row { border-top: none; width: 98px; }
#logo-colours { width: 400px; }
.grey-bgd { background: #333333; }
.grey-bgdselected { background: #111111; }
#cell-selected { background: #cccccc; }
.black-bgd { background: #111; }
table.grid-data { border: 0;clear:both; background: #fe4800; width: 558px; text-align: center;  float: left; color: #fff; }
.grid-data td {background:#FFFFFF;color:#000000; padding-top: 0px; width: 86px; height:34px; border-top: none; border-right-width: 1px; border-left: none; }
.grid-data tr.altRow td{background:#d0d0d0;} /* background:transparent url('media/prodTableCellbgGrey.jpg'); */
.grid-data tr td{}/* background:transparent url('media/prodTableCellbgWhite.jpg') repeat-x; */
.center { text-align:center; }
.prodColSpan{font-size:10px;clear:both;display:block;}
/*
.grid-data .firstcol { border-style: solid; border-width: 0px 1px 1px 1px; border-color: #fe4800; background: #111; }
.black-bgdselected { background: #cccccc; }
.price-cells { color:#000000;}
*/


.lineBreak{border-top:solid 10px #cccccc;padding-top:10px;margin-top:10px;}
a.prodLink{color:#fb4e0f;font-weight:bold;}
a.remove{color:#fb4e0f}
/******Quote Calculation area******/
.your-quote { background: transparent url('media/calc_top.gif') no-repeat left top; width: 565px;padding-top:12px;}
.your-quote .inner { background: transparent url('media/calc_inner.gif') repeat-y left; padding:12px 17px 0 17px;display:inline-block; width:558px;}
.your-quote-bottom { background: transparent url('media/calc_bottom.gif') no-repeat left bottom; height:15px;width: 565px;}
.quote-calc { color: #000000; float: left; width: 255px; }
.quote-calc p { margin: 0px 0px 15px 0px; }
.quote-calc label { vertical-align: middle; width: 150px; float: left; padding:2px;}
.quote-calc input.quote-calc-input { width: 94px; padding-left: 2px;font-size:11px; }
input.quote-calc-check{ font-size:11px;border:none; }
.quote-calc-select { width: 100px; padding-left: 2px;font-size:11px;border:solid 1px #111; }
.quote-detail { /*background:transparent url('media/your_quote.gif') no-repeat top;*/  float: left; width: 235px; margin-left: 15px; padding-top: 0px; }
.quote-detail label { vertical-align: middle; width: 150px; float: left; padding:2px;}
.quote-detail label.addCosts { display:inline;float:none;width: auto;text-align:left; }
.quote-detail input.addCosts { width:100px;}
.quote-detail input.detailInput { width: 104px; padding-left: 2px;font-size:11px;  }
.quote-detail input.detailInputArea { width: 230px; height:70px;font-size:11px;}
.quote-detail textarea.detailInputArea { width: 230px; height:70px;font-size:11px;}
.small-text { color: #808080; font-size: 8pt; }
.error-text { color: red; font-size: 8pt; }
span.smallText{ color: #808080; font-size: 8pt;font-weight:normal; }
.calcH3{margin:0 0 14px 0; text-transform:uppercase;}
.instant-quote-table{font-size:12px;}
.instant-quote-table td{text-align:left;  font-weight:bold;padding:5px 0;}
.instant-quote-table .rCol{text-align:right;}
.instant-quote-table .gTotal{border-top:solid 1px #000000;font-size:16px;color:#ff4a00;vertical-align:top;}
/*.quote-detail .inner{background:#626262 url('media/your_quote_bgd.gif') repeat-y center;padding: 0 15px;}*/
.quote-detail p { margin: 0px 0px 2px 0px; }
.quote-detail label { vertical-align: middle; width: 120px; float: left; }
.quote-detail-bottom{  /*background:transparent url('media/your_quote_bottom.gif') no-repeat;*/width:290px;height:14px;}
p.total-price { font-size: 15px; color: #fe4800; font-weight: bold; padding-top:5px; }
/***Basket Table*******/
table.basket { margin:10px 0; font-weight:bold; }
table.basket1,table.basket2,table.basket3 { float:left; }
table.basket1{ float:left }
.basket tr{margin:5px 0;}
.basket th { background-color:#000000; vertical-align:middle; color:#fff; padding:5px 0; height:36px;/* border-left:solid 2px #fff;*/ width:115px; }
.basket td{min-height:120px;border-bottom:solid 9px #fff;border-top:solid 9px #fff;}
th.Vatactive{margin:0;padding:10px 0;vertical-align:middle;}
th.quantityth{border: 0 none;}
th.imageth{border:0 none;width:125px;}
th.logoth{width:100px;}
th.setupfeeth{width:85px;}
td.border{background:#fff url('media/grey-border.gif') repeat-y right; }
td.noborder{border-top:solid 1px #fff;}
tr.grey-bgd{background-color:#D6D6D6;}
tr.grey-bgd td{border:solid 10px #D6D6D6;text-align:left;background-color:#D6D6D6;}
td.delivery{background-color:#000000;border-top:solid 9px #fff;border-bottom:solid 1px #fff;color:#fff;}
td.totalCol{background-color:#000000;color:#fff;border-top:solid 1px #fff;border-bottom:solid 2px #fff;}

.basketOuterTd1{width:33%;vertical-align:top;text-align:left;}
.basketOuterTd2{width:300px;vertical-align:top;text-align:left;vertical-align:bottom;}
.basketOuterTd3{width:300px;vertical-align:top;text-align:right;vertical-align:bottom;}
.basketOuterTd2 table, .basketOuterTd3 table{border-left:solid 1px #000000;border-right:solid 1px #000000;border-bottom:solid 1px #000000;}
.basketInnerTdLeft{height:43px;width:50%;background:#7f7f7f;border-right:solid 1px #000000;border-top:solid 1px #000000;color:#fff;padding:0 10px;font-weight:bold;text-align:left;font-size:12px;}
.basketInnerTdLeft2{height:43px;width:50%;background:#404040;border-right:solid 1px #000000;border-top:solid 1px #000000;color:#fff;padding:0 10px;font-weight:bold;text-align:left;font-size:12px;}
.basketInnerTdRight{height:43px;width:50%;background:#fff;border-top:solid 1px #000000;color:#000000;padding:0 10px;font-weight:bold;text-align:left;font-size:12px;}
.basketInnerTdRight2{height:43px;width:50%;background:#fedaca;border-top:solid 1px #000000;color:#000000;padding:0 10px;font-weight:bold;text-align:left;font-size:12px;}
.basketDiscount{color:Red;}

.basketTotals p{font-weight:bold;font-size:16px;}
.basketTotals{width:298px;padding-right:3px;float:right;}
.basketTotals .basketInnerTdLeft2{background:#000000}

.basketProdName{padding:0 20px 0 0;margin:0;}
/******Content******/
#left1 {width: 475px; float: left; }
#left2 {width: 475px; float: right; }
.eightboxes { float: left; }
.eightboxes img.nopadding { margin: 0px 0px 20px 0px; }
.eightboxes img.toppadding { margin: 0px 20px 20px 0px; }
.eightboxes img.bottompadding { margin: 0px 20px 0px 0px; }
.eightboxes img.floorpadding { margin: 0px 0px 0px 0px; }
.eightboxes img:hover { filter: alpha(opacity=85); opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity: 0.85; }
/******Carousel******/
#wrap { color: #000000;  }
#wrap2 { color: #000000; }
#wrap3 { color: #000000;  }
.vcarousel { font-size: 12px; font-weight: bold; }
.wcarousel { margin: 0 15px; width: 152px; height: 150px; float: left; padding:15px 0 5px; text-align: center; }
.xcarousel { margin: 0 15px; width: 152px; height: 175px; float: left; padding:15px 0 5px; text-align: center; }
.ycarousel { width: 152px; height: 100px; clear: both; display: block; }
.zcarousel { margin: 0 10px; width: 152px; }
.zcarousel span { font-size: 12px; font-weight: bold; display: block; text-decoration: none; color: #111; }
.zcarousel span.lowPrice { color: #fe4800;}
.zcarousel span:hover { color: #fe4800; text-decoration: underline; }

.carouselSlides { width: 100px; height: 100px; float: left; clear: both; }
.jcarousel-container { position: relative; z-index: 0; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 840px; height: 100px; }
.jcarousel-list li span { font-size: 12px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: bold; z-index: 5; }
.jcarousel-list li span.lowPrice { color:#fe4800;}
.jcarousel-list li a, .jcarousel-list li span a:visited { font-size: 12px; font-weight: bold; display:block; text-align:center; text-decoration: none; color: #111; }
.jcarousel-list li a:hover { text-decoration: underline; color: #fe4800; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 850px; padding: 0px 40px 0px 30px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  850px; height: 188px; }
.jcarousel-skin-tango .jcarousel-item { width: 152px; height: 188px; }
.jcarousel-skin-tango li a img { float: none; clear: right; z-index: -1009; max-height: 100px; }
.jcarousel-skin-tango li a.preview  { border:solid 0px #fff; padding:15px 0px 5px 0px; z-index: -1005;height:100px; }
.jcarousel-skin-tango li a.preview:hover  { border:solid 0px #fe4800; padding:15px 0px 5px 0px; z-index: -1005;height:100px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin:0  10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000000; }
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url('media/next-horizontal.png') no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url('media/prev-horizontal.png') no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
/******Tooltip******/
#preview { position: absolute; border: 3px solid #808080; background: #fff; padding: 5px; display: none; color: #111; width: 180px; float: left; }

.onlineQuote { background: url(media/online_quote.gif); display:block; width:231px ; height:45px; }
.onlineQuote { background-position: 0 -45px; }
/*****Editor*****/
.listOrangeDotBig { list-style: none; background: transparent url('media/orangeDot.gif') no-repeat left center; padding: 5px 0 5px 30px; }
.listOrangeDotMedium { list-style: none; background: transparent url('media/orangeDotMedium.gif') no-repeat left center; padding: 5px 0 5px 20px; }
.listOrangeDotSmall { list-style: none; background: transparent url('media/orangeDotSmall.gif') no-repeat left center; padding: 5px 0 5px 10px; }
.listDisc { list-style-type: disc; }
.listSquare { list-style-type: square; }
.listCircle { list-style-type: circle; }
.listDecimal { list-style-type: decimal; }
.listGeorgian { list-style-type: georgian; }
.listLowerAlpha { list-style-type: lower-alpha; }
.listUpperAlpha { list-style-type: upper-alpha; }
.listIdeographic {  }
.fontMedium { font-size: medium; }
.fontLarge { font-size: large; }
.fontLarger { font-size: larger; }
.fontXLarge { font-size: x-large; }
.fontXXLarge { font-size: xx-large; }
.fontSmall { font-size: Small; }
.fontSmaller { font-size: Smaller; }
.fontXSmall { font-size: x-Small; }
.fontXXSmall { font-size: xx-Small; }
.orange { color: #fe4800; }
/* end */
/****************/

#closeButton {
	width: 40px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*****Site map******/
.siteMapright{float:right;}
.siteMapleft{float:left;}
ul.sitemap li { padding: 2px 0 2px 5px; }
ul.sitemap li ul li{ padding-left:  15px; }
ul.sitemap li a{ background: transparent url('media/orangeDotSmall.gif') no-repeat left 0.7em; padding: 5px 0 5px 15px; }

/* misc */
.leftCheckerBanner img{margin:0 20px 20px 0;}
.rightCheckerBanner img{margin:0 0 20px 0;}
.leftCheckerBanner img:hover, .rightCheckerBanner img:hover{ filter: alpha(opacity=85); opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity: 0.85; }
input[type='checkbox']{border:none;}
.orangey {color:#ff3300;background:none!important;}
.hoveredImages img:hover { filter: alpha(opacity=85); opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity: 0.85; }
.paddedRightBottom{padding:0 13px 9px 0;float:left;}
.paddedBottom{padding:0 0 9px 0;float:left;}
.paddedRight{padding:0 13px 0 0;float:left;}
.single-panel-holder .panel-inner .text-area h3{color:#111;}

.prodInfo{color:#333333;padding-top:10px;}
.prodInfo .clear{padding-top:10px;}
.prodInfo label.proddesc {font-size:80%;color:#333333;font-weight:bold;margin:0;padding:0;float:left;width:95px;}
.prodInfo .actual-desc{font-size:80%;padding:0;float:left;width:470px;vertical-align:top;}
.jqModal{color:#fe4800;}
.jqModalSpan{position:relative;top:-3px;}
#pricePerColour{color:#222;margin:5px 0;}
#product-detail-tabs .selected .selected{color:#fff;}

.text-area h3 {font-size:100%;margin-top:15px;}
.panel-inner .text-area .left {margin-top:20px;float: left;width: 175px;text-align:center;padding:0 30px 0 0;}
.panel-inner .text-area .right {float:left;vertical-align:bottom;width:710px;border:0px solid #222;}
.panel-inner .text-area .right .product-title {height:35px;}
.panel-inner .text-area .right .product-price-span {float:left;margin:0 0px 0 0;}
.panel-inner .text-area .right .product-detail {margin:20px 0 0 0;}
.panel-inner .text-area .right .product-price-span label {float:left;font-weight:bold;font-size:12px;margin:0 15px 0 0;}
.panel-inner .text-area .right .product-price-span label.oneColorText{width:90px;}
.panel-inner .text-area .right .product-price-span span.noChange,
.panel-inner .text-area .right .product-price-span span.price {color:#fe4800;font-size:24px;font-weight:bold;margin:0 22px 0 0;}
.panel-inner .text-area .right .product-price-span span.price-withvat {color:#fe4800;font-size:24px;font-weight:bold;margin:0 5px 0 0;}
.panel-inner .text-area .right .product-detail span {font-size:11px;color:#333!important;font-weight:bold;width:600px;float:left;}
.panel-inner .text-area .right .product-detail label {font-size:12px;margin-top:0px;color:#333;}
.freedelivery-image {float:left;vertical-align:baseline;width:150px;}
/*.absolutePositioning {position:relative}*/
.freedeliveryimage {position:relative; float:left;left:-10px;top:10px;}
.potato {height:30px;}

.headerText{position:absolute;top:0;left:0;width:650px;color:#FFFFFF;font-size:70%;padding-top:6px;}

/*banner hallery text */
.bannerText {width:970px;height:260px;height:240px;width:950px;padding:20px 0 0 20px;font-family:"Arial Black", Arial, Helvetica, sans-serif;}
.bannerText h3{font-weight:bold;font-size:180%;padding:0;margin:0 0 10px;line-height:1em; font-family:"Arial Black", Arial, Helvetica, sans-serif;}
.bannerText h3 em{color:#ff3300;font-style:normal; font-family:"Arial Black", Arial, Helvetica, sans-serif;}
.bannerText ul{ width:300px;}
.bannerText li{font-size:90%;font-weight:normal;background:url(media/banner-li.png) no-repeat;padding:0 0 6px 22px;min-height:19px;}
.bannerText li span{font-size:80%;}
.bannerText li strong{font-weight:bold;}
#s3sliderContent .bannerText .quoteBtn img{width:162px;height:40px;}
.quoteBtn { display:none; }
.bannerText h3 span { font-family:"Arial Black", Arial, Helvetica, sans-serif;}

table.bannerText  { position: absolute; top:-25px; left:20px; padding:15px 0 0 0;}
table.bannerText td {text-align:left; padding:0; margin:0; }