.header
	{
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color:#770c04
	}

.producttitle
	{
	font-family: Verdana, Arial, Helvetica; 
	font-size: 16px;
	color:#0033cc;
	}
	
.quote
{
	width: 420px;
	border: 1px solid #0033CC;
	padding: 10px;
	background-color: #E1F5FF;
	font-style: italic;
	text-align:left;
}
.required {color:cc0000}

TABLE, P, BR, TD, TR, UL
	{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 150%;
	list-style-type: square;
}

BODY 	{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #4d4d4d;
	background-image: url('/images/background/background.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #78130B;
	margin-left: -1px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.contentArea 	{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	background-color: #FFF;
	color: #4d4d4d;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.leftmenu	{
	font-size: 11px;
	margin-left:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:5px;
	border:1px solid #666;
	width:180px;
	background-color: #EEE;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

#footer {
	background: #DDC4C2;
	height: 50px;
	width: 770px;
	position: relative;
	text-align: left;
}

/* two equal columns of page content */
.footerLeft 	{
	float:left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #4d4d4d;
	padding-top:5px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:10px;
}
.footerRight 	{
	float:right;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #4d4d4d;
	padding-top:5px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:right;
}


.white	{
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	font-size: 12px;
	color:#ffffff;
}
.labelclass1 { 
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #5b5b5b;
	padding-right: 8px;
}
.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: red;
}
.inputclass1 { 
	width:125px;
	margin-top: 2px;
	margin-bottom: 2px;

}

.inputclass2 { 
	width:134px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.selectclass1 { 
	width: 175px; 
	margin-top: 2px;
	margin-bottom: 2px;  
	}


A:link {font-family: Verdana, Arial, Helvetica; font-size: 12px;color:#770c04; }
A:visited {font-family: Verdana, Arial, Helvetica; font-size: 12px;color:#770c04;}
A:active {font-family: Verdana, Arial, Helvetica; font-size: 12px;color:#770c04; }
A:hover {font-family: Verdana, Arial, Helvetica; font-size: 12px;color:#770c04; background-color:#cfcfcf;}


.menutopcontainer {
	border-top: 4px solid #666666;
	background: #cccccc;
	height: 12px;
	width: 770px;
	position: relative;
	text-align: left;
	padding-top:10px;
	padding-bottom:10px;
	color:#666;
}



.menutopcontainer a{
color:#666;
text-decoration:none;
}

.menutopcontainer a:hover{ 
color:#666;
background-color: #ffffff;
text-decoration:none;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-radius-topleft: 3px;	
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-radius-topright: 3px;	
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	
	-webkit-border-bottom-left-radius: 3px;
	-khtml-border-radius-bottomleft: 3px;	
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-radius-bottomright: 3px;	
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}

.menutopcontainer a:visited{ 
color:#666;
text-decoration:none;
}

.menutopcontainer a:active{ 
color:#666;
text-decoration:none;
}


.mainmenu {
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	position: relative;
}

.submenu{
	position: absolute;
	visibility: hidden;
	border-bottom-width: 0;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 20px;
	z-index: 1000;
	width: 160px;
	padding-top:0px;
	padding-right:0px;
	margin-left: 0px;
	margin-top: 5px;
	background-color: #CCC;
}

.submenu a{
	width: 100%;
	display: block;
	text-indent: 0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #4d4d4d;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
}

.submenu a:hover{ 
color: #666666;
font-family: Tahoma; 
font-size: 11px;
background-color:#EEE;
}

.submenu a:visited{ 
color: #4d4d4d;
font-family: Tahoma; 
font-size: 11px; 
}

.submenu a:active{ 
font-family: Tahoma; 
font-size: 11px; 
}



/*quote request form*/
.vr {
 color: #102132;
 margin-right: 0;
 padding-right: 0;
}

.vr input {
 width: 150px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 
 background-color: #fffaf6;
 color: #102132;
 border: solid 1px #000033;
 margin-right: 0;
}

.vrdate input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 
 background-color: #fffaf6;
 color: #102132;
 border: solid 1px #000033;
 margin-right: 0;
}

.vr2 input {
 width: 300px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #fffaf6;
 color: #102132;
 border: solid 1px #000033;
 margin-right: 0;
}

.vr3 input {
 width: 450px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #fffaf6;
 color: #102132;
 border: solid 1px #000033;
 margin-right: 0;
}

.vrselect {
background-color: #fffaf6;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #102132;
text-align: left;
border: solid 1px #000033;
margin-right: 0;
}

.vrtext {
background-color: #fffaf6;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #102132;
text-align: left;
border: solid 1px #000033;
margin-right: 0;
width: 450px;
height: 50px;
}

/* datepicker style */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #505050;
	background-color: #ebf1fe;
	border: solid 1px #000000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #000033;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: solid 1px #000033;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: solid 1px #000033;
	cursor: pointer;
	color: #0033cc;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.)*/
.dpDayTD {
	background-color: #efefef;
	color: #353535;
 	border: solid 1px #000033;
	background: #ffffff;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #353535;
	background: #ffffff;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #353535;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #353535;
 	border: solid 1px #000033;
	background: #ffffff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
 	color: #353535;
 	border: solid 1px #000033;
	font-weight: bold;
	}

.search_red
	{
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color:#770c04
	}
.search_white
	{
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color:#ffffff
	}	
.search_lightred
	{
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color:#DDC3C2
	}	
	
/* index page two column layout */
.twoColLiqRt #container {
	width: 100%;  /* this will create a container 100% of the browser width - less than 100 creates right side margin */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
.twoColLiqRt #featured_listing {
	float: right; /* since this element is floated, a width must be given */
	width: 274; /*274= 250 px for featured listing image + 10 px margin each side + 2px frame each side */
	border: 1px solid #AF746E;
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
	}
.twoColLiqRt #featured_listing h3, .twoColLiqRt #featured_listing p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	}
.twoColLiqRt #mainContent { 
	margin: 0 0% 0 0px; /* the left margin can be given in percentages or pixels. It creates the space down the left side of the page. */
	border: 1px solid #AF746E;
	width: 420; /* can be percentage*/
	}
.twoColLiqRt #mainContent p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	}