/* Company : Wrekin Website Design By : Tony Shrimtpon RDate : 20/10/2008 Version : 2.1 */ #printheader { display:none; } html,body{background: #FFF; color:#000; font:100% Verdana,Arial,Helvetica,sans-serif;height:100%; margin:0; padding:0;} img{border:0px;} #pagewidth{font-size: 11px;} h1 { font-size: 14px; color: #005668; padding:0px; margin: 0px;} h2 { font-size: 14px; color: #005668; padding:0px; margin: 0px;} a:link,a:visited{color:#30226C} a:hover, a:focus, a:active{color:#C03} label {font-weight: bold} #outercolcont{ border-left:solid 190px #fff; border-right:solid 190px #fff; margin:10px; } #innercolcont{ width:100%; } #leftcol, #middlecol, #rightcol, * html #middlecolwidth{overflow: visible;position: relative} #middlecolwidth{ float:left; width:100%; margin:0 -1px 0 0; } #middlecol{ float:right; margin:0; width:100%; } * html #middlecol div.noprint div {height:132px} /* fixes an IE6 problem with banners introduced with surrounding noprint div */ * html #middlecol div.noprint div div{height:auto;} #leftcol{float:left;margin:0 10px 0 -190px;width:180px} #rightcol{float:right;width:180px;margin:0 -190px 0 10px} #outercolcont{min-width:480px;} * html #middlecolminwidth{border-left:480px solid #FFF;} * html #sowrap {margin-left:-480px; position:relative;} /*\*/* html #sowrap, * html #middlecolminwidth {height: 1px;}/**/ #innercolcont.secure, #outercolcont.secure { border-left-width: 0; } #rightcol.secure{padding-top:12px;} .hidlabel{margin-top:10px;padding:5px;display:none;text-transform:capitalize;border-bottom:1px solid #CDD7ED;color:#369;font-weight:bold;width:100%} .clr{clear:both} /* HEADER */ #headerwidth{width:100%; min-width:880px; position:relative; z-index:2000;} #tabs {font-size:.90em;margin:0 auto} #tabs ul{margin:0;padding:0 10px 0;list-style:none} #tabs li{float:left;background:url("/images/site/ltab.gif") no-repeat left top;margin:0;padding:0 0 0 9px} #tabs a{display:block;background:url("/images/site/rtab.gif") no-repeat right top;padding:3px 10px 2px 3px;text-decoration:none;font-weight:bold;text-transform:none} #tabs .current{background-image:url("/images/site/l2c.gif")} #tabs .current a, #tabs .current a:hover{background-image:url("/images/site/r2c.gif");color:#fff;padding-bottom:2px;font-weight:bold} #tabs > ul a{width:auto;} * html #headerminwidth {border-left:880px solid #fff;position:relative;float:left;z-index:1;} * html #header {margin-left:-880px;position:relative;float:left;z-index:2;text-align:left;} .sitetitle {font-weight: bold; font-size: 12px; COLOR:#000; font-family: Arial,Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; } h1.sitetitle {font-weight: bold; font-size: 12px; COLOR:#000; font-family: Arial,Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px;} #head1,#head2,#head3,#head4,#head5{margin:0;padding:0;} #head1{margin-top:auto;} #head2{clear:both;text-align:center; z-index:3000;} #head3{background:#005668;border-bottom:1px solid #005668;} #head3 img{vertical-align:middle;} #head4 {border-bottom:7px solid #2B53A8; background:#fff;height:1px;font-size: 0.1em;} #head5{border-bottom:1px solid #005668;border-top:1px solid #005668;background-color: #80D6FF } .h1left{float:left;left:0;margin:0;padding-left:10px;width:200px;} .h1center{font-weight:bold;margin-left:201px;margin-right:25%;text-align:center;color:#000;padding-top:20px;} .h1right{float:right;padding-top:13px;padding-right:10px;position:static;text-align:right;width:35%;white-space: nowrap;} .h1right ul{float:right;list-style:none;margin:8px 0 0 0;padding:0 0 10px 0} .h1right li{display:block;float:left;padding:5px 0 7px 8px} .h1right a, .h1right a:visited{background:no-repeat left top;padding:4px 0 8px 30px;font-weight: bold} .h1right a.wishlist, .h1right a:visited.wishlist{ background-image:url("images/site/weather_sun.gif");margin-right:10px} .h1right a.contact, .h1right a:visited.contact{background-image:url("/images/1/icons/icn_contactus.gif")} .h1right a.help, .h1right a:visited.help{background-image:url("/images/site/help.gif")} .h1right a.account, .h1right a:visited.account{background-image:url("/images/site/user_red.gif")} .h1right a:hover{text-decoration:underline} #h3left{float:left;left:0;margin:0;padding:1px 0 0 10px;width:25%; font-weight: bold;background-color: #005668;color: #FFF;} #h3center{color:#FFF;font-weight:bold;margin-left:26%;margin-right:26%;padding:0;text-align:center} #h3center input, #h3center select{margin-top: 2px; margin-bottom:-2px} #h3center input.gobtn{margin:0;vertical-align:middle} #h3right{color:#FFF;float:right;font-weight:bold;margin:0;padding:0 10px 0 0;text-align:right;width:25%;vertical-align:middle} #h3right input, #h3right select{margin-top:2px;margin-bottom:-2px} #h3right input.gobtn{margin:0;vertical-align:middle} #options{float:left;width:61%;left:0;padding:0;margin:0;} #options ul{float:left;list-style:none;margin:0;padding:3px 0 0 0} #options li{display:block;float:left;padding:6px 0 8px 8px} #email{float:right;font-weight:bold;padding:1px 0 0 0;position:static;text-align:right;width:39%; margin: 0} #email img {vertical-align:middle;padding-right:10px} .leftcontaner{background:url("/images/site/rt.gif") no-repeat right top;background:#005668;border-bottom:1px solid #005668;width:100%} .ctleft{float:left;height:25px;width:29px} .headingleft{background:url("/images/site/lt.gif") no-repeat} .headingright{background:url("/images/site/rt.gif") no-repeat right top;padding:9px 5px 3px 0} .headingright h3{color:#FFF;padding:0;margin:0;font-size:1em} #nav a {color:#000} #nav img{display:block} #nav{border:1px solid #005668;} #nav dt a{font-size:1em;color:#FFF;display:block;font-weight:normal;margin:1px 0 0 0;padding:3px 0;text-align:center;text-decoration:none;text-transform:lowercase} #nav dd{display:inline;list-style-type:none;padding:0;margin:0} #nav dd a{border-top:1px solid #FFF;display:block;font-size:1em;margin:0;padding:2px 0 2px 13px;text-align:left;text-decoration:none; font-weight:normal} #nav dd a:hover,#nav dd a:active{background: url("/images/site/ar1.gif") no-repeat left} #nav dd.sel dl{list-style-type:none;margin:0;padding:0} #nav dd.sel dl dd{border-top:1px solid #FFF;margin:0;padding:0} #nav dd.sel dl dd a{display:block;font-weight:normal;padding-left:23px} #nav dd.sel dd a:hover{font-weight:normal} #nav dd.sel a, #nav dd.sel a:hover{font-weight:bold} #nav dl, #nav dt{margin:0;padding: 0} #breadcrumb, .breadcrumb{border-bottom:1px solid #BBC6E0;padding-bottom:6px;margin-bottom:10px;text-align:left;line-height:1.5em} .centercolfull #breadcrumb, .centercolfull .breadcrumb {width:100%} #breadcrumb a, .breadcrumb a{font-weight: bold} #breadcrumb img, .breadcrumb img{padding:3px 4px;vertical-align:middle} .conthold {margin-right:-2px} .colbord{border:1px solid #C03} .colbord p {padding:5px} #footerwidth{line-height: 1.5em;clear: both;background:#005668;padding:2px 0 2px 0;width:100%; font-weight:bold; color:#FFF; min-width:880px; position:relative;} * html #footerminwidth {border-left:880px solid #005668; position:relative; float:left; z-index:10;} * html #footerwrapper {margin-left:-880px; position:relative; float:left; z-index:20; text-align:center;} * html #footer {text-align:center; width:100%;} * html #footerwidth {width:100%;} #footer2width{line-height: 1.5em;clear: both;background:#FFF;padding:2px 0 2px 0;width:100%; font-weight:bold; color:#FFF; min-width:880px} * html #footer2minwidth {border-left:880px solid #FFF; position:relative; float:left; z-index:10} * html #footer2wrapper {margin-left:-880px; position:relative; float:left; z-index:20} #footer a{color:#FFF} #footer a:hover {text-decoration: none} #fcenter{color:#FFF;font-weight:bold;padding:7px 20px 7px 20px; margin:0 80px;text-align:center; vertical-align:middle; line-height:2em;} #fcenter img {vertical-align: middle; padding-right: 6px} #footer2 {clear: both} #footer2 .logos1 {float:left;padding:5px; vertical-align:top} .logos1 img {vertical-align:middle; padding:0 5px 0 0; margin-top:-10px} #footer2 .logos2 {float:right;padding:5px; vertical-align:top} .logos2 img {vertical-align: top; padding:12px 0 0 5px; } .poweredby {padding-top:3px; text-align: right} .rtbl .left {text-align:left} table.ruler tbody tr {background-color:#f5f7fa;} /* mouseout color */ table.ruler tbody tr.ruled {background-color:#E8EAF3;} /* mouseover color */ /* PRINTER STYLES */ @media print { body {color:#000!important} hr.hidcontent {display:none;} .curve2, .pimid, .pitabs, .sbhead-wb-end, .whiteblock, .totopblock, #header,.left img, #rightcol, #leftcol, #breadcrumb, #footer, #footer2, .pitabs, .printhide, .buybtn {display: none} #middlecol, #outercolcont, #innercolcont, #middlecolwidth, #middlecolminwidth, #sowrap, #middlecol {width: 100%; border: 1px solid #fff} #printhead{display:block} .hidcontent{display:inline} .hidlabel{display: block} .noprint{display:none;} .centerfull{width:98%} #printheader{display: visible; } } #head3, #head4, #head5{position:relative; z-index:3000;} * html #head3, * html #head4, * html #head5 {position:inherit;} * html .h1center{position:static;} * html .h1right{position:static;} #h3left, #h3right{position:relative; z-index:5000;} * html #options{background:url("/images/site/options-bg.gif") #f7f7ff 0 0;} .guttercontainer {text-align:center;font-weight:bold;margin:8px 0 8px 0} /*Child category merch*/ #childholder {width:90%; height:1%; float:left; clear:both; margin: 0 0 10px 0} #childholder h3 {font-size:100%; color:#000; font-weight:bold; padding:4px 2px 4px 8px; margin:0} #childholder .center {margin-left:8%; margin-right:2%; width:100%; padding:0} #childholder .container {line-height:16px; float:left; margin:15px auto 5px auto; padding:5px 0 4px 4px; width:32%; background-image:url("/images/site/red-bg-1.gif"); background-repeat:no-repeat} #childholder .container ul {width:180px; float:left;padding-left:18px; margin-top:10px;list-style-image: url(/images/1/merch/child_cats/images/list_pointer.jpg)} #childholder .containerhold {height:1%; clear:both; margin-left:auto; margin-right:auto; width:100%} #childholder .prodimage {float:left; height:auto; padding-left:3px} .childclear {clear:both} * html .childclear {display:none} #nav dl.menu26 dt, #nav dl.software dt a{background-color: #005178} #nav dl.menu26 dt a{border-top:1px solid #D24006; border-bottom:1px solid #005178} #nav dl.menu26 dd a {background-color:#BFEAFF} #nav dl.menu26 dd a:hover {background-color:#80D6FF} #nav dl.menu26 dd.sel a{background:url("/images/site/ar1.gif") no-repeat left #F7B68B;color:#005178} #nav dl.menu26 dd.sel dl dd a:hover, #nav dl.software dd.sel dl dd.sel a{background:url("/images/site/ar1.gif") no-repeat left #fff;text-decoration:underline} #nav dl.menu26 dd.sel dl dd.sel a{font-weight:bold;text-decoration:none} div.imagegalleryscroller{ scrollbar-face-color : #CED7EF; scrollbar-highlight-color : #F7F7FF; scrollbar-3dlight-color : #E4EAF5; scrollbar-shadow-color : #5275C6; scrollbar-darkshadow-color : #BDCBEF; scrollbar-track-color : #DFE4F0; scrollbar-arrow-color : #5275C6; } /* Quadcart */ .emptycart { font-weight: bold; width: 100%; text-align: center; } .noproducts { font-weight: bold; width: 100%; text-align: center; } .cartdelimg{border:0px;height:16px;margin-right:10px;vertical-align:middle;width:16px;float:left;} a.currency{color: #FFF; font-weight: bold; font-size: 16px;} a.pricevat{color: #FFF; font-size: 16px;} .ccimg{margin:0 0 5px 0;text-align:center} #childholder {width:90%; height:1%; float:left; clear:both; margin: 0 0 10px 0} #childholder h3 {font-size:100%; color:#000; font-weight:bold; padding:4px 2px 4px 8px; margin:0} #childholder .center {margin-left:8%; margin-right:2%; width:100%; padding:0} #childholder .container {line-height:16px; float:left; margin:15px auto 5px auto; padding:5px 0 4px 4px; width:360px; background-image:url("/images//site/center-section.gif"); background-repeat:no-repeat} #childholder .container ul {text-align: left; width:169px; float:left;padding-left:18px; margin-top:10px;list-style-image: url("/images/site/asterisk_yellow.png")} #childholder .containerhold {height:1%; clear:both; margin-left:auto; margin-right:auto; width:100%} #childholder .catimage {float:left; height:auto; padding-left:3px} .childclear {clear:both} * html .childclear {display:none} .clr{clear:both} .copyw {width: 100%;text-align: center; color: #005668;} #w3ccontainer{width:100%;} #websitehosting{width:100%;} #optimisedecommerce{width:100%;} #antispam{width:100%;} #emailsolutions{width:100%;} .outbox{padding:0 12px 0 0; background:#FFF url("/images/site/borders-r.gif") 100% 0 repeat-y} .outbox a {font-weight:bold} .divider{padding:0 0 0 12px;background:#fff url("/images/site/borders.gif") 0 0 repeat-y;position:relative} .boxtop{height:17px;margin:0 -12px;background:url("/images/site/box.gif") 100% 0 no-repeat} .boxtop div{width:18px;height:17px;background:url("/images/site/box.gif") 0 0 no-repeat} .boxbottom{height:17px;margin:0 -12px;background:url("/images/site/box.gif") 100% 100% no-repeat} .boxbottom div{width:18px;height:17px;background:url("/images/site/box.gif") 0 100% no-repeat} .secimage{padding:0 5px;text-align:center;width:85px;float:left;position:relative;} .secimage{margin-top: 5px} * html .secright {height:1%} .secright{border-left:1px solid #A2B3D9;background:#FFF;padding:0 10px; margin-left: 95px;height: 100%;} .secright p {margin:8px 0 8px 0;padding: 0} .secpoints { float: right; } legend { font-weight: bold;} .labwc3 { width: 150px; text-align: right; } .enqform { font-size: 12px; width: 150px; } .enqrow { display: block; width: 260px; } .w3cenq2 { width: 75px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 4px; } .enqformclass { font-size: 12px; width: 150px; } .enqhead { background-color:#005668; color: #FFF; font-weight: bold; text-align: center; display: block; } .poweredby{background:#005668;color: #FFF;padding:3px;text-align:center;} A.poweredby:link {color:#FFF;text-decoration: none} A.poweredby:visited {color:#FFF;text-decoration: none} A.poweredby:active {color:#FFF;text-decoration: none} A.poweredby:hover {text-decoration: underline; color: #F00;} .clientareatable { width: 530px; background-color: #cccccc; } tr.clientareatableheading { background-color: #efefef; font-weight: bold; text-align: center; } tr.clientareatableactive { background-color: #ffffff; text-align: center; } tr.clientareatablepending { background-color: #ffffcc; text-align: center; } tr.clientareatablesuspended { background-color: #ccff99; text-align: center; } tr.clientareatableterminated { background-color: #ff9999; text-align: center; } .emailreqlab{font-weight:bold; font-size:12px;} .emailreg{font-size:12px; width: 200px;display: block;} .emailreg2{font-size:12px; width: 40px;display: block;} .emailregta{font-size:12px; width: 200px;height: 40px;display: block;} h3.newsletter {font-size:100%; color:#000; font-weight:bold; padding:4px 2px 4px 8px; margin:0} .emregsub{margin-top: 15px;} .captcha{padding: 5px;} .emailnews {width: 400px;} .contactusfl {margin-left: 40px;width: 300px;} .error1 { color: #F00; font-size: 10px;} .helpbold { font-weight: bold; } ol.helpsteps li { margin: 4px 4px; } .italdomain { font-style: italic;} .emfreetrfs { width: 250px; margin: 40px; padding: 10px; text-align:left;} #emfreetrial label { font-weight: bold; font-size: 12px;} #emfreetrial input {display: block; width: 210px; margin-bottom: 8px; text-align:left;} .reqform { width: 160px; display: block; } /* Theme Name: Wrekin Website Design Theme URI: http://www.wrekin-webdesign.co.uk Description: The default Wreking Website Design. Version: 1.6 Author: Tony Shrimpton */ #printheader { display:none; } html,body{background: #FFF; color:#000; font:100% Verdana,Arial,Helvetica,sans-serif;height:100%; margin:0; padding:0;} img{border:0px;} #pagewidth{font-size: 11px;} h1 { font-size: 14px; color: #005668; padding:0px; margin: 0px;} h2 { font-size: 14px; color: #005668; padding:0px; margin: 0px;} a:link,a:visited{color:#30226C} a:hover, a:focus, a:active{color:#C03} label {font-weight: bold} #outercolcont{ border-left:solid 190px #fff; border-right:solid 190px #fff; margin:10px; } #innercolcont{ width:100%; } #leftcol, #middlecol, #rightcol, * html #middlecolwidth{overflow: visible;position: relative} #middlecolwidth{ float:left; width:100%; margin:0 -1px 0 0; } #middlecol{ float:right; margin:0; width:100%; } * html #middlecol div.noprint div {height:132px} /* fixes an IE6 problem with banners introduced with surrounding noprint div */ * html #middlecol div.noprint div div{height:auto;} #leftcol{float:left;margin:0 10px 0 -190px;width:180px} #rightcol{float:right;width:180px;margin:0 -190px 0 10px} #outercolcont{min-width:480px;} * html #middlecolminwidth{border-left:480px solid #FFF;} * html #sowrap {margin-left:-480px; position:relative;} /*\*/* html #sowrap, * html #middlecolminwidth {height: 1px;}/**/ #innercolcont.secure, #outercolcont.secure { border-left-width: 0; } #rightcol.secure{padding-top:12px;} .hidlabel{margin-top:10px;padding:5px;display:none;text-transform:capitalize;border-bottom:1px solid #CDD7ED;color:#369;font-weight:bold;width:100%} .clr{clear:both} /* HEADER */ #headerwidth{width:100%; min-width:880px; position:relative; z-index:2000;} #tabs {font-size:.90em;margin:0 auto} #tabs ul{margin:0;padding:0 10px 0;list-style:none} #tabs li{float:left;background:url("/images/site/ltab.gif") no-repeat left top;margin:0;padding:0 0 0 9px} #tabs a{display:block;background:url("/images/site/rtab.gif") no-repeat right top;padding:3px 10px 2px 3px;text-decoration:none;font-weight:bold;text-transform:none} #tabs .current{background-image:url("/images/site/l2c.gif")} #tabs .current a, #tabs .current a:hover{background-image:url("/images/site/r2c.gif");color:#fff;padding-bottom:2px;font-weight:bold} #tabs > ul a{width:auto;} * html #headerminwidth {border-left:880px solid #fff;position:relative;float:left;z-index:1;} * html #header {margin-left:-880px;position:relative;float:left;z-index:2;text-align:left;} .sitetitle {font-weight: bold; font-size: 12px; COLOR:#000; font-family: Arial,Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; } h1.sitetitle {font-weight: bold; font-size: 12px; COLOR:#000; font-family: Arial,Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px;} #head1,#head2,#head3,#head4,#head5{margin:0;padding:0;} #head1{margin-top:auto;} #head2{clear:both;text-align:center; z-index:3000;} #head3{background:#005668;border-bottom:1px solid #005668;} #head3 img{vertical-align:middle;} #head4 {border-bottom:7px solid #2B53A8; background:#fff;height:1px;font-size: 0.1em;} #head5{border-bottom:1px solid #005668;border-top:1px solid #005668;background-color: #80D6FF } .h1left{float:left;left:0;margin:0;padding-left:10px;width:200px;} .h1center{font-weight:bold;margin-left:201px;margin-right:25%;text-align:center;color:#000;padding-top:20px;} .h1right{float:right;padding-top:13px;padding-right:10px;position:static;text-align:right;width:35%;white-space: nowrap;} .h1right ul{float:right;list-style:none;margin:8px 0 0 0;padding:0 0 10px 0} .h1right li{display:block;float:left;padding:5px 0 7px 8px} .h1right a, .h1right a:visited{background:no-repeat left top;padding:4px 0 8px 30px;font-weight: bold} .h1right a.wishlist, .h1right a:visited.wishlist{ background-image:url("images/site/weather_sun.gif");margin-right:10px} .h1right a.contact, .h1right a:visited.contact{background-image:url("/images/1/icons/icn_contactus.gif")} .h1right a.help, .h1right a:visited.help{background-image:url("/images/site/help.gif")} .h1right a.account, .h1right a:visited.account{background-image:url("/images/site/user_red.gif")} .h1right a:hover{text-decoration:underline} #h3left{float:left;left:0;margin:0;padding:1px 0 0 10px;width:25%; font-weight: bold;background-color: #005668;color: #FFF;} #h3center{color:#FFF;font-weight:bold;margin-left:26%;margin-right:26%;padding:0;text-align:center} #h3center input, #h3center select{margin-top: 2px; margin-bottom:-2px} #h3center input.gobtn{margin:0;vertical-align:middle} #h3right{color:#FFF;float:right;font-weight:bold;margin:0;padding:0 10px 0 0;text-align:right;width:25%;vertical-align:middle} #h3right input, #h3right select{margin-top:2px;margin-bottom:-2px} #h3right input.gobtn{margin:0;vertical-align:middle} #options{float:left;width:61%;left:0;padding:0;margin:0;} #options ul{float:left;list-style:none;margin:0;padding:3px 0 0 0} #options li{display:block;float:left;padding:6px 0 8px 8px} #email{float:right;font-weight:bold;padding:1px 0 0 0;position:static;text-align:right;width:39%; margin: 0} #email img {vertical-align:middle;padding-right:10px} .leftcontaner{background:url("/images/site/rt.gif") no-repeat right top;background:#005668;border-bottom:1px solid #005668;width:100%} .ctleft{float:left;height:25px;width:29px} .headingleft{background:url("/images/site/lt.gif") no-repeat} .headingright{background:url("/images/site/rt.gif") no-repeat right top;padding:9px 5px 3px 0} .headingright h3{color:#FFF;padding:0;margin:0;font-size:1em} #nav a {color:#000} #nav img{display:block} #nav{border:1px solid #005668;} #nav dt a{font-size:1em;color:#FFF;display:block;font-weight:normal;margin:1px 0 0 0;padding:3px 0;text-align:center;text-decoration:none;text-transform:lowercase} #nav dd{display:inline;list-style-type:none;padding:0;margin:0} #nav dd a{border-top:1px solid #FFF;display:block;font-size:1em;margin:0;padding:2px 0 2px 13px;text-align:left;text-decoration:none; font-weight:normal} #nav dd a:hover,#nav dd a:active{background: url("/images/site/ar1.gif") no-repeat left} #nav dd.sel dl{list-style-type:none;margin:0;padding:0} #nav dd.sel dl dd{border-top:1px solid #FFF;margin:0;padding:0} #nav dd.sel dl dd a{display:block;font-weight:normal;padding-left:23px} #nav dd.sel dd a:hover{font-weight:normal} #nav dd.sel a, #nav dd.sel a:hover{font-weight:bold} #nav dl, #nav dt{margin:0;padding: 0} #breadcrumb, .breadcrumb{border-bottom:1px solid #BBC6E0;padding-bottom:6px;margin-bottom:10px;text-align:left;line-height:1.5em} .centercolfull #breadcrumb, .centercolfull .breadcrumb {width:100%} #breadcrumb a, .breadcrumb a{font-weight: bold} #breadcrumb img, .breadcrumb img{padding:3px 4px;vertical-align:middle} .conthold {margin-right:-2px} .colbord{border:1px solid #C03} .colbord p {padding:5px} #footerwidth{line-height: 1.5em;clear: both;background:#005668;padding:2px 0 2px 0;width:100%; font-weight:bold; color:#FFF; min-width:880px; position:relative;} * html #footerminwidth {border-left:880px solid #005668; position:relative; float:left; z-index:10;} * html #footerwrapper {margin-left:-880px; position:relative; float:left; z-index:20; text-align:center;} * html #footer {text-align:center; width:100%;} * html #footerwidth {width:100%;} #footer2width{line-height: 1.5em;clear: both;background:#FFF;padding:2px 0 2px 0;width:100%; font-weight:bold; color:#FFF; min-width:880px} * html #footer2minwidth {border-left:880px solid #FFF; position:relative; float:left; z-index:10} * html #footer2wrapper {margin-left:-880px; position:relative; float:left; z-index:20} #footer a{color:#FFF} #footer a:hover {text-decoration: none} #fcenter{color:#FFF;font-weight:bold;padding:7px 20px 7px 20px; margin:0 80px;text-align:center; vertical-align:middle; line-height:2em;} #fcenter img {vertical-align: middle; padding-right: 6px} #footer2 {clear: both} #footer2 .logos1 {float:left;padding:5px; vertical-align:top} .logos1 img {vertical-align:middle; padding:0 5px 0 0; margin-top:-10px} #footer2 .logos2 {float:right;padding:5px; vertical-align:top} .logos2 img {vertical-align: top; padding:12px 0 0 5px; } .poweredby {padding-top:3px; text-align: right} .rtbl .left {text-align:left} table.ruler tbody tr {background-color:#f5f7fa;} /* mouseout color */ table.ruler tbody tr.ruled {background-color:#E8EAF3;} /* mouseover color */ /* PRINTER STYLES */ @media print { body {color:#000!important} hr.hidcontent {display:none;} .curve2, .pimid, .pitabs, .sbhead-wb-end, .whiteblock, .totopblock, #header,.left img, #rightcol, #leftcol, #breadcrumb, #footer, #footer2, .pitabs, .printhide, .buybtn {display: none} #middlecol, #outercolcont, #innercolcont, #middlecolwidth, #middlecolminwidth, #sowrap, #middlecol {width: 100%; border: 1px solid #fff} #printhead{display:block} .hidcontent{display:inline} .hidlabel{display: block} .noprint{display:none;} .centerfull{width:98%} #printheader{display: visible; } } #head3, #head4, #head5{position:relative; z-index:3000;} * html #head3, * html #head4, * html #head5 {position:inherit;} * html .h1center{position:static;} * html .h1right{position:static;} #h3left, #h3right{position:relative; z-index:5000;} * html #options{background:url("/images/site/options-bg.gif") #f7f7ff 0 0;} .guttercontainer {text-align:center;font-weight:bold;margin:8px 0 8px 0} /*Child category merch*/ #childholder {width:90%; height:1%; float:left; clear:both; margin: 0 0 10px 0} #childholder h3 {font-size:100%; color:#000; font-weight:bold; padding:4px 2px 4px 8px; margin:0} #childholder .center {margin-left:8%; margin-right:2%; width:100%; padding:0} #childholder .container {line-height:16px; float:left; margin:15px auto 5px auto; padding:5px 0 4px 4px; width:32%; background-image:url("/images/site/red-bg-1.gif"); background-repeat:no-repeat} #childholder .container ul {width:180px; float:left;padding-left:18px; margin-top:10px;list-style-image: url(/images/1/merch/child_cats/images/list_pointer.jpg)} #childholder .containerhold {height:1%; clear:both; margin-left:auto; margin-right:auto; width:100%} #childholder .prodimage {float:left; height:auto; padding-left:3px} .childclear {clear:both} * html .childclear {display:none} #nav dl.menu26 dt, #nav dl.software dt a{background-color: #005178} #nav dl.menu26 dt a{border-top:1px solid #D24006; border-bottom:1px solid #005178} #nav dl.menu26 dd a {background-color:#BFEAFF} #nav dl.menu26 dd a:hover {background-color:#80D6FF} #nav dl.menu26 dd.sel a{background:url("/images/site/ar1.gif") no-repeat left #F7B68B;color:#005178} #nav dl.menu26 dd.sel dl dd a:hover, #nav dl.software dd.sel dl dd.sel a{background:url("/images/site/ar1.gif") no-repeat left #fff;text-decoration:underline} #nav dl.menu26 dd.sel dl dd.sel a{font-weight:bold;text-decoration:none} div.imagegalleryscroller{ scrollbar-face-color : #CED7EF; scrollbar-highlight-color : #F7F7FF; scrollbar-3dlight-color : #E4EAF5; scrollbar-shadow-color : #5275C6; scrollbar-darkshadow-color : #BDCBEF; scrollbar-track-color : #DFE4F0; scrollbar-arrow-color : #5275C6; } /* Quadcart */ .emptycart { font-weight: bold; width: 100%; text-align: center; } .noproducts { font-weight: bold; width: 100%; text-align: center; } .reqformtitle{ font-weight: bold; text-align: right;} .cartdelimg{border:0px;height:16px;margin-right:10px;vertical-align:middle;width:16px;float:left;} a.currency{color: #FFF; font-weight: bold; font-size: 16px;} a.pricevat{color: #FFF; font-size: 16px;} .ccimg{margin:0 0 5px 0;text-align:center} #childholder {width:90%; height:1%; float:left; clear:both; margin: 0 0 10px 0} #childholder h3 {font-size:100%; color:#000; font-weight:bold; padding:4px 2px 4px 8px; margin:0} #childholder .center {margin-left:8%; margin-right:2%; width:100%; padding:0} #childholder .container {line-height:16px; float:left; margin:15px auto 5px auto; padding:5px 0 4px 4px; width:360px; background-image:url("/images//site/center-section.gif"); background-repeat:no-repeat} #childholder .container ul {text-align: left; width:169px; float:left;padding-left:18px; margin-top:10px;list-style-image: url("/images/site/asterisk_yellow.png")} #childholder .containerhold {height:1%; clear:both; margin-left:auto; margin-right:auto; width:100%} #childholder .catimage {float:left; height:auto; padding-left:3px} .childclear {clear:both} * html .childclear {display:none} .clr{clear:both} .copyw {width: 100%;text-align: center; color: #005668;} #w3ccontainer{width:100%;} #websitehosting{width:100%;} #optimisedecommerce{width:100%;} #antispam{width:100%;} #emailsolutions{width:100%;} .outbox{padding:0 12px 0 0; background:#FFF url("/images/site/borders-r.gif") 100% 0 repeat-y} .outbox a {font-weight:bold} .divider{padding:0 0 0 12px;background:#fff url("/images/site/borders.gif") 0 0 repeat-y;position:relative} .boxtop{height:17px;margin:0 -12px;background:url("/images/site/box.gif") 100% 0 no-repeat} .boxtop div{width:18px;height:17px;background:url("/images/site/box.gif") 0 0 no-repeat} .boxbottom{height:17px;margin:0 -12px;background:url("/images/site/box.gif") 100% 100% no-repeat} .boxbottom div{width:18px;height:17px;background:url("/images/site/box.gif") 0 100% no-repeat} .secimage{padding:0 5px;text-align:center;width:85px;float:left;position:relative;} .secimage{margin-top: 5px} * html .secright {height:1%} .secright{border-left:1px solid #A2B3D9;background:#FFF;padding:0 10px; margin-left: 95px;height: 100%;} .secright2{background:#FFF;padding:0 10px; margin-left: 95px;height: 100%;} .secright2 p {margin:8px 0 8px 0;padding: 0} .secright p {margin:8px 0 8px 0;padding: 0} .secpoints { float: right; } legend { font-weight: bold;} .labwc3 { width: 150px; text-align: right; } .enqform { font-size: 12px; width: 150px; } .enqrow { display: block; width: 260px; } .w3cenq2 { width: 75px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 4px; } .enqformclass { font-size: 12px; width: 150px; } .enqhead { background-color:#005668; color: #FFF; font-weight: bold; text-align: center; display: block; } .poweredby{background:#005668;color: #FFF;padding:3px;text-align:center;} A.poweredby:link {color:#FFF;text-decoration: none} A.poweredby:visited {color:#FFF;text-decoration: none} A.poweredby:active {color:#FFF;text-decoration: none} A.poweredby:hover {text-decoration: underline; color: #F00;} .clientareatable { width: 530px; background-color: #cccccc; } tr.clientareatableheading { background-color: #efefef; font-weight: bold; text-align: center; } tr.clientareatableactive { background-color: #ffffff; text-align: center; } tr.clientareatablepending { background-color: #ffffcc; text-align: center; } tr.clientareatablesuspended { background-color: #ccff99; text-align: center; } tr.clientareatableterminated { background-color: #ff9999; text-align: center; } .emailreqlab{font-weight:bold; font-size:12px;} .emailreg{font-size:12px; width: 200px;display: block;} .emailreg2{font-size:12px; width: 40px;display: block;} .emailregta{font-size:12px; width: 200px;height: 40px;display: block;} h3.newsletter {font-size:100%; color:#000; font-weight:bold; padding:4px 2px 4px 8px; margin:0} .emregsub{margin-top: 15px;} .captcha{padding: 5px;} .emailnews {width: 400px;} .contactusfl {margin-left: 40px;width: 300px;} .error1 { color: #F00; font-size: 10px;} .helpbold { font-weight: bold; } ol.helpsteps li { margin: 4px 4px; } .italdomain { font-style: italic;} .emfreetrfs { width: 250px; margin: 40px; padding: 10px; text-align:left;} #emfreetrial label { font-weight: bold; font-size: 12px;} #emfreetrial input {display: block; width: 210px; margin-bottom: 8px; text-align:left;} /* This styles the unordered list element to remove bullets and align the text */ ul#nav { list-style-type : none; text-align : right; } /* This styles the links. It.s a block-level link and the text is positioned with padding. Other styles are defined: width, colors, text attributes, etc. */ ul#nav a, ul#nav a.rss { background-color : #d3d3a7; padding : 15px 5px 2px 10px; margin-bottom : 10px; width : 180px; height : auto; color : #333; font-weight : bold; font-style : normal; display : block; text-decoration : none; } /* This gives the .rss. class link a background image */ ul#nav a.rss { background : #d3d3a7 url(images/rss.jpg) no-repeat 2px 2px; } /* This is only necessary for IE6 else the link margins will collapse on hover */ ul#nav li { margin-bottom : 10px; } /* This removes the default left margin (indentation) */ ul#nav li { margin-left : 0; } /* Now to offer some hover and focus styles. Further specification of focus/active styles could be added but I didn.t do it in this example. I didn.t feel it was needed */ ul#nav a:hover, ul#nav a:focus, ul#nav a:active { background-color : #669900; color : #fff; } /* This offers up a hover/focus state image for the .rss. class link */ ul#nav a.rss:hover, ul#nav a.rss:focus { background : #669900 url(images/rss_on.jpg) no-repeat 2px 2px; } /* This style the single state of the .current_page_item. class link. Not needed for the .rss. class link since that target page won.t display the menu */ ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover, ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active { background-color : #9e9e55; color : #fff; cursor : default; text-align : left; } .cat-item{margin-top: 1em;} .h1left{float:left;left:0;margin:0;padding: 0px;width:200px;} #pscroller1{ width: 350px; height: 60px; border: 1px solid black; padding: 5px; background-color: lightyellow; } #pscroller2{ width: 350px; height: 20px; border: 1px solid black; padding: 3px; } #pscroller2 a{ text-decoration: none; } .someclass{ //class to apply to your scroller(s) if desired }