/* CSS Document */

html,
body{
padding:0px;
margin:0px;
background-image:url(../images/page-bg-2.gif);
background-repeat:repeat;
font-family:Verdana, Helvetica, sans-serif;
}
#Container{
background-image:url(../images/blocked-drains.gif);
background-position:bottom;
margin:auto;
width:980px;
position:relative;
}
#Title-Logo{
	background-image:url(../images/vision-plumbing.png);
	background-repeat:no-repeat;
	width:260px;
	height:18px;
	padding-top:110px;
	float:left;
	text-align:center;
	font-size:9px;
	color:#ffffff;
	letter-spacing: -0.02em;
}
#Title-Top{
background-image:url(../images/emergency-plumbers.gif);
background-repeat:no-repeat;
background-position:right;
text-align:right;
padding-left:5px;
padding-right:10px;
padding-top:104px;
padding-bottom:0px;
width:705px;
height:24px;
vertical-align:bottom;
float:left;
}
#Content-Container{
background-image:url(../images/water-tank-installations.jpg);
background-position:bottom;
background-repeat:no-repeat;
clear:both;
}
#Content-Heading{
background-image:url(../images/bathroom-kitchen-renovations.jpg);
background-repeat:no-repeat;
margin-left:10px;
height:38px;
width:960px;
}
#Content-Heading p{
padding-top:5px;
padding-left:10px;
color:#ff8c19;
font-size:20px;
}
#Content-Main{
position:relative;
margin:auto;
width:960px;
min-height:400px;
color:#FFFFFF;
}
#Content-Main .Content{
	margin:auto;
	padding-top:5px;
	display:block;
	font-size:12px;
	padding-left:10px;
    padding-right:10px;
}
* html #Content-Main .Content{
height:400px;
overflow:visible;
padding-left:10px;
padding-right:10px;
}

#Content-Main .Content a{
text-decoration:none;
color:#FF8C19;	
}
#Content-Main .Content a:hover, #Content-Main .Content a:active, #Content-Main .Content a:focus {
color:#FF8C19;	
text-decoration:underline;
}

#Left-Menu{
float:left;
width:210px;
position:relative;
left:-10px;
}
#Right-Content{
width:730px;
float:right;
}
.Side-Menu-Button{
position:relative;
left:0px;
height:18px;
background-image:url(../images/sidemenu-n.gif);
padding-left:20px;
width:190px;
}
.Side-Menu-Button:hover, .Side-Menu-Button:active, .Side-Menu-Button:focus {
position:relative;
left:1px;
height:18px;
background-image:url(../images/sidemenu-h.gif);
padding-left:20px;
width:190px;
}
.Side-Menu-Button a, .Side-Menu-Button a:visited{
color:#FFFFFF;
text-decoration:none;
}
.Side-Menu-Button a:hover, .Side-Menu-Button a:active, .Side-Menu-Button a:focus{
color:#FFFFFF;
text-decoration:underline;
}
#Bottom-Logos{ 
text-align:center;
width:100%;
padding-bottom:9px;
}
#Footer{
height:55px;
width:978px;
margin:auto;
margin-bottom:12px;
border-left:1px solid #7f7f7f;
border-right:1px solid #7f7f7f;
border-bottom:1px solid #7f7f7f;
background-image:url(../images/water-saving-devices.gif);
background-repeat:repeat-x;
margin-bottom:13px;
position:relative;
clear:both;
}
#Footer-Menu{
font-size:10px;
color:#FFFFFF;
position:absolute;
top:3px;
left:6px;
width:980px;
}

.Footer-Left{
	width:540px;
	float:left;
	text-align:left;
}

.Footer-Right{
	width:400px;
	float:right;
	text-align:right;
	margin-right:12px;
}

#Footer-Copyright{
font-size:10px;
color:#FFFFFF;
position:absolute;
top:33px;
left:6px;
width:980px;
}

#Footer a{
color:#FFFFFF;
text-decoration:none;
}

#Footer a:hover, #Footer-Copyright a:active, #Footer-Copyright a:focus{
color:#FFFFFF;
text-decoration:underline;
}

.Content-Img{
border:#FFFFFF solid 1px;
margin-left:1px;
}

table p, table h4{
margin-top:0px;
}

#mainForm 
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
	background-color: #fefefe;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #666699;
	margin:0 0 0 0;
	padding-bottom: 10px;
}

p.formHeader
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #fefefe;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #ffffff;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #ffffff;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #fefefe;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;
	display:block;
	font-size:80%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}
/* pop-up calendar */

button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(../imgs/calendar.png);
	cursor: pointer;
}
/* Heading */

h1 {
	color:#ff8c19;
	font-weight:bold;
	text-decoration:none;
	font-size:26px;
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	line-height:26px;
	display: inline;
}

h2 {
	color:#ff8c19;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	display: inline;
	font-size: 12px;
}

h3 {
	color:#ff8c19;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	line-height:18px;
	display: inline;
}

h4 {
	color:#ff8c19;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	line-height:14px;
	display: inline;
}

.tabletext
{
color:#000;	
}

#canvas0_1 img, #canvas0_0 img { border:1px solid #ffffff !important; }

#Top-Text {
	position:absolute;
	right:0px;
	color:#ff8c19;
	width:359px;
	text-align:right;
	margin-right:10px;
}
#Top-Text a { color:#ff8c19; text-align:right;  text-decoration:none;}
#we-accept { width:980px; margin:auto; margin-top:-6px; }
#ServicesDropDown { z-index:1000000; }
.white-links a {color:#ffffff !important; text-decoration:underline !important;}
.formFieldQuestion{ color:#ff8c19; }
#HomeForm #saveForm { float:right; margin-right:11px; }
#HomeForm { background-color:#004178; float:left; padding-bottom:5px; width:180px; }
#HomeForm #field_1, #HomeForm #field_2 { width:160px; border:1px solid #dddddd; background:#333333; color:#ffffff; }
#HomeForm #field_3 { width:160px; border:1px solid #dddddd; background:#333333; color:#ffffff; }
#ContactForm input, #ContactForm textarea { border:1px solid #dddddd; background:#333333; color:#ffffff; width:200px; }
#saveForm { width:65px !important; height:20px !important; display:block !important; background-image:url(../images/send-button.png) !important; border:0px solid #dddddd !important; font-size:0px !important; text-align:left; color:#004178; }
#ContactForm #field_2 { padding:0px !important; background-image:none !important; }
#mainForm_1 { padding-left:10px; padding-top:0px; margin-top:3px; margin-left:0px; }
li.mainForm { padding-bottom:8px !important;

#BookingForm input, #BookingForm textarea, #BookingForm select { border:1px solid #dddddd; background:#333333; color:#ffffff; width:200px; }
#BookingForm #field_3 { padding:0px !important; background-image:none !important; }