/* --------------------------------------------------------
   theorderofservice.co.uk - Stanley Wood (Book-Builder LTD)
   -------------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li {
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
caption, th { text-align:left }
h1, h2, h5, h5, h6 { font-size:100%; padding-bottom:5px;}
q:before, q:after { content:''}
h3{ font-size:100%;}

a {outline: none;}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
 

 

#index_area {
	background: url(../img/background.png);
	padding:7px;
}


/* Typography - basics */

body, h2, p, li, label, input { font:13px/18px helvetica, verdana, arial, sans serif; color:#666 }
.lpage { margin:0 0 20px 0 }
h2, span {
	color:#007399
}
a { color:#390; text-decoration:none }
a:hover { color:#000 }


.clear{ position:relative; clear:both; height:0px; overflow:hidden;border:none; line-height:0 }




/* Layout - basics */

html, body {
	height:				100%;
}

body {
	background-color:	#fff;
	margin:				0px 0px; 
	padding:			0px;
	text-align:			center;
	text-align:left; 
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
}

#contentouter {
	background-color:	transparent;
	position:			relative;
	right:				auto;
	left:				auto;
	width:				960px;
	height:				100%;
	margin:				0px auto;
	text-align:			left;
	vertical-align:		top;
	padding:			0px;
	z-index:			1;
}

#contentinner {
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				955px;
	height:				auto !important; 
	height:				100%;
	min-height:			100%;
	z-index:			2;
	background-image:	url(../img/inner_bg.png);
	background-repeat:	repeat;
}
 
div#content {
	padding-bottom:		40px;	 /* bottom padding for footer */
	margin:				28px 14px -4em 14px; /* the bottom margin is negative to the value of the footer */
}

div#content a{text-decoration: underline; padding:2px 1px; }
div#content a:hover{background-color:#81C5D8;color:#fff; }


div#maincontent {
	margin:				0px 24px;
	padding-top:		24px;
}


#menuandheader{
	right:				auto;
	left:				auto;
	width:				960px;
	margin:				0px auto;
	text-align:			left;
	vertical-align:		top;

}

div.navBar {
	position:relative;
	background: #007399 url(../img/navbar.gif);
	width: 950px;
	margin-top: 7px;
	height:40px; 
}

div.navBar ul { padding:12px 0 0 30px; }
div.navBar ul li { display:inline; margin:0 30px 0 0; font-size: 13px }
div.navBar ul li a { color:#fff }
div.navBar ul li a:hover { text-decoration: underline }
div.navBar ul li.us a{color:#f2f2f2}

#loginlink{
float:right;
border: 1px #2A849D solid;
background-color: #E58D2D;
width:98px;
text-align:center;
height:38px;
line-height:38px;
font-weight:bold;
margin-top:-30px;
}
#loginlink a{
	padding:0px !important;
	margin:0px !important;
}
#loginlink a:hover{
	text-decoration: none;
}


.footer { margin:22px 0 40px 0; height:40px; background-color:#81C5D8; }
div.footer ul { padding:11px 0 0 30px}
div.footer ul li { display:inline; margin:0 20px 0 0; font-size: 12px; }

.footer #w3links{
	float:right; margin-top:-16px;margin-right:5px;
}

#contentinner div.footer {
	background-color:#81C5D8;
	clear:both;
	margin:110px 5px 0 auto;
	height:40px;
	width: 945px;
}

#imgfix img{
	float: right;
	clear: both;
	margin-left: 10px;
	margin-bottom: 40px;
}



/* Main Page */
ul.incentives {
	height:252px;
	background-image: url(../img/mainbox.gif);
	width: 945px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border:none;
	padding-left: 0px;
	padding-top: 20px;
	margin-top: 4px;
}
ul.incentives li { float:left; margin:0 20px 0 325px }
ul.incentives li.main {
	width:590px;
	text-align: justify;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0px;
}
ul.incentives li.more { padding:20px 30px 20px 0; width:110px }

#copytxt {width: 615px; display:block; clear:both; margin-top: 10px;}	
#getstarted_btn{text-align:right; margin-top:40px; width:62%;}

ul.incentives li.steps { width:220px }
ul.incentives li.more p { color:#cf6 }
ul.incentives li p {color:#333333}

ul.reasons li { float:left; width:300px; margin:0 15px 0 0px }
ul.reasons li.last { margin:0 }
ul.reasons li  p{font-size: 12.5px;}



.lpage h1 a {
	width:521px;
	height:80px;
	text-indent:-9999px;
	display:block;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#faqquestions {
	color:#EF5792;
	margin-left:100px;
	width:400px;
}

#faqquestions ol li{
	font-size:16px;
	padding-bottom: 5px;
	list-style: decimal; 
	list-style-image: inherit;
}

#faqanswers {
	font-size: 14px;	
}


/* Prices  */

#prices ul.incentives {
	height:160px;
	background-image: url(../img/secondbox.gif);
	width: 945px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border:none;
	padding-left: 325px;
	padding-top: 25px;/*	padding-left: 330px;
	padding-top: 20px;
*/}

.weprovide{margin-top: -15px; margin-bottom: 10px}
.weprovide li{
	text-decoration: none;
	list-style-type: disc;
	margin-left: 25px;
	font-weight:bold;
}



h3 { width:300px; height:206px; text-indent:-9999px }
h3.customer { background:url(../img/h3-customer.gif) }
h3.cutting { background:url(../img/h3-cutting.gif) }
h3.environ { background:url(../img/h3-environ.gif) no-repeat }


#content ul{list-style: circle;}


h1, h2, h3 {
	font-family:		helvetica, verdana, arial, sans serif;
	margin:				0px 0px 8px 0px;
}

h1 {
	color:				#333;
	font-size:			24px;
}


h2 {
	color:				#007399;
	font-size:			18px;
}

h2 a {
	text-decoration:	none;
}

h2 a:hover {
	text-decoration:	none;
}

h2 strong {
	color:				#333;
}

h2.faq {
	margin-top:			12px;
}

h3 {
	color:				#339900;
	font-size:			14px;
	margin-top:			8px;
}

p {
	margin:				8px 0px;
}

p.footnote {
	font-size:			9px;
}

p.footnote img {
	float:				right;
}

.clear{ position:relative; clear:both; height:0px; overflow:hidden;border:none; line-height:0 }

p { margin:0 0 18px 0 }
	

ul#header{	
	text-decoration: none;
	text-align:right;
	margin-top: 5px;
}
ul#header li{	
	list-style-type:	none;
	text-decoration: none;
	display:inline;
}


/* Contact form */
div#contactcontent {
	margin:				0px 24px;
	padding-top:		24px;
}

   
.box {margin:8px 8px 0px 8px;display:block;clear:both;}
.t {background: url(../img/cccccc_1x1.gif) 0 0 repeat-x;}
.b {background: url(../img/cccccc_1x1.gif) 0 100% repeat-x}
.l {background: url(../img/cccccc_1x1.gif) 0 0 repeat-y}
.r {background: url(../img/cccccc_1x1.gif) 100% 0 repeat-y}
.bl {background: url(../img/box_bl.gif) 0 100% no-repeat}
.br {background: url(../img/box_rb.gif) 100% 100% no-repeat}
.tl {background: url(../img/box_tl.gif) 0 0 no-repeat}
.tr {background: url(../img/box_tr.gif) 100% 0 no-repeat; padding:12px;} 

#contactcontent .box {margin:16px 0px;}

#contact-form{
	margin:30px 0; 
}

#contact-form label{ 
	display:block; 
	width:100px; 
	padding-top:3px; 
	float:left; 
}

#contact-form input.text { 
	margin-bottom:4px; 
	width:185px; 
}

#contact-form select{  
	margin-bottom:4px; 
	width:189px; 
}

#contact-form textarea { 
	margin-bottom:4px; 
	width:185px; 
	height:110px; 
}

#contact-left{ 
	float:left; 
	display:inline; 
	margin-right:30px;
	margin-left: 20px; 
	width:40%;
}

#contact-right{ 
	float:left; 
}

#contact-form span{ 
	text-align:right; 
	display:block; 
	padding-top:5px; 
}

#contact-info span{ 
	font-weight:bold; 
}

#contact-info a{ 
	font-weight:bold; 
}


#index_main{margin-left: 7px;}


label {
	font-family:		helvetica, verdana, arial, sans serif;
	font-size:			13px;
	font-weight:		bold;
	width:				80px;
	display:			inline;
	float:				left;
	padding-top:		4px;
}

input.text, select, textarea {
	border:				1px solid #ccc;
}

input.text, select {
	height:				20px;
}

input.text, textarea {
	width:				106px;
	margin:				1px 0px;
}

input.button {
	background-color:	#f4f227;
	font-family:		helvetica, verdana, arial, sans serif;
	font-size:			13px;
	font-weight:		bold;
	border:				1px solid #f8d822;
	float:				right;
	margin:				4px 52px 16px 0px;
}

fieldset {
	border:				none;
}

/* signup form */

.signupform label {
	font-family:		helvetica, verdana, arial, sans serif;
	font-size:			13px;
	font-weight:		bold;
	width:				150px;
	display:			inline;
	float:				left;
	padding-top:		4px;
}

.formrow {
	margin:				2px 0px
}

.formrow input.text, .formrow textarea {
	width:				200px;
}

.formrow select {
	min-width:			200px;
	width:				auto;
}


/*Sidebar*/

.bloxline {
	clear: both;
	
}
.bloxcolumn {
	float: right;

}

#contentarea{
	width: 550px;
	display: block;
	position: relative;
	padding-bottom: 20px;
	padding-left:7px;
	float: left;
}


#maincol {
	float: left;
	width: 630px;
	height: 523px;
	padding: 20px 15px 0 15px;
	background-repeat: no-repeat;
	background-image: url(../img/main01_bg.jpg);
	background-position: 0px 0px;
	clear: both;
	display: block;
}
#maincol ul, #main02 ul  {
	padding: 0 0 0 0px;
	margin: 10px 0 10px 15px;
}
#maincol li, #main02 li  {
	padding: 0 0 0 0px;
	margin: 0 0 10px 0px;
	list-style-image: url(../images/icn_rquot.gif);
}
#maincol a, #maincol a, #faq_q_col a  {
	color: #f6c;
}

#maincol a:hover, #maincol a:hover, #faq_q_col a:hover  {
	color: #09f;
}

#floatheader{
display: block;
margin-top: 0px;
font-size: 28px;
}

#faqheader3{
margin-top: 15px;
font-size: 24px;
}

#liveperson {
	clear: both;
	width: 253px;
	height: 209px;
	display: block;
	margin-top: 5px;
	padding: 20px 0 0 15px;
	background-image: url(../img/pannel_lp_toos.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* James */

.money{
	font-size:16px;
	font-weight: bold;
	color:#007399;
	padding:5px;
	padding-left:1px;
	border:none;
}

.includes{
	font-size:13px;
	display:list-item;
	padding-top: 10px;
	margin-left:20px;
	padding-bottom: 10px;
	list-style: circle;
}

.question{
	font-size:20px;
	display:list-item;
	padding-top: 10px;
	margin-left:20px;
	padding-bottom: 10px;
	list-style:disc;
}
.question:hover { color:#000 }

.active{
	color:red;
}
.active:hover{color:red;}

.faq{
	height:350px;
	width:400px;
	border:1px solid #99cc66;;
}

#answertext{
	width:360px;
	height:300px;
	overflow:auto;
	padding-left:10px;
	text-align:justify;
}
#faqsection{
	text-align:left;
}
#answertext{
	font-size: 13px;
	margin-left:5px;
	margin-right:5px;
}
#quantity{
	width:138px;
	height:28px;
	font-size:16px;
	border:none;
	text-align:center;
	
}
.pricetable{
	width: 460px;
	height: 189px;
}
.pricetable td{
	border:none;
}
.qa{
	font-size:60px;
	position:relative;
	right:20px;
	top:5px;
	font-family: papyrus, sans-serif;
}

.nohov:hover{
	background-color:white;
}

#links a:hover{
	background-color:white !important;
}