HTML {
   overflow: -moz-scrollbars-vertical;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	margin: 0px;
}
#sitebackground {
/*	background-image: #ffffff url('/images/bg.jpg') repeat-x 0 0;*/
	padding-top: 10px;
	padding-bottom: 10px;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

a {
	color: #9c844a;
	text-decoration: underline;
}
a:hover {
	color: #004273;
	text-decoration: none;
}

.page-border {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e3ce90;
	border-left-color: #e3ce90;
}

.libthumb {
	width: 60px;
	height: 60px;
	border:1px solid #d2e8f6;
}

.bnav {
	background-color: #f5e6b6;
	font-size: 11px;
	font-weight: normal;
}
.bnav img {
	margin-left: 16px;
	margin-right: 16px;
}
.bnav a {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}
.bnav a:hover {
	color: #004677;
}
.nav {
	background-color: #f5e6b6;
}
.nav img {
	margin-left: 6px;
	margin-right: 6px;
}
.nav a {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.nav a:hover {
	color: #004677;
}
.logo {
	padding-left: 18px;
	padding-bottom: 11px;
}
.header {
	padding-bottom: 11px;
	text-align: right;
	padding-right: 18px;
}
.tnav {
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;

}
.tnav img {
	margin-left: 8px;
	margin-right: 8px;
}
.tnav a {
	color: #f2e7c5;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
.tnav a:hover {
	color: #ffffff;
}
#francias {
	padding-bottom: 10px;
	font-size: 10px;
}
#francias a {
	color: #000000;
	text-decoration: none;
}
#pnumber {
	font-size: 12px;
	padding-bottom: 8px;
	color: #004577;
}
#main {
	padding-left:18px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#lnav
{
	float: left;
	width: 162px;
	margin: 0;
	margin-top: 15px;
}
#content
{
margin-left: 183px;
margin-top: 50px;
width: 559px;

}

div.prevDiv
{
	float:left;
}

div.prevDiv a
{
	color:#87191a;
}

div.nextDiv
{
	float:right;
}

div.nextDiv a
{
	color:#87191a;
}

#body-text {
	margin-top: 12px;
	}
#dealerlink {
	font-weight: bold;
	text-align: center;
	background-color: #004577;
	border: 1px solid #e3ce90;
	padding-top: 4px;
	padding-bottom: 4px;
	text-transform: uppercase;
	
}
#dealerlink a {
	color: #f5e6b6;
	text-decoration: none;
	display: block;
}
#dealerlink a:hover {
	color: #ffffff;
}
.lnav-h {
	background-image: url(/images/lnav-h-bg.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	height: 24px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f5e6b6;
	padding-top: 3px;

}

.lnav-h2 {
	background-image: url(/images/lnav-h2-bg.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	height: 24px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f5e6b6;
	padding-top: 3px;
}
.lnav-c {
	border-right:1px solid #e3ce90;
	border-left: 1px solid #e3ce90;
	background-color: #d0bf8c;
	padding-left: 10px;
	padding-bottom: 1px;
}
.lnav-c a {
	display: block;
	text-decoration: none;
	color: #000000;
	background-image:url(/Images/arrow-lbrown.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;

}
.lnav-c a:hover {
	color: #004677;
}
.lnav-c2 {
	border-right:1px solid #e3ce90;
	border-left: 1px solid #e3ce90;
	background-color: #f5e6b6;
	padding-left: 10px;
}

#fs_lnav ul {
	margin: 0px;
	list-style: none;
}
.lnav-c2 a, #fs_lnav ul li a {
	display: block;
	text-decoration: none;
	color: #9b834e;
	background-image:url(/Images/arrow-mbrown.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;

}
.lnav-c2 a:hover {
	color: #000000;
}
.hbox-h {
	background-image: url(/images/hbox-h.gif);
	background-repeat: no-repeat;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f5e6b6;
	padding-bottom: 2px;
	text-align: center;

}
.hbox-c {
	border-right:1px solid #e3ce90;
	border-left: 1px solid #e3ce90;
	background-image:url(/images/hbox-bg.jpg);
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 15px;
}
/*
h1 {
	/*color: #9b834e;
	color: #004677;
	font-weight: bold;
	margin: 0px;
	font-size: 12px;
	text-transform: uppercase;
}
h2 {
	color: #004677;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #9b834e;
	margin: 0px;
}
sub-sub-heading {
	color: #004677;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
}
*/
.bg-image {
	background-image:url(/images/homeowners1.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
select, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.text-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;

}
.text-box-100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;
	width: 99%;

}
.text-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px;
	border: none;
	background-color: #004577;
	color: #ffffff;
}
.text-button:hover {
	border: none;
	background-color: #87191a;
	cursor: pointer;
}
/*.text-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cccccc;
	background-color: #000000;
	color: #ffffff;
}*/
.text-buttond {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cccccc;
	background-color: #ec0404;
	color: #ffffff;

}

/*div.newsTrickery { overflow-y: auto; z-index: 99999; height: 100px; position: relative; top: 590px; width: 940px; left: 25px; _top: 720px; }*/
div.newsTrickery { overflow-y: auto; height: 100px; width: 940px; position: absolute; bottom: 50px; left: 38px; }

.newstitle {
	background-color: #d0bf8c;
	padding: 4px;
	font-weight: bold;
	padding-left: 10px;
	color: #000000;

}

.newstext {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#fbf5df;
}

.featured {
	width: 162px;
	height: 110px;
	background-image:url(/Images/featured-bg.jpg);

}
.featured a {
	text-decoration: none;
}
.featured .heading {
	padding-left: 12px;
	padding-top: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #024576;

}
.featured .product {
	background-image:url(/Images/arrow-mbrown.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
	color: #000000;
	font-weight: bold;

}
.featured .link {
	color: #FFFFFF;
	padding-top: 30px;
	padding-left: 12px;
}

/* Datepicker classes */

.calDayA {
	vertical-align:top;
	font-size:10px;
	text-align:left;
	padding:4px;
	background-color:#FFFFFF;
	border: 1px solid #c3b694;
}

.calOtherMonthA {
	background-color:#ccf3fb;
	
	vertical-align:top;
	font-size:10px;
	text-align:left;
	padding:4px;
	border: 1px solid #c3b694;
}

.calTitle td {
	color: #FFFFFF;
	height: 20px;
	font-size: 14px;
}
.datepicker {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #cccccc;

}
.datepick a {
	display: block;
	height: 20px;
}

.calToday {
	background-color:#ffffff;
	vertical-align:top;
	font-size:10px;
	text-align:left;
	padding:4px;
}
.calDay {
	vertical-align:top;
	font-size:10px;
	text-align:left;
	height:80px;
	padding:4px;
	background-color: #fbf5df;
}

.calDayTitle {
	background-color:#d0bf8c;
	font-weight: bold;
}
.calOtherMonth {
	background-color:#f5e6b6;
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	vertical-align:top;
	height:80px;
	font-size:10px;
	text-align:left;
	padding:4px;
}

.calTitle {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004576;
}
.calTitle td {
	color: #FFFFFF;
	height: 20px;
	font-size: 14px;
}
.infobox {
	background-color: #fdf2dc;
	border: 1px solid #f5e6b6;
	padding: 10px;
}
.install-caption {
	padding-top: 5px;
	padding-bottom: 15px;
/*	text-align: center;*/
}

/*Modal Popup*/
.modalBackground {
	background-color: #000000;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.popupPanel
{
	background-color: White;
	padding: 15px;
	padding-top: 0px;
}

.popupPanel .close
{
	height:15px;
	text-align:right;
}
/* ------------------------------------------------------------------------ */
/* Standard HTML tags 
--------------------------------------------------------------------------- */

/* ---------------------- */
/* Body
------------------------- */

body {
	margin: 0 auto 25px auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffffff url('/Images/backgroundPage.jpg') repeat-x 0 0;
}

/* ---------------------- */
/* Default Paragraph
------------------------- */

p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

/* ---------------------- */
/* Default Image
------------------------- */

img {
	border: none;
	padding: 0;
	margin: 0;
}

/* ---------------------- */
/* Default Tables
------------------------- */

th {
	text-align: left;
	font-weight: bold;
}
td {
	vertical-align: top;
}
td p {
	line-height: 1.5;
	margin: 0 0 5px 0;
	font-size: 12px;
}
td ul li {
	font-size: 12px;
}

/* ---------------------- */
/* Default Links
------------------------- */

a:link {
	color: #004577;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #004577;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	color: #004577;
	font-weight: bold;
	text-decoration: none;
}

/* ----------------------------------------------- */
/* Lists
-------------------------------------------------- */

ul 
{
	margin: 0 0 0 -20px;
	*margin: 0 0 0 20px;
	/*margin: 15px 0 18px -20px;*/
	list-style-type: disc;
}
ul li {
	line-height: 1.5;
	/*margin: 0 0 10px 0;*/
	margin: 0px;
}
ul ul {
	margin: 15px 0 18px -20px;
	*margin: 15px 0 18px 20px;
	list-style-type: disc;
}
ul ul li {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

ol {
	margin: 15px 0 18px -15px;
	*margin: 15px 0 18px 30px;
}
ol li {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

/* ----------------------------------------------- */
/* Special
-------------------------------------------------- */

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 1;
}

.pushLeft {
	float: left;
	margin: 5px 10px 6px 0;
}

.pushRight {
	float: right;
	margin: 5px 0 10px 10px;
}

.imageCaption {
	color: #000000;
	font-size: 10px;
}

/* ----------------------------------------------- */
/* Text
-------------------------------------------------- */

.smallText {
	font-size: 10px;
}

.hot {
	color: #861919;
}

/* ----------------------------------------------- */
/* START Callout
-------------------------------------------------- */

.callout {background: transparent; width: 100%; align: center; margin: 0 auto 10px auto;}
.callout .sub-sub-heading {margin: 0; font-size: 14px; color: #861919; font-weight: bold; padding: 5px 10px 0 10px; margin-bottom: -5px;}
.callout p { margin: 0; padding: 5px 10px;}

.xtop {display: block; background: transparent; font-size: 1px; margin: 10px 0 0 0;}
.xbottom {display: block; background: transparent; font-size: 1px;}
.xb1, .xb2, .xb3, .xb4, .xbA, .xbB, .xbC, .xbD {display: block; overflow: hidden;}
.xb1, .xb2, .xb3, .xbA, .xbB, .xbC {height: 1px;}
.xb2, .xb3, .xb4, .xbB, .xbC, .xbD {background: #ffffff; border-left: 1px solid #e6ca84; border-right: 1px solid #e6ca84;}
.xb1 {margin: 0 5px; background: #e6ca84;}
.xbA {margin: 0 5px; background: #e6ca84;}
.xb2 {margin: 0 3px; border-width:0 2px; background: #e6ca84;}
.xbB {margin: 0 3px; border-width:0 2px; #e6ca84;}
.xb3 {margin: 0 2px; background: #e6ca84;}
.xbC {margin: 0 2px; background: #e6ca84;}
.xb4 {height: 2px; margin: 0 1px; background: #e6ca84;}
.xbD {height: 2px; margin: 0 1px; background: #e6ca84;}

.xboxcontent {display: block; color: #000000; background: #e6ca84; border: 1px solid #e6ca84; border-width: 0 1px; height: auto;}
* html .xboxcontent {height: 1px;}

.color_a {background: #e6ca84; color: #ffffff;}
.color_b {background: #e6ca84; color: #ffffff;}
.color_c {background: #e6ca84; color: #ffffff;}
.color_d {background: #e6ca84; color: #ffffff;}
.color_e {background: #e6ca84; color: #000000;}

/* ---------------------- */
/* END Callout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Container
--------------------------------------------------------------------------- */

.backgroundGraphicContainer {
	background: url('/Images/backgroundGraphic.jpg') no-repeat top center;
	padding: 20px 0 0 0;
	margin-left: 1px; /* ------------------------------------   Move background image  ------------------------------------ */
}

.contentContainer, .social {
	margin: 0 auto;
	padding: 0;
	width: 1000px; position: relative;
}

/* ---------------------- */
/* END Container
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Default Headers
--------------------------------------------------------------------------- */

body.homepage h1 { position: absolute; top: 400px; left: 427px; font-style :italic; color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; text-shadow: #666; }

h1,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active, .heading1,
h2
  {
	font-size: 18px;
	font-weight: bold;
	margin: 35px 0 15px 0;
	color: #004577;
	text-decoration: none;
}

.sub-sub-heading,
.sub-sub-heading a:link,
.sub-sub-heading a:visited,
.sub-sub-heading a:hover,
.sub-sub-heading a:active {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #004577;
	text-decoration: none;
}

.sub-sub-sub-heading,
.sub-sub-sub-heading a:link,
.sub-sub-sub-heading a:visited,
.sub-sub-sub-heading a:hover,
.sub-sub-sub-heading a:active {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 0 0;
	color: #000000;
	text-decoration: none;
}

.sub-sub-sub-sub-heading,
.sub-sub-sub-sub-heading a:link,
.sub-sub-sub-sub-heading a:visited,
.sub-sub-sub-sub-heading a:hover,
.sub-sub-sub-sub-heading a:active {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #004577;
	text-decoration: none;
}

.sub-sub-sub-sub-sub-heading,
.sub-sub-sub-sub-sub-heading a:link,
.sub-sub-sub-sub-sub-heading a:visited,
.sub-sub-sub-sub-sub-heading a:hover,
.sub-sub-sub-sub-sub-heading a:active {
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0 7px 0;
	color: #004577;
	text-decoration: none;
}

.sub-sub-sub-sub-sub-sub-heading,
.sub-sub-sub-sub-sub-sub-heading a:link,
.sub-sub-sub-sub-sub-sub-heading a:visited,
.sub-sub-sub-sub-sub-sub-heading a:hover,
.sub-sub-sub-sub-sub-sub-heading a:active {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 6px 0;
	color: #004577;
	text-decoration: none;
}

/* ---------------------- */
/* END Default Headers
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Home Page Styles
--------------------------------------------------------------------------- */

.homePhoto {
	width: 1000px;
	height: 500px;
	border-bottom: 1px solid #e6ca84;
	z-index: 100;
}
.homePhotoContent {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 970px;
	height: 446px;
	margin-left: -500px;
	padding: 54px 0 0 30px;
}
.homeVerticalsButtons {
	width: 997px;
	_width: auto;
	background: #0e385e;
	padding: 0 0 0 1px;
	border-right: 1px solid #e6ca84;
	border-left: 1px solid #e6ca84;
	border-bottom: 1px solid #e6ca84;
}

.homeVerticalsDivider {
	width: 998px;
	height: 5px;
	background: #861919;
	border-right: 1px solid #e6ca84;
	border-left: 1px solid #e6ca84;
}

.homeVerticalsContent {
	width: 998px;
	border-right: 1px solid #e6ca84;
	border-left: 1px solid #e6ca84;
	background: #ffffff url('/Images/backgroundHomeVerticals.jpg') no-repeat 0 0;
}
.homeVerticalsContent01 {
	float: left;
	width: 302px;
	padding: 15px 15px 10px 15px;
	_margin: 0 0 0 0;
}
.homeVerticalsContent02 {
	float: left;
	width: 303px;
	padding: 15px 15px 10px 15px;
	_margin: 0 0 0 0;
}
.homeVerticalsContent03 {
	float: left;
	width: 302px;
	padding: 15px 15px 10px 15px;
	_margin: 0 0 0 0;
}
.homeVerticalsContent01 p,
.homeVerticalsContent02 p,
.homeVerticalsContent03 p {
	margin: 0 0 10px 0;
}

/* ------------------------------------------------------------------------ */
/* START Home Boxes
--------------------------------------------------------------------------- */
.homeBoxes {
	margin: 0 auto;
	_margin-bottom: -15px;
	padding: 0 0 15px 38px;
	width: 960px;
	_width: auto;
	display: block;
	border-right: 1px solid #e6ca84;
	border-left: 1px solid #e6ca84;
}
.homeBoxes a:link,
.homeBoxes a:visited,
.homeBoxes a:hover,
.homeBoxes a:active {
	cursor: pointer;
	text-decoration: none;
}
a.homeBox01,
a.homeBox02,
a.homeBox03,
a.homeBox04 {
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
	width: 220px;
	height: 94px;
}
a.homeBox01 {
	background: url('/Images/homeBox01h.jpg') no-repeat 0 0;	
}
a.homeBox02 {
	background: url('/Images/homeBox02h.jpg') no-repeat 0 0;	
}
a.homeBox03 {
	background: url('/Images/homeBox03h.jpg') no-repeat 0 0;	
}
a.homeBox04 {
	background: url('/Images/homeBox04h.jpg') no-repeat 0 0;	
}
.homeBoxFeaturedText {
	display: block;
	width: 200px;
	height: 37px;
	margin: 48px 0 0 10px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
/*	opacity:0.4;filter:alpha(opacity=40)*/
}

/* ---------------------- */
/* END Home Boxes
------------------------- */

.homeBottomContent {
	width: 968px;
	padding: 20px 15px 15px 15px;
	border-right: 1px solid #e6ca84;
	border-left: 1px solid #e6ca84;
	background: #ffffff url('/Images/backgroundHomeBottomContent.jpg') no-repeat 0 0;
}

.homeBottom {
	margin: 0 auto;
	width: 998px;
	background: #ffffff url('/Images/backgroundHomeBottom.jpg') no-repeat 0 0;
}

/* ------------------------------------------------------------------------ */
/* START Home Footer
--------------------------------------------------------------------------- */

.homeFooter {
	margin: 0 auto;
	padding: 10px 0;
	font-size: 11px;
	text-align: center;
}
.homeFooter a:link {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.homeFooter a:visited {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.homeFooter a:hover,
.homeFooter a:active {
	color: #004577;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

/* ---------------------- */
/* END Home Footer
------------------------- */

/* ---------------------- */
/* END Home Page Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Page Header
--------------------------------------------------------------------------- */

.pageHeader {
	height: 92px;
	padding: 0;
	width: 1000px;
	background: url('/Images/backgroundPageHeader.jpg') no-repeat 0 0;
}
.pageHeaderLeft {
	width: 630px;
	color: #861919;
	font-size: 24px;
	font-weight: bold;
	padding: 3px 0 0 14px;
	line-height: 1;
	letter-spacing: -.25px;
}
.pageHeaderLeft p {
	margin: 5px 0 0 0;
	line-height: 1;
}
.pageHeaderLeft .smallText {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: normal;
	padding: 10px 0 0 0;
}
.pageHeaderLeft a:link {
	color: #861919;
	text-decoration: none;
}
.pageHeaderLeft a:visited {
	color: #861919;
	text-decoration: none;
}
.pageHeaderLeft a:hover,
.pageHeaderLeft a:active {
	color: #861919;
	text-decoration: none;
}
.pageHeaderRight {
	float: right;
	width: 340px;
}

/* ------------------------------------------------------------------------ */
/* START Search Box
--------------------------------------------------------------------------- */

/*.searchBox {
	position: absolute;
	top: 54px;
	*top: 52px;
	left: 50%;
	_left: 50%;
	width: 301px;
	height: 26px;
	margin: 0 0 0 167px;
	padding: 4px 0 0 15px;
	color: #004577;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.searchBox input {
	width: 97px;
	height: 15px;
	font-size: 10px;
	margin: 0 0 0 10px;
	border: 1px solid #e6ca84;
	line-height: 1;
	vertical-align: middle;
}
.searchBox .button {
	width: 30px;
	height: 19px;
	background: #004577;
	color: #e6ca84;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	margin: 0 0 0 5px;
	border: 1px solid #e6ca84;
}*/

.searchBox { position: absolute; top: 32px; right: 20px; width: 301px; line-height: 28px; color: #004577; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; }
.searchBox * { vertical-align: middle; }
.searchBox input { width: 97px; padding: 4px 0 0 4px; font-size: 10px; margin: -2px 0 0 10px; border: 1px solid #e6ca84; line-height: 1; }
.searchBox .button { width: 30px; height: 19px; background: #004577; color: #e6ca84; font-size: 10px; font-weight: bold; padding: 2px; border: 1px solid #e6ca84; margin-left: 2px; }

body.homepage .searchBox { top: 55px; }

/* ---------------------- */
/* END Search Box
------------------------- */

/* ---------------------- */
/* END Page Header
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Two Column Layouts
--------------------------------------------------------------------------- */

.twoColumns 
{
	_margin-top:-12px;
	
	width: 998px;
	border-right: 1px solid #e6ca84;
	border-left: 1px solid #e6ca84;
	background: #ffffff url('/Images/backgroundPageContainer.jpg') repeat-y 0 0;
}

.twoColumnsLeft {
	float: left;
/*	margin: 0 0 20px 0;*/
	margin: 0;
	width: 224px;
	_width: 198px;
/*	border-top: 10px solid #87191a;*/
	border-bottom: 1px solid #ece1c5;
	background: #fbf8f3;
}

/* ------------------------------------------------------------------------ */
/* START Left Navigation
--------------------------------------------------------------------------- */

.twoColumnsLeft ul {
	width: 224px;
	list-style-type: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 0 0px;
	padding: 0px 0;
}
.twoColumnsLeft ul.secondLevelNav {
	width: 203px;
	margin: 0 0 -15px -23px;
	_margin: 0 0 -15px -13px;
	padding: 5px 0;
}
.twoColumnsLeft ul.thirdLevelNav {
	width: 190px;
	_width: 170px;
	margin: 10px 0 -15px 0;
	padding: 5px 0;
	font-size: 13px;
}
.twoColumnsLeft ul li {
	width: 170px;
	color: #87191a;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	background: url('/Images/bulletPageNav.gif') no-repeat 10px 7px;
	padding: 4px 0 4px 28px;
}
.twoColumnsLeft ul.secondLevelNav li {
	margin-top: 0;
	margin-left: 15px;
	padding: 0 0 0 28px;
	background: url('/Images/bulletPageNav.gif') no-repeat 10px 5px;
}
.twoColumnsLeft ul.thirdLevelNav li {
	margin-top: -10px;
	margin-left: -15px;
	padding: 2px 0 2px 28px;
	_padding: 2px 0 2px 20px;
	background: url('/Images/bullet2PageNav.gif') no-repeat 10px 5px;
}
.twoColumnsLeft ul li a {
	display: block;
	color: #87191a;
	font-weight: bold;
	text-decoration: none;
}
.twoColumnsLeft ul li a:visited {
	font-weight: bold;
	color: #87191a;
}
.twoColumnsLeft ul li a:hover,
.twoColumnsLeft ul li a:active {
	font-weight: bold;
	color: #004577;
	text-decoration: none;
}
.twoColumnsLeft ul.secondLevelNav li a {
	font-size: 13px;
	font-weight: bold;
	color: #004577;
}
.twoColumnsLeft ul.secondLevelNav li a:visited {
	font-weight: bold;
	color: #004577;
}
.twoColumnsLeft ul.secondLevelNav li a:hover,
.twoColumnsLeft ul.secondLevelNav li a:active {
	font-weight: bold;
	color: #87191a;
	text-decoration: none;
}
.twoColumnsLeft ul.thirdLevelNav li a {
	font-size: 12px;
	font-weight: normal;
	color: #87191a;
}
.twoColumnsLeft ul.thirdLevelNav li a:visited {
	font-weight: normal;
	color: #87191a;
}
.twoColumnsLeft ul.thirdLevelNav li a:hover,
.twoColumnsLeft ul.thirdLevelNav li a:active {
	font-weight: normal;
	color: #004577;
	text-decoration: none;
}
.navDivider {
	display: block;
	width: 224px;
	height: 3px;
/*	background: #861919;
	_background: none;
	_border-top: 3px solid #861919;
	margin: 5px 0;
	_margin-bottom: -7px;*/
}
.dividerPageNav {
	width: 200px;
	height: 5px;
	background: url('/Images/dividerPageNav.gif') repeat-x top left;
	margin-left: -15px;
	margin-top: 3px;
	_margin-bottom: -5px;
}
.twoColumnsLeft ul.secondLevelNav .dividerPageNav {
	margin-left: -35px;
}

/* ---------------------- */
/* END Left Navigation
------------------------- */

.leftContent {
	font-size: 11px;
	padding: 10px;
}
.leftContent h2,
.leftContent h2 a:link,
.leftContent h2 a:visited,
.leftContent h2 a:hover,
.leftContent h2 a:active {
	font-size: 15px;
	margin: 10px 0 3px 0;
}
.leftContent sub-sub-heading,
.leftContent sub-sub-heading a:link,
.leftContent sub-sub-heading a:visited,
.leftContent sub-sub-heading a:hover,
.leftContent sub-sub-heading a:active {
	font-size: 13px;
	margin: 20px 0 3px 0;
}
.leftContent h4,
.leftContent h4 a:link,
.leftContent h4 a:visited,
.leftContent h4 a:hover,
.leftContent h4 a:active {
	font-size: 12px;
	margin: 20px 0 3px 0;
}
.leftContent h5,
.leftContent h5 a:link,
.leftContent h5 a:visited,
.leftContent h5 a:hover,
.leftContent h5 a:active {
	color: #000000;
	font-size: 12px;
	margin: 20px 0 3px 0;
}
.leftContent h6,
.leftContent h6 a:link,
.leftContent h6 a:visited,
.leftContent h6 a:hover,
.leftContent h6 a:active {
	color: #333333;
	font-size: 12px;
	margin: 20px 0 3px 0;
}

.twoColumnsRight {
	float: right;
	margin: 0;
	padding-bottom: 20px;
	width: 768px;
	background: #ffffff url('/Images/backgroundImageRotator.jpg') repeat-x 0 0;
}

/* ------------------------------------------------------------------------ */
/* START Breadcrumbs
--------------------------------------------------------------------------- */

.breadCrumbs {
	padding: 5px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
.breadCrumbs ul {
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
}
.breadCrumbs ul li {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	display: inline;
	background: url('/Images/dividerBreadCrumbs.gif') no-repeat 0 4px;
}
.breadCrumbs ul li.first {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	background: none;
}
.breadCrumbs a:link,
.breadCrumbs a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
.breadCrumbs a:hover,
.breadCrumbs a:active {
	color: #87191a;
	font-weight: normal;
	text-decoration: none;
}
/* ---------------------- */
/* END Breadcrumbs
------------------------- */

.rightContent {
	min-height: 450px;
	height: auto !important;
	height: 450px;
	margin-top: -15px;
	padding: 0 20px 20px 20px;
	_padding: 0 10px 20px 10px;
/*	background: #ffffff url('/Images/backgroundPage.jpg') repeat-x 0 0;*/
}

.imageRotator {
	width: 768px;
	height: 398px;
	z-index: 100;
	margin-bottom: -30px;
/*	border-top: 10px solid #87191a;
	background: url('/Images/backgroundImageRotator.jpg') repeat-x 0 0;*/
}
#rotator
{
	position: relative;
	margin: 0 0 0 7px;
	width: 742px;
	height: 373px;
	border: 5px solid #87191a;
	overflow: hidden;
}
#rotator img
{
	border: 0;
	width: 742px;
	height: 373px;
}
#rotatorHome {
	overflow: hidden;
	position: relative;
	width: 1000px;
	height: 500px;
}
#rotatorHome img
{
	border: 0;
	width: 1000px;
	height: 500px;
}
.pageImageOuter {
	width: 768px;
	height: 398px;
	z-index: 100;
	margin-bottom: -30px;
	border-top: 10px solid #87191a;
/*	background: #e7cc89 url('/Images/backgroundImageRotator.jpg') repeat-x 0 0;*/
}
.pageImageInner
{
	width: 742px;
	height: 373px;
	border: 5px solid #87191a;
}
/* ------------------------------------------------------------------------ */
/* START Page Boxes
--------------------------------------------------------------------------- */
.pageBoxes {
	margin: 25px 0 15px 0;
}
.pageBoxes a:link,
.pageBoxes a:visited,
.pageBoxes a:hover,
.pageBoxes a:active {
	cursor: pointer;
	text-decoration: none;
}
a.pageBox01c,
a.pageBox02c,
a.pageBox03c,
a.pageBox04c,
a.pageBox01h,
a.pageBox02h,
a.pageBox03h,
a.pageBox04h,
a.pageBox01d,
a.pageBox02d,
a.pageBox03d,
a.pageBox04d {
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
	width: 175px;
	height: 75px;
}
a.pageBox01c {
	background: url('/Images/pageBox01c.jpg') no-repeat 0 0;	
}
a.pageBox02c {
	background: url('/Images/pageBox02c.jpg') no-repeat 0 0;	
}
a.pageBox03c {
	background: url('/Images/pageBox03c.jpg') no-repeat 0 0;	
}
a.pageBox04c {
	background: url('/Images/pageBox04c.jpg') no-repeat 0 0;	
}
a.pageBox01d {
	background: url('/Images/pageBox01d.jpg') no-repeat 0 0;	
}
a.pageBox02d {
	background: url('/Images/pageBox02d.jpg') no-repeat 0 0;	
}
a.pageBox03d {
	background: url('/Images/pageBox03d.jpg') no-repeat 0 0;	
}
a.pageBox04d {
	background: url('/Images/pageBox04d.jpg') no-repeat 0 0;	
}
pageBox01h,
a.pageBox01h {
	background: url('/Images/pageBox01h.jpg') no-repeat 0 0;	
}
a.pageBox02h {
	background: url('/Images/pageBox02h.jpg') no-repeat 0 0;	
}
a.pageBox03h {
	background: url('/Images/pageBox03h.jpg') no-repeat 0 0;	
}
a.pageBox04h {
	background: url('/Images/pageBox04h.jpg') no-repeat 0 0;	
}
.pageBoxFeaturedText {
	display: block;
	width: 156px;
	height: 30px;
	margin: 38px 0 0 8px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	line-height: 1.3;
}

/* ---------------------- */
/* END Page Boxes
------------------------- */

/* ---------------------- */
/* END Two Column Layouts
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Page Footer
--------------------------------------------------------------------------- */

.social { font-size: 18px; }
.social p { float: left; margin: 20px 0 0 115px; padding: 0; }
.social p:first-child { margin-left: 20px; }

.social b { clear: left; }

.social div.xboxcontent { overflow: hidden; padding: 10px 20px; font-size: 12px; }
.social div.xboxcontent div { padding: 20px 0 20px 30px; border-left: 1px solid #fff; margin-left: 26px; float: left; }

.social ul { margin: 0; padding: 11px 0 0 0; float: left; }
.social ul li { float: left; list-style-type: none; padding: 0; }

.social ul li a { background: url(/Images/social-icons.jpg) left top; width: 38px; height: 38px; display: block; }
.social ul li a.face { background-position: -38px top; }
.social ul li a.tube { background-position: -76px top; }
.social ul li a.flic { background-position: -114px top; }

.social div.xboxcontent div ul { padding: 0; }
.social div.xboxcontent div ul li { border-left: 1px solid #000; padding: 0 7px; margin: 0; }
.social div.xboxcontent div ul li:first-child { border: none; padding-left: 0; }
.social div.xboxcontent div ul li a { background: none; width: auto; height: auto; }

.pageFooter {
	width: 996px;
	font-size: 11px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	height: 75px;
	color: #ffffff;
	text-align: center;
	border-right: 1px solid #a39176;
	border-left: 1px solid #a39176;
	background: #a39176 url('/Images/backgroundPageFooter.jpg') repeat-x 0 0;	
}
.pageFooter a:link {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.pageFooter a:visited {
	color: #f5f5dc;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.pageFooter a:hover,
.pageFooter a:active {
	color: #87191a;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

/* ---------------------- */
/* END Page Footer
------------------------- */

.mainNav {
	background: url('/Images/backgroundMainNav.jpg');
	height: 34px;
	margin: 0;
}
#tnavmenubar {
	padding: 0 0 0 55px;
	*padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#tnavmenubar ul {
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#tnavmenubar a {
	display: block;
	color: #e2cc9b;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: 1.15;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	padding-top: 5px;
}
#tnavmenubar li {
	display: block;
	float: left;
	height: 33px;
	padding: 0 25px;
	margin-top: 1px;
	border-left: 1px solid #e2cc9b;
}
#tnavmenubar li ul  {
/*	width: 100px;*/
}
#tnavmenubar ul li  {
	width: 190px;
	margin: 0;
	height: auto;
	padding: 5px 0 5px 10px;
	border: none;
}
#tnavmenubar ul li a  {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1.25;
}
#tnavmenubar li ul {
	position: absolute;
	display: none;
	background: #205676;
	color: #ffffff;
	z-index: 100000;
	margin-top: 5px;
	margin-left: -25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#tnavmenubar li:hover a,
#tnavmenubar a:active,
#tnavmenubar li.tnhvr a {
	color: #ffffff;

}
#tnavmenubar li:hover ul,
#tnavmenubar li.tnhvr ul {
	display: block;
}
#tnavmenubar li:hover ul a,
#tnavmenubar li.tnhvr ul a {
	color: #ffffff;
}
#tnavmenubar ul a:hover {
/*	background-color: #e2cc9b!important;*/
	color: #e2cc9b!important;
}
#tnavmenubar li {
	width: auto;
}

/* ------------------------------------------------------------------------ */
/* START Background Page Photos
--------------------------------------------------------------------------- */

.backgroundPhoto {
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

.backgroundPhotoShort {
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

.preferredContractor {
	background: url('/Images/backgroundPhotoPrefContractor.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoPrefContractor.jpg') no-repeat top right;
}

.preferredContractorForm {
	background: url('/Images/backgroundPhotoPrefContractorForm.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoPrefContractorForm.jpg') no-repeat top right;
}

.constructionDrawings01 {
	background: url('/Images/backgroundPhotoConstDraw01.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoConstDraw01.jpg') no-repeat top right;
}

.constructionDrawings02 {
	background: url('/Images/backgroundPhotoConstDraw02.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoConstDraw02.jpg') no-repeat top right;
}

.constructionDrawings03 {
	background: url('/Images/backgroundPhotoConstDraw03.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoConstDraw03.jpg') no-repeat top right;
}

.freeEstimate {
	background: url('/Images/backgroundPhotoFreeEstimate.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoFreeEstimate.jpg') no-repeat top right;
}

.catalogRequest {
	background: url('/Images/backgroundPhotoCatalogRequest.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoCatalogRequest.jpg') no-repeat top right;
}

.lunchAndLearn {
	background: url('/Images/backgroundPhotoLunchLearn.png') no-repeat top right;
	_background: url('/Images/backgroundPhotoLunchLearn.jpg') no-repeat top right;
}

/* ---------------------- */
/* END Background Page Photos
------------------------- */

.modalContainer {
	border: 3px solid #024473;
	margin: 8px;
}

.modalContainer h1 {
	margin: 5px 0 0 0;
	line-height: 1;
}

.catalogYes {
	width: 120px;
	padding: 8px 5px 8px 5px;
	margin: 70px 50px 0 0;
	color: #FFFFFF;
	background-color: #87191a;
	border: none;
}

.catalogNo {
	width: 120px;
	padding: 8px 5px 8px 5px;
	margin: 20px 50px 0 0;
	color: #FFFFFF;
	background-color: #024473;
	border: none;
}