body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #fff url(/images/body_bg.png) repeat-x;
	}

h1, h2, h3, h4 {
	color: #000;
	}
	
h2 {
	font-size: 26px;
	margin: 0 0 18px;
	line-height: 28px;
	color: #eba020;
	font-family: "Trebuchet MS", serif;
	}
	
h3 {
	margin: 0 0 5px 0;
	font-family: "Trebuchet MS", serif;
	font-size: 18px;
	color: #005598;
	}

h4 {
	font-weight: bold;
	margin: 18px 0 0 0;
	}


h5 {
	font-size: 26px;
        font-style:italic; 
	margin: 0 0 18px;
	line-height: 28px;
	color: #9C0000;
	font-family: "Trebuchet MS", serif;
	}

.redHeader  {
	margin: 0 0 10px 0;
	font-family: "Trebuchet MS", serif;
	font-size: 13px;
	color: #ff0000;
	}
	
p {
	margin: 0 0 18px 0;
        text-align: justify;
        }
	
p.large {
	font-size: 14px;
	line-height: 21px;
	}
	
p.small {
	font-size: 11px;
	}
	
p.gray {
	color: #696969;
	}
	
p.gray a {
	color: #696969;
	}
	
p.gray a:hover {
	color: #000;
	}

p.red {
	color: #d2232a;
	}
	
.amp {
	font-family: Arial, sans-serif;
	}
	
strong { 
	font-weight: bold;
	}

em { font-style: italic; }
	
a { 
	text-decoration: underline;
	color: #005598;
	}
	
a:hover {
	color: #000;
	}
	
ul {
	margin: 0 0 18px 15px;
	list-style-type: disc;
	}

ol {
	margin: 0 0 18px 20px;
	list-style-type: decimal;
	}
	
hr {
	display: none;
	}

img.left {
	float: left;
	margin: 0 20px 0 0;
	}

img.right {
	float: right;
	margin: 0 0 10px 20px;
	}
	
div.center {
	width: 947px;
	margin: 0 auto;
	}
	
div#canvas {
	width: 947px;
	margin: 0 auto;
	background: #fff url(/images/canvas_bg.png) no-repeat;
	padding: 0 15px 0 15px;
	float: left;
	}
	
/* -------------------------------------------------------------- 
Forms
-------------------------------------------------------------- */
input {
	padding: 3px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #f5f5f5;
	}

textarea {
	padding: 3px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #f5f5f5;
	}

select {
	font-family: Arial, sans-serif;
	background: #f5f5f5;
	}

label {
	font-size: 11px;
	text-transform: uppercase;
	color: #696969;
	}

fieldset.contactinfo label {
	display: block;
	float: left;
	width: 50px;
	}

fieldset.contactinfo p {
	margin-bottom: 5px;
	}

div.tips_subscribe fieldset.contactinfo label {
	width: 75px;
	}

div.tips_subscribe input.zemSubmit {
	margin: 0 0 0 75px;
	}

ul.zemError {
	color: #d2232a;
	}

label.zemRequirederrorElement {
	color: #be0000;
	font-weight: bold;
	}

div.scheduling_form fieldset.contactinfo label {
	width: 400px;
	}

label.zemRequired {
	font-weight: bold;
	}


/* -------------------------------------------------------------- 
Brand
-------------------------------------------------------------- */

div#brand {
	width: 947px;
	height: 107px;
	background: #fff url(/images/brand_bg.jpg) no-repeat;
	}
	
div#brand img {
	margin: 1px 0 0 0;
	float: left;
	}
	
div#brand ul {
	color: #005598;
	float: right;
	margin: 23px 0 0 0;
	width: 230px;
	font-weight: bold;
	}
	
div#brand h1 {
	background: url(/images/61425drain.gif) no-repeat;
	text-indent: -9999px;
	width: 202px;
	height: 50px;
	float: left;
	margin: 34px 0 0 20px;
	}

div#brand_right {
	float: right;
	width: 225px;
	padding: 25px 0 0 0;
	}

div#brand_right p {
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #005698;
	}

form#brand_search input {
	background: #d9e6f0;
	color: #005698;
	}

form#brand_search input#search_text {
	width: 183px;
	margin: 0 2px 0 0;
	}

div.int_column1 form#brand_search input#search_text {
	width: 153px;
	}

input#search_btn {
	padding: 0;
	margin: 0 0 -6px 0;
	}

div#brand_right form#brand_search p img {
	vertical-align: middle;
	}

/* Search Results */

body#searchresults h3.searchresults_hd {
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	margin: 5px 0 0 0;
	padding: 0 0 18px 0;
	}

div.searchresult {
	border-bottom: 1px solid #ccc;
	padding: 18px 0;
	}

div.int_column2 div.searchresult h3 {
	margin: 0;
	font-weight: bold;
	padding: 0;
	}

div.searchresult p {
	font-size: 11px; 
	color: #000;
	line-height: 16px;
	margin: 0;
	}

div.searchresult p.search_url {
	margin: 8px 0 0 0;
	}

div.searchresult p.search_url a {
	color: #696969;
	}

div.searchresult p.search_url a:hover {
	color: #000;
	}

p.search_count {
	margin: 10px 0 125px 0;
	}

	
/* -------------------------------------------------------------- 
Navigation
-------------------------------------------------------------- */
div#navigation {
	border: 2px solid #eba020;
	background: #eba020 url(/images/nav_bg.png) repeat-x;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	float: left;
	clear: both;
	margin: 4px 0;
	width: 943px;
	}
	
div#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	}
	
div#navigation ul li {
	float: left;
	}
	
div#navigation ul li a {
	color: #fff;
	display: block;
	padding: 5px 28px;
	border-right: 2px solid #eba020;
	text-decoration: none;
	}
	
div#navigation ul li a.last {
	border-right: none;
	padding: 5px 31px;
	}
	
div#navigation ul li a:hover {
	background: #eba020;
	color: #000;
	}
	
/* Second-Level Lists */
	
div#navigation ul li ul { 
	position: absolute;
	background: #eba020;
	width: 220px;
	left: -999em;
	padding: 2px;
	line-height: 1.5;
	}

div#navigation ul li ul li {
	margin: 0;
	padding: 0;
	}

div#navigation ul li ul a {
	font-weight: normal;
	display: block;
	width: 210px;
	padding: 3px 5px;
	border-bottom: 1px solid #f0b146;
	text-transform: none;
	color: #fff;
	font-size: 12px;
	font-family: Arial, sans-serif;
	}

div#navigation ul li ul a:hover { 
	background: #b07716; color: #fff; 
	}

div#navigation ul li:hover ul, 
div#navigation ul li.sfhover ul { 
	left: auto; z-index: 9999; 
	}

div#navigation ul li.selected a {
	background: #007cc3;
	color: #fff;
	border: 1px solid #005e93;
	}

div#navigation ul li.sub_menu {
	font-size: 12px;
	}

div#navigation ul li.sub_menu a {
	display: inline; 
	border: none;
	font-size: 100%;
	}

/* -------------------------------------------------------------- 
Home Page
-------------------------------------------------------------- */
div#intro {
	width: 947px;
	height: 243px;
	clear: both;
	border-bottom: 1px dotted #ccc;
	background: #fff url(/images/intro_home.jpg) no-repeat;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}

div#intro h2, 
div#intro p {
	display: none;
	}
	
div#quick_schedule {
	text-indent: 0;
	width: 225px;
	float: right;
	margin: 15px 0 0 0;
	}
	
body#home div#quick_schedule p {
	display: block;
	margin: 0;
	padding: 0 10px 0 0;
}
	
div#quick_schedule h3 {
	margin: 0 0 5px 0;
	font-family: "Trebuchet MS", serif;
	font-size: 18px;
	color: #005598;
	}
	
form#quick_schedule_form label {
	color: #696969;
	text-transform: uppercase;
	font-size: 11px;
	}

form#quick_schedule_form input {
	background: #fff;
	}
	
body#home div#column1 {
	float: left;
	width: 460px;
	border-right: 1px dotted #ccc;
	margin: 0 5px 0 5px;
	padding: 0 10px 0 0;
	}
	
body#home div#column2 {
	float: right;
	width: 450px;
	margin: 0 5px 0 0;
	padding: 0 4px 0 0;
	}
	
body#home div#column1 img {
	margin: 0 0 5px 0;
	}
	
div.graybox_sm {
	background: #f6f5f5 url(/images/graybox_btm.png) no-repeat bottom;
	width: 218px;
	float: left;
	margin: 0 20px 0 0;
	}
	
div.box2 {
	margin: 0;
	}
	
div.graybox_sm h3 {
	background: url(/images/graybox_top.png) no-repeat;
	font-family: "Trebuchet MS", serif;
	font-size: 16px;
	padding: 15px 15px 0 15px;
	}
	
div.graybox_sm p {
	padding: 0 15px;
	}

div#slideshow0 {
	float: left;
	}
	
/* -------------------------------------------------------------- 
Interior Page Base Styles
-------------------------------------------------------------- */
p.breadcrumb {
	font-size: 11px;
	color: #696969;
	padding: 2px 15px 5px 15px;
	background: #f5f5f5 url(/images/breadcrumb_bg.png) right no-repeat;
	margin: 5px 0 5px 0;
	clear: both;
	}
	
p.breadcrumb a {
	color: #696969;
	}
	
p.breadcrumb a:hover {
	color: #000;
	}

p.breadcrumb strong {
	color: #000;
	font-weight: normal;
	}
	
div.int_column1 {
	width: 215px;
	margin: 0 10px 0 15px;
	float: left;
	padding: 15px 0 0 0;
	}
	
div.int_column1 div.graybox_sm {
	margin: 10px 0;
	}
	
div.int_column2 {
	width: 450px;
	float: left;
	background: url(/images/column2_bg.png) right top no-repeat;
	padding: 15px 10px 0 10px;
	}




	
div.int_column2 h3 {
	margin-top: 36px;
	}
	
div.int_column3 {
	width: 215px;
	float: right;
	margin: 0 15px 0 0;
	}



	
div.int_column3 div#quick_schedule {
	width: 215px;
	margin: 0 0 10px 0;
	}
	
div#quick_schedule p {
	font-size: 11px;
	line-height: 14px;
	margin: 5px 0;
	}
	
div.int_column3 div#quick_schedule form {
	padding: 0 15px;
	margin: 0 0 15px 0;
	}
	
div#quick_schedule form input {
	background: #fff;
	}

div#quick_schedule ul.zemError {
	font-size: 11px;
	margin: 0 0 0 13px;
	line-height: 14px;
	}

div.int_column3 label.zemRequired {
	font-weight: normal;
	}

div.int_column3 div.graybox_sm {
	margin-right: 0;
	margin-top: 10px;
	}
	
/* -------------------------------------------------------------- 
VALUE tags
-------------------------------------------------------------- */



div.int_columnVALUE {
	width: 690px;
        float: left;
	background: url(/images/column2_bg.png) right top no-repeat;
	padding: 15px 10px 0 10px;
	}

div.int_columnVALUEform {
	width: 550px;
        float: left;
	background: #f6f5f5 url(/images/graybox_top.png) no-repeat;
	padding: 15px 10px 0 10px;
	}


div.int_columnVALUEform div.graybox_sm {
	margin-right: 0;
	margin-top: 10px;
	}

div.int_column3VALUE {
	width: 215px;
        float: right;
	margin: 0 15px 0 0;
	}

div.int_column3VALUE div#quick_schedule {
	width: 215px;
	margin: 0 0 10px 0;
	}
	
div.int_column3VALUE div#quick_schedule form {
	padding: 0 15px;
	margin: 0 0 15px 0;
	}
	
div.int_column3VALUE label.zemRequired {
	font-weight: normal;
	}

div.int_column3VALUE div.graybox_sm {
	margin-right: 0;
	margin-top: 10px;
	}


div.int_column4VALUE {
	width: 317px;
        position: relative; top: -790px; left: 620px; 
        }



div.int_columnVALUEtext {
	padding: 0px 0px 0 55px;
	}






/* -------------------------------------------------------------- 
Interior Nav
-------------------------------------------------------------- */

div.int_column1 h2 {
	font-family: Arial, sans-serif;
	color: #005598;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
	}

ul.int_nav {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	border-top: 1px solid #ccc;
	}
	
ul.int_nav li {
	border-bottom: 1px solid #ccc;
	}
	
ul.int_nav li a {
	text-decoration: none;
	display: block;
	color: #005598;
	padding: 10px 3px;
	}
	
ul.int_nav li a:hover, ul.int_nav li a.sub_selected {
	background: #ebf6ff;
	color: #000;
	}
	
ul.int_nav li strong {
	font-size: 12px;
	}






/* -------------------------------------------------------------- 
Locations
-------------------------------------------------------------- */
p.mainnumber {
	font-size: 18px;
	border-top: 1px solid #d2232a;
	border-bottom: 1px solid #d2232a;
	padding: 10px 0;
	}

p.location_regions {
	font-size: 14px;
	line-height: 21px;
	}

p.location_regions .region {
	}

/* -------------------------------------------------------------- 
Services
-------------------------------------------------------------- */
div.highlighted {
	background: #fff2d5;
	padding: 0 15px;
	border: 1px solid #e4a111;
	}

div.highlighted h3 {
	margin-top: 15px;
	}

div.hidden {
	display: none;
	}

div.service-item h3{
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
	margin-bottom: 5px;
	color: #005598;
	}

/* -------------------------------------------------------------- 
Frequently Asked Questions
-------------------------------------------------------------- */
h4.faq_question {
	background: #ebf6ff;
	padding: 5px;
	cursor: pointer;
	color: #005598;
	}

p.faq_answer, div.faq_answer {
	border: 1px solid #ebf6ff;
	padding: 10px;
	display: none;
	}

body#tips h4 {
	margin: 1px 0 0 0;
	}

span.close {
	cursor: pointer;
	color: #005598;
	text-decoration: underline;
	}



/* -------------------------------------------------------------- 
Ask The Technician
-------------------------------------------------------------- */
p.advice {
	background: url(/images/plumber.jpg) no-repeat left bottom;
	font-size: 14px;
	padding: 35px 0 70px 185px;
	border-bottom: 2px solid #005598;
	}

/* -------------------------------------------------------------- 
News
-------------------------------------------------------------- */
ul#newslist {
	list-style-type: none;
	margin: 0;
	border-top: 1px solid #ccc;
	}

ul#newslist li {
	border-bottom: 1px solid #ccc;
	}

ul#newslist li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	}

ul#newslist li a .news_date {
	color: #696969;
	font-weight: normal;
	}

ul#newslist li a:hover {
	background: #ebf6ff;
	}

/* -------------------------------------------------------------- 
Media
-------------------------------------------------------------- */
ul.radioads {
	list-style-type: none;
	margin: 0;
	border-top: 1px solid #ddd;
	}

ul.radioads li {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
	float: left;
	width: 450px;
	}

ul.radioads li span {
	width: 150px;
	display: block;
	padding: 3px 0 3px 3px;
	float: left;
	background: #f5f5f5;
	font-size: 11px;
	margin: 0 1px 0 0;
	}

ul.radioads li object {
	float: left;
	}

/* -------------------------------------------------------------- 
Footer
-------------------------------------------------------------- */
div#footer {
	border-top: 1px dotted #ccc;
	margin: 15px 0 0 0;
	padding: 5px 0;
	float: left;
	width: 947px;
	}
	
div#footer ul {
	color: #005598;
	float: left;
	width: 625px;
	margin: 0 0 5px 0;
	}

div#footer ul li {
	float: left;
	margin: 0 12px;
	padding: 0;
	}

div#footer ul li.first {
	list-style-type: none;
	margin: 0 12px 0 0;
	}
	
p.copyright {
	color: #696969;
	margin: 0;
	float: left;
	}
	
div#footer img {
	float: right;
	}
	
	
	

/* -------------------------------------------------------------- 
Coupons
-------------------------------------------------------------- */

#couponForm { width: 414px; height: 500px; background: url('http://bravuraauto.com/specials/waterworks/couponFormBg.jpg') 0 0 no-repeat; padding: 20px; margin-top:-15px; }

.coupon { width:422px; border: 2px dashed #333; padding:10px 10px 0px 10px; margin:20px 0px; text-align:center; font-family: "Trebuchet MS", serif; line-height:normal; }

.coupon img { border:0; margin:0; padding:0; float:none; }

.coupon h1 { font-size:45px; font-weight:bold; color: #eba020; padding:0; margin:5px 0 0 0;  }

.coupon h2 { font-size:18px; font-weight:normal; color: #eba020; padding:0; margin:0px  }

.coupon .disclaimer { font-size:9px; padding:5px 0; margin:2px; font-weight:bold; color: black; border-bottom: 7px solid #eba020;  }