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

#ffffff	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: #121212; }
.container { margin: 0 auto; width: 970px; }
.accessibility { position: absolute; top: 0; left: -9000px; }
.clear { clear: both; }
.paddingspace { padding: 10px 0px 10px 0px; }
.paddingspace1 { padding: 7px 0px 7px 0px; }
.noclear { clear: none; }
p { margin: 15px 0; }
li { list-style: none; }
a, a:visited { text-decoration: none; color: #121212; }
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%; }
/******Header Options and VAT Buttons*****/
.header { border-bottom:solid 2px #000000; background:#000000; height: 125px; }
.floatright { margin: 0px 0px 0px 0px; width: 940px; float: right; }
#header-options ul {display:none; float: right; margin: 12px 0px 12px 0px; font-size:small;}
#header-options ul li { color:#ffffff; padding: 2px 0px 5px 0px; float: left; list-style: none;}
#header-options ul li a.links{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: none; color: #fe4800; }
#header-logo { float: left; margin-top: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; }
#total {height:30px; background: transparent url('media/calculator.gif') no-repeat left bottom; padding: 7px 5px 7px 31px; font-size: small; }
ul li #withVAT {cursor:pointer; background: transparent url('media/priceWithVat1.gif') no-repeat center top; font-size: 11px; padding: 3px 16px; }
#withVAT.active { background: transparent url('media/priceWithVat.gif') no-repeat center top;  }
ul li #withVAT:hover,#pound:hover,#euro:hover{color:#BEBDBD;}
ul li #withVAT.active:hover {color:#BEBDBD;}
ul li #withoutVAT {cursor:pointer; background: transparent url('media/priceWithoutVat1.gif') no-repeat center top; font-size: 11px; padding: 3px 8px; }
#withoutVAT.active {background: transparent url('media/priceWithoutVat.gif') no-repeat center top;  }
ul li #withoutVAT:hover {color:#D7D7D7;}
ul li #withoutVAT.active:hover {color:#D7D7D7;}
ul li #pound {cursor:pointer; background: transparent url('media/currency-bgd1.gif') no-repeat center top; padding: 3px 10px; }
#pound.active { background: transparent url('media/currency-bgd.gif') no-repeat center top; }
ul li #euro { cursor:pointer;background: transparent url('media/currency-bgd1.gif') no-repeat center top; padding: 3px 10px; }
#euro.active { background: transparent url('media/currency-bgd.gif') no-repeat center top; }

.prodsearch { display:none;color: #808080; width: 370px; margin: 15px 0 0 20px; float: right; font-size: 17px; }
#keywords { background-color: #ffffff; color: #808080; border: 0px; padding: 8px; width: 250px; font-size: 18px; }
#keywords:hover { border: 0px; padding: 8px; width: 250px; }
.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;}

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

/***********Bread Crumbs********/
.breadcrumbs { color: #ffffff; font-size: 11px;padding:5px 0; }
.breadcrumbs .left {float:left;padding-top:6px;}
.breadcrumbs .right {float:right;}
.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: #ffffff; }
.breadcrumbs .right li{font-size:15px;font-weight:bold;float:left; padding:4px 0px 6px 35px;}
.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: #ffffff;text-decoration:none; }
/***********Contact********/
.labelright { padding: 0px 0px 0px 10px; text-align: left; width: 200px; }
.labelctext { padding: 5px 0px 8px 0px; float: left; width: 180px; clear: left; }
.order_form_page select, .order_form_page input , .inputarea{ padding: 2px 0 2px 5px; float: left; width: 360px; border: 1px solid #121212; background-color: #ffffff;  }
.order_form_page .checkbox{width:20px;border: 1px solid #ffffff;}
/*.order_form_page select:hover, .order_form_page input:hover ,.inputarea:hover{ border: 1px solid #121212; background-color: #ffffff; color: #000000; }*/
.order_form_page select:active, .order_form_page input:active ,.inputarea:active { border: 1px solid #121212; background-color: #ffffff; 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; }

#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:45px; margin:5px 0 0; width:267px; float:right; }

/******Menu Bar******/
.navhome:hover, .navall-products:hover, .navclothing:hover, .naveco-products:hover, .navfolders-cases:hover, .navkeyrings:hover, .navmugs:hover, .navpaper-products:hover, .navumbrellas:hover, .navwater-bottles:hover, .navmouse-mats:hover, .navpens:hover, .navbags: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; }
.navbags { background: url('media/buttons/bags.gif') 0px -47px; display:block; width: 68px; height:46px; }
.navbagsactivetab { 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; }
.navclothing { background: url('media/buttons/clothing.gif') 0px -47px; display:block; width: 91px; height:46px; }
.navclothingactivetab { background:url('media/buttons/clothing.gif') 0 1px no-repeat; display:block; width: 91px; height: 47px; }
.naveco-products { background: url('media/buttons/eco_products.gif') 0px -47px; display:block; width: 101px; height:46px; }
.naveco-productsactivetab { background:url('media/buttons/eco_products.gif') 0 1px no-repeat; display:block; width: 101px; height: 47px; }
.navpaper-products { background: url('media/buttons/paper_products.gif') 0px -47px; display:block; width: 101px; height:46px; }
.navpaper-productsactivetab { background:url('media/buttons/paper_products.gif') 0 1px no-repeat; display:block; width: 101px; height: 47px; }
.navfolders-cases { background: url('media/buttons/folders_cases.gif') 0px -47px; display:block; width: 84px; height:46px; }
.navfolders-casesactivetab { background:url('media/buttons/folders_cases.gif') 0 1px no-repeat; display:block; width: 84px; height: 47px; }
.navkeyrings { background: url('media/buttons/keyrings.gif') 0px -47px; display:block; width: 92px; height:46px; }
.navkeyringsactivetab { background:url('media/buttons/keyrings.gif') 0 1px no-repeat; display:block; width: 92px; height: 47px; }
.navmugs { background: url('media/buttons/mugs.gif') 0px -47px; display:block; width: 68px; height:46px; }
.navmugsactivetab { background:url('media/buttons/mugs.gif') 0 1px no-repeat; display:block; width: 68px; height: 47px; }
.navumbrellas { background: url('media/buttons/umbrellas.gif') 0px -47px; display:block; width: 108px; height:46px; }
.navumbrellasactivetab { background:url('media/buttons/umbrellas.gif') 0 1px no-repeat; display:block; width: 108px; height: 47px; }
.navwater-bottles { background: url('media/buttons/water_bottles.gif') no-repeat 0px -47px; display:block; width: 87px; height:46px; }
.navwater-bottlesactivetab { background:url('media/buttons/water_bottles.gif') 0 1px no-repeat; display:block; width: 87px; height: 47px; }
.navmouse-mats { background: url('media/buttons/mouse_mats.gif') 0px -47px; display:block; width: 77px; height:46px; }
.navmouse-matsactivetab { background:url('media/buttons/mouse_mats.gif') 0 1px no-repeat; display:block; width: 77px; height: 47px; }
.navpens { background: url('media/buttons/pens.gif') 0px -47px; display:block; width: 60px; height:46px; }
.navpensactivetab { background:url('media/buttons/pens.gif') 0 1px no-repeat; display:block; width: 60px; height: 47px; }
/******Navigation Menu******/
#mcol { z-index: 1000; }
#nav{float:left;}
ul#gallery { list-style: none; position: relative; font-size: 13px; font-weight: bold; z-index: 1012; }
ul#gallery li { 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: 1px 4px 4px 3px; border-color: #464646 #fe4800 #fe4800 #fe4800; list-style: none; background-color: #ffffff; width: 963px; position: absolute; left: -9999px; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { border-style: solid; border-width: 1px 4px 4px 3px; border-color: #464646 #fe4800 #fe4800 #fe4800; list-style: none; top: 46px; left: 0px; background: #ffffff; width: 963px; z-index: 2; }
ul#gallery li a { display: block; padding: 0px; color: #808080; text-decoration: none; }
ul#gallery li a.thintext, ul#gallery li a.thintext:visited { font-weight: bold; border: 0px solid #ffffff; padding: 2px 1px 2px 8px; width: 100px; background-color: #ffffff; min-height: 14px; vertical-align: bottom; text-align: center; }
ul#gallery li a.thintext:hover { font-weight: bold; border: 0px solid #fe4800; padding: 2px 1px 2px 8px; width: 100px; background-color: #ffffff; color: #fe4800; min-height: 14px; vertical-align: bottom; text-align: center; }
ul#gallery li ul li { display: inline; text-align: center; clear: none; float: none; border: 0px; background-color: #ffffff; }
ul#gallery li ul li a,ul#gallery li ul li dt { text-align: left; padding: 2px 10px 2px 10px; color: #121212; position: relative; float: left; display: block; width: 99px; }
ul#gallery li ul li a:hover { color: #fe4800; font-weight: bold; text-decoration: underline; }
ul#gallery li ul li .menu-item-holder{float:left;padding:4px 0px 2px;}
ul#gallery li ul li .menu-item-holder a{width:102px; height:30px; text-align: center;padding: 2px 8px 2px 8px; color: #121212; position: relative;  display: block;  }
ul#gallery li ul li .menu-item-holder a:hover { color: #fe4800; font-weight: bold; text-decoration: underline; }
ul#gallery li ul li .nav-image-holder a.navLinks{width:110px;height:95px; border: 1px solid #ffffff;text-align: center; padding:10px 0 5px; color: #121212; 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: #121212; 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; }

/************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: #ffffff; 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: #ffffff; 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:#ffffff;font-size:16px;font-weight:bold;}
li.contact-info span{text-decoration:none; color:#ffffff;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; }
#s3sliderContainer { display: none; }
#s3sliderContent { width: 970px; height: 261px; margin-left: 0px; border: 0px; padding: 0px; }
#s3sliderContent img { width: 969px; }
.s3sliderImage { float: left; display: none; width: 970px; }

/******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%; }
#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:#ffffff;}
#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:#ffffff;}
#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: #ffffff 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: #ffffff; 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; }
.single-panel-holder2 { display:none; background: transparent url('media/single-panel-bgd.gif') repeat-y left; font-size: 90%; width: 970px; }
.single-panel-holder2 h2 { padding: 0px; color: #ffffff; 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; }
.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:#ffffff; }
.footer a ,.footer a:visited{ text-decoration: none; color: #ffffff; }
.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.gif') no-repeat left center; padding-left: 10px;  }
.footer-top li a:hover { background: transparent url('media/footer-li-over.gif') no-repeat left center; padding-left: 10px; }
.left-content { margin-left: 20px; float: left; border: 1px #ffffff; }
.middle-content { margin-left: 240px; float: left; }
.right-content { width: 240px; float: right; clear: 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: #ffffff;}
/******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;}
.result-paging { color: #ffffff; font-size: 11px; margin-left: 3px; }
.paging-bottom { margin:20px 0 0 3px;}
.paging-bottom .number-paging {padding:3px 0 5px;}
.result-paging li { background: transparent url('media/result-li.gif') no-repeat right center; float: left; padding: 0px 9px 4px 9px; }
.result-paging li.selected { text-decoration: underline; color: #fe4800; }
.result-paging li a, .result-paging li a:visited { color: #ffffff; }
.result-paging li.selected a { color: #FE4800; }
.result-paging .left { float: left; padding:4px 0 0 0;}
.result-paging .left p { text-align: right; }
.result-paging .right { float: right; text-align: right; width: 800px; }
.result-paging .sortline {text-align: right; padding-top:0px;float:right;width:280px; }
.result-paging .sortline select{width:200px;float:left;}
.result-paging .doFilterbtn {float:left;margin:0;}
.sortline label {float:left; padding:5px 0 0;}
.result-paging .sortline select { background-color: #ffffff; color: #808080; margin:2px 4px 0; }
.result-paging .sortline input { background-color: #ffffff; color: #808080; margin:0px 0 0 4px; }
.number-paging {border-bottom:1px solid #5C5C5C;border-top:1px solid #5C5C5C;padding:5px 0;}
.actual-paging{float:left;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; }
.bottom-right { float: right; vertical-align: bottom;margin:6px 23px 0px 10px; white-space: nowrap; }
.freedelivery-image{float:left;}
.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: 8px; }
.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;}
.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; }
.enqket { width: 150px; border: 1px solid #121212; }
.enqket:hover, .enqketLarge:hover { border: 1px solid #fe4800; }
.enqketLarge { width: 200px; border: 1px solid #121212; }
.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:5px 0 0;}
.filter { float: right; text-align: right; }
/******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; max-width: 75px; padding-top: 15px; max-height: 100px; display: block; }
.left .left-text a{ color: #fe4800; font-size: 11px; font-weight: bold; margin: 10px 0px; }
.right-text { color: #ffffff; font-size: 11px; font-weight: bold; margin: 10px 0; }
.detail-area .right { float: left; width: 577px; }
#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: #ffffff; float: left; height: 32px; width: 140px; z-index: -1009; }
#product-detail-tabs li a { color: #ffffff; 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: 10px 0px 0px 11px; font-size: 11px; }
.product-description-tab p { color: #ffffff; padding: 10px 0px 0px 11px; font-size: 13px; }
.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:231px;height:45px; 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;}

 .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; }
ul.idTabs { position: relative; left: -1px; }
ul.idTabs li { float: left; color: #ffffff; background: transparent url('media/pos-tabs-bgd.gif') no-repeat; height: 33px; width: 45px; margin-left: 2px; }
ul.idTabs li a { height: 23px; color: #ffffff; 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; }

.pos-text { margin: 10px 0px 0px 7px; }
ul.idTabs #unprinted { background: transparent url('media/pos-unprinted-bgd.gif') no-repeat; height: 33px; width: 84px; padding: 0px; }
ul.idTabs #unprinted a.selected { background: transparent url('media/pos-unprinted-bgd-sel.gif') no-repeat; padding: 0px; width: 84px; height: 33px; }
/******Details table******/
td{vertical-align:middle;text-align:center;}
.grid { background: #fe4800;border-top:solid 1px #fe4800;clear:both; width: 558px; text-align: center; height: 40px; float: left; color: #ffffff; }
.grid td { width: 86px; border: solid 1px #fe4800; border-top: none; border-right-width: 1px; border-left: none; }
.grid td.firstcol { width: 86px; border: solid 1px #fe4800; border-top: none; border-right-width: 1px; border-left-width: 1px; }
.grid td.first-row { border-top: solid 1px #fe4800; width: 98px; }
#logo-colours { width: 400px; }
.grey-bgd { background: #333333; }
.grey-bgdselected { background: #111111; }
#cell-selected { background: #cccccc; }
.black-bgd { background: #121212; }
.grid-data .firstcol { border-style: solid; border-width: 0px 1px 1px 1px; border-color: #fe4800; background: #121212; }
.black-bgdselected { background: #cccccc; }
table.grid-data { border: 0;clear:both; background: #fe4800; width: 558px; text-align: center;  float: left; color: #ffffff; }
.grid-data td { padding-top: 0px; width: 86px; border: solid 1px #fe4800;height:34px; border-top: none; border-right-width: 1px; border-left: none; }
.price-cells { background: #ffffff; color:#000000;}
.center { text-align:center; }
/******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; }
.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; }
.quote-calc input { width: 50px; padding-left: 5px; }
.quote-calc select { width: 90px; padding-left: 5px; }
.quote-detail { /*background:transparent url('media/your_quote.gif') no-repeat top;*/  float: left; width: 235px; margin-left: 15px; padding-top: 0px; }
.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 8px 0;}
/*.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; }
/***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:#ffffff; padding:5px 0; height:36px;/* border-left:solid 2px #ffffff;*/ width:115px; }
.basket td{min-height:120px;border-bottom:solid 9px #ffffff;border-top:solid 9px #ffffff;}
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:#ffffff url('media/grey-border.gif') repeat-y right; }
td.noborder{border-top:solid 1px #ffffff;}
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 #ffffff;border-bottom:solid 1px #ffffff;color:#ffffff;}
td.totalCol{background-color:#000000;color:#ffffff;border-top:solid 1px #ffffff;border-bottom:solid 2px #ffffff;}
/******Content******/
#left1 {width: 475px; float: left; }
#left2 {width: 475px; float: right; }
/******Carousel******/

.carouselSlides { width: 100px; height: 100px; float: left; clear: both; }
.jcarousel-container {display:none; 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 a, .jcarousel-list li span a:visited { font-size: 12px; font-weight: bold; display:block; text-align:center; text-decoration: none; color: #121212; }
.j/******Tooltip******/
#preview { position: absolute; border: 3px solid #808080; background: #ffffff; padding: 5px; display: none; color: #121212; 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; }

.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; }
/* end */
/****************/

#closeButton {
	width: 40px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*****Site map******/

.siteMapright{float:right;}
.siteMapleft{float:left;}