/* CSS Document */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */
html{
font-size:100%;
}
body{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 62.5%;*/
font-size: 1em;
background: #e8ab58 url(../assets/main-tools-bg.jpg) repeat-y top center;
margin: 0px;
padding: 0px;
text-align: left;
color: #989898;
height:100%;
}
img{
border:0;
}
p{
font-size:0.85em;
text-align:left;
margin:0;
padding:1em 0 0 0;
color:#333333;
line-height:1.5em;
}
h1{
font-weight:bold;
background:#03bde4;
color:#FFFFFF;
padding: 8px 5px 2px 5px;
font-size:1.5em;
margin:20px 0 0 0;
}
a:link, a:visited{
text-decoration:underline;
color:#03bde4;
}
a:hover, a:active{
text-decoration:none;
}
input.info-field, input.newsletter, input.postcode-field, select.directory-categories, select.directory-distance{
margin:0;
float:left;
padding:3px 0 0 5px;
border:0;
width:170px;
border-top:2px solid #a6a498;
border-left:2px solid #a6a498;
border-bottom:2px solid #f5f4eb;
border-right:2px solid #f5f4eb;
}
select.directory-categories{

}
select.directory-distance{
width:140px;
}
input.postcode-field{
width:120px;
}
label{
float:left;
font-size:0.7em;
color:#333333;
width:100%;
height:25px;
}
input.newsletter{
width:190px;
margin-top:10px;
}
input.info-go{
float:left;
margin:0;
padding-left:10px;
}
input.directory-go{
padding-top:28px;
}
form{
padding:0;
margin:0;
}



#top-black-bar{
background:#3f3c37 url(../assets/top-header-bg.jpg) repeat-x top;
width:100%;
height:22px;
}
#main-container{
width:960px;
background:#FFFFFF url(../assets/content-area-bg.jpg) no-repeat  right 245px;
margin:0 auto 0 auto;
padding-bottom:30px;
}
#main-header{
width:960px;
height:140px;
}
#logo{
width:346px;
height:140px;
background:url(../assets/logo.jpg) no-repeat top left;
float:left;
}
#logo a{
display:block;
height:100%;
width:100%;
}
#nav-container{
height:80px;
width:960px;
background:url(../assets/nav-bg.jpg) no-repeat top;
position:relative;
}
#pri-nav-global{
color:#03bde4;
width:680px;
position:absolute;
top:0;
left:10px;
}
#pri-nav-global ul{
font-size:0.75em;
list-style:none;
padding:10px 0 0 20px;
margin:0;
}
#pri-nav-global ul li{
float:left;
padding:0 5px 0 0;
}
#pri-nav-global ul li a:link, #pri-nav-global ul li a:visited{
color:#FFFFFF;
text-decoration:none;
}
#pri-nav-global ul li a:hover, #pri-nav-global ul li a:active{
color:#cdcdcd;
}
#pri-nav-sections{
color:#95948f;
width:680px;
position:absolute;
bottom:0;
left:10px;
}
#pri-nav-sections ul{
font-size:0.75em;
list-style:none;
padding:18px 0 0 20px;
margin:0;
}
#pri-nav-sections ul li{
float:left;
padding:7px;
margin-right:1px;
background:#FFFFFF url(../assets/pri-nav-sections-bg.jpg) repeat-x bottom left;
}
#pri-nav-sections ul li a:link, #pri-nav-sections ul li a:visited{
color:#95948f;
text-decoration:none;
}
#pri-nav-sections ul li a:hover, #pri-nav-sections ul li a:active{
color:#cdcdcd;
}
#breadcrumb{
margin:20px 0 0 0;
background:#cccccc;
}
#breadcrumb p{
color:#03bde4;
padding:0px 2px 2px 5px;
margin:0;
}
#breadcrumb p a, #breadcrumbs p a:visited{
color:#FFFFFF;
text-decoration:none;
}
#breadcrumb p a:hover, #breadcrumb p a:active{
color:#f0f0f0;
}
#search-area{
float:right;
width:240px;
position:absolute;
top:0;
right:10px;
}
#search-area p{
padding:0;
margin:5px 0 5px 0;
color:#FFFFFF;
}
#search-area p.all-info{
padding:4px 0 0 0;
margin:0 0 0 0;
color:#FFFFFF;
line-height:1.1em;
}
#search-area a{
font-size:0.8em;
}
#content-holder-subnav{
float:left;
width:195px;
padding:0;
}
#content-holder-subnav ul{
list-style:none;
padding:0;
margin:18px 0 0 20px;
}
#content-holder-subnav ul li.main-item, #content-holder-subnav ul li.back-to-task{
background:#c8c8cb;
margin:0 0 1px 0;
padding:5px 0 5px 8px;
font-size:0.75em;
color:#FFFFFF;
}
#content-holder-subnav ul li.sub-item{
background:#FFFFFF;
margin:0 0 0 20px;
padding:10px 0 10px 0;
font-size:0.68em;
color:#999999;
border-bottom:dotted 1px #999999;
}
#content-holder-subnav ul li.sub-item a:link, #content-holder-subnav ul li.sub-item a:visited{
color:#999999;
text-decoration:underline;
}
#content-holder-subnav ul li.sub-item a:active, #content-holder-subnav ul li.sub-item a:hover{
text-decoration:none;
}
#content-holder-subnav ul li:hover{
background:#999999;
}
#content-holder-subnav ul li.sub-item:hover{
background:#FFFFFF;
}
#content-holder-subnav ul li.back-to-task, #content-holder-subnav ul li.back-to-task a:hover{
background:#323234;
}
#content-holder-subnav a:link, #content-holder-subnav a:visited{
color:#FFFFFF;
text-decoration:none;
}
#content-holder-subnav a:hover, #content-holder-subnav a:active{
color:#FFFFFF;
text-decoration:underline;
}
#content-holder-left{
float:left;
width:620px;
padding:0 20px 0 30px;
}
#content-holder-middle{
float:left;
width:435px;
padding:0 20px 0 20px;
}
#content-holder-right{
float:right;
width:240px;
padding:20px 30px 0 20px;
}
#welcome-box{
width:334px;
float:left;
padding-right:20px;
}
#news-box{
width:230px;
float:left;
border:8px solid #f5f4eb;
padding:25px 10px 10px 10px;
margin-top:20px;
background:url(../assets/news-title-home.jpg) no-repeat top left;
}
#news-box p{
font-size:0.819em;
}
#home-areas-panel, #task-areas-panel, #directory-results-panel{
float:left;
width:100%;
}
#ad-box{
background:#f5f4eb;
width:200px;
padding:20px 20px 0px 20px;
}
#ad-box img{
margin-bottom:25px;
margin-left: 38px;
}
#header-ad-box{
width:550px;
padding:25px 5px 15px 0px;
float:right;
margin:10px
}
#directory-button{
padding:10px 20px 10px 20px;
background:#03bde4 url(../assets/directory-button-bg.gif) no-repeat right center;
margin:20px 0 0 0;
}
#directory-button p{
padding:0;
font-size:1em;
margin:0;
}
#directory-button a:link, #directory-button a:visited{
color:#FFFFFF;
text-decoration:none;
}
#directory-button a:hover, #directory-button a:active{
color:#b7effb;
}
#footer-outer{
clear:both;
width:100%;
background:url(../assets/footer-line.gif) repeat-x top;
}
#footer-inner{
width:960px;
margin:0 auto 0 auto;
border-bottom:#c17533 1px solid;
padding-bottom:10px;
}
#footer-inner-bottom{
width:960px;
margin:0 auto 0 auto;
border-top:#fff1b8 1px solid;
padding-bottom:10px;
}
#footer-inner-bottom p{
font-size:0.7em;
float:left;
width:645px;
}
#footer-copyright{
float:right;
}
#footer-copyright p{
width:225px;
padding:10px 0 0 0;
font-size:1em;
color:#333333;
text-align:right;
}
#footer-inner p{
font-size:0.75em;
}
#footer-inner-left{
float:left;
}
#footer-inner-right{
float:right;
}
#footer-inner a:link, #footer-inner a:visited{
text-decoration:underline;
color:#333333;
}
#footer-inner a:hover, #footer-inner a:active{
text-decoration:none;
}
#directory-input-panel{
background:#a4a498 url(../assets/directorypanel-bg.jpg) repeat-x bottom;
padding:20px;
float:left;
width:580px;
margin-top:20px;
}
#directory-panel-left{
width:180px;
float:left;
border-right:#a6a498 1px solid;
padding-right:15px;
height:6em;
}
#directory-panel-right{
width:360px;
float:left;
padding-left:15px;
border-left:#f6f3ea 1px solid;
height:6em;
}





.rhs-module{
background:#58585a url(../assets/rhs-module-bg.jpg) repeat-x left top;
margin:20px 0 0 0;
padding:10px 20px 20px 20px;
clear:both;
float:left;
width: 200px;
}
.rhs-module p{
color:#FFFFFF;
padding:0;
margin:0;
}
.rhs-module p.rhs-title{
color:#03bde4;
font-size:1.5em;
padding:0;
margin:0;
}
.area-panel, .directory-result{
background:#f5f4eb url(../assets/area-panel-bg.jpg) repeat-x top;
border:1px solid #999999;
margin:20px 0 0 0;
padding:10px 10px 0px 10px;
float:left;
width: 580px;
}

.directory-result
{
    width: 278px;
    margin:20px 20px 0 0;
    height: 170px;
}

.task-area-panel{
background:#f5f4eb url(../assets/area-panel-bg.jpg) repeat-x top;
border:1px solid #999999;
margin:20px 0 0 0;
padding:20px 20px 20px 20px;
float:left;
width: 580px;
}
.area-panel p, .task-area-panel p, .directory-result p{
padding:0;
margin:0;
}

.area-panel img, .task-area-panel img, .directory-result img{
float:left;
margin:0 20px 0 0;
border:1px solid #999999;
}
.task-area-panel img{
float:right;
margin:0 0 0 20px;
}
.task-area-panel-number{
float:left;
padding: 10px 15px 10px 15px;
background:#03bde4;
color:#FFFFFF;
font-weight:bold;
font-size:1.8em;
margin:0 20px 0 0;
}
.news-item a:link, .news-item a:visited, .all-info a:link, .all-info a:visited{
text-decoration:underline;
color:#666666;
}
.news-item a:hover, .news-item a:active, .all-info a:hover, .all-info a:active{
text-decoration:none;
}

.right-link{
text-align:right;
font-size:1em;
}
.leading-text, .leading-link{
font-size:1em;
line-height:1.4em;
}
.hr{
border-bottom:1px solid #999999;
/*background:#999999;*/
height:1px;
width:100%;
float:left;
padding:0;
overflow:hidden;
margin:20px 0 0 0;
}
.signup-button{
float:right;
padding:10px 0 0 0;
margin:0;
}
.page-title{
margin:0;
width:auto;
float:left;
}
.intro-box, .content-box-even, .content-box-odd{
float:left;
width:100%;
}
.content-box-even img, .content-box-odd img{
border:1px solid #a6a8a3;
}

.content-box-even img{
float:right;
margin:0 0 20px 20px;
}
.content-box-odd img{
float:left;
margin:0 20px 20px 0;
}
.directory-title{
font-size:1.3em;
padding:0 0 10px 0;
}
.form-area-1, .form-area-2, .form-area-3{
float:left;
width:170px;
}
.form-area-2{
width:140px;
}
.form-area-3{
width:180px; 
}
.dir-details{
padding-top:10px;
}
.dir-details p{
color:#999999;
font-size:0.7em;
}


#previous_step {width:183px; background-image:url(../assets/Previous.gif); float:left; background-repeat: no-repeat; background-color: #ccc; margin:25px 69px 25px 0; padding-bottom: 10px;}
#previous_step a {font-size:0.7em; color:#000000; display:block; padding:27px 0 0 42px;}

#next_step {width:183px; background-image:url(../assets/Next.gif); background-repeat: no-repeat; background-color: #ccc; float:left; margin:25px 0 25px 0; padding-bottom: 10px;}
#next_step a {font-size:0.7em; color:#000000; display:block; padding:27px 0 0 20px;}
 
 
#related_information {width:415px; background-color:#CCCCCC; clear:both; padding:10px; padding-bottom: 20px; color:#FFFFFF;}
#related_information p.related_information_pages {padding-top:0; font-size:1.1em; border-bottom:1px solid #333333; font-weight:bold; padding-bottom:5px; margin-bottom:3px;}
#related_information img {float:left; border:none; margin:0 5px 0 10px; clear:both;}

#related_information a {font-size:0.75em;} #related_information a.black_link {color:#000000;}

#suppliers_in_category {height:50px; width:100%; background-color:#03BDE4; background-image:url(../assets/directory-button-bg.gif); background-position:right center; background-repeat:no-repeat; float:left; margin:25px 69px 25px 0;}
#suppliers_in_category a {color:#FFFFFF; font-size:1.1em; padding:12px 0 0 10px; display:block; text-decoration:none; } #suppliers_in_category a:hover {color:#B7EFFB}


.supplier-logo {float:right; clear:both; margin-top:20px; padding:0 0 15px 15px;}

ul#supplier-details {list-style:none; margin:0; padding:0; height:100px;}

ul#supplier-details li {width:140px; float:left; margin-right:20px;}
ul#supplier-details li.morespace {width:160px; float:left; margin-right:20px;}
ul#supplier-details li p {font-size:0.7em;}

/* -- MORE STYLES ADDED BY DAN ON 09-11-09 */

#news-results-panel, #glossary-results-panel { float:left; width:100%; }

.news-result{
background:#f5f4eb url(../assets/area-panel-bg.jpg) repeat-x top;
border:1px solid #999999;
margin:20px 0 0 0;
padding:20px 20px 20px 20px;
float:left;
width: 580px;
}

.news-result img {float:left; padding:0 15px 10px 0;}

.news-result p.leading-link {padding-top:0; margin-top:0;}

p.glossary-title {font-size:1.1em; padding-top:10px;}

a.glossary-link {float:right; font-size:0.9em;}

/* -- END MORE STYLES ADDED BY DAN ON 09-11-09 */

.entry-form
{
    float: left; width: 620px;
}

.inputtable 
{
margin-left: 40px;
    width:600px;

}

.inputtable td
{
    padding:6px 0px;

    padding-left:10px;
}

.inputcol1 
{
    width:150px;
}

.form-textbox
{
width: 370px;
}

.selectedDD
{
 background-color: White;
}

.gridview
{
    border:solid 1px #CCCCCC;
    width:580px;
}

.gridview th
{
    background-color: #03bde4;
    color:#FFFFFF;
    padding:4px;
    border:solid 1px #CCCCCC;
}

.gridview td 
{
    padding:4px;
    border:solid 1px #CCCCCC;
}

.gridview tr:hover
{
    background-color:#efefef;
}

.aligned-image
{
    float:right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.paymentCol
{
    width: 150px;
}

#social-icons img
{
    margin-top: 16px;
    float: left;
    margin-right: 24px;    
}

#social-icons img.last
{
    margin-right: 0px;
}