/* Copyright Peblaco - http://www.peblaco.co.uk/ */

/* Site */

body {font-family:Arial, Helvetica, sans-serif;font-size: 76%;color: #333333;margin: 0;padding: 0;}
#pagewrapper {width: 1001px;margin-left: auto;margin-right: auto;}
.skip {position: absolute;left: -9999px;width: 990px;}
.clear {clear: both;height: 0px;line-height: 0;font-size: 1px;margin: 0;padding: 0;border: 0;}
#container, #main {width: 100%;padding: 0;}
#leftcontainer {width: 100%;float: left;margin-right: -180px;/*background-color: #cc99cc; Main and Right if Left longest*/}
#leftcontainer .sub {width: 100%;float: right;margin-left: -180px;/*background-color: #cc99cc; Left and Right if Main longest*/}
#maincontainer {margin: 0 180px 0 180px;padding: 15px 5px 0 5px;/*background-color: #ffffff;*/}
#left {width: 180px;float: left;color: #666666;/*background-color: #cc99cc;*/}
#right {width: 180px;float: right;/*background-color: #cc99cc;*/}
#footer {clear:both;width: 1001px;padding: 20px 0 11px 0;/* center align for ie */text-align: center;font-size: 0.9em;}

a:link {color: #333333;text-decoration:underline;}
a:visited {color: #666666;text-decoration:underline;}
a:hover {color: #999999;text-decoration:underline;}
a:active {color: #666666;text-decoration:underline;}

h1#heading, #heading {color: #999999;font-size: 1.6em;font-weight: bold;padding: 0 0 5px 0;margin: 0;}
h1, .pagetitle  {font-size: 2.0em;color: #333333;margin: 0;padding: 0;font-weight: normal;}
h2, .subtitle {color: #666666;font-size: 1.4em;font-weight: bold;margin: 0;}
.widebox h2, .wideboxhome h2 {font-weight: normal;font-size: 2.0em;}
h2.icons {font-size: 1.6em;margin-bottom: 10px;}
h3 {color: #666666;font-size: 1.2em;margin: 0;}
h4 {color: #666666;font-size: 1.1em;margin: 0;}
h5 {color: #666666;font-size: 1.0em;margin: 0;}
h6 {color: #666666;font-size: 0.9em;margin: 0;}
.subtitledark {color: #333;font-size: 1.2em;font-weight: bold;margin: 0;padding:0;}

/* Header */

#header {margin: 10px 10px 2px 10px;}
#logo {width: 201px;float:left;}
#telephone {float: left;width: 500px;padding: 0 0 5px 30px;text-align: left;}
#topright {width: 150px;float:right;font-weight: bold;text-align: right;}
#topright p {padding: 5px 0 5px 0;margin: 0;}
#topnav {clear: both;width: 1001px;height: 35px;background-color:#002851;background-image:url(images/image-top-nav-bg.jpg);background-repeat: no-repeat;background-position: top;font-size: 1.2em;}
#topnav ul, ul.leftnav, ul.pipenav, #footerlinks ul, ul.tick, .shopfeatures ul, .shoptechnical ul, .shopcolleft ul, .shopcolright ul, .productleft ul, .introleft ul, #footer ul {list-style: none;margin: 0;padding: 0;}
#topnav ul li {float: left;}
#topnav ul li a:link, #topnav ul li a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 9px 22px 9px 22px; height: 35px; line-height: 35px; border-right: #FFFFFF 1px solid;}
#topnav ul li a:hover, #topnav ul li a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline; padding: 9px 22px 9px 22px; height: 35px; line-height: 35px; border-right: #FFFFFF 1px solid;}

/* Sidebars */

#leftmain {margin: 15px 10px 10px 0;}
#rightmain {margin: 15px 0 10px 10px;}
.rightbox, .rightboxgrey, .leftbox {color: #FFFFFF;background-color: #666699;padding: 10px 8px 10px 8px; /* Allow for 1 pixel greyborder style on sidebar images */font-weight: bold;}
.leftbox, .rightboxgrey {color: #666666;background-color: #EAEAEA;}
.rightbox hr, #footer hr, .leftbox hr {color: #CCCCCC;background: #CCCCCC;height: 1px;border: none;margin: 2px 0 2px 0;}
.rightbox hr, .leftbox hr {margin: 10px 0 10px 0;color: #666666;background-color: #666666;}
.rightbox a:link, .rightbox a:visited, .rightbox a:hover, .rightbox a:active {color:#FFFFFF;}
#wps {vertical-align: middle;padding-right: 5px;}
.navtitle {color: #FFFFFF;background-color:#002851;background-image:url(images/image-nav-title-curve-bg.gif);background-position: top;background-repeat: no-repeat;font-size: 1.2em;font-weight: bold;padding: 6px 6px 6px 10px;}
.navtitlebottom {height: 12px;background-color:#002851;background-image:url(images/image-nav-title-curve-bg-bottom.gif);background-position: top;background-repeat: no-repeat; margin-bottom: 15px;}
ul.leftnav li a {background-color:#002851;background-image:url(images/image-nav-bg.jpg);background-position: top;background-repeat: no-repeat;color: #FFFFFF;font-weight: bold;padding: 8px 2px 8px 8px;display: block; border-bottom: 2px solid #002851;text-decoration: none;}
ul.leftnav li a:hover, ul.leftnav li a:active {text-decoration: underline;}

/* Central area */

#main a {font-weight: bold;}
img {border: none;}
img.button {margin-top: 4px;}
.clearbr {clear:both;height: 8px;}
.flleft {float: left;}
.flright {float: right;}
.bold {font-weight: bold;}
.shopseparator {background-color: #666666;height: 1px;line-height: 0;font-size: 1px;margin: 0;padding: 0;border: 0;}
.center {text-align:center;}
ul.tick, .shopfeatures ul, .shoptechnical ul {color: #333333;padding-left: 20px;}
ul.tick li, .shopfeatures ul li, .shoptechnical ul li {background-image:url(images/image-green-tick.gif);background-position: left;background-repeat: no-repeat;padding: 5px 0 2px 20px;}
ul.tick li.none, .shoptechnical ul li.none, .shopfeatures ul li.none {background-image: none;}

.boxleft, .boxright {width: 305px;margin: 5px 0 5px 0;border: #666666 1px solid;background-color: #EAEAEA;}
.boxleft {float: left;}
.boxright {float: right;}
.boxleft h2, .boxright h2, .boxleft .subtitle, .boxright .subtitle {color:#333333;padding: 5px 2px 5px 10px;}
.boxcolleft {float: left;width: 120px;text-align: center;padding: 0 0 5px 2px;}
.boxcolright {float: right;width: 170px;padding: 0 2px 5px 0;}
.boxcolleft p, .boxcolright p {padding: 0;margin: 0;}
.boxcolright ul {padding: 0 10px; margin: 0;}
.boxcolright h2 {padding:0;margin:5px 0;font-size: 1.1em; color: #333333;}

.blankboxleft, .blankboxright {width: 307px;margin: 5px 0 5px 0;}
.blankboxleft {float: left;}
.blankboxright {float: right;}

.boxtitle {width: 297px;color: #FFFFFF;font-size: 1.4em;font-weight: bold;padding: 6px 0 6px 10px;background-image:url(images/image-box-title-curve-bg.gif);background-position: top;background-repeat: no-repeat;}

.widebox, .wideboxhome {background-color: #F5F5F5;border: 2px solid #999999;padding: 5px;margin-bottom: 10px;}
.wideboxhome {height: 130px;background-image:url(images/image-wide-box-home-bg.jpg);background-position: top right;background-repeat: no-repeat;padding: 0;}
.wideboxtitle {color: #FFFFFF;font-size: 1.4em;font-weight: bold;padding: 6px 0 6px 10px;margin: 5px 0 5px 0;background-image:url(images/image-wide-box-title-curve-bg.gif);background-position: top left;background-repeat: no-repeat;}
.wideboxtitle h2 {color: #FFFFFF;font-size: 1.0em;}
.wideboxhome h2 a:link, .wideboxhome h2 a:visited, .wideboxhome h2 a:hover, .wideboxhome h2 a:active, .boxleft h2 a:link, .boxleft h2 a:visited, .boxleft h2 a:hover, .boxleft h2 a:active, .boxright h2 a:link, .boxright h2 a:visited, .boxright h2 a:hover, .boxright h2 a:active, .subtitle a:link, .subtitle a:visited, .subtitle a:hover, .subtitle a:active {text-decoration: none;}
.wideboxhomeleft {float: left;width: 450px;padding: 5px;}
.wideboxhomeright {float: right;width: 129px;padding-top: 105px;}

/* Information pages */

.iconsleft {float: left;width: 280px; padding-left:20px;}
.iconsright {float: right;width: 280px; padding-left:20px;}
.iconsleft p, .iconsright p {padding: 0; margin: 8px 0;}

.col {width: 170px;float:left;padding-left: 25px;padding-bottom: 20px;text-align:center;}
.colnew {width: 170px;float:left;padding-left: 25px;padding-bottom: 20px;text-align:center;clear: both;white-space: nowrap;}
.col p, .colnew p, .productleft p, .productright p, .pn {margin: 0;padding: 0;}

/* Image border */

.greyborder {border: #666666 1px solid;}

/* Templates shop pages */

.productleft {float: left;width: 220px;text-align: center;margin-top: 10px;}
.productright {float: right;width: 410px;margin-top: 10px;}
.productleft h2 {font-size: 1.0em;}
.productright label {font-weight: bold;}

.shopcolleft {width: 208px;float: left;padding: 15px 0 15px 0;border-right: #666666 1px solid;}
.shopcolright {width: 208px;float: right;padding: 15px 0 15px 0;}
.shopcolleft h2, .shopcolright h2 {padding-bottom: 5px;font-size: 1.2em;}
.shopcolleft ul, .shopcolright ul {margin-top: 3px;}
.shopcolleft ul li, .shopcolright ul li {display: inline;}
.shopcolleft ul li, .shopcolright ul li, .productleft ul li {padding-top: 4px;}
.shopfeatures, .shoptechnical {float:left;width:277px;padding-left: 25px;}
.shopfeatures .title, .shoptechnical .title {font-weight: bold;font-size: 1.2em;color: #333333;}
.paymentoptionstitle, .shopfeaturestitle {color: #333333;font-size: 1.2em;margin: 0;font-weight: bold;background-color: #DFDFDF;border: 2px solid #999999;padding: 5px;}
.paymentoptions {border-left: 2px solid #999999;border-right: 2px solid #999999;border-bottom: 2px solid #999999;padding: 5px;}
.actinictemplatesleft {float: left;width: 210px;margin: 20px 0 10px 0;}
.actinictemplatesright {float: right;width: 410px;margin-top: 10px;}
.question, .costtitle {color: #666699;font-weight: bold;font-size: 1.4em;}
p.shopzoom {color: #333333;font-size: 0.9em;font-weight: bold;padding: 0;margin: 3px 0 8px 0;}

.introleft {width: 330px;float: left;}
.introleft ul li {background-image:url(images/image-green-tick.gif);background-position: left;background-repeat: no-repeat;padding: 5px 0 2px 20px;}
.introright {width: 260px;float: right;padding: 10px 0 10px 0;}
.introright h2 {font-size: 1.1em;}

.redsmall {font-size: 1.3em;color: #990000;font-weight: bold;}
.redlarge {font-size: 1.5em;color: #990000;font-weight: bold;}
.latestworkleft {float: left;width: 200px;height: 150px;margin: 10px 0 5px 0;border: #666666 1px solid;}
.latestworkright {float: right;width: 415px;margin-top: 10px;}

.greensmall {color: #339966;font-weight: bold;}
.green {color: #339966;font-size: 1.15em;font-weight: bold;}
.green a, a.green {color: #339966;}
.testimonial {font-weight: bold;font-size: 1.1em;}
hr.casestudies {border: 0;width: 90%;color: #666666;background-color: #666666;height: 1px;}

#changecolours {padding: 10px;}
#changecolours h1 {padding: 10px 0 0 10px;}

.portfoliotitle {color: #9999CC;font-size: 1.2em;font-weight: bold;margin-bottom: 2px;}
.portfoliotitle a {color: #9999CC;text-decoration:none;}
.portfolioleft {width: 210px;float: left;padding: 15px 0 15px 0;text-align:center;}
.portfolioleft img {border: #666666 1px solid;}
.contact {font-size: 1.5em;}

.comparisontable td {border: 1px solid #999999;}
.comparisontable td table td {border: none;}
.comparisonheader {background-color: #EAEAEA;font-size: 1.2em;}
.comparisonsmall {font-size: 0.9em;}

/* Footer */
#footerlinks {background-color: #333333;text-align: left;}
#footerlinks ul li {padding: 2px;}
#footerlinks ul li a:link, #footerlinks ul li a:visited, #footerlinks ul li a:hover, #footerlinks ul li a:active {color: #FFFFFF;text-decoration: none;font-size: 1.1em;}
#footerlinks ul li a:hover, #footerlinks ul li a:active {text-decoration: underline;}
.footerlinkscolstart, .footerlinkscol {float: left;width: 200px;padding: 30px 0 20px 40px;}
.footerlinkscolstart {padding-left: 70px;}
.footerlinkstitle {color: #A4A4C1;font-size: 1.4em;font-weight: bold;padding-bottom: 10px;}
#standards {padding-top: 15px;}
#standards ul li {display: inline; padding: 0 20px;}
#standards ul li.ststart {padding-left: 5px;}
#terms ul li {display: inline;border-left: 1px solid #666666;padding:0 5px;}
#terms ul li.tsstart {border-left: none;}
ul.pipenav li {border-left: 1px solid #666666;float: left;line-height: 1.2em;margin: .5em .5em 0 -.5em;padding: 0 .6em 0 .6em;white-space: nowrap;}
ul.pipenav li.pnstart {border-left: none;}