/* CSS Document */
body.main { 
	background: #D7F2ff url(../images/bg.jpg) top left repeat-x;
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin: 20px;
}
table.main { border-collapse: collapse; }
th.header { background: #FFFFFF url(../images/header.jpg) top center no-repeat; }
td.nav { 
	background: #000000 url(../images/navbg.jpg) top left repeat-x;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF; 
	border: 1px solid #006699;
	font-weight: bold;
}	
td.footer { 
	background: #000000 url(../images/navbg.png) top left repeat-x;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF; 
	border: 1px solid #006699;
}	
td.subnav {
	border: 1px solid #006699;
	border-width: 0px 1px 0px 0px;
	padding: 0px 10px 0px 10px;
}
td.main { 
	padding: 25px; 
	border: 1px #DDDDDD solid; 
	border-width: 0px 1px 0px 1px; 
	background: #FFFFFF url(../images/contentbg.png) top left repeat-y;
}
h3 { margin: 0px 0px 5px 0px; border-bottom: 1px solid #CCCCCC; color:#990000; }
h4 { margin: 5px 0px 5px 0px; color: #003366; }
h5 { margin: 0px 0px 0px 10px; color: #003366; background: url(../images/arrow.jpg) left center no-repeat; padding: 10px 0px 10px 20px; }
h5.install { margin: 0px; }
p { font-size: 12px; margin: 5px 0px 5px 0px;  }
p.install { margin-left: 0px; }
ol { margin: 0px 10px 5px 40px; }
li { padding: 4px 0px 4px 0px; }
table.box { border: 1px solid #BBBBBB; font-size: 10px; }
th.box { 
	color: #000033; 
	padding: 5px 10px 5px 10px; 
	color: #FFFFFF; 
	background-color: #006699;
}
td.box { padding: 5px 10px 5px 5px; }
table.gallery { 
	margin: 0px 10px 10px 0px;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC; 
	border-collapse: collapse;
	cursor: default;
	float: left;
}
th.gallery { 
	padding: 5px 15px 5px 15px;
	background-color: #F8F8F8;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal; 
	color: #993300;
	font-size: 12px;
}
td.gallery { padding: 10px; }
img.gallery { padding: 5px; margin: 10px; border: 1px solid #CCCCCC; background-color: #EEEEEE; }
img.custom { padding: 5px; margin: 0px 15px 0px 0px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
td.custom { /*border: 1px solid #DDDDDD;*/ background-color: #F2F2F2; }
img.large { padding: 10px; margin: 10px 0px 10px 0px; border: 1px solid #DDDDDD; }
table.image { 
	float: left; 
	margin: 0px 10px 10px 0px; 
	font-size: 10px; 
	border: 1px solid #CCCCCC;
	cursor:default; 
	border-collapse: collapse;
}
th.image { 
	background: url(../images/imghdrbg.png) top left repeat-x; 
	border-bottom: 1px solid #AAAAAA;
	font-size: 10px;
	padding: 10px 5px 10px 5px;
	color: #000000;
}
td.image { padding: 0px 10px 0px 10px; }
a.bnws { color: #FFFFFF; text-decoration: none; }
a.bnws:hover { text-decoration: underline; }
a.nav { color: #FFFFFF; text-decoration: none; }
a.nav:hover { color: #FFCC00; text-decoration: underline; }
a.gallery { 
	background: url(../images/bullet.png) left center no-repeat; 
	padding-left: 10px; 
	text-decoration: none;
	color: #006699;
}
table.install { float: left; margin: 0px 10px 10px 0px; border: 1px solid #CCCCCC; color: #993300; font-size: 10px; }
td.install { padding: 10px; border: 1px solid #DDDDDD; background-color: #FBFBFB; }
th.install { padding: 5px; background-color: #F8F8F8; border: 1px solid #dddddd; color:#003366; }
a.gallery:hover { text-decoration: underline; }
a.image { text-decoration: none; color: #006699; }
a.image:hover { text-decoration: underline; }
a.white { text-decoration: none; color: #FFFFFF; }
a.white:hover { text-decoration: underline; }
/* QUOTE FORM */
.quoteform form { margin: 0px; }
.quoteform table { border-collapse: collapse; color: #32577C; }
.quoteform th {
	background: url(../images/forms/header_bg.jpg) top left repeat-x;
	height: 38px; line-height: 38px;
	border: 1px solid #608FBF; padding: 0px 15px 0px 15px;
	color: #32577C;
}
.quoteform td {
	padding: 2px 10px 2px 10px;
	border: 1px solid #CCCCee;
	background-color: #F8F8FF;
}
.quoteform td.left { border-width: 0px 0px 0px 1px; }
.quoteform td.right { border-width: 0px 1px 0px 0px; }
.quoteform td.both { border-width: 0px 1px 0px 1px; }
.quoteform td.ds {
	height: 10px;
	background: url(../images/forms/drop_shadow.jpg) top left repeat-x;
	border-width: 0px 1px 0px 1px;
	
}
.quoteform div.imgholder {
	padding: 10px; border: 1px solid #BBBBDD; margin: 5px;
	background-color: #f0f0ff;
}
.quoteform div.img {
	border: 1px solid #BBBBDD; float: left; padding: 2px;
	height: 100px; margin: 0px 5px 5px 0px; line-height: 100px;
	background-color: #FFFFFF;
}
.quoteform div.img:hover { border-color: #FF9900; }
.quoteform td.nb { border-width: 0px; }
.quoteform td.spacerb {
	height: 10px; border-width: 0px 1px 1px 1px;
}
.quoteform td.spacer {
	height: 5px; border-width: 0px; background-color: #FFFFFF;
}
.quoteform input { border: 1px solid #4373A4; }
.quoteform textarea { border: 1px solid #4373A4; }
.quoteform div.info {
	font-size: 10px; background-color: #e0e0ff; color: #300000;
	padding: 15px; border: 1px solid #BBBBDD;
	margin-bottom: 10px;
}
.error {
	padding: 10px; border: 1px solid #450000;
	background-color: #FFFFE0; color: #450000;
	margin: 0px 0px 15px 0px;
}