@charset "UTF-8";

/* CSS Document */



@import "reset.css";

@import "index.css";

@import "services.css";

@import "quickprice.css";

@import "startup.css";

@import "thecare.css";

@import "enquiry.css";

@import "login.css";

@import "account.css";



div#homePics {

	position: absolute;

	top: 180px;

	left: 0;

	z-index: 25;

}



div#homePics img {

	border: 0;

	width: 140px;

}



a#latestoffersbutton {

	display: block;

	float: right;

	position: absolute;

	left: 157px;

	top: 87px;

	z-index: 2;



	width: 176px;

	height: 173px;

	background: url(../images/interface/newOffersButton.png) top left no-repeat;

}



 a#quickpricebutton {

 	float: right;

 	display: block;

	margin: 20px 20px 10px 0;

	width: 193px;

	height: 44px;

	background: url(../images/interface/quickpricebutton.gif) top left no-repeat;

}



a#quickpricebutton:hover { background-position: bottom left; }

a#latestoffersbutton:hover { background-position: bottom left; }

 

img#specialoffers {

	padding: 5px 1px;

	margin: 40px 0 5px 10px;



	background-color: #00b658;

	border: 5px solid #40ce85;

	border-left-width: 0;

	border-right-width: 0;

}



a#offersButton {

	display: block;



	width: 223px;

	height: 31px;

	margin: 0 auto;

	background: url(/images/interface/offersButton.gif) top left no-repeat;

}



p.contact {

	font-size: 25px;

	padding: 5px 0 5px 0;

}



ul#links li p.title {

	font-size: 17px;

	padding-top: 20px;

}



ul#links li p {

	margin: 0;

	padding: 0;

}



body {

	position: relative;

	margin: 0 auto;

	/*padding-top: 169px;*/



	font: normal 13px Geneva, Arial, Helvetica, sans-serif;

}



body { background: url(../images/header_bg.gif) top repeat-x; }
#bodyWrapper { position: relative; margin: 0 auto; }
#bodyWrapper, ul#masthead { width: 1000px; }



div#curl {
	position: absolute;
	top: 115px;
	right: 0;
	width: 160px;
	height: 100px;
	z-index: 200;
}
div#curl img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100px;
}
div#curl #curl_white_left {
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	background: #FFFFFF;
}
div#curl #curl_white_bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #FFFFFF;
}



div#lfButton {

	position: absolute;

	top: 176px;

	left: 10px;

	width: 207px;

	height: 25px;

	background: url(../images/interface/lfButton.png) top left no-repeat;

	z-index: 2;

}



div#lfButton a, div#curl a {

	display: block;

	width: 100%;

	height: 100%;
}



/* MASTHEAD */
ul#masthead {
	position: absolute;
	clear: both;
	top: 0;
	height: 216px;
	margin: 0;
	list-style-type: none;
	background: url(../images/masthead_bg.gif) 0 57px no-repeat;
	text-align: center;
}
ul#masthead li {
	float: left;
	position: relative;
	top: 83px;
	margin: 0;
	z-index: 3;
	color:#000000;
	line-height: 16px;
}
ul#masthead li.hoverLink {
	z-index: 4;
}
ul#masthead li.logo {
	float: left;
	top: 5px;
	left: 20px;
	margin-right: 155px;
}
ul#masthead li a {
	float: left;
	display: block;
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	font-family: Century Gothic, Arial, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 22px;
}
ul#masthead li#login { position: absolute; top: 17px; right: 20px; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
ul#masthead li#login a { display: inline; float: none; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin: 0 5px; }
ul#masthead li#login a:hover { background: none; }
ul#masthead li a:hover {
	text-decoration: underline;
}
ul#masthead li a.dropper:hover { visibility: hidden; }
ul#masthead li:hover a.dropper { visibility: hidden; }
/* Drop down menu: Second tier */
ul#masthead li ul {
	display: none;
	position: absolute;
	left: -7px;
	top: -6px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin:0;
	width:120px;
	padding: 5px;
	text-align: center;
	z-index: 50;
}
ul#masthead li ul li { float: none; display: block; top: 0; left: 0; }
ul#masthead li ul li.title { padding-bottom: 5px; }
ul#masthead li ul li a { display: block; float: none; font-size: 13px; font-weight: normal; margin: 0; }
ul#masthead li ul li.title a { font-size: 16px; font-weight: bold; }
ul#masthead li ul li a.small { font-size: 11px; }
/* Hover */
ul#masthead li.hover, ul#masthead li:hover ul { display: block; }
ul#masthead li.hover ul li ul, ul#masthead li:hover ul li ul { display: block; }
ul#masthead li ul li:hover ul { display: block; }

/* GOOGLE MAP */

div#googleMap {

	overflow: hidden;

	margin: 0 0 10px 10px;

	width: 480px;

	height: 400px;

}



/* CONTENT */

div#content {

	float: left;

	width: 500px;

	padding-top: 75px;

}

div#content_new {

	float: left;

	width: 530px;

	padding-top: 0px;

}
.content_new_images { float:left; width:240px; padding-left:10px; margin-right:20px; }
.content_new_text { float:left; width:260px; }
.content_new_text h2 { color:#000000; font-weight:bold; font-size:20px; margin-top:120px; margin-bottom:10px; }
.content_new_text p { color:#000000; margin-top:0px; }
.content_new_text p span { color:#ff0000; font-weight:bold; }

/* SIDE BAR */

div#sidebar {

	position: relative;

	top: -34px;

	padding-top: 74px;

	margin-bottom: -34px;



	float: left;

	width: 300px;

	min-height: 400px;



	background: url(../images/interface/sidebarBG.gif) bottom left no-repeat #c3dbc8;

}



div#sidebar ul li {

	list-style-type: disc;

	margin: 15px 0 15px 30px;

}

div#sidebar_new {

	position: relative;

	top: -34px;

	padding-top: 74px;

	margin-bottom: -34px;



	float: left;

	width: 240px;

	min-height: 400px;



	background: url(../images/interface/sidebarBG.gif) bottom left no-repeat #c3dbc8;

}


/* MISC */

h1.pageHeading {

	position: absolute;

	top: 90px;

	left: 0;



	display: block;

	z-index: 2;



	width: 790px;

	height: 40px;



	color: #fff;



	font-size: 34px;

	text-align: right;

}



h1, h2, h3, p, ul { color: #000000; }

p { padding-bottom: 20px; }

h2, p, ul { margin: 0 10px; }



h2 {

	font-size: 30px;

	margin-bottom: 30px;

}



h3 {

	font-size: 19px;

	font-weight: bold;

	padding-bottom: 10px;

}



h4 {

	color: #00853f;

	font-weight: bold;

	font-size: 15px;

}



h5 {

	margin-top: 20px;

	color: #00853f;

	font-size: 15px;

}



/* APPROVAL FORM */

form#approvalForm {

	clear: both;

	padding-top: 10px;

}



form#approvalForm p {

	color: #000;

	font-size: 12px;

	margin-left: 0;

}



form#approvalForm ol li {

	padding: 4px 0;

}



form#approvalForm input#quantity {

	padding: 2px;

	width: 30px;

}



form#approvalForm textarea, form#approvalForm input.text {

	border: 1px solid #00853f;

	width: 400px;

}



form#approvalForm textarea {

	height: 100px;

}



form#newOrder input, form#newOrder select, form#newOrder textarea, form#approvalForm ol li input.text, form#approvalForm select, form#approvalForm textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding: 2px;

}



div#checkList {

	clear: both;

	border: 1px solid #00853f;

	padding: 5px 0 5px 5px;

}



div#checkList p {

	font-size: 12px;

}



div#checkList ol {

	width: 50%;

	float: left;

	list-style: none;

}



div#checkList ol li {

	float: left;

	margin-bottom: 2px;

}



div#checkList ol li label {

	float: left;

	display: block;

	width: 190px;

	margin-left: 5px;

	font-size: 11px;

}



div#checkList ol li input {

	float: left;

}



/* WEBCASTLE BRANDING */

ul#footer-top li a#webcastle {

	padding: 1px 6px 1px 3px;



	text-decoration: none;

	text-transform: uppercase;



	font-size: 11px;

	font-weight: bold;

	font-style: italic;



	color: #0043f3;

	background-color: #fff;

	border: 1px solid #555;

}



ul#footer-top li a#webcastle span { color: #fd1824; }



ul#footer-top li a#webcastle:hover {

	color: #4376ff;

	border-color: #7d7d7d;

}



ul#footer-top li a#webcastle:hover span { color: #fe686f; }



/* FOOTER */

#footer-top-wrapper {
	padding: 20px 0 0;

}

ul#footer-top {

	clear: both;
	width: 980px;
	margin: 0 auto;
	color: #000000;
	overflow: hidden;
	padding: 10px;
	border-top: 7px solid #B2CEBC;
}

#footer-wrapper {

	background: #005D20;
	border-top: 7px solid #000000;

}

ul#footer {

	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 10px 30px;
	overflow: hidden;

	background: url(../images/logo.gif) 95% no-repeat;
	color: #FFFFFF;

}



ul#footer li {
	float: left;
	display: inline;
	padding: 5px 20px;
	width: 35%;
	border-right: 1px solid #FFFFFF;

}
ul#footer li.last {
	border: 0;
}



ul#footer-top li {
	float: left;
	display: inline;
	width: 204px;
	height: 260px;
	padding: 0 20px;
	border-right: 1px solid #000000;
	margin: 0 0 10px;
}
ul#footer-top li.last {
	border: 0;
}
ul#footer-top li.copyright, ul#footer-top li.webcastle {
	border: 0;
	height: auto;
	width: auto;
	float: right;
	margin: 0;
}
ul#footer-top li h3 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 16px;
}



ul#footer-top li a {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
ul#footer-top li.webcastle a {
	display: inline;
}



ul#footer-top li a:hover { text-decoration: underline; }



input.customtext {

	padding: 3px;

	margin-left: 4px;

	width: 30px;

	border: 1px solid #009551;

}



label.custom {

	font-size: 12px;

	color: #009551;

}



label#customWH {

	color: #009551;

	font-weight: bold;

}



/* CAPTCHA */

form ol li { background-color: #cadbca; }

form ol li label { background-color: #fff; }

form ol li#captcha input { float: right; width: 23%; }

form ol li#captcha div#captchaImg {

	float: left;

	width: 65px;

	height: 20px;



	margin: 3px 5px 0 5px;

	overflow: hidden;

}



form ol li#captcha div#captchaImg img {

	position: relative;

	top: -1px;

	left: -2px;



	display: block;

	width: 100px;

	height: 20px;



	border-width: 0;

	margin: 0;

}



/* Loading bar */

div#loading {

	display: none;

	border: 1px solid #555;

	background-color: #fff;

	margin: 2% 0;

	width: 98%;

	float: left;

}



div#loading h2 {

	font-size: 19px;

	margin-bottom: 0;

}



div#loading h3 {

	font-size: 13px;

	padding: 20px 0 10px 10px;

}



div#loading img { display: block; padding-left: 4px; }



div#loading ul {

	font-size: 11px;

	width: 98%

	list-style-type: none;

	padding-bottom: 20px;

}



div#loading ul li {

	float: left;

	width: 48%;	

}



a#headerButton {

	position: absolute;

	top: 20px;

	left: 410px;

	z-index: 100;

	display: block;

	width: 82px;

	height: 82px;

	background: url(../images/interface/headerButton.gif) top left no-repeat;

}



.slider-wrapper { padding: 10px 0 30px; overflow: hidden; width: 1000px; margin: 0 auto; }

.slider-left, .slider-right { float: left; width: 200px; padding: 33px 0 13px; }
.slider-middle { float: left; width: 577px; height: 409px; background: url(../images/home_scroller_bg.gif) 0 20px no-repeat; position: relative; padding: 0 13px 11px 10px; }
.no-slide .slider-middle { background: url(../images/scroller_bg.gif) left repeat-y; padding: 0; width: 600px; height: auto; min-height: 432px; }

.slider-left a, .slider-right a { display: block; height: 15px; line-height: 13px; padding: 9px 0 9px 25px; margin: 25px 0; font-size: 15px; color: #000000; text-decoration: none; }
.slider-left a:hover, .slider-right a:hover { font-weight: bold; }
.slider-left a { background: url(../images/scroller_button_left.gif) top left no-repeat; }
.slider-right a { background: url(../images/scroller_button_right.gif) top left no-repeat; }

.slider-middle h1 { margin: 0; font-weight: bold; font-size: 17px; color: #FFFFFF; height: 41px; }
.no-slide .slider-middle h1 { background: url(../images/scroller_top_bg.gif) 0 20px no-repeat #FFFFFF; padding: 0 13px 0 10px; }
.slider-middle h1 div { float: left; display: inline; background: url(../images/scroller_header_bg.gif) top left repeat-x; height: 38px; padding: 3px 0 0; }
.slider-middle h1 .left { width: 12px; background: url(../images/scroller_header_left_bg.gif) top left no-repeat; }
.slider-middle h1 .right { width: 12px; background: url(../images/scroller_header_right_bg.gif) top left no-repeat; }
.slider-middle .offer-circle { background: url(../images/scroller_circle_bg.png) top left no-repeat; width: 113px; height: 113px; font-family: Impact, Arial, sans-serif; font-size: 19px; line-height: 20px; text-align: center; color: #FFFFFF; position: absolute; top: 0; right: 1px; padding: 10px 0; z-index: 5; }

.slider-middle .mainpic { float: right; width: 250px; padding-left: 20px; }
.slider-middle .mainpic img { max-width: 100%; max-height: 300px; margin: 0 auto; display: block; text-align: center; }
.no-slide .slider-middle .mainpic { width: auto; padding: 0 23px 0 20px; }
.no-slide .slider-middle .mainpic img { max-width: 557px; max-height: 371px; }
.slider-middle h2 { font-weight: bold; font-size: 24px; color: #FF0000; margin: 0 0 10px; padding: 0; }
.slider-middle p { font-weight: bold; font-size: 15px; color: #000000; margin: 10px 0; padding: 0; }
.slider-middle a { color: #FF0000; text-decoration: none; }
.slider-middle a:hover { color: #FF0000; text-decoration: underline; }
.no-slide .slider-middle h2 { font-weight: bold; font-size: 20px; color: #FF0000; margin: 0 23px 10px 20px; padding: 0; }
.no-slide .slider-middle p { font-weight: normal; font-size: 15px; color: #000000; margin: 10px 23px 10px 20px; padding: 0; }
.slider-middle .bottom-text { position: absolute; bottom: 15px; left: 15px; width: 253px; }
.slider-middle .bottom-text p { margin: 20px 0 10px; font-size: 13px; }
.slider-middle .bottom-text img { margin: 10px 0 0; }
.slider-middle .bottom-links { padding: 3px 5px 3px 0; line-height: 20px; font-weight: bold; font-size: 16px; color: #E6E6E6; text-align: center; }
.slider-middle .bottom-links.top { padding: 5px 5px 5px 0; }
.slider-middle .bottom-links a { color: #E6E6E6; text-decoration: none; margin: 0 18px; }
.slider-middle .bottom-links a:hover { color: #FFFFFF; }
.slider-middle .bottom-links.top a { margin: 0 16px; }
.slider-middle .more-info { background: url(../images/scroller_button_bg.png) top left no-repeat; position: absolute; bottom: 15px; right: 20px; width: 93px; height: 26px; padding: 3px 30px 3px 12px; line-height: 12px; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; text-align: center; }
.slider-middle .more-info:hover { color: #000000; text-decoration: none; background-image: url(../images/scroller_button_hover_bg.png); }
.slider-middle .bottom { background: url(../images/scroller_bottom_bg.gif) bottom left no-repeat; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; }

.slider-middle .enquire-button { position: absolute; bottom: -12px; right: 20px; background: url(../images/enquire_button_bg.png) top left no-repeat; width: 126px; height: 17px; padding: 5px 12px 5px 12px; line-height: 17px; font-size: 16px; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; color: #E6E6E6; text-decoration: none; text-align: center; }
.slider-middle .enquire-button:hover { color: #FFFFFF; text-decoration: none; }

.slider-middle #slider { overflow: hidden; width: 553px; height: 312px; position: relative; }
.slider-middle #slider .slider-content { position: absolute; top: 0; left: 553px; width: 523px; padding: 0 15px; height: 100%; }
.slider-middle #slider #slider-content1 { left: 0; }

.box { float: left; display: inline; background: url(../images/box_bg.gif) top left no-repeat; width: 186px; height: 116px; color: #FFFFFF; margin: 0 25px; padding: 7px; text-decoration: none; }
.box h3 { padding: 0 20px 0 0; margin: 0 0 10px; color: #FFFFFF; }
.box p { padding: 0; margin: 10px 0; color: #FFFFFF; }
.box a { color: #FFFFFF; }

.main-content {
	width: 95%;
	margin: 0 auto;
	padding-top: 30px;
}

.service-row { border-top: 1px dotted #FF0000; border-bottom: 1px dotted #FF0000; padding: 10px 10px 0 10px; margin: 10px 0; position: relative; overflow: hidden; }

.service-row .service-image { float: left; display: inline; border-right: 1px solid #FF0000; padding-right: 10px; margin-bottom: 10px; width: 200px; text-align: center; }
.service-row .service-content { margin-left: 210px; border-left: 1px solid #FF0000; padding-left: 10px; padding-right: 160px; }
.service-row .service-content h3 { margin: 0 0 10px 0; padding: 0; }
.service-row .service-content h3 a { color: #000000; text-decoration: none; }
.service-row .service-content h3 a:hover { text-decoration: underline; }
.service-row .service-content p { margin: 10px 0; padding: 0; }

.service-row .enquire-button { background: url(../images/enquire_button_bg.png) top left no-repeat; width: 126px; height: 17px; padding: 5px 12px 5px 12px; line-height: 17px; font-size: 16px; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; color: #E6E6E6; text-decoration: none; text-align: center; position: absolute; right: 0; bottom: 10px; }
.service-row .enquire-button:hover { color: #FFFFFF; text-decoration: none; }