/*----------neutralize styling: 
   elements we want to clean out entirely----------*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

/*----------neutralize styling: 
   elements with a vertical margin----------*/
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/*----------apply left margin:
   only to the few elements that need it----------*/
li, dd, blockquote {
	margin-left: 1em;
}

/*----------miscellaneous conveniences----------*/
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/*---------form field text-scaling----------*/
input, select, textarea {
	font-size: 100%;
}

/*----------font-size for IE/Win only----------*/
body {
font:normal 62.5% verdana, geneva, sans-serif;
color:#000;
text-align:center;
background:#fff url(images/br_back_body.gif) repeat-y fixed 50% 0;
}

/*----------font-size for all other browsers----------*/
html>body {
font-size:10px;
}

table {
font-size:100%;
}



/* ----------------------------------------------------------
	links (no dotted line link boxes in Firefox)
---------------------------------------------------------- */
a {-moz-outline-style: none;}



/* ----------------------------------------------------------
	miscellaneous elements
---------------------------------------------------------- */
h1 {
text-indent:-9999px;
height:22px;
margin: 35px 0 0 45px;
padding:0;
overflow:hidden;
}

h2 {
font:bold 1.2em verdana, geneva, sans-serif;
color:#666;
margin:1.6em 0 .25em 45px;
}

h3 {
font:bold 1.2em verdana, geneva, sans-serif;
color:#003366;
margin:1.7em 0 .5em 45px;
padding:0;
}

h4 {
font:bold 1em verdana, geneva, sans-serif;
color:#666;
margin:.4em 0 0 10px;
padding:0;
}



/* ----------------------------------------------------------
	container
---------------------------------------------------------- */
div#container {
width:830px;
text-align:left;
margin:0 auto;
}

/* ----------------------------------------------------------
	Content Wrapper
-----------------------------------------------------------*/
div#ContentWrap {
	width:800px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
}

div.wrapper {
	background-image:url(images/RoofingSilouette.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
/* ----------------------------------------------------------
	Universal Tab
---------------------------------------------------------- */
div#CurrentTab {
	font-size:12px;
	color:#FFFFFF;
	float:right;
	margin-right:.5em;
}

/* ----------------------------------------------------------
	General Tab
---------------------------------------------------------- */
div#GenTabs {
	background-image:url(images/BR_HeaderDec.jpg);
	padding:97px 0 0 29px;
	width:801px;
	height:37px;
}


/* ----------------------------------------------------------
	Commercial Tab
---------------------------------------------------------- */
div#ComTabs {
	background-image:url(images/Tabs/br_CommercialBlueBack.jpg);
	width:800px;
	height:35px;
}


/* ----------------------------------------------------------
	Residential Tab
---------------------------------------------------------- */
div#ResTabs {
	background-image:url(images/Tabs/br_ResidentialRedBack.jpg);
	width:800px;
	height:35px;
}


/* ----------------------------------------------------------
	header
---------------------------------------------------------- */
div#header {
height:58px;
width:800px;
background:url(images/br_navbar_GeneralOrange_Sign.jpg) no-repeat;
}

div#header ul {
float:left;
list-style-type:none;
text-align:left;
position: relative;
margin:0;
padding:22px 0 0 15px;
}

div#header ul li {
font-family:georgia, tahoma, "times new roman", times, serif;
font-size:1.4em;
letter-spacing:.1em;
display:inline;
margin:0;
padding:0 .25em;
}

div#header ul a {
color:#fff;
text-decoration:none;
margin:0;
padding:0;
}

div#header #quote a {
float:right;
height:55px;
width:210px;
text-decoration:none;
}

div#header #quote span {
visibility:hidden;
}
  
/* ----------------------------------------------------------
	Commercial Header
---------------------------------------------------------- */
div#navright {
float:right;
}

div#GenTabs ul {
float:right;
list-style-type:none;
text-align:right;
margin:0;
padding:8px 18px 0 0;
}

div#GenTabs ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:1em;
display:inline;
margin:0;
padding:0 .12em;
}

div#GenTabs ul a {
color:#fff;
text-decoration:none;
margin:0;
padding:0;
}

div#GenTabs ul a:hover {
color:#3399FF;
}

div#GenTabs #quote a {
float:right;
height:55px;
width:210px;
text-decoration:none;
}

div#GenTabs #quote span {
visibility:hidden;
}  


/* ----------------------------------------------------------
	Residential Header
---------------------------------------------------------- */
div#resheader {
height:58px;
width:800px;
background:url(images/br_navbar_ResidentialRed.jpg) no-repeat;
}

div#resheader ul {
float:left;
list-style-type:none;
text-align:left;
position: relative;
margin:0;
padding:22px 0 0 15px;
}

div#resheader ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
letter-spacing:.1em;
display:inline;
margin:0;
padding:0 .25em;
}

div#resheader ul a {
color:#fff;
text-decoration:none;
margin:0;
padding:0;
}

div#resheader #quote a {
float:right;
height:55px;
width:210px;
text-decoration:none;
}

div#resheader #quote span {
visibility:hidden;
}  


/* ----------------------------------------------------------
	navbar
---------------------------------------------------------- */
div#navbar {
width:800px;
}

div#navbar ul {
list-style-type:none;
text-align:right;
background:#000;
margin:0;
padding:11px 16px 8px 0;
}

div#navbar ul li {
font-weight:700;
font-size:.9em;
color:#c33;
text-transform:uppercase;
display:inline;
margin:0;
padding:0 .45em;
}

div#navbar ul a {
color:#fff;
text-decoration:none;
margin:0;
padding:0;
}

div#navbar ul a:hover {
color: #999;
}


/* ----------------------------------------------------------
	content
---------------------------------------------------------- */
div#content {
float:right;
width:600px;
background-image:url(images/ContentRightBack.gif);
background-repeat:no-repeat;
background-position:bottom;
margin:0;
padding:0 0 50px;
}

div#ThankYoucontent {
float:right;
width:600px;
height:500px;
background-image:url(images/ContentRightBack.gif);
background-repeat:no-repeat;
background-position:bottom;
margin:0;
padding:200px 0 50px;
}

div#newscontent {
width:700px;
margin:0;
padding:0 50px 0 50px;
}

div#commercialcontent {
float:right;
width:600px;
background-image:url(images/ContentRightBack.gif);
background-repeat:no-repeat;
background-position:bottom;
margin:0;
padding:0 0 50px;
}

div#warrantycontent {
float:right;
width:600px;
background:url(images/ContentRightBack.gif) no-repeat bottom;
margin:0;
padding:0 0 50px;
}

div#SupplyReferencecontent {
float:right;
width:600px;
background:url(images/ContentRightBack.gif) no-repeat bottom;
margin:0;
padding:0 0 30px 0;
}

div#FAQscontent {
float:right;
width:600px;
background:url(images/ContentRightBack.gif) no-repeat bottom;
margin:0;
padding:0 0 50px 0;
}

div#contentthanks {
float:right;
width:600px;
font-size:1.3em;
text-align:center;
background:url(images/br_back_content.jpg) no-repeat 0 0;
margin:0;
padding:0 0 50px;
}

div#content p {
font-size:1.1em;
line-height:1.4;
margin:.65em 60px 0 45px;
}

div#contentthanks p {
margin-top:-.7em;
}

div#content img.head {
margin:65px 0 5px 44px;
padding:0;
}

div#warrantycontent h3 {
margin:.65em 60px 0 45px;
}

div#warrantycontent p {
font-size:1.2em;
line-height:1.7em;
margin:1.2em 60px 0 45px;
}

div#warrantycontent p.smalltype {
color:#999999;
font-size:1em;
margin-top:3em;
text-align:center;
}

div.TopBorder {
background-image:url(images/ContentBorder.gif);
width:800px;
height:5px;
}


/*----------get a quote form----------*/
div#content form {
font-size:1em;
line-height:1.4em;
margin:0 0 0 45px;
padding:0;
}

div#content .asterisk {
color:cc3333;
}

div#content .right {
text-align:right;
}

/*----------photobox/caption----------*/
div#content table.photobox {
border:1px solid #999;
padding:3px;
margin:1.2em 15px 2em 8px;
float: right;
}

div#content table.photobox td {
background-color:#666;
}

div#content .caption {
font-size:.9em;
color:#fff;
font-weight:700;
padding:.5em .5em 1em .5em;
}

/*----------news----------*/
div#content .courtesy {
font-size:.9em;
color:#333;
text-transform:uppercase;
padding-top:.5em;
}

div#content table.signoff {
width:495px;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
margin:1.2em 60px 2em 45px;
}

div#content .moreinfo {
color:#c33;
text-align:left;
padding:.1em 0;
}

div#content .posted {
font-size:.9em;
color:#333;
font-weight:700;
text-align:right;
}

/*----------bulleted lists----------*/
div#content ul {
list-style-image:url(images/br_chevron_blue.gif);
font-size:1.1em;
line-height:1.3;
margin:0 60px 0 45px;
padding:0;
}

div#content ul li {
padding-top:.35em;
}

div#commercialcontent ul {
list-style-image:url(images/br_chevron_blue.gif);
font-size:1.1em;
line-height:1.3;
margin:0 60px 0 45px;
padding:0;
}

div#commercialcontent ul li {
padding-top:1em;
}

div#commercialcontent ul.proservices {
text-align:center;
margin-top:2em;
color:#000099;
font-size:1.1em;
line-height:2em;
}

div#commercialcontent ul.proservices li {
padding-bottom:1.5em;
display:inline;
}

div#content ul.block {
line-height:1.4;
}



/*---------Other Elements---------*/
div#commercialcontent p {
margin:0 60px 0 45px;
}

div#SupplyReferencecontent ul {
margin:0 60px .5em 45px;
list-style:none;
}

div#SupplyReferencecontent ul li {
padding:1em 0 1em 0;
border-bottom:1px #0066FF dashed;
}

div#FAQscontent ul {
margin:0 60px .5em 45px;
list-style:none;
}

div#FAQscontent ul li {
padding:1.5em 0 1em 0;
}

div#FAQscontent ul ul {
margin:-2em 0 0 2.7em;
}

span.BoldListItem {
font-weight:bold;
}

div#NextLink {
text-align:right;
padding:0 65px 0 0;
}

div#PreviousLink {
text-align:left;
padding:0 0 0 45px;
}

div#SignTop {
float:right;
}

div.TabLinks {
float:left;
}

/*----------testimonial----------*/
div#content .testimonial {
padding-top:10px;
}

div#content .testimonial p {
font-family:georgia, tahoma, "times new roman", times, serif;
font-size:1.4em;
border-top:1px dotted #c33;
margin:.9em 65px 0 45px;
padding:.4em 0 0;
}

div#content .testimonial .name {
color:#666;
margin:.3em 0 0 45px;
padding:0;
}

/*----------table1----------*/
div#content .table1 {
width:575px;
}

div#content .table1 table {
background:#dcddde;
margin:0 0 0 45px;
padding:0;
}

div#content .table1 table td {
width:250px;
height:220px;
padding:0 5px 10px 0;
border:1px solid #fff;
}

div#content .table1 p {
font:normal 1em verdana, geneva, sans-serif;
line-height:1.4em;
margin:.2em 0 0 10px;
padding:0;
}

div#content .table1 img {
margin:10px 0 2px 10px;
}

div#content .table1 a {
font-size:.9em;
}

/*----------tabs----------*/
div#content .tabs {
width:515px;
margin:10px 0 0 45px;
padding:0;
height:27px;
}

div#content .tabs img {
float:right;
}

/*----------table2----------*/
div#content .table2 {
width:575px;
}

div#content .table2 table {
background:#dcddde;
margin:0 0 0 45px;
padding:0;
}

div#content .table2 table td {
width:500px;
border:1px solid #fff;
}

div#content .tablex h3 {
font:oblique 1.6em georgia, tahoma, "times new roman", times, serif;
}

div#content .table2 h4 {
margin-top:2em 0 0 5px;
}

div#content .table2 p {
font:normal 1em verdana, geneva, sans-serif;
line-height:1.4em;
margin:.2em 0 0 5px;
padding:0;
}

div#content .table2 img {
margin:5px;
float:left;
}

div#content .table2 a {
font-size:.9em;
}

/*----------table3----------*/
div#content .table3 {
width:500px;
margin-top:20px;
}

div#content .table3 table {
backgroundx:#dcddde;
margin:0 0 0 45px;
padding:0;
}

div#content .table3 table td {
padding:0 0 5px 0;
borderx:1px solid green;
vertical-align:top;
}

div#content .table3 table td p {
font:normal 1em verdana, geneva, sans-serif;
line-height:1.4em;
margin:10px 0 0 0;
padding:0;
}

div#content .table3 img {
float:left;
border:1px solid #000;
margin:0 7px 0 0;
}



/* ----------------------------------------------------------
	sidebar
---------------------------------------------------------- */
div#sidebar {
float:left;
width:200px;
}

div.clear {
clear:both;
}

/* ----------------------------------------------------------
	footer
---------------------------------------------------------- */
div#footer {
font:.9em verdana, geneva, sans-serif;
line-height:1.5em;
background:#dcddde;
height:250px;
clear:both;
width:100%;
margin:0;
padding:0;
}

div#footer p {
text-align:center;
margin:6px 0 5px 0;
}

div#footer p a {
text-decoration:none;
color:#000;
}

div#footer p a:hover {
color:#666;
}

div#footer span.bullet {
padding-right:1em;
}

div#footer #logos {
margin:10px 0 0 15px;
}

div#header ul a:hover,div#navbar ul a:hover {
color:#999;
}

/*-----------------------------------------------------------
	float clear
-----------------------------------------------------------*/
div#Clear {
	clear:both;
}