/*
Theme Name: Top Fence Hire
Theme URI: http://www.toptoilets.com
Description: Custom Wordpress theme.
Version: 1.0
Author: Shaun Barnes
Author URI: http://www.jigsawinternet.com/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;  }

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearer, .clear {clear: both;}

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

table {border-collapse: collapse; margin: 1em auto;}
td, th {border: 1px solid #ccc; padding: 5px 20px 5px 10px;}
thead th {background: #eee;}
tbody th {background: #e6e6e6; font-weight: normal;}

/* end reset */

h1,h2,h3,h4 {font-family: Arial; margin: 0.5em 0 0.4em; clear:both;}
h1, h1 a {font-size: 20px; line-height: 22px; color: #E85115; margin-top: 0.2em;}
h2 {color: #000; font-size: 1.3em;}
h2 em, h3 em {font-style: normal; text-decoration: underline;}
h3 {color: #cb5e25; font-size: 1.4em;}
.sidebar h3 {font-size: 1.5em; color: #E85115;}
.sidebar h3.testimonial-title {font-size: 14px; line-height: 15px; color: #E85115; margin: 0px; padding: 0px;}

p {margin: 1em 0;}

a, a:visited {text-decoration: none;}
a:hover, a:visited:hover {text-decoration: underline;}

/* body {text-align: center; background: #c6cbd3; font-family: Verdana, Arial, sans-serif; font-size: 76%;} */
body {text-align: center; background: #FFF; font-family: Verdana, Arial, sans-serif; font-size: 76%;}
.wrapper {text-align: left; margin: 15px auto; width: 820px; background: #fff; padding-bottom: 5px; border:1px solid #c6cbd3;}
.header {height: 80px; background: url(img/header-bg.png) repeat-x top; position: relative;}
.phone-numbers {position: absolute; right: 0; top: 0; background: url(img/phone-numbers.png) no-repeat right top; text-indent: -9999px; width: 318px; height: 80px;}
.thisis {background: url(img/this-is-louise.png) no-repeat left top; position: absolute; width: 201px; height: 109px; right: -205px; top: 0; text-indent: -9999px;}
/* #current-time {position: absolute; left: 87px; top: 58px; color: #fff; font-size: 0.8em;} */


#current-time {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
left:290px;
position:absolute;
text-align:center;
top:28px;
width:200px;
}

#current-time span {
color:#FFFF00;
display:block;
font-size:11px;
}


.subheader {padding: 5px 10px 4px; font-weight: bold; overflow: hidden; font-size: 0.9em;}
.find-us-links {float: right; width: 48%;}
.find-us-links span.label {float: right; display: block; padding: 7px 15px 7px 0;}
.find-us-links a {display: block; float: right; text-indent: -9999px; height: 26px; margin-right: 3px;}
a.youtube {background: url(img/youtube.png) no-repeat left top; width: 50px;}
a.twitter {background: url(img/twitter.png) no-repeat left top; width: 20px;}
a.rss {background: url(img/rss.png) no-repeat left top; width: 20px;}
a.blog {background: url(img/blog-link.png) no-repeat left top; width: 166px;}
.client-logos {float: left; width: 50%;}

.banner {height: 227px;  background: url(img/banner-bg.png) repeat-x top; z-index: 100; position: relative;}
.clickvideo {background: url(img/click-play-video.png) no-repeat left top; position: absolute; width: 134px; height: 41px; right: 450px; top: 205px; text-indent: -9999px;}
.benefits { width: 267px; height: 227px; text-indent: -9999px; float: left;}
#checklist1 {background: url(img/checklist1.png) no-repeat left top; }
#checklist2 {background: url(img/checklist2.png) no-repeat left top; }
#checklist3 {background: url(img/checklist3.png) no-repeat left top; }
#checklist4 {background: url(img/checklist4.png) no-repeat left top; }
#checklist5 {background: url(img/checklist5.png) no-repeat left top; }
#checklist6 {background: url(img/checklist6.png) no-repeat left top; }
.benefits ul {list-style: none;}

.video {float: left; width: 263px; padding: 15px 5px;}

div.free-guide {background: url(img/free-guide-bg.png) no-repeat right top; display: block; width: 209px; height: 226px; float: right; margin-top: 10px; text-align: center; text-decoration: none; font-family: Tahoma, Arial; position: relative; right: 15px; padding-top:7px;}
div#sheewee-guide { background: url(img/How_to_use_a_shewee.png) no-repeat right top;}
div#sheewee-guide:hover { background: url(img/How_to_use_a_shewee.png) no-repeat left top;}
div#campingtoilet-guide { background: url(img/buy_camping_toilet.png) no-repeat right top;}
div#campingtoilet-guide:hover { background: url(img/buy_camping_toilet.png) no-repeat left top;}
div#chemicaltoilet-guide { background: url(img/buy_chemical_toilet.png) no-repeat right top;}
div#chemicaltoilet-guide:hover { background: url(img/buy_chemical_toilet.png) no-repeat left top;}
div#femaleportableurinal-guide { background: url(img/female_portable_urinal.png) no-repeat right top;}
div#femaleportableurinal-guide:hover { background: url(img/female_portable_urinal.png) no-repeat left top;}

div.free-guide:hover {background-position: left top; text-decoration: none;}
div.free-guide .click {color:#CC0000;
font-size:16px;
font-weight:bold;
line-height:16px;
text-align:center;}

div.free-guide h2 {
color:#CC0000;
float:left;
font-family:Arial;
font-size:13px;
line-height:13px;
margin:10px 0 2px 0;
padding:0 10px 0 15px;
text-align:center;
width:175px;
}
div.free-guide .seven-things {
color:#333333;
font-size:12px;
font-weight:bold;
line-height:11px;
padding:0 15px;
text-align:center;
width:170px;
}
.seven-things em {text-decoration: underline; font-style: normal;}

.content {background: url(img/column-bg.png) repeat-y right;}
.main-content {float: left; width: 560px; padding: 0px 20px;}

.main-content ol, .main-content ul {
	margin-left: 25px;
}
.main-content li {
	margin-bottom: 5px;
}

.sidebar {float: right; width: 175px; padding: 15px 20px 0; background: #ccc; z-index: 1; position: relative;margin:-9px 0 0 0; }
.super-footer {clear: both;}
.footer {clear: both;}

#enquiry {border: 3px solid #E85115; margin: 1.4em 0; padding: 10px 13px; background: url(img/ISO-9001UKAS-logo.gif) no-repeat 97% 3.4em;}
#enquiry h2 {margin-top: 0; color: #E85115;}
.form-item {margin-top: 10px; clear: left;}
.form-item label {display: block; float: left; width: 125px; margin-bottom: 4px; font-weight: bold; color: #333;}
.form-item select {width: 250px}
input.standard-text {width: 244px;}
input#first_name, input#firstname {width: 110px;}
input#last_name, input#lastname {width: 124px;}
label.vertical {float: none; width: auto;}
textarea {width: 99%; height: 100px;}
.form-button {text-align: center; padding: 10px 0 0;}

.danger-sign {background: url(img/danger-sign.jpg) no-repeat right top; padding-right: 120px; padding-bottom: 10px; margin-bottom: -10px;}

.super-footer {background: #f05f46 url(img/super-footer-bg.png) repeat-x top; margin: 5px; overflow: hidden; padding: 10px 0 20px;}
.super-footer .column {float: left; width: 170px; padding: 0 5px 0 20px;}
.super-footer .column ul li {line-height:12px;padding-bottom:5px;}
.super-footer h4 {text-transform: uppercase; font-weight: bold; color: #333; font-size: 1.1em;}
.super-footer ul {list-style: none;}
.super-footer a, .super-footer a:visited {color: #333;}

.footer {background: #ccc; margin: 0 5px; padding: 10px 20px; text-align: center;}
.footer p {margin: 0.5em 0; color: #333;}
.pal {height: 20px; position: relative; text-align: center;margin-left: 275px; padding-top: 5px;}
#pal-hire {background: url("img/PAL-Hire.gif") no-repeat scroll left top transparent; float: left; width: 55px; height:15px; text-indent: -9999px; padding: 5px;}
#pal-media {background: url("img/PAL-Media.gif") no-repeat scroll left top transparent; float: left; width: 63px; height:15px; text-indent: -9999px;padding: 5px;}
#pal-ecommerce {background: url("img/PAL-Ecommerce.gif") no-repeat scroll left top transparent; float: left; width: 96px; height:15px; text-indent: -9999px;padding: 5px;}


/* lists */

.main-nav, .utility-links, .footer ul {list-style: none;}
.sidebar ul {list-style: none;}
.sidebar ul li {margin-bottom: 4px;}
.sidebar ul li a, .sidebar ul li a:visited {color: #333; background: #f8fafb; padding: 3px 5px; display: block;}

.sidebar .testimonial {background: #fff url(img/quote.png) no-repeat left 4px; margin: 0px 0 1em; padding: 8px 10px; color: #333; font-family: Arial; font-size: 1.1em;}
.sidebar .testimonial q {padding-left: 0px;}
.sidebar .testimonial cite {display: block; text-align: right; color: #999; margin-top: 10px; font-size: 0.9em;}



#capHonRow {
	display: none;
}
#breadcrumb {
	float: left;
	font-size: 10px;
	color: #999999;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover  {
	color: #999999;
	text-decoration: underline;	
}
.floatRight {
	float: right;
	margin: 0px 0px 10px 10px;
}

/*WordPress styles*/
textarea#comment { width: 400px; padding: 5px; }

.commentmetadata { font-size: 10px; }

.time {
	color: #666666;
	font-size: 11px;
}

.trackback {
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
	padding: 4px;
	width: auto;
	color: #666666;
	font-size: 10px;
	line-height: 11px;
}
.search {
	text-align: left;
	width: auto;
	padding: 5px;
}
.rss {
	text-align: center;
  width: auto;
  padding: 10px 10px 0px 10px;
  font-size: 11px;
  line-height: 13px;
}

#s { width: 130px;}

/* IMAGES */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

textarea#comment { 
	width: 450px;
}
ul.comment-list { 
	margin: 0; 
	padding:0;
}
.comment-info h4 { 
	margin:0; 
	font-size: 13px;
}

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

ul li.comment { 
	border-bottom: 3px solid #F2F2F2; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	
	#respond h3, h3#comments { margin-top: 50px; border-bottom:  3px solid #F2F2F2; padding-bottom: 10px;}
	
	h3#respond { margin-top: 35px;}
	
	p.commentdate { margin: 0; padding:0; font-size: 10px; font-weight: bold; line-height: 14px;}
	
	.comment-info h4 { margin:0; padding:0;}
	
#commentform input, #commentform textarea { border: 1px solid #8A8F88; }


.form-item .float-column {
float:left;
margin-right:10px;
width:220px;
}

.form-item .float-column input.standard-text {
width:120px;
}

.toilet-pic {
background:url(img/toilet.jpg) no-repeat scroll right top transparent;
margin-bottom:-10px;
padding-bottom:10px;
padding-right:120px;
}

#toilettypespage td, #toilettypespage th { border: 0; vertical-align: middle;}

pre { margin: 0; padding:0; height: 20px;}

.smallvideo {
float:left;
clear:both;
padding-top:10px;
width:200px;
}

.text {
float:left;
padding:10px 10px 0 10px;
width:330px;
}
.text p {
  margin:10px 0px 5px 0px;
}