body{
margin:0;
padding:0;
line-height: 1.5em;
background-color: #999999;
text-align: center;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: black;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

#mainoutercontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height:95%;
background-color: #fff;
text-align: left;
}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height:95%;
background-color: #fff;
background-image: url(images/rivdal_bg.gif);
background-repeat: no-repeat;
text-align: left;

}

/*======================= HEADER ======================= */

#topsection{
height: 105px; /*Height of top section*/
}

#topsection h1{
margin: 0;
}


#contentwrapper{
float: left;
width: 100%;
background-color: #fff;

}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
background-color: #fff;
}


.innertube{
padding: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*======================= LEFT HAND COLUMN ======================= */

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/

}

#leftphonenumber{
background: #e2e2e2;
height: 85px; 
width:200px;
color:black;
font-family:arial;
padding-top:14px;
}

#leftopenhours{
background: #ef4035;
height: 160px; 
width:200px;
color:white;
font-family:arial;
font-size: 16px;
font-weight:bold;
line-height:110%;
padding-top:20px;
}


/*======================= LEFT HAND MENU ======================= */

#blueblock{
width: 200px;
padding: 0 0 0 0;
font-family: Arial, sans-serif;
font-size: 80%;
background-color: #ef4035;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 200px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #e2e2e2;
margin: 0;
}

#blueblock li a{
	display: block;
	padding: 4px 5px 4px 8px;
	background-color: #ef4035;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
	background-color: #d31a11;
	color: #fff;
}

/*======================= TOP HORIZONTAL MENU ======================= */

#topmenu{
background: #ef4035;
height: 26px; /*Height of top section*/
width:800px;
float:right;
}

#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font-family: Arial, sans-serif;
font-size: 80%;
width: 100%;
background-color: #ef4035;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: white;
padding: 2px 41px 0px 41px;
text-decoration: none;

}

#vdividermenu ul li a:visited{
color: white;
}

#vdividermenu ul li a:hover{
color: white;
background-color: #d31a11;
}

/*======================= MAIN CONTENT ======================= */

#fivereasons{
	background-color:#ef4035;
	margin-top:5px;
	color: white;
	font-family:"Segoe Print", arial;
	font-size:16px;
	font-weight:bold;
	padding: 5px;

}

#fivereasons ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
margin-left: 1em;
float: left;
font-family:"Segoe Print", arial;
font-size:16px;
font-weight:bold;
width: 100%;
background-color: #ef4035;
}

#testimonials{
	border:solid;
	border-width: 8px;
	border-color: #e2e2e2;
	background-color:white;
	color: #666666;
	font-family:arial;
	font-size:12px;
	padding: 5px;
	background-image: url(images/door_logo_bg.gif);
}

#specialoffer{
	border:solid;
	border-width: 2px;
	border-color: #ef4035;
	background-color:white;
	color: #666666;
	font-family:arial;
	font-size:12px;
	padding: 5px;
	height:220px;
}

#speciallisting{  /* goes on Special Offers Page */
	border:solid;
	border-width: 10px;
	border-color: #e2e2e2;
	background-color:#e2e2e2;
	background-image: url(images/door_logo_bg.gif);
	color: black;
	font-family:arial;
	font-size:12px;
}



#speciallistinghome{  /* goes on Home Page */
	border:solid;
	border-width: 10px;
	border-color: #e2e2e2;
	background-color:#e7e7e7;
	color: black;
	font-family:arial;
	font-size:12px;
}

.specialtitle{ /* goes on Home Page */
	position:relative;
	top:-10px; /* in conjunction with left property, decides the text position */
	left:-15px;

	/* background-image:url(images/transparent.png); */
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: #ef4035;

	/* width:300px; optional, though better have one */
}

.speciallink{ /* goes on Home Page */
	position:relative;
	bottom:-10px; /*in conjunction with left property, decides the text position */
	left:-15px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: white;
	background-color: #999999;
}

.speciallink a{ /* goes on Home Page */
	color: white;
	text-decoration: none;
		padding: 5px;
}

.speciallink a:hover{ /* goes on Home Page */
	color: white;
	background-color: #ef4035;
	text-decoration: none;
}

.tabletitle{ /* goes on Home Page */
	position:relative;
	top:5px; /* in conjunction with left property, decides the text position */
	left:-10px;

	/* background-image:url(images/transparent.png); */
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: #ef4035;

	/* width:300px; optional, though better have one */
}

#testimoniallisting{  /* goes on About Us Page */
	margin-left:15px;
	background-color:#e7e7e7;
	color: #666666;
	font-family:arial;
	font-size:12px;
	width: 760px;
}

.testimonialtitle{ /* goes on Home Page */
	position:relative;
	top:0px; /* in conjunction with left property, decides the text position */
	left:0px;
	width: 250px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: #ef4035;
}

.testimoniallink{ /* goes on Home Page */
	position:relative;
	bottom: 0px; /*in conjunction with left property, decides the text position */
	left: 0px; 
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #999999;
}

.testimoniallink a{ /* goes on Home Page */
	color: white;
	text-decoration: none;
		padding: 5px;
}

.testimoniallink a:hover{ /* goes on Home Page */
	color: white;
	background-color: #ef4035;
	text-decoration: none;
}

#productlisting{
	border:solid;
	border-width: 10px;
	border-color: #e2e2e2;
	background-color:white;
	color: black;
	font-family:arial;
	font-size:12px;
	padding: 5px;
	background-image: url(images/door_logo_bg.gif);
}

#productspecification{
	border:solid;
	border-width: 10px;
	border-color: #e2e2e2;
	background-color:white;
	color: black;
	font-family:arial;
	font-size:14px;
	padding: 5px;
	background-image: url(images/door_logo_bg.gif);
}

/*======================= FOOTER ======================= */

#footer{
clear: left;
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #e2e2e2;
color: black;
text-align: center;
padding: 4px 0;
height: 40px;
font-family:arial;
font-size:10px;
line-height:12px;

}

#footer a{
color: black;
}
/*======================= END FOOTER ======================= */


/*=======================Recommended Handles ======================*/

ul.recommended {
margin: 0 0 10px 0;
padding: 0;
float: left;
text-align: center;
background-color: #fff;
line-height: 1em;
list-style: none;
}

ul.recommended li {
display: inline;
border: solid; 
margin-right: 5px;
border-color: fff;
padding: 0;
}

.rec_image {
	position:relative;
	float:left; /* optional */
	margin: 5px;
	border: solid;
	border-width: 1px;
	border-color: #e3e3e3;
	padding:30px 10 10 10;
	background-color: white;
}
.rec_name{
	position:absolute;
	top:0px; /* in conjunction with left property, decides the text position */
	left:5px;

	/* background-image:url(images/transparent.png); */
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;


	/* width:300px; optional, though better have one */
}


.right_image {
	/* position:relative; /* optional */
	float:right;
	margin: 5px;
	border: solid;
	border-width: 10px;
	border-color: #fff;
}