@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, ul#masthead, ul#footer { width: 800px; }



div#curl {

	position: absolute;

	top: 178px;

	right: 0;

	width: 176px;

	height: 114px;

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

	z-index: 200;

}



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: 10px;
	height: 185px;
	margin: 0;
	list-style-type: none;
	background: url(../images/interface/masthead.png) top left no-repeat #40ce85;
	text-align: center;
}
ul#masthead li {
	float: left;
	position: relative;
	top: 137px;
	margin: 0;
	z-index: 3;
	color:#fff;
}
ul#masthead li a {
	float: left;
	display: block;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}
ul#masthead li#login a { border-bottom: 3px solid #f94f41; margin-left: 5px; }
ul#masthead li#login a:hover { background: none; }
ul#masthead li a:hover {
	background-color: #009551;
	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: 0;
	top: 0;
	list-style-type: none;
	background-color: #40ce85;
	margin:0;
	width:100px;
}
ul#masthead li ul li { float: left; clear: left; left:0; top:0; margin:0 0 5px 0; }
ul#masthead li ul li a { text-align: left; }
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: #00853f; }

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 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 li a#webcastle span { color: #fd1824; }



ul#footer li a#webcastle:hover {

	color: #4376ff;

	border-color: #7d7d7d;

}



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



/* FOOTER */

ul#footer {

	clear: both;

	margin: 0;



	height: 30px;

	line-height: 30px;



	text-align: center;

	background: url(../images/interface/footer.png) bottom left repeat-x #009551;

}



ul#footer li {

	display: inline;

	margin: 0 8px;

}



ul#footer li, ul#footer li a {

	font-size: 11px;

	font-weight: normal;

	color: #fff;

	text-decoration: none;

}



ul#footer 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;

}