/* CSS Document */

body {
text-align:left;
margin: 0;
padding: 0;
font-size: 12px; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color:#8C4804;
background-image: url(../images/support/bg2.jpg);
background-repeat: repeat;
line-height: 1.5em}

img{
border:none}



/* ================== TYPOGRAPHY ================== */

dl{ margin: 0.5em 0 1.2em 0; }
dt{
	font-size: 9px;
	font-weight: bold; color: #999;
	padding-top: 0.4em;
	}
dd{	
	font-size: 9px;
	margin-bottom: 1.0em;
	padding-bottom: 0.9em;
	border-bottom: 1px dashed #3d3d33;
}

.copyGen{
	font-size:12px;
	padding:0 0 0 50px;
	color:#8C4804;
	}
	
.copyGen a{
	color:#996600;
	}
	
.copyGen a:hover{
	color:#993300;
	}
	
.copyGenPlus{
	font-size:12px;
	padding-left:10px;
	color:#494949;
	}
	
	
/* a[href$=".pdf"] {background:#000; color:#000;} */

.copyGenPlus a, {
	text-decoration:none;
	color:#333333;
	}
	
.copyGenPlus a[href$=".pdf"]{
	text-decoration:none;
	color:#666;
	}

.copyGenPlus a:hover{
	text-decoration:none;
	color:#111111;
	}
	
h1{
	font-size:20px;
	color:#7f4104;
	font-weight:bold;
	line-height:20px;
	font-stretch:condensed;
	padding-left:10px;
}
	
h3{
	text-transform:capitalize;
	font-size:12px;
	color:#999999;
	font-weight:bold;
	line-height:14px;
	}

.clearleft{
	float:left;
	clear:both;
	margin:0 5px 5px 0;
	}
	
.clearright{
	float:right;
	clear:both;
	margin:0 0 5px 5px;
	}


/* ================== PAGE STRUCTURE ================== */
div#container{width:1000px;height:100%;margin:auto}
div#header{width:1000px;height:131px; z-index:0}
div#content{width:1000px;height:100%;position:relative;background-color:#FFFFFF}
div#colLeft{width:250px;height:570px; overflow:hidden; float:left;background-color:#FFFFFF}
div#twoColRight{width:750px;height:555px;positon:relative;float:right;background-color:#FFFFFF; background-image:url(../images/support/home_bg.jpg); background-repeat:no-repeat;}
div#twoColMain{width:750px;height:555px;positon:relative; overflow:hidden;float:right;background-color:#FFFFFF;}
div#footer{width:1000px;height:35px; margin-top:0px; clear:both}
div#contactMain{width:750px;height:555px;positon:relative; overflow:hidden;float:right;background-image:url(../images/support/contact_bg.jpg); background-repeat:no-repeat;}
div#catalogMain{width:750px;height:555px;positon:relative; overflow:hidden;float:right;background-image:url(../images/support/catRequest_bg.jpg); background-repeat:no-repeat;}
div#aboutMain{width:750px;height:585px;positon:relative; overflow:hidden;float:right;background-image:url(../images/support/aboutUs_bg.jpg); background-repeat:no-repeat;}

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

.colHeader{
width:250px;
height:30px;
float:left;
overflow:hidden;
margin:0;
display:block;
}

.colImage{
width:240px;
height:55px;
float:left;
overflow:hidden;
display:block;
}

.colCopyBox{
width:230px;
height:75px;
float:left;
overflow:hidden;
margin:0px 10px 0px 10px;
}

.colCopy{
font-size: 10px;
line-height:13px;
color:bc4804;
}

.more{
font-size: 10px;
color:bc4804;
font-weight:bolder;
text-align:right;
margin:0px 10px 0px 10px;
}

.more a:hover{
color:#996600;
text-decoration:none;
}

.more a, a:visited{
color:#666666;
text-decoration:none;
}

/* ================== HOMEPAGE ================== */

div#homewelcome{
position:absolute;
top:16px;
left:569px;
z-index:auto;
}

div#welcomeText{
width:375px;
height:200px;
position:absolute;
top:90px;
left:626px;
z-index:auto;
}

div#dealer{
position:absolute;
width:275px
height:75px;
top:544px;
left:636px;
z-index:auto;
}

div#catalog{
position:absolute;
width:275px
height:75px;
top:544px;
left:330px;
z-index:auto;
}

#iconBox{
	clear:both;
	width:100%;
	height:80px;
	margin:auto;
	}

div#dealer-alt{
display:inline;
margin:auto 0 auto 25px;
width:275px
height:75px;
z-index:0;
}

div#catalog-alt{
display:inline;
margin:auto 0 auto 200px;
width:275px
height:75px;
z-index:0;
}

.homeText{
font-size:12px;
color:#333333;
}

/* ================== DEALER LIST ================== */

div#contFrame{
position:absolute;
overflow:auto;
top:80px;
width:740px;
height:430px;
margin:0;
padding:0;
}

div#contFrameAlt{
overflow:visible;
padding-top:180px;
width:740px;
height:100%;
margin:0;
padding:0;
}

div#graphHeader{
width:430;
overflow:hidden;
position:absolute;
top:16px;
left:569px;
z-index:auto;
}

/* ================== PRODUCT INTROS / PAGES ================== */

div#twoColLeft{width:325px;height:100%;float:left; z-index:20;}
div#colRight{width:675px;height:100%;float:right; background-color:#999999}

#prodBG-img{z-index:1;}
#prodIntro{position:absolute; width:400px; height:100%; top:50px}

#prodMenu{margin-top:20px; margin-left:20px; width:900px; height:100%; clear:both}

ul#prodList{
	padding-left:0;
	margin-left:0;
	}

#prodList li{
	white-space:nowrap;
	display: inline;
	list-style-type: none;
	}
	
#prodList li a{
	background-image:url(../images/support/gbullet.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	margin-left:20px;
	font-weight:bolder;
	color:#02365f;
	font-size:14px;
	text-decoration:none;
	line-height:16px;
} 

#prodList li a:hover{
	background-image:url(../images/support/gbullet-over.gif);
	background-repeat:no-repeat;
	color:#ecad49;
	}
	
#prodList li a:active{
	color:#b6b6b6;
	} 

	
#partBlock{
	font-size:12px;
	padding:10px 0 10px 10px;
	color:#494949;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-width: 1px 0;
	color:
	}

.separator{
	font-weight:bold;
	color:#999999;
	margin-left:12px;
	}


/* ================== CONTACT-PAGE ================== */

#contact-info{
	position:absolute;
	top:95px;
	left:700px;
	width:200px;
	height:300px;
	}

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

.foot {
margin-top:10px;
color:#666666;
font-size: 9px;
text-align:center;
line-height:12px;
}

.foot a:link, a:visited{
color: #666666;
text-decoration: none;
text-align:center;
}

.foot a:hover{
color: #333333;
text-decoration: none;
}

#foot-border{
width:800px;
height:10px;
}

#foot-filler{
width:800px;
height:500px;
}

.copyright{
line-height:20px;
color: #999999;
font-size: 8px;
text-align:center;
}


/* ================== GALLERY ================== */

#galBox{
	width:700px;
	height:500px;
	padding:0 0 0 50px;
	overflow:auto;
	}

#galItem{
	width:100px;
	height:120px;
	float:left;
	margin:5px;
	background-image:url(../images/support/galbg.jpg);	
	}
	
#galItem img{
	padding:15px;
	border:none;
	}
	
/* ================== LINKS ================== */

#galBox ul{
	padding-left:50px;
	}
	
#galBox li{
	list-style-type:none;
	}
	
#galBox li a{
	font-weight:bold;
	color:#02365f;
	font-size:14px;
	text-decoration:none;
	line-height:24px;
	}
	
#galBox li a:hover{
	color:#ecad49;
	} 
	
#galBox li a:active{
	color:#b6b6b6;
	}