/* CSS BY EXPRESSION UNLIMITED
website: http://www.expressionunlimited.com
Description: Web design and layout template
Author: Marco Wilbrink - Expression Unlimited Web Design Solutions
Created: 05/08
 ---------------------- */
body{border:0;font-family:Arial, Helvetica, sans-serif;text-align:center;background:#fff;margin:1% 0 2% 0;padding:0 0;}
#wrapper{background:#fff;height:auto;min-height:100%;width:800px;border:0;margin:0 auto;padding:0;}
#header{padding:10px 0;height:110px;width:800px;margin:0 auto;text-align:left;}
#innerheader {padding:10px 0 0 0;margin:0;position:relative;height:110px;width:800px}
.mainheaderbg{background:url(http://www.services-direct.co.uk/images/mainheader.jpg) no-repeat;}
.sloganheaderbg{background:url(http://www.services-direct.co.uk/images/sloganheader.jpg) no-repeat;}
#logo{left:0px;position:absolute;top:0px;cursor: pointer;width:220px;height:110px;background: url(../images/spacer.gif) repeat}
#notdisplay{display:none;margin-right:60px;visibility:visible;position:relative;top:11px;left:39px;float:left}
#main{float:left;width:800px;margin:0 auto;clear:both;display:block;position:relative;left:0;background:#fff;padding:0 0 10px 0; }

/* Search form header */
#searchform form{padding:0 0 0 235px;text-align:left;margin:0;}
#searchform fieldset{width:500px;border:0px;text-indent:0;padding:12px 0 0 0;margin:0}
#searchform legend{display:none;margin:0;padding:0;}
#searchform label {float:left;text-align:left;font-size:80%;color: #fff;width:150px;padding:0 0 5px 0;display:block;font-weight:bold}
#searchform .inputbox {float: left; width: 185px;}
#searchform input{height:24px;padding:2px 4px;border:1px #fff solid;vertical-align:middle;color:#333366;font-family:Arial, Helvetica, sans-serif;font-size:80%;text-align:left;}
#searchform input.smallbutton{ height:33px;font-weight:bold;width:90px;font-size:0.70em;text-align:center;color:#333366;border:0;cursor:pointer;text-decoration:none;padding:0;background: url(../images/search.gif) no-repeat center top;font-family:Arial, Helvetica, sans-serif;}
#searchform .example {color:#fff;font-weight:bold;font-size:80%;position:relative;padding:6px 0 0 0}
#smallbutton {padding-top:16px}
#keywordsinput,#location {width:150px}

/* Navigation top menu */
div#menu {height:20px;vertical-align:top;margin:0;padding:0 35px 0 0;}
div#menu ul {list-style-type:none;text-align:right;vertical-align:middle;border-width:0;margin:0;padding:0;}
div#menu ul li {width:60px;display:inline;float:right;text-align:right;vertical-align:middle;margin:0;padding:0;}
div#menu ul li a {font-weight:normal;font-family:Arial, Helvetica, sans-serif;font-size:0.70em;display:block;color:#000066;line-height:2em;text-align:right;text-decoration:none;background-color:#fff;margin:0;padding:0px;letter-spacing: 1.0pt; word-spacing: 0pt;; white-space: nowrap}
div#menu ul li a:hover{background-color:#fff;color:#3399CC;text-decoration:underline}
div#menu ul li a:active{background-color:#fff;color:#000066;;font-weight:bold;text-decoration:underline}
div#menu ul li.on a {display:block;background-color:#fff;color:#000066;font-weight:bold;text-decoration:underline}
div#menu ul li.on a:hover {background-color:#fff;color:#3399CC;text-decoration:underline}
div#menu li#four{width:125px}
div#menu li#five{width:110px}
div#menu li#wide{width:160px}

/* Navigation footer */
div#footer{position:relative;top:0;left:0;height:60px;width:800px;clear:both;text-align:center;background: url(../images/mainfooter.jpg) no-repeat;margin:0 auto;vertical-align:top;}
div#footer ul{width:100%;list-style-type:none;margin:0;padding:12px 0 0 0;margin:0;}
div#footer ul li{text-align:center;vertical-align:top;font-size:70%;color:#fff;display:inline;padding:0 4px 0;margin:0 0;}
div#footer ul li a{color:#fff;text-decoration:none}
div#footer ul li a:hover{color:#333366;text-decoration:underline}

/* Links Category Center above footer */
#linkscenter{text-align:center;}

/* Centre body textbox */
#textbox{line-height:1.1em;text-align:justify;margin:0;padding:0 15px;}
.paddingbox{padding:0 20px 20px 20px}
.peoplebg {width:770px;background: url(../images/peoplebg.gif) no-repeat center center}
h1{font-size:100%;color:#333366;font-family:Arial,Helvetica,sans-serif;line-height:2em}
h2{font-size:85%;color:#333366;font-family:Arial,Helvetica,sans-serif}
h3{font-size:80%;color:#333366;font-style:oblique;font-family:Arial,Helvetica,sans-serif}
#textbox p{font-size:75%;color:#333366;}
#textbox td{font-size:75%;color:#333366;}
#textbox ul{font-size:75%;list-style-position: outside; color:#333366; list-style-type:disc; list-style-image: url(../images/dot.gif)}
#textbox ol{font-size:75%;list-style-position: outside; list-style-type:upper-roman;color:#333366;font-weight:bold;}
#textbox span{color:#333366;font-weight:normal;}
strong{color:#333366}
em{color:#333366;font-size:90%;font-weight:bold;}
img{border:0}
.clear {display:block;clear:both;height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent;}

/* Centre body textbox links */
a.lk {color:#333366;text-decoration:underline}
a.lk:hover{color:#3399CC;text-decoration:underline}

/* Categorie Box Light Green background */
.catbox{width:770px;padding:0;color:#333366;margin:10px 0 25px 0;float:left;background:#F4F8FB  url(../images/topborder.gif) no-repeat}
.bgbox{float:left;width:770px;background: url(../images/borderbg.gif) repeat-y;margin:0;padding:0;}
.col{float:left;width:770px;display:block;padding:31px 0px 40px 0px;margin-left:0px;margin-top:9px;text-align:left;line-height:1.0em;background: url(../images/bottomborder.gif) no-repeat bottom}
.col h2.top{margin:0;padding:0;font-size:90%;font-family: Arial, Helvetica, sans-serif;color: #fff;letter-spacing:1pt;position:relative;top:-30px;left:20px}
.col h2 img{width:16px;height:11px;position:relative;top:-13px;left:700px;display:block;margin:0;padding:0}
.columwidth {float:left;clear:none;width:360px;padding:0;margin:0;display:block;}
.col h2,.col h3{font-size:85%;color:#333366;font-style:normal;font-family:Arial,Helvetica,sans-serif;margin-bottom:8px;text-indent:15px}
.col ul{padding:10px 10px 15px 15px;margin:0;}
.col li{color:#333366;white-space:nowrap;padding:0;margin:0;list-style-type:disc;list-style-position:outside;}
.col li a{color:#333366;text-decoration:none;}
.col li a:visited{color:#333366;text-decoration:none;}
.col li a:hover{color:#3399CC;text-decoration:underline;}

/* Categorie Box White background */
.col ul.nobullets li{color:#333366;white-space:nowrap;padding:0;margin:0;list-style-type:none;list-style-position:outside;}
.columnowidth {float:left;clear:none;padding:0 30px 0 0;margin:0;display:block;}
.catboxwhite{width:770px;padding:0;color:#333366;margin:10px 0 5px 0;float:left;background:#fff  url(../images/topborder.gif) no-repeat}

/* Business Detail Box White background */
.col ul.darkblue li{color:#333366;white-space:nowrap;padding:0;margin:0;list-style-type:disc;list-style-position:outside;}
.detailcolum {float:left;clear:none;padding:0;margin:0;display:block;}
.detailcolum h2{font-size:80%;color:#333366;font-family:Arial,Helvetica,sans-serif;padding:0;margin-bottom:8px;text-indent:0px}
.detailcolum p{font-size:120%;margin:0;padding:3px 0}
.detailcolum img{float:left; display:block;padding-top:0;margin-right:20px}
.paddingbox2{padding:0 35px}
#businessbox{padding:0 10px 10px 20px}
#businessbox h2{font-size:100%;}
#businessbox p{font-size:90%;}
#businessdetail{padding-left:25px}
#links{width:325px;height:200px;margin:0 20px 0 20px;}
#businesslogo{width:160px;height:100px;margin:0}
div#rounded { background:#E4ECF4;width:350px; }
.rtop, .rbottom{display:block;background:#fff}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#E4ECF4}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.photos{float:right;width:225px;display:block;margin:10px 0 0 0;padding-right:35px;}
.businesstext{float:left;display:block;width:460px;margin:10px 0;padding-left:35px;}
.businesstext2{float:left;display:block;width:700px;margin:10px 0;padding-left:35px;}
.detailcol{float:right;display:block;width:260px;margin:10px 0;padding-left:10px;}

/*  Listing Box Hover Transparant background */
.catboxtransparant{width:770px;margin:0;color:#333366;padding:0;float:left;background: url(../images/topborder.gif) no-repeat}
div.on{float:left;display:block;padding:0;cursor:pointer;background:#E4ECF4;color: #333366;text-decoration:none;margin:0}
div.off{float:left;display:block;padding:0;background:#fff;color:#333366;margin:0}
div.on,div.off{width:770px;margin:10px 0;}
u{color:#3399CC}
.imgbox{width:165px;float:left}

/* Contact Form */
.replyform form{float:left;width:510px;padding:0;text-align:left;margin:0;color:#333366;}
.replyform#topborder{float:left;width:770px;background:#F4F8FB  url(../images/topborder.gif) no-repeat}
.replyformbottom{float:left;width:770px;display:block;padding:31px 0 40px 0;margin-left:0px;margin-top:9px;text-align:left;line-height:1.0em;background: url(../images/bottomborder.gif) no-repeat bottom}
.replyformbottom h2.top{margin:0;padding:0;font-size:90%;font-family: Arial, Helvetica, sans-serif;color: #fff;letter-spacing:1pt;position:relative;top:-30px;left:35px}
#replyformbg{float:left;width:770px;background: url(../images/borderbg.gif) repeat-y;margin:0;padding:0;}
.replyform fieldset{border:0px solid #fff;text-indent:0;margin:0;padding:0 0 0 25px}
.replyform legend{display:none;margin:0;padding:0;}
.replyform textarea,.replyform input{width:250px;vertical-align:middle;background-color:#fff;border:1px #D8E2E7 solid;color:#333366;font-family:Arial, Helvetica, sans-serif;font-size:100%;text-align:left;padding:2px 2px 4px;margin:0}
.replyform input{height:24px;}
.replyform label{width:190px;text-align:left;float:left;padding:2px 0 10px 0;font-size:100%;color: #333366;}
.replyform p {margin:10px;padding:0;}
input.replybutton{background: url(../images/send.gif) no-repeat center top;margin-left:195px;font-weight:normal;width:90px;font-size:0.70em;text-align:center;color:#333366;border:0;cursor:pointer;text-decoration:none;padding:2px 0;height:33px;font-family:Arial, Helvetica, sans-serif;letter-spacing: 1.5pt; word-spacing: 1pt;}
.paybutton{ width:225px; height:75px;color:#FFFFFF;cursor:pointer;border:0px;text-decoration:none;padding:20px;background: url(../images/next_step.gif);}

/* General Contact details in form */
dl{float:right;padding:0;margin:0;width:220px;font-size:80%;color:#333366}
dl dd{margin-left:0}
dl dt{color:#333366;font-weight:bold;;margin:0;padding:15px 0 5px 0;white-space:nowrap;text-align: left;visibility:visible}
dl dd a{color:#333366;text-decoration:none}
dl dd a:hover{color:#3399CC;text-decoration:underline}