@charset "UTF-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#333333;
	font-size:12px;
	background:#CCE5FF url(../images/bkgd_water.jpg) top center fixed no-repeat;
}


.oneColElsCtr #bodywrapper {
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-image:url(../images/bkgd_maincontent.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

table, tr, td{
	border:none;
	padding:5px;
	margin:5px;
	}

/* Start Global Page Styles */
.oneColElsCtr #pagewrapper {
	width: 880px;
	height: auto;
	background:transparent none repeat scroll 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #topContent {
	width:880px;
	height:100px;
	margin:0;
	margin-top:0;
	float:left;
	padding: 0px;
	text-align:right;
}
.oneColElsCtr #mainContent_wrapper {
	background-image:url(../images/bkgd_maincontent.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	padding: 0px 0px 20px 0px;
	height:auto;
	width:880px;
	float:left;
}
#mainContent_bottom {
	background-image:url(../images/bkgd_maincontent_btm.jpg);
	background-repeat:no-repeat;
	padding: 0px;
	height:12px;
	width:880px;
	float:left;
}
#flashhero {
	/*background-image:url(../images/flashhero_placeholder.jpg);*/
	width: 880px;
	height: 200px;
	padding: 0px;
	float:left;
}
#footer {
	width:880px;
	height:50px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0066cc;
	text-align:right;
	line-height: 5;
}
/* End Global Page Styles */


/* Start Global Text Style */
h1 {
	margin:0;
	color: #009933;
	font-size:24px;
	font-weight:normal;
}
h2 {
	margin:0;
	color: #6699cc;
	font-size:12px;
	font-weight:bold;
}

h3 {
	color:#006699;
	font-size:14px;
	font-weight:normal;
}

h4 {
	color:#006699;
	font-size:10px;
	font-weight:normal;
}

h5 {
	margin:0;
	color: #0066CC;
	font-size:24px;
	font-weight:normal;
}

h6 {
	margin:0;
	color: #0f4470;
	font-size:12px;
	font-weight:bold;
}

h7 {
	margin:0;
	color: #0f4470;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}

h8 {
	margin:0;
	color: #009933;
	font-size:16px;
	text-align:right
	font-weight:normal;
}

h9 {
	margin:0;
	color: #009933;
	font-size:16px;
	text-align:right
	font-weight:normal;
}

p, td, li {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:1.5;
}
/* End Global Text Style */


/* Start Global Img Style */
img {
	border:0;
}
/* End Global Img Style */


/* Start Page Single Column Division Style */
#oneContent_wraper {
	width:860px;
	heght:auto;
	padding:10px 10px 0px 10px;
	margin:0px;
	float:left;
}
/* End Page Single Column Division Style */


/* Start Page Two Column Division Style */
#twoContentL_wraper {
	width:305px;
	heght:auto;
	padding:10px 10px 0px 10px;
	margin:0px;
	float:left;
}
#twoContentR_wraper {
	width:500px;
	heght:auto;
	padding:10px 10px 0px 10px;
	margin:0px;
	float:left;
}
.btn_product_wrapper {
	width:285px;
	height:auto;
	padding:0px 0px 10px 0px;
	margin:0;
	float:left;
}
.btn_product_imgResdntl {
	background-image:url(../images/btn_product_imgRsdntl.gif);
	background-repeat:no-repeat;
	width:75px;
	height:125px;
	float:left;
}
.btn_product_imgcmrcl {
	background-image:url(../images/btn_product_imgcmrcl.gif);
	background-repeat:no-repeat;
	width:75px;
	height:125px;
	float:left;
}
.btn_product_content {
	background-image:url(../images/btn_product_content.gif);
	background-repeat:no-repeat;
	width:210px;
	height:125px;
	float:left;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}
.btn_product_content h1 {
	color:#ffffff;
	font-size:18px;
	font-weight:normal;
}
.btn_product_content li, a, a:visited  {
	color:#0066cc;
	font-size:12px;
	font-weight:normal;
/*	padding:0px 0px 5px 0px; *//*do not use this padding as it messes up the acordian */
	text-decoration:none;
	text-indent:none;
	list-style-image:none;
	list-style-type:none;
	padding-bottom:5px;
}
	/*IE 6 HACK*/
*html .btn_product_content li {
margin-left:-13px;
}

	/*IE 7 HACK*/
*:first-child+html .btn_product_content li {
   margin-left:-15px;
}
.btn_product_content a:hover {
	color: #ff9900;
	text-decoration:none;
}
/* End Page Two Column Division Style */


/* Start Page Three Column Division Style */
#threeContentL_wraper {
	width:180px;
	heght:auto;
	padding:10px 0px 0px 10px;
	margin:0px;
	float:left;
}
#threeContentC_wraper {
	width:395px;
	heght:auto;
	padding:10px 10px 0px 10px;
	margin:0px;
	float:left;
}
#threeContentR_wraper {
	width:265px;
	heght:auto;
	padding:10px 0px 0px 0px;
	margin:0px;
	float:left;
}
/* Start Page TWO Column Division Style with NAV */
#twoContentNavL_wraper {
	width:180px;
	heght:auto;
	padding:10px 0px 0px 10px;
	margin:0px;
	float:left;
}

#twoContentNavR_wraper {
	width:660px;
	heght:auto;
	padding:10px 10px 0px 10px;
	margin:0px;
	float:left;
}
/* END Page Three Column Division Style  with NAV*/
#product_detail_wrapper {
	width:265px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
.product_detail_top {
	background:url(../images/product_detail_top.gif) bottom no-repeat;
	width:265px;
	height:10px;
	margin:0;
	padding:0px;
	float:left;
}
.product_detail_btm {
	background:url(../images/product_detail_btm.gif) top no-repeat;
	width:265px;
	height:10px;
	margin:0;
	float:left;
}

.product_detail_content {
	background-image:url(../images/product_detail_bkgd.gif);
	background-repeat:repeat-x;
	background-position:top;	
	background-color:#ffffff;
	width:263px;
	height:auto;
	margin:0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:0px;
	text-align:left;
	float:left;
}
.product_detail_thumb {
	border:0;
	margin:0;
	padding:0px;
	width:263px;
}
.product_detail_content h1 {
	margin:0;
	padding:0px 0px 0px 10px;
	color: #009933;
	font-size:16px;
	font-weight:normal;
}
.product_detail_content h2 {
	margin:0;
	padding:0px 0px 0px 10px;
	color: #6699cc;
	font-size:12px;
	font-weight:bold;
}
.product_detail_content p {
	margin:0;
	color: #333333;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

.product_detail_content, #product_detail_wrapper ul{
	margin:0;
	padding-bottom:10px;
	padding-top:5px;
}

.product_detail_content, #product_detail_wrapper li{
	margin:0;
	padding:2px 0px 0px 0px;
	color: #333333;
	font-size:10px;
	list-style-position:outside;
}
.product_detail_brochure {
	width:auto;
	height:auto;
	margin:0;
	padding:0px 0px 0px 10px;
	float:left;
}
#dealer_location_wrapper {
	width:500px;
	heght:auto;
	padding:10px 10px 0px 0px;
	margin:0px;
	float:left;
}
.dealer_location_T {
	background-image:url(../images/dealer_location_T.gif);
	background-repeat:no-repeat;
	width:550px;
	height:10px;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.dealer_location_M {
	background-image:url(../images/dealer_location_M.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
	width:548px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.dealer_location_B {
	background-image:url(../images/dealer_location_B.gif);
	background-repeat:no-repeat;
	width:550px;
	height:10px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
}
.dealer_location_details {
	width:540px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:right;
}

.dealer_location_details h1 {
	color:#006699;
	font-size:12px;
	font-weight:bold;
}

.dealer_location_details h2 {
	color:#006699;
	font-size:10px;
	font-weight:normal;
}

.dealer_location_details h2 {
	color:#006699;
	font-size:10px;
	font-weight:normal;
}

/* End Page Three Column Division Style */
/* End Page Division Style */


/* Start CSS Menu */
#topnav {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	color: #0066cc;
	width:590px;
	height:25px;
	margin:0;
	margin-top:0;
	float:right;
	padding: 0px;
}
#topnav a {
	white-space:nowrap;/*------------------change for word wrap*/
	margin:0;
}
#topnav a:link, #topnav a:visited, #topnav a:active	/* menu at rest */ {
	color: #0066cc;
	text-decoration:none;
}
#topnav a:hover	/* menu at mouse-over  */ {
	color: #ff9900;
	text-decoration:none;
}
#topnav ul {
	list-style:none;
	margin:0;
	padding:0px;
	width:auto;	/* width of all menu boxes */
	float:right;
	
}
#topnav li {
	min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
	vertical-align:middle; /* Sophie Dennis contribution for IE7 */
	padding: 4px 5px 0px 5px;;
	float:left;
}
div#topnav li:hover {
	cursor:pointer;
	z-index:100;
}
.dealer {
	padding:0px 0px 0px 5px;
	float:right;
}

div.breadcrumb{
	padding: 10px 0px 10px 0px;
	height:auto;
	width:880px;
	float:left;
	font-size:10px;
	color:#999999;
	border-top:1px solid #CCCCCC;
	}

div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:active, div.breadcrumb a:visited, div.breadcrumb a:hover{
	padding: 10px 0px 10px 10px;
	font-size:10px;
	color:#999999;
	}	
/*============= GOOGLE MAP INFO BOX =============*/
  .infobox{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  }
  
  .infobox h1{
  font-size:14px;
  margin:0px;
  }
  
  .infobox a:hover {
	color:#FF9900;
	text-decoration:none;
}

.infobox a, a:visited {
	color:#0066CC;
	font-size:12px;
	font-weight:normal;
	list-style-image:none;
	list-style-type:none;
	text-decoration:none;
}

#threeContentMap_wraper {
	width:340px;
	heght:auto;
	padding:10px 30px 0px 35px;
	margin:0px;
	float:left;
}

/*============= end of GOOGLE MAP INFO BOX =============*/  	
/*/////////////////////////////////// login ///////////////////////////////////*/
#login {	
	width:400px;
	float:left;
	padding:0px;
	background-color:#ffffff;
}
.login_top {
	background-image:url(../images/login_top.png);
	width:200px;
	height:31px;
}
.login_btn {
	text-align:center;
	padding:0px;
}
.login_content {
	width:180px;
/*	color:#efbd75;*/
	padding: 5px 10px 0px 10px;
/*	border:0px 1px 0px 1px solid #210d0a;*/
	background-color:#ffffff;
}
.login_user {
width:150px;
}
.login_pass {
width:150px;
}
.login_content ul{
	list-style-type: none;
	text-decoration:none;
	display:inline;
	list-style-position:inside;
	padding-left:0px;
	margin-left:0px;
}
.login_content ul li{
	color:#461e18;
	padding: 5px 0px 5px 0px;
	margin-left:0;
	list-style-position:inside;
	text-indent:none;
}

*html .login_content ul li, *html .login_content ul{
	list-style-type:none;
	list-style-position:inside;
	
}
.login_content hr{
	color:#461e18;
/*	padding: 5px 0px 5px 0px;
	border-bottom-style:dashed;
*/
}
.login_content a:link {
	color: #461e18;
	text-decoration: none;
}
.login_content a:visited {
	text-decoration: none;
}
.login_content a:hover {
	text-decoration: underline;
	color: #461e18;
}
.login_content a:active {
	text-decoration: none;
}
.login_content a {
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
}
/* End CSS Menu */

/* SITE MAP STYLES */

#SitemapL_wraper {
	width:300px;
	height:auto;
	padding:20px 20px 20px 20px;
	margin:0px;
	float:left;
}


/*============= Home page carosel =============*/
.brand {
	margin:10px 0px 10px 10px;
}

.carouselwrapper {
	width:860px;
	height:130px;
	margin:10px 10px -30px 10px;
	padding:0 0 10px 0;
	clear:both;
	background:#fff;
	/* rounded corners */ -moz-border-radius: 5px 0px 5px 0px;  -webkit-border-radius: 5px 0px 5px 0px;
}

.infiniteCarousel {
  width: 650px;
  position: relative;
  float:right;
  margin-right: 10px;

}

*:first-child+html .infiniteCarousel {margin-top:-130px;}

.infiniteCarousel .wrapper {
  width: 580px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 130px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.BtmBtns {
  width: 850px;
  position: relative;
  float:left;
  margin-left:8px;
  margin-top:12px;

}

.BtmBtns .wrapper {
  width: 850px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 130px;
  margin: 0px;
  top: 0;
}

.BtmBtns .wrapper ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.BtmBtns ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 110px;
  width: 150px;
}

.BtmBtns ul li a img {
  display:block;
}

.BtmBtns ul a img {
/*  border: 1px solid #333;*/
/* rounded corners */ -moz-border-radius: 5px 0px 5px 0px;  -webkit-border-radius: 5px 0px 5px 0px;
/* box shadow */ -moz-box-shadow: 0px 0px 3px #333; -webkit-box-shadow: 0px 0px 3px #333; box-shadow: 0px 0px 3px #333;
}

.infiniteCarousel ul a img {
/*  border: 1px solid #333;*/
/* rounded corners */ -moz-border-radius: 5px 0px 5px 0px;  -webkit-border-radius: 5px 0px 5px 0px;
/* box shadow */ -moz-box-shadow: 0px 0px 3px #333; -webkit-box-shadow: 0px 0px 3px #333; box-shadow: 0px 0px 3px #333;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 110px;
  width: 170px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 110px;
  width: 30px;
  background: url(/images/arrow.png) no-repeat 0 0;
  text-indent: -99999px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 -110px;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 0;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -110;
}

.infiniteCarousel .back:hover {
  background-position: 0 0;
}



/*============= Banner Navigation =============*/

.BannerNav {
	background:url(/images/BannerNav.jpg) 0 0 repeat-x;
	z-index:65;
	position:relative;
	width:auto;
	height:30px;
	float:right;
	margin:0 10px -50px 0;
/*	left:84%;*/
/* round corners*/ -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
/* box shadow */ -moz-box-shadow: 0px 2px 2px #333; -webkit-box-shadow: 0px 2px 2px #333; box-shadow: 0px 2px 2px #333;}
.BannerNav li {
	display:inline-block;
	float:left;
	height:30px;
}
.BannerNav a {
	display:block;
	border:0;
	margin:0;
	padding:5px 10px;
	color: #fff;
	text-decoration: none;
}
.BannerNav a.active, .BannerNav a:hover {
	color:#f90;
}

/*============= Social =============*/
div.social {float:left; width:50%; text-align:left;}
.follow {float:left; font-size:16px; padding:5px 10px 5px 0px; margin:0; line-height:1.5;}
.social, .social a {display:inline-block; height:32px; width:32px; padding:5px; margin:0; cursor:pointer; float:left;}
.twitter, .twitter a, .twitter:hover { background:url(/images/icon-twitter.png) 0 0 no-repeat; text-indent:-99999px;}
.facebook, .facebook a, .facebook:hover { background:url(/images/icon-facebook.png) 0 0 no-repeat; text-indent:-99999px;}
.youtube, .youtube a, .youtube:hover { background:url(/images/icon-youtube.png) 0 0 no-repeat; text-indent:-99999px;}

/*============= Landing Page =============*/
#landing {background-image:url(../images/bkgd_maincontent.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	padding: 0px 0px 20px 0px;
	height: 340px;
	width: 600px;
	position: relative;
	top: 100px;
	left: 14%;
	/* round corners*/ -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
	/* box shadow */ -moz-box-shadow: 0px 2px 2px #333; -webkit-box-shadow: 0px 2px 2px #333; box-shadow: 0px 2px 2px #333;
}

#landing .brand {
	width:320px;
	height:260px;
	background:url(../images/landing_brand.png) 50% no-repeat;
	text-indent:-99999px;
	margin:0 auto;
}

#landing .half {
	width:280px;
	heght:auto;
	padding:10px;
	margin:10px 0 0 0;
	float:left;
	text-align:center;
}

.btn_landing {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	height:30px;
	background:url(../images/btn_bkgd.png) 0 0 repeat-x;
	padding:10px;
	margin:0 auto;
	text-align:center;
	text-shadow: #333 0px 1px 1px;
	/* round corners*/ -moz-border-radius: 5px; border-radius: 5px;
	/* box shadow */ -moz-box-shadow: 0px 0px 2px #333; -webkit-box-shadow: 0px 0px 2px #333; box-shadow: 0px 0px 2px #333;
}
a.btn_landing {
	color:#fff;
}