html
{
overflow-y: scroll;
}

body,html
{
/* commented backslash hack - hides from Mac IE5 \*/
height: 100%;
/* end hack */
}

body
{
background-color: #fff;
font-family: Arial, Verdana, Helvetica, Trebuchet MS; sans-serif;
font-size: 70%;
color: #000;
margin: 0px;
padding:0px;
height: 100%;
}

#shell1
{
text-align: center;
top: 0;
left: 0;
margin: 0px;
padding:0px;
background-image:url(images/top_bkg.gif);
background-repeat:repeat-x;
background-position: top left;
}

#shell2
{
text-align: center;
top: 0;
left: 0;
margin: 0px;
padding:0px;
background-image:url(images/top_bkg2.gif);
background-repeat:repeat-x;
background-position: top left;
}

#holder
{
width: 781px;
margin: 0px auto;
display: table;
padding:0px;
text-align: left;
}

img{border: 0px;}

/*---------------
top styles
----------------*/

#header
{
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}

/*---------------
topnav
----------------*/

#topnav
{
float: left;
width: 100%;
padding: 0px 0px 2px 0px;
margin: 4px 0px 0px 0px;
border: red solid 0px;
}

#topnav ul
{
list-style-type: none;
margin: 0px;
padding: 2px 0px 0px 0px;
}

#topnav ul li
{
display: inline;
list-style-type: none;
}

#topnav ul li a
{
padding: 10px 20px 10px 10px;
text-decoration: none;
font-weight: bold;
font-size: 110%;
color: #fff;
background-image: url(images/topnav_arrows.gif);
background-repeat: no-repeat;
background-position: left;
}

#topnav ul li a:hover
{
color: #DCA5A3;
background-image: url(images/topnav_arrows_alt.gif);
background-repeat: no-repeat;
background-position: left;
}

/*---------------
homenav styles
----------------*/

#homenavwrap
{
float: left;

margin: 27px 0px 0px 0px;
padding: 0px 0px 0px 2px;
border-right: solid 0px #BFBFBF;
border-left: solid 0px #BFBFBF;
background-color: #BFBFBF;
}

#homenavwrap .homenav
{
float: left;
width: 257px;
margin: 0px;
padding: 0px 0px 32px 0px;
background-color: #2D2D2D;
border-right: solid 2px #BFBFBF;
}

#homenavwrap .homenav2
{
float: left;
width: 257px;
margin: 0px;
padding: 0px 0px 19px 0px;
background-color: #2D2D2D;
border-right: solid 2px #BFBFBF;
}

#homenavwrap .image
{
margin: 0px;
padding: 0px;
height: 134px;
}

#homenavwrap .text
{
float: left;
margin: 8px 16px 0px 8px;
padding: 0px;
background-color: #2D2D2D;
height: 91px;
}

#homenavwrap p
{
margin: 0px;
padding: 3px 0px 0px 0px;
color: #C0C0C0;
}

#homenavwrap a
{
margin: 0px;
color: #fff;
font-size: 160%;
text-decoration: none;
padding-right: 14px;
background-image: url(images/homenav_arrow.gif);
background-repeat: no-repeat;
background-position: right;
}

#homenavwrap a:hover
{
color: #C0C0C0;
background-image: url(images/homenav_arrow_alt.gif);
background-repeat: no-repeat;
background-position: right;
}

.equipheader
{
color: #fff;
font-size: 120%;
}

/*---------------
content styles
----------------*/

#content
{
float: left;
width: 100%;
background-image: url(images/logo_bkg.gif);
background-repeat: no-repeat;
background-position: bottom right;
margin-top: 2px;
}

#content h1
{
font-size: 200%;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #9D0601;
}

#content h2
{
font-size: 160%;
font-weight: bold;
margin: 20px 0px 0px 0px;
padding: 0px;
}

#content h3
{
font-size: 120%;
font-weight: bold;
margin: 20px 0px 10px 0px;
padding: 0px;
}

#left
{
float: left;
border-right: solid 1px #BABABA;
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 8px;
width: 490px;
}

#left a
{
color: #000;
font-weight: bold;
}

#left a:hover
{
text-decoration: none;
color: #ff0000;
}

#left p
{
font-size: 120%;
padding: 0px;
margin: 10px 0px 15px 0px;
}

#left ul {font-size: 120%;}

#left ul.decimal {list-style-type: decimal}

#left .homelink a
{
color: #000;
font-size: 140%;
font-weight: bold;
text-decoration: none;
padding-right: 14px;
background-image: url(images/content_arrow.gif);
background-repeat: no-repeat;
background-position: right;
}

#left .homelink a:hover
{
color: #ff0000;
background-image: url(images/content_arrow_alt.gif);
background-repeat: no-repeat;
background-position: right;
}

#left .contact
{
float: left;
font-size: 140%;
color:#6F6F6F;
margin: 10px 0px 0px 0px;
padding: 8px;
width: 480px;
background-color: #E5E5E6;
}

#left .contact ul
{
list-style-type: none;
font-weight: bold;
padding: 0px;
margin: 0px;
}

#left .contact ul li
{
padding-bottom: 5px;
margin: 0px;
}

#left .contact a
{
color: #000;
font-size: 100%;
font-weight: bold;
text-decoration: none;
padding-right: 14px;
background-image: url(images/content_arrow.gif);
background-repeat: no-repeat;
background-position: right;
}

#left .contact a:hover
{
color: #ff0000;
background-image: url(images/content_arrow_alt.gif);
background-repeat: no-repeat;
background-position: right;
}

#left ul.square
{
float: left;
list-style-type: square;
margin: 0px;
padding: 0px 10px 0px 15px;
color: #000;
width: 460px;
}

#left ul.square li
{
padding-bottom: 5px;
}


/*---------------
right styles
----------------*/

#right
{
float: left;
padding: 0px 10px 0px 10px;
margin: 0px;
width: 214px;
}

#right p
{
float: left;
padding: 5px 0px 5px 0px;
margin: 0px;
}

#specialwrap
{
float: left;
padding: 0px;
margin: 10px 0px 0px 0px;
}

#specialwrap #specialoffers
{
float: left;
padding: 0px;
margin: 0px;
width:100%;
}

#specialwrap #specialoffers h2 {font-size:160%; width:100%}
#specialwrap #specialoffers h3 {font-size:140%; width:100%; color:#000}
#specialwrap #specialoffers h4 {font-size:140%; width:100%; color:#AE0301}

#specialwrap ul.benefits
{
float: left;
list-style-type: square;
margin: 0px;
padding:0px 0px 10px 15px;
width:250px
}

#specialwrap ul.benefits li
{
padding-bottom: 5px;
}

#quoteswrap
{
float: left;
padding: 0px;
margin-top: 15px;
width: 100%;
color: #7A7A7A;
}

#specialwrap #specialoffers .image
{
float: left;
padding: 0px;
margin: 30px 0px 0px 0px;
}

#specialwrap #specialoffers ul#rightnav 
{
float: left;
width: 250px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
		
#specialwrap #specialoffers ul#rightnav li 
{
display: block;
border-bottom: 4px solid #fff;
}

#specialwrap #specialoffers ul#rightnav li a 
{
text-align: left;
display: block;
padding: 5px 0% 5px 6%;
margin: 0px;
width: 94%;
FONT-SIZE: 110%;	
FONT-WEIGHT: bold;	
color: #000;
text-decoration: none;
text-transform: capitalize;
background-image: url('images/rightnav_pointer.gif');
background-repeat: no-repeat;
background-position: left;
background-color: #D1D1D1;
}

#specialwrap #specialoffers ul#rightnav li a:hover 
{
background-color: #EAEAEA;
text-decoration: none;
}


/*-----------------------
featured section styles
------------------------*/

#featureswrap
{
float: left;
padding: 0px;
margin: 10px 0px 0px 0px;
}

#featuredproduct
{
float: left;
padding: 0px;
margin: 0px;
}

#featuredproduct .image
{
float: left;
padding: 0px;
margin: 30px 0px 0px 0px;
}

#featuredwrap ul
{
float: left;
width: 250px;
list-style: none;
margin: 2px 0px 0px 0px;
padding: 0px;
}
		
#featuredwrap ul li 
{
display: block;
border-bottom: 4px solid #fff;
}

#featuredwrap ul li a 
{
text-align: left;
display: block;
padding: 5px 0% 5px 6%;
margin: 0px;
width: 94%;
FONT-SIZE: 110%;	
FONT-WEIGHT: bold;	
color: #000;
text-decoration: none;
text-transform: capitalize;
background-color: #D1D1D1;
}

#featuredwrap ul li a:hover 
{
background-color: #EAEAEA;
text-decoration: none;
}

/*---------------
quotes styles
----------------*/

#quotes ul.benefits
{
float: left;
list-style-type: square;
margin: 0px;
padding-left: 15px;
}

#quotes ul.benefits li
{
padding-bottom: 5px;
}

#quoteswrap
{
float: left;
padding: 0px;
margin-top: 15px;
width: 100%;
color: #7A7A7A;
}

#quotes
{
float: left;
padding: 0px 0px 0px 5px;
margin-top: 0px;
width: 100%;
}



.topquote
{
float: left;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}

.bottomquote
{
float: right;
text-align: right;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}

.name
{
font-weight: bold;
font-size: 100%;
}

#right h1
{
float: left;
margin: 0px;
padding: 0px 0px 8px 0px;
color: #7D8D78;
font-size: 100%;
text-transform: uppercase;
font-weight: normal;
}

#right h2
{
float: left;
margin: 0px;
padding: 0px 0px 16px 0px;
color: #7A7A7A;
font-size: 120%;
font-weight: bold;
width:100%;
}

#right h3 
{
color: #7A7A7A;
font-size: 140%;
font-weight: bold;
width:100%;}

#right #quoteswrap p
{
color: #7A7A7A;
font-size: 90%;
font-weight: bold;
width:100%;}

/*---------------
footer icon styles
----------------*/

#footericons
{
float: left;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
text-align: center;
border-top: solid 1px #BABABA;
}

/*---------------
footer styles
----------------*/

#footer
{
float: left;
background-color: #2D2D2D;
width: 100%;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
background-image: url(images/footer_logo.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: center;
}

#footer p
{
padding: 0px 5px 5px 5px;
margin: 0px;
}

#footerwrap
{
float: left;
padding: 17px 10px 0px 58px;
color: #AFAFAF;
font-size: 100%;
}

#footerwrap a
{
margin: 0px;
padding-right: 12px;
margin: 0px 6px 0px 6px;
text-decoration: none;
font-weight: normal;
color: #fff;
background-image: url(images/homenav_arrow.gif);
background-repeat: no-repeat;
background-position: right;
}

#footerwrap a:hover
{
color: #C0C0C0;
background-image: url(images/homenav_arrow_alt.gif);
background-repeat: no-repeat;
background-position: right;
}

#footerwrap .oegen a
{
padding-left: 14px;
margin: 0px 6px 0px 6px;
background-image: url(images/oegen_icon.gif);
background-repeat: no-repeat;
background-position: left;
}

/*---------------
subnav styles
----------------*/

#subnav
{
float: left;
width: 100%;
padding: 0px;
margin-top: 3px;
height: 35px;
}

#subnav ul
{
float: left;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#subnav ul li
{
float: left;
display: inline;
list-style-type: none;
margin: 0px;
padding: 8px 20px 0px 0px;
}

#subnav ul li a
{
display: block;
margin: 0px;
padding: 0px 14px 0px 0px;
color: #000;
font-size: 160%;
font-weight: bold;
text-decoration: none;
background-image: url(images/subnav_arrow.gif);
background-repeat: no-repeat;
background-position: right;
}

#subnav ul li a:hover
{
color: #9D0601;
background-image: url(images/subnav_arrow_alt.gif);
background-repeat: no-repeat;
background-position: right;
}

/*---------------
topimage styles
----------------*/
#topimagewrap
{
float: left;
width: 775px;
margin: 0px;
padding: 0px;
background-color: #E5E5E5;
}

#topimage
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 2px;
}

#topimagenav
{
float: left;
width: 235px;
background-color: #2D2D2D;
margin: 0px;
padding: 10px 10px 0px 10px;
height: 146px;
}

#topimagenav h1
{
float: left;
margin: 0px;
padding: 0px;
font-size: 120%;
color: #fff;
width: 100%;
}

#topimagenav ul
{
float: left;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#topimagenav li
{
list-style-type: none;
padding: 0px 0px 8px 0px;
margin: 0px;
}

#topimagenav li a
{
color: #B9B9B9;
font-size: 110%;
font-weight: bold;
text-decoration: none;
padding-left: 8px;
background-image: url(images/topimagenav_arrow.gif);
background-repeat: no-repeat;
background-position: left;
}

#topimagenav li a:hover
{
color: #fff;
background-image: url(images/topimagenav_arrow_alt.gif);
background-repeat: no-repeat;
background-position: left;
}

/*---------------
table styles
----------------*/

table 
{
border-collapse: collapse;
width: 100%;
}

th
{
font-weight: bold;
text-transform: uppercase;
background-color: #E5E5E5;
}

td
{
padding: 5px;
}

.sales
{
color: #FF0000;
font-weight: bold;
}

caption
{
text-align: left;
padding-bottom: 10px;
font-weight: bold;
font-size: 120%;
}

/*--------------------------
contact us styles
---------------------------*/

#contactform
{
float: left;
width: 100%;
margin-top: 10px;
padding: 0px 0px 20px 0px;
}


#contactform h2
{
color: #81321A;
font-size: 110%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
}

.contactRow
{
float: left;
width: 100;
margin: 5px 0px 5px 0px;
padding: 0px;
}

.contactLeft
{
float: left;
width: 150px;
margin: 4px 0px 0px 0px;
padding: 0px;
font-weight: bold;
}

.contactRight
{
float: left;
width: 250px;
padding-left: 10px;
margin-top: 2px;
color: #81321A;
}

.contactfield
{
padding: 3px;
width: 200px;
border: 1px solid #2D2D2D;
font-size: 100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

.contactdrop
{
border: 1px solid #81321A;
background-color: #fff;
font-size: 120%;
padding: 0px;
margin: 0px;
}

/*--------------------------
product styles
---------------------------*/

#productwrap {float: left; margin: 0px 0px 20px 0px; padding: 0px; width: 100%;}

.product {float: left; margin-top: 20px; padding: 0px; width: 100%;border: #A7A7A7 1px solid}

.productLeft {float:left; width:300px; margin:0px; padding:0px;}

.productRight {float:left; width:170px; margin:0px; padding:10px;}
#productwrap .productRight h1 {font-size: 140%;margin:0px; padding:0px;}
#productwrap .productRight h2 {font-size: 110%;margin:0px; padding:0px;}
#productwrap .productRight p {font-size: 100%;margin:0px; padding:0px;}

.productPrice {float:left; width:100%; background-color:#E5E5E5; margin:10px 0px 0px 0px; padding:5px 0px 5px 0px;font-size: 120%; font-weight: bold;}
.productPrice .prices{margin-left: 20px;}
.ourprice {color:#ff0000; padding-left: 30px;}