@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#111111;
	line-height:18px;
}

form, input, select, p, h1, h2, h3, h4, h5, h6, ul, li, ol { margin:0px; padding:0px; }

p { padding:5px 0 5px 0; }

img { border:0px; }

ul { margin:0px; }
ul li {
	padding:0px;
	list-style:none;
}
#content ul { margin:6px 0 6px 0px; }
#content ul li {
	padding:5px 0 5px 30px;
	list-style:none;
	background:12px 9px no-repeat url(images/bulletpoint.png);
}

ol { margin:6px 0 6px 33px; }
ol li {
	padding:3px 0 3px 5px;
}

h1 {
	font-size:22px;
	font-weight:noraml;
	color:#000;
	line-height:normal;
	padding:6px 0px 6px 0px;
}

h2 {
	font-size:18px;
	font-weight:normal;
	color:#000;
	line-height:normal;
	padding:5px 0 3px 0;
}

h3 {
	background:top right no-repeat url(images/bg-h3.gif) #000; 
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:normal;
	padding:5px;
	margin:5px 0px;
	width:auto;
}
h4 {
	font-size:14px;
	font-weight:bold;
	color:#c59d2e;
	line-height:normal;
	padding:5px 0 2px 0;
}
h5 {
	font-size:15px;
	font-weight:normal;
	color:#000;
	line-height:normal;
	padding:5px 0 2px 0;
}
h6 {
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:normal;
	padding:10px 0px 10px 0px;
}
.h7 {
	background:center right no-repeat url(images/bg-h3.gif) #000; 
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:normal;
	padding:5px;
	margin:5px 0px;
	width:25%;
}

a:link { color:#996600; text-decoration:none;}
a:visited { color:#c59d2e; text-decoration:none;}
a:hover { color:#996600; text-decoration:none; }

input, textarea, select {
	color:#003745;
	font-size:14px;
	background:0;
	border:0;
}
.left {float:left;}
.right {float:right;}

/***** ROTATIONAL IMAGES *****/
#slideshow {
    width:684px;
	overflow:hidden;
    position:relative;
	height:180px;
}
#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    }
#slideshow div.active { z-index:10; }
#slideshow div.last-active { z-index:9; }

#slideshow-contact {
    width:645px;
	overflow:hidden;
    position:relative;
	height:149px;
}
#slideshow-contact div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    }
#slideshow-contact div.active { z-index:10; }
#slideshow-contact div.last-active { z-index:9; }

/********HEADER AREA********/
#header-wrapper { background:top left repeat-x url(images/bg-header-content.gif) #FFFFFF;  float:left; height:238px; width:100%; }
#header-container { margin:0px auto; width:1200px; }
#logo { float:left; padding-left:96px;}
#header-links { float:left; height:28px; padding-left:285px; width:360px; }
#header-links div { float:left; }
#header-image { float:left; height:149px; width:645px; }

#home-header-wrapper { background:top left repeat-x url(images/bg-header-home.gif) #FFFFFF;  float:left; height:270px; width:100%; }
#home-header-container { margin:0px auto; width:1200px; }
#home-logo { float:left; height:208px; padding-left:20px;}
#home-header-links { float:left; height:29px; padding-left:315px; width:360px; }
#home-header-links div { float:left; }
#home-header-image { float:left; height:180px; width:684px; }

/****Search Box****/
#search-container { float:right; width:175px; margin-top:5px;}
.search-box { float:left; height:18px; width:175px; }
.search-input { border:0; float:left; height:18px; width:139px;  }
.search-input input { background:0px 0px no-repeat url(images/bg-search-input.gif) #FFF; border:0; color:#666666; font-size:11px; height:18px; width:139px;}
.search-button { float:left; width:26px; }
.search-button input { background:top left no-repeat url(images/button-search-go.gif); border:0; height:18px; width:26px; }

/*****MAIN MENU*****/
#main-nav-container { height:61px; margin:0px 5px; width:1190px; }
#main-nav { background:top left repeat-x url(images/main-nav-repeat.gif); float:left; width:1190px; }
#main-nav #left { background:top left no-repeat url(images/main-nav-left.gif); float:left; height:61px; width:20px; }
#main-nav #right { background:top left no-repeat url(images/main-nav-right.gif); float:right; height:61px; width:20px; }

#main-nav-home {  background:0px 1px no-repeat url(images/nav-home.gif); float:left; height:61px; overflow:hidden; width:148px;  }
#main-nav-home:hover {  background:0px -60px no-repeat url(images/nav-home.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:148px;  }
#main-nav-home-on { background:0px -60px no-repeat url(images/nav-home.gif); float:left; height:61px; overflow:hidden; width:148px; }

#main-nav-about {  background:0px 1px no-repeat url(images/nav-about.gif); float:left; height:61px; overflow:hidden; width:132px;  }
#main-nav-about:hover {  background:0px -60px no-repeat url(images/nav-about.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:132px;  }
#main-nav-about-on { background:0px -60px no-repeat url(images/nav-about.gif); float:left; height:61px; overflow:hidden; width:132px; }

#main-nav-products {  background:0px 1px no-repeat url(images/nav-products.gif); float:left; height:61px; overflow:hidden; width:136px;  }
#main-nav-products:hover {  background:0px -60px no-repeat url(images/nav-products.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:136px;  }
#main-nav-products-on { background:0px -60px no-repeat url(images/nav-products.gif); float:left; height:61px; overflow:hidden; width:136px; }

#main-nav-quotation {  background:0px 1px no-repeat url(images/nav-quotation.gif); float:left; height:61px; overflow:hidden; width:199px;  }
#main-nav-quotation:hover {  background:0px -60px no-repeat url(images/nav-quotation.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:199px;  }
#main-nav-quotation-on { background:0px -60px no-repeat url(images/nav-quotation.gif); float:left; height:61px; overflow:hidden; width:199px; }

#main-nav-downloads {  background:0px 1px no-repeat url(images/nav-downloads.gif); float:left; height:61px; overflow:hidden; width:145px;  }
#main-nav-downloads:hover {  background:0px -60px no-repeat url(images/nav-downloads.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:145px;  }
#main-nav-downloads-on { background:0px -60px no-repeat url(images/nav-downloads.gif); float:left; height:61px; overflow:hidden; width:145px; }

#main-nav-faqs {  background:0px 1px no-repeat url(images/nav-faqs.gif); float:left; height:61px; overflow:hidden; width:98px;  }
#main-nav-faqs:hover {  background:0px -60px no-repeat url(images/nav-faqs.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:98px;  }
#main-nav-faqs-on { background:0px -60px no-repeat url(images/nav-faqs.gif); float:left; height:61px; overflow:hidden; width:98px; }

#main-nav-links {  background:0px 1px no-repeat url(images/nav-links.gif); float:left; height:61px; overflow:hidden; width:108px;  }
#main-nav-links:hover {  background:0px -60px no-repeat url(images/nav-links.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:108px;  }
#main-nav-links-on { background:0px -60px no-repeat url(images/nav-links.gif); float:left; height:61px; overflow:hidden; width:108px; }

#main-nav-contact {  background:0px 1px no-repeat url(images/nav-contact.gif); float:left; height:61px; overflow:hidden; width:182px;  }
#main-nav-contact:hover {  background:0px -60px no-repeat url(images/nav-contact.gif); float:left; height:61px; overflow:hidden; padding-top:1px; width:182px;  }
#main-nav-contact-on { background:0px -60px no-repeat url(images/nav-contact.gif); float:left; height:61px; overflow:hidden; width:182px; }

/*****BODY*****/
#body-wrapper { background:top center no-repeat url(images/bg-content.jpg) #FFFFFF; float:left; width:100%; }
#body-container { margin:0px auto; width:1200px; }
#home-body-wrapper { background:70% 205px no-repeat url(images/line-break-yellow.gif) #FFFFFF; float:left; width:100%; }
#body-bg { background:25px 0px repeat-y url(images/bg-sub-nav.png); float:left; width:1200px; }
#col-left {  float:left; padding:10px 0px 20px 0px; width:245px; }
#col-right { float:left; padding:10px 0px 0px 5px; width:940px; }
.banner { float:left; width:185px; padding:7px 20px 6px 35px; }
#breadcrumb-container { height:21px; width:939px; }
#breadcrumb { background:#000; float:left; height:21px; width:939px;}
#breadcrumb #top { background:top left no-repeat url(images/breadcrumb-top.gif); float:left; height:4px; width:939px; }
#breadcrumb #mid { color:#c59d2e; float:left; font-size:11px; height:17px; padding:0 0 0 10px;; margin:0; width:939px;}
#breadcrumb #mid span { font-weight:bold; padding:0px 5px; }
#breadcrumb #mid a { color:#FFFFFF; padding:0; margin:0; }
#breadcrumb #btm { background:top left no-repeat url(images/breadcrumb-btm.gif); float:left; height:4px; width:939px; }
#content { float:left; padding:10px 0px 20px 10px; width:920px; }
#content .line-break { height:2px; padding-top:5px; width:100%;}
#content .line-break-short { height:2px; padding-top:5px; width:50%;}
.content-img { background:bottom right no-repeat url(images/bg-content-img.gif); float:right; margin:5px; padding:10px; width:auto; }
#home-product-buttons { float:left; padding:20px 10px 0px 10px; }
#home-product-buttons .product { float:left; width:293px; }
#home-banners { float:left; width:205px; padding:45px 0px 0px 45px; }
#home-banners .banner { float:left; width:205px; padding:7px 0px 6px 0px; }
#home-content { float:left; padding:10px 0px 20px 18px; width:912px; }
#product-buttons { float:left; padding:20px 0px 0px 10px; width:920px; }
#product-buttons .product { float:left; width:230px; }
#contact-image { float:right; margin:10px 0px 20px 20px; width:405px; }
#contact-image #top { background:top left no-repeat url(images/contact-img-top.gif); float:left; height:16px; width:405px; }
#contact-image #mid { background:top left repeat-y url(images/contact-mid-bg.gif); float:left; padding:0px 16px; width:373px;}
#contact-image #btm { background:top left no-repeat url(images/contact-img-btm.gif); float:left; height:16px; width:405px;}
.links ul li a { color:#000; }
.links ul li a:hover { text-decoration:underline; }

/*****SUB NAV*****/
#sub-nav { float:left; padding:10px 20px 0px 0px; width:220px; }
.sub-nav-item { float:left; margin-bottom:10px; width:220px; }
.sub-nav-item .top { background:top right no-repeat url(images/sub-nav-top.gif) #FFFFFF; float:left; height:5px; width:220px; }
.sub-nav-item .mid { background:205px 4px no-repeat url(images/sub-nav.gif) #FFFFFF; float:left; width:220px; }
.sub-nav-item .mid a { color:#c59d2e; display:block; padding:7px 20px 6px 15px; min-height:20px; width:185px;  }
.sub-nav-item .mid a p { color:#000000; font-weight:bold; padding:0;}
.sub-nav-item .mid a:hover { text-decoration:underline; }
.sub-nav-item .mid a.on { color:#c59d2e; text-decoration:underline;}
.sub-nav-item .btm { background:top right no-repeat url(images/sub-nav-btm.gif) #FFFFFF; float:left; height:5px; width:220px; }

/*****Resource****/
.resource { background:top left no-repeat url(images/bg-resource.gif); width:784px; height:86px; padding:20px 20px 20px 110px; margin:15px 0px 10px 0px; }
.resource .pdf { float:left; padding-left:10px; }
.resource .text { float:left; padding-left:0px; }
.resource .text p { font-size:14px; padding:0px 0px 5px 0px;  }
.resource .text span { padding:0px; font-weight:normal; font-size:18px; }
.resource .text span a { color:#000000; }
.resource .button { float:right; padding:0px 5px 0px 10px; text-align:center; }
.resource .button p { padding:0px; color:#000; }

/*****FORM*****/
#step1 td { padding:3px; }
#step2 td { padding:3px; }
#step3 td { padding:3px; }
#step4 td { padding:3px; }
#step5 td { padding:3px; }
#step6 td { padding:3px; }
.stepActive { font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#c99d00; color:white; line-height:13px;padding:5px 2px 5px 10px; cursor:pointer; }
.step { font-family:Arial, Helvetica, sans-serif;  font-size:10px; background-color:#efe1b2; color:black; line-height:13px;padding:5px 2px 5px 10px; cursor:pointer; }
.stepActiveArr { background-color:#c99d00; padding:5px 0px 5px 0px; border-right:2px solid white; }
.stepArr { background-color:#efe1b2; padding:5px 0px 5px 0px; border-right:2px solid white; }
.stepArrLast { background-color:#efe1b2; padding:5px 0px 5px 0px; }
.stepActiveArrLast { background-color:#c99d00; padding:5px 0px 5px 0px; }
.formText{
	height:17px;
	font-size:12px;
	border:1px solid #c7c7c7;
	width:177px;
}
.formTextLarge{
	height:17px;
	font-size:12px;
	border:1px solid #c7c7c7;
	width:354px;
}

.formtitle{
	font-family: Verdana, Geneva, Arial, sans-serif;
	height:16px;
	color: #c99d00;
}

.formSelectDay {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 0px;
	width: 50px;
	height: 17px;
	border:1px solid #c7c7c7;	
}

.formSelectMonth {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 0px;
	width: 70px;
	height: 17px;
	border:1px solid #c7c7c7;	
}

.formSelectYear {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 0px;
	width: 60px;
	height: 17px;
	border:1px solid #c7c7c7;	
}

.formSelectSmall {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 0px;
	width: 60px;
	height: 17px;
	border:1px solid #c7c7c7;
}
.formSelectMed {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 0px;
	width: 179px;
	height: 17px;
	border:1px solid #c7c7c7;	
}

.formSelectBig {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 0px;
	width: 295px;
	height: 17px;
	border:1px solid #c7c7c7;	

}

.formTextSmall {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 2px;
	width: 75px;
	height: 17px;
	border:1px solid #c7c7c7;	
}
.formTextArea {

	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 2px;
	width:173px;
	height: 74px;
	border:1px solid #c7c7c7;	
}
.form_select {
	font-family: Verdana, Geneva, Arial, sans-serif;
   font-size: 11px;
	background-color: #ffffff;
	padding: 0px;
	border:1px solid #c7c7c7;	
}
form#quotation_form div table td.edit_td {
	vertical-align:middle;
}

form#quotation_form div table td.edit_td div {
	background:#c99d00;
	padding:3px;
	cursor:pointer;
	color:white;
}

/****FOOTER*****/
#footer-wrapper { background:top left repeat-x url(images/bg-footer-content.gif) #000; float:left; width:100%; }
#footer-container { margin:0px auto; height:50px; width:1200px; }
#footer-container #left { background:top left no-repeat url(images/bg-footer-content-extra.gif); color:#FFFFFF; float:left; font-size:11px; padding-top:10px; width:50%; }
#footer-container #left a { color:#FFFFFF; }
#footer-container #left a:hover { color:#c59d2e; }
#footer-container #right { color:#eeeeee; float:left; font-size:12px; padding:10px 5px 0px 0px; text-align:right; width:595px;  }

#home-footer-wrapper { background:top left repeat-x url(images/bg-footer-home.gif) #000; height:120px; float:left; width:100%; }
#home-footer-container { color:#ffffff; font-size:12px;  margin:0px auto; height:50px; padding-left:18px; width:1182px; }
#home-footer-container #left { color:#FFFFFF; float:left; font-size:11px; padding-top:10px; width:50%; }
#home-footer-container #left a { color:#FFFFFF; }
#home-footer-container #left a:hover { color:#c59d2e; }
#home-footer-container #right { color:#eeeeee; float:left; font-size:12px; padding:10px 5px 0px 0px; text-align:right; width:575px;  }