/* Mplhost CSS */
#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%; }

*:lang(en) #leftcol, *:lang(en) #middlecol, *:lang(en) #rightcol{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}

#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:lowercase}
#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;}

#headerwidth{width:100%; min-width:880px; position:relative; z-index:2000;}
* 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;}
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;}
#head5{border-bottom:1px solid #005668;border-top:1px solid #005668; }
.gobtn{vertical-align:middle}

.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 {position:relative; z-index:3000;}
* html #head3, * html #head4  {position:inherit;}
* html .h1center{position:static;}
* html .h1right{position:static;}
#h3left, #h3right{position:relative; z-index:5000;}

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