/* Default Styles
----------------------------------------------- */

body {margin:0; padding:10px 0 10px 0; font-family: Verdana; font-size: 12px; color: #333333; background-color: #E6E1CC; }
html>body { font-size: 14px; }

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #wrapper {text-align: left;}

#container {width:795px; height:auto; margin: 0px auto; padding:0; text-align: left; background-image:url(../../images/side_bar.jpg); background-position: top left; background-repeat: repeat-y;
border-bottom:1px solid #000000; border-right:1px solid #000000; background-color:#5B0101;}
#header_1 {margin: 0; padding:0; width: auto; height:172px; background-image:url(../../images/logo.jpg); background-position: top left; background-repeat: no-repeat; text-align:right;}
#header_2 {margin: 0; padding:0; width: auto; height:79px; background-image:url(../../images/pg_banner2.jpg); background-position: top left; background-repeat: no-repeat; text-align:right;}
#header_3 {margin: 0; padding:0; width: auto; height:79px; background-image:url(../../images/pg_banner3.jpg); background-position: top left; background-repeat: no-repeat; text-align:right;}
#header_4 {margin: 0; padding:0; width: auto; height:79px; background-image:url(../../images/pg_banner4.jpg); background-position: top left; background-repeat: no-repeat; text-align:right;}
#header_5 {margin: 0; padding:0; width: auto; height:79px; background-image:url(../../images/pg_banner5.jpg); background-position: top left; background-repeat: no-repeat; text-align:right;}
#header_6 {margin: 0; padding:0; width: auto; height:79px; background-image:url(../../images/pg_banner6.jpg); background-position: top left; background-repeat: no-repeat; text-align:right;}


#nav {margin: 0; padding-bottom:0px; width:auto; height:auto;}
#content {margin:0; padding:0px; width:795px; height:auto;}

#left_col {margin:0; padding:0; float:left; width:188px; height:auto;}
#middle_col {margin:0; padding:5px; float:left; width:597px; height:auto; background-color:#FFFFFF;}
#middle_col li {margin-left:20px;}
#right_col {margin:0; padding:0; float:left; width:50px; height:auto; background-color:#FFFFFF;}

#footer {width: 795px; height:25px; margin:20px 0 0 0; padding:0; color:#cccccc; font-size:12px; text-align:center; background-image:url(../../images/footer_bg.jpg); background-position: top center; background-repeat: no-repeat;}

.contact {font-size:11px;}
/* Navigation Styles
----------------------------------------------- */
#navcontainer {background-color: #CCCCCC; width:795px; height:25px; margin:0 0 0 0px; letter-spacing:1px;}
#navcontainer ul {font-weight: normal; color: white; font-size:14px; text-align: right; margin: 0; padding-bottom: 0px; padding-top: 4px;}
#navcontainer ul li {display: inline; margin-left: -4px; text-align:center;}
#navcontainer ul li a {padding: 0px 12px 0px 12px; color: #000000; text-decoration: none;}
#navcontainer ul li a:hover { color:#990000;}
#active a.active {color: #990000;}

/* Side Navigation Styles
----------------------------------------------- */
#side-navcontainer {margin-left: 0px; width: 180px;}
#side-navcontainer ul{ margin-left: 4px; padding-left: 0; list-style-type: none; font-family: verdana, Arial, Helvetica, sans-serif;}
#side-navcontainer a {display: block; margin:0; padding: 6px; width: 170px;}
#side-navcontainer a:link, #side-navlist a:visited {color: #FFFFFF; text-decoration: none;}
#side-navcontainer a:hover {color: #ff0000;}
#side-active a.active {color:#FFFFFF; font-weight: bold;}
#side-navcontainer h1 {color:#FFFFFF;}

/* Site Elements
----------------------------------------------- */
.two-col {margin:0; padding:20px 0 0 25px; float:left; width:255px; height:auto; text-align:center;}
.three-col {margin:0; padding:0; float:left; width:150px; height:auto; border:1px solid #000000; margin:3px; padding:3px; text-align:center;}
.spacer {padding-left:188px ;}
.darkmaroon {background-color: #5B0101;}
.lightmaroon {background-color: #800000;}
.eggshell {background-color: #E6E1CC; padding:5px;}

/* photo gallery 
---------------------------------*/
.category-col {margin:0; padding:0 0 0 10px; float:left; width:260px; height:auto; text-align:center;}
.pics-col {margin-bottom:10px; padding:0; width:180px; height:auto; float:left; text-align:center;}

/* sub nav 
---------------------------------*/

#nested-sub { width: 100px; margin-top:10px; margin-left: 10px;}
#nested-sub ul{margin: 0; padding: 0; list-style-type: none;}
#nested-sub li { margin: 0; }
#nested-sub a {display: block; padding: 6px 10px; width: 100px; color: #DFDFDF; font-size:12px; font-family: arial, verdana, sans-serif; background-color: #800000; font-weight:bold;}
#nested-sub a:hover {color: #FFFFFF; background-color: #800000; text-decoration: none;}
#nested-sub ul ul li { margin-left: -25px; }
#nested-sub ul ul a {display: block; padding: 5px 5px 5px 15px; width: 100px; color: #DFDFDF; font-size:11px; font-family: arial, verdana, sans-serif; background-color: #800000; font-weight:normal;}
#nested-sub ul ul a:hover {color: #FFFFFF; background-color: #800000; text-decoration: none;}

/* Generic Styles
---------------------------------- */

/* tags 
-----------------------------------*/
p {margin:0; padding:5px 0 10px 5px; font-size:11px;}
h1 {margin:0; padding:0; font-size:18px; font-weight:bold; color:#333333;}
h2 {margin:0; padding:0; font-size:20px; font-weight:bold; color:#000000;}
h3 {margin:0; padding:10px 0; font-size:12px; font-weight:bold; color:#000000;}
hr { color: #000; background-color: #000; height: 1px;}
#warranties li {margin-left: 10px; font-size:10px;}
#warranties p { font-size:10px;}


/* links */
a, a:link, a:visited, a:active{text-decoration: none; color:#006600;}
a:hover{text-decoration: underline;}

/* regular text */
.text-l {font-size:14px; font-weight:normal;}
.text-m {font-size:12px; font-weight:normal;}
.text-s {font-size:11px; font-weight:normal;}
.text-xs { font-size:10px; font-weight:normal;}
.text-xxs { font-size:9px; font-weight:normal;color:#666666;}
.text-xxs a {color:#666666;}
/* bold text */
.btext-l {font-size:14px; font-weight:bold;}
.btext-m {font-size:12px; font-weight:bold;}
.btext-s {font-size:11px; font-weight:bold;}
.btext-xs {font-size:10px; font-weight:bold;}
.btext-xxs {font-size:9px; font-weight:bold;}

/* colors */
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color: #000099;}
.yellow {color: #FFFF00;}
.orange {color: #FF9900}

/* borders */
.border {border:1px solid #666666;}
.border-bottom {padding: 2px; border-bottom:1px solid #cccccc;}

/* lists */
#content ul li {list-style-type: none; background: url(../../images/bullet_01.gif) no-repeat 14px 2px; margin-left: -40px; padding-left: 35px;}

/* image styles */
img {margin: 0; padding: 0;}

/* form styles */
.field {padding: 10px 0; clear:both;}
.label {font-weight: bold; font-size:12px; width: 145px; float: left; padding-top:4px;}
.referrals {font-size:11px; color:#000000;}
.referrals h1 {font-size:13px; font-weight:bold;}
/* misc */
.clear {clear:both;}
.inside {padding:3px;}

/* QUOTES */
#qborder {padding:8px; margin:10px 0; border:1px solid #cccccc; width:auto; height:auto;}
#quote{
margin:3px;
padding:0 5px 0 5px;
color:#333333;
font-weight:bold;
text-align:center;
font:italic 16px Georgia,arial,verdana,sans-serif;
}
.qfont{
margin:3px;
padding:10px 0 0 0;
color:#333333;
text-align:right;
font:italic 11px verdana,sans-serif;
}
.topq{
margin:10px 10px 0 10px;
padding:8px;
background-color:transparent;
background-image:url(../../images/topq.gif);
background-position:left;
background-repeat:no-repeat;
}
.baseq{
margin:0 0 0 10px;
padding:5px;
background-color:transparent;
background-image:url(../../images/bottomq.gif);
background-position:right;
background-repeat:no-repeat;
}