@charset "utf-8";
/* CSS Document */

/*##############################################*/
/* Selectors                                    */
/*##############################################*/
/*##############################################*/
body {
	background: url(images/view-port-backgraund.jpg) #e3e9d2 repeat-x;
	margin: 0;
	font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif ;
	color: #202020
}

h1 { /* Page Heading */
	margin:0 0 1.0em 0;
	padding: 9px 0 0 0px;
	font: bold 18px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #202020;
}
h2 {
	margin: 16px 0px 0px 0px;
	padding: 6px 0;
	font: bold 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-indent: 0px;
}
h3 { 
	margin:0 0 1.0em 0;
	padding:4px 0;
	font: bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
h4 {
	margin:0 0 1.0em 0;
	padding: 0;
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #030;
}
p {
	margin: 1.0em 0 0 0;
	font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif ;
	padding: 0;
	color:202020;
}
h1 + p, h2 + p {
	margin-top: 0
}
table, form, input, select {
	margin: 0;
	padding: 0
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold
}
a:hover, a:active  {
	color: #999;
	text-decoration: underline;
	font-weight: bold
}
ul {
	margin:0;
	padding:5px 15px;
	list-style-type: disc;
}
/*##############################################*/
/* WRAPPER LAYOUT                               */
/*##############################################*/
#wrapper-layout {
	background: url(images/top-image.jpg) no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 820px;
	position:relative;
	display: block;
}
/*##############################################*/
/* HEADER LAYOUT                                */
/*##############################################*/
#header-layout {
	margin: 0;
	padding:0;
	width: 820px;
	height: 124px
}
/*##############################################*/
/* NAVBAR LAYOUT                                */
/*##############################################*/
#nav-bar {
	margin:0 0 0 10px;
	padding:0;
	width:474px;
	height:35px;
	display:block
}
#nav-bar A.home, #navBar A.activeHome {
	background: url(images/nav/home.png) no-repeat;
	margin:0 0 0 0px;
	float: left;
	width:80px;
	height:35px;
	display:block
}
#nav-bar A.home:hover {
	background: url(images/nav/home-over.png) no-repeat;
	float: left;
	width:80px;
	height:35px;
	display:block
}
#nav-bar A.about {
	background: url(images/nav/about-us.png) no-repeat;
	float: left;
	margin:0 0 0 0px;
	width:96px;
	height:35px;
	display:block
}
#nav-bar A.about:hover  {
	background: url(images/nav/about-us-over.png) no-repeat;
	margin:0 0 0 0px;
	width:96px;
	height:35px;
	display:block
}
#nav-bar A.activeAbout {
	margin:0 0 0 0px;
	background: url(images/nav/about-us-over.png) no-repeat;
	width:96px;
	height:35px;
	display:block
}
#nav-bar A.product {
	background: url(images/nav/products.png) no-repeat;
	margin:0 0 0 0px;
	float: left;
	width:100px;
	height:35px;
	display:block
}

#nav-bar A.product:hover {
	background: url(images/nav/products-over.png) no-repeat;
	margin:0 0 0 0px;
	width:100px;
	height:35px;
	display:block
}
#nav-bar A.activeProduct {
	background: url(images/nav/products-over.png) no-repeat;
	margin:0 0 0 0px;
	width:100px;
	height:35px;
	display:block;
	float: left;
}
#nav-bar A.finance {
	background: url(images/nav/financing.png) no-repeat;
	margin:0 0 0 0px;
	float: left;
	width:98px;
	height:35px;
	display:block
}
#nav-bar A.finance:hover {
	background: url(images/nav/financing-over.png) no-repeat;
	margin:0 0 0 0px;
	width:98px;
	height:35px;
	display:block
}
#nav-bar A.activeFinance {
	background: url(images/nav/financing-over.png) no-repeat;
	margin:0 0 0 0px;
	float: left;
	width:98px;
	height:35px;
	display:block
}
#nav-bar A.contact {
	background:url(images/nav/contact.png) no-repeat;
	margin:0 0 0 0px;
	float: left;
	width:100px;
	height:35px;
	display:block
}
#nav-bar A.contact:hover {
	background: url(images/nav/contact-over.png) no-repeat;
	margin:0 0 0 0px;
	width:100px;
	height:35px;
	display:block
}
#nav-bar A.activeContact{
	background: url(images/nav/contact-over.png) no-repeat;
	margin:0 0 0 0px;
	float: left;
	width:100px;
	height:35px;
	display:block
}

/*##############################################*/
/* SUB NAVBAR LAYOUT                            */
/*##############################################*/
#sub-navigation {
	background:url(images/sub-nav/sub-navigation.jpg) no-repeat;
	margin:-2px 10px 0 10px;
	width:800px;
	height:30px;
	display:block;
}

#sub-navigation A.active {
	background: #6ea22b;
}
#sub-navigation A.current {
	background: #628c2c;
}
/*##############################################*/
/* CONTENT                                */
/*##############################################*/
#container {
	background:url(images/container-background.png) repeat-y;
	width:800px; /* actual 648px */
	min-height:364px;
	margin:4px 10px 0 10px;
	padding:0;
}
#container-bottom {
	background: url(images/container-bottom-background.png) no-repeat;
	width:800px; /* actual 648px */
	height:8px;
	margin:0 10px;
	padding:0;
	display:block
}
.container-left{
	font: 12px/18px normal Verdana, Arial, Helvetica, sans-serif;
	padding:20px 20px 0 30px;
	margin:0px 0 0 0px;
	width:530px;
	float:left;
}
.container-left-home{
	font: 12px/18px normal Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0 0px;
	margin:4px 0 0 4px;
	width:580px;/*actual 424px */
	float:left;
}
.container-right{
	background: #96cf52;
	font: 12px/18px normal Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0 0px;
	margin:4px 4px 0 0px;
	width:206px;
	min-height:410px;
	float:right;
}
.products-container {
    height:660px;
	width:760px;
	margin:4px 0;
	padding:20px 15px 0 20px;
}
.home-column-left {
	width:206px;
	margin:0;
	padding:0;
	float:left;
}
.home-column-middle {
	width:370px;
	margin:0 0 0 4px;
	padding:0;
	float:left;
}
.popup {
	width:264px;
	margin:0;
	padding:0;
	border:0;
	background: #FFF;
	cursor: pointer;
}
.tips-column {
	width:240px;
	float:left;
	margin:0;
	padding:10px 20px 10px 0;
}
.appointment-layout {
	background:url(images/service-request-background.jpg) no-repeat;
	width: 206px;
	height:78px;
	display:block;
	margin:0;
	padding:0;
}
.questions-layout {
	background: url(images/have-questions-layout-background.jpg) no-repeat;
	width: 206px;
	height:323px;
	display:block;
	margin:8px 0 0 0;
	padding:0;
}
.contactForm {
	border-top: 2px solid #030;
	font: bold 10px;
	margin:25px 0 0 0px;
	padding:12px 0px 0 0px ;
	display:block;
}
.submit-button {
	width:83px;
	height:26px;
	background:url(images/submit-button.jpg) no-repeat;
	border:0px;
	cursor:pointer;
}
.image-right {
}
.image-right img {
	float:right;
	padding-left:10px;
}

.image-left {
}
.image-left img {
	float:left;
	padding-right:10px;
}
/*##############################################*/
/* FOOTER LAYOUT                               */
/*##############################################*/
#footer-lyaout{;
	font:12px/18px bold Verdana, Geneva, sans-serif;
	color:#4e321e;
	width:810px; /* actual 820px */
	margin:9px 10px;
	padding:0;
}
#footer-lyaout p{
	font:12px/18px bold Verdana, Geneva, sans-serif;
	margin:0;
	padding:0 0px;
}
#footer-lyaout img {
	float:right;
	margin-left:0px;
	border:0;
}
#footer-lyaout a:link, a:visited {
	font:10px/16px Verdana, Geneva, sans-serif;
	color: #4e321e;
	text-decoration: none;
	font-weight: bold
}
#footer-lyaout a:hover, a:active  {
	font:10px/16px Verdana, Geneva, sans-serif;
	color: #4e321e;
	text-decoration: underline;
	font-weight: bold
}

.container-left ul li {
	font-size: 14px;
	line-height: 18px;
}

#iframeproducts {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-left: 20px;
    max-height: 800px;
    max-width: 950px;
    position: absolute;
    -webkit-transform: scale(0.8, 0.8);
    -webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
    transform: scale(0.8, 0.8);
    transform-origin: left top 0;
    border: 0 none;
    z-index: 999;
}

.products-container  h1 a:hover, a:active, a:link, a:visited  {
	font: bold 18px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #202020;
    text-decoration: none;
}

ul.iebulletfix li {
    list-style: none;
    padding-left: 1em;
}
    
ul.iebulletfix li:before {
    content: "\2022";
    font-size: 35px;
    vertical-align: middle;
    line-height: 20px;
    padding-right: 0.2em;
}

.note {
    font:10px/16px Verdana, Geneva, sans-serif;
}