@charset "UTF-8";
/******** Breezesta CSS Document - Copyright 2010 *********/

body {margin:0; padding:0; background:url(../images/body_bg.jpg) repeat-x #fff;}
.clear {clear:both;}
#container {margin:20px auto 0 auto; width:914px; background:url(../images/container_bg.jpg) no-repeat; padding:10px;}

/******* masthead *******/

#masthead {background:url(../images/masthead_bg.jpg) no-repeat; width:912px; height:169px;}

h1 {margin:0; text-indent:-9999px; background:url(../images/h1_bg.jpg) no-repeat 15px 35px; float:left; width:677px; height:130px;}

ul#small-nav {margin:20px 0 0 0; padding:0; list-style-type:none; float:left; width:192px; display:block;}
ul#small-nav li {float:left; margin:0 8px;}
ul#small-nav a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3ba2d4; display:block; padding:25px 0 0 0;}

a#about {background:url(../images/about_btn.jpg) no-repeat top center;}
a#where {background:url(../images/where_btn.jpg) no-repeat top center;}
a#dealers {background:url(../images/dealers_btn.jpg) no-repeat top center;}

ul#nav {width:934px; margin:0; padding:5px 5px 0 15px; list-style-type:none;}
ul#nav li {float:left; margin:0 5px; height:32px;}
ul#nav li a {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#5c608b; text-decoration:none; padding:0 25px 8px 25px;}

a#home {background:url(../images/nav_yellow.gif) no-repeat top left;}
a#home:hover {background-position:0 -28px;}
a#colors {background:url(../images/nav_red.gif) no-repeat top left;}
a#colors:hover {background-position:0 -28px;}
a#quality {background:url(../images/nav_brown.gif) no-repeat top left;}
a#quality:hover {background-position:0 -28px;}
a#eco {background:url(../images/nav_green.gif) no-repeat top left;}
a#eco:hover {background-position:0 -28px;}
a#maintenance {background:url(../images/nav_blue.gif) no-repeat top left;}
a#maintenance:hover {background-position:0 -28px;}
a#contact {background:url(../images/nav_dkbrown.gif) no-repeat top left;}
a#contact:hover {background-position:0 -28px;}

/****** left column **********/

h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; margin:0; padding:8px; background:url(../images/h2_bg.jpg) no-repeat;}

.left {float:left; width:217px; background:#f7f6ef;}
.left ul {margin:0 0 30px 0; padding:10px; list-style-type:none; background:#E0DFE7;border-bottom:6px solid #7B80AA;}
.left li {padding:4px 0 4px 15px; background:url(../images/sidebar_li.gif) no-repeat 0 11px; border-bottom:1px dotted #666;}
.left li a {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-decoration:none;}
.left li a:hover {color:#3AAF3A;}
.left img {margin:10px;}

/****** right column content **********/

h3 {font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#42669b; margin:5px 0;}

h4 {font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#2d7372; margin:5px 0;}

hr { border-bottom-style:dotted; border-bottom-color:#d5dadf; border-bottom-width:thin; border-top-style:none; border-left-style:none; border-right-style:none;}

.right {float:left; padding:0 0 0 14px; width:671px;}
.right a {color:#990000; text-decoration:underline;}
.right a:hover {color:#FF1A1A;}

#showcase {background:url(../images/showcase_bg.jpg) no-repeat; text-indent:-9999px; width:671px; height:300px;}

p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; margin:5px 0 10px 0; line-height:18px;}

p span {color:#887ec6; font-weight:bold;}

ol {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; margin:5px 0 10px 0; line-height:18px; }

ul {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; margin:5px 0 10px 0; line-height:18px; }

.content a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f1816f; margin:5px 0 10px 0; line-height:18px; text-decoration:none;}
.content a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#287458; margin:5px 0 10px 0; line-height:18px; text-decoration:none; border-bottom-style:dotted; border-bottom-color:#f49c12; border-bottom-width:thin;}

.cta {float:left; width:206px; height:130px; padding:10px; color:#fff;}
.cta p {colro:#fff; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#qualitycta {background:url(../images/quality_bg.jpg) no-repeat;}

#colorful {background:url(../images/colorful_bg.jpg) no-repeat; width:196px;}

#stylish {background:url(../images/stylish_bg.jpg) no-repeat; color:#666;}

a#CTA {display:block; width:200px; height:120px; float:right; margin:0px 0px 0 0; overflow:hidden; text-decoration:none; color:#ffffff;}
a#CTA2 {display:block; width:200px; height:120px; float:right; margin:0px 0px 0 0; overflow:hidden; text-decoration:none; color:#666666;}

.products {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:18px; font-weight:bold; border-style:dotted; border-color:#d5dadf; border-width:thin;}

input, textarea {background:url(../images/input_bg.jpg) repeat-x; color:#666; border:1px solid #CCC; font-size:12px; padding-bottom:2px;}
form .submit {background:url(../images/submit_bg.gif) no-repeat; color:#666; width:136px; height:22px; border:0; padding-bottom:6px; color:#333; cursor:pointer;}

form td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#336666;}
form fieldset {color:#EEE;}
form legend {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}

.sfpg a {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#login {float:right; width:190px; height:210px; background-color:#F8F8FA; padding:5px 20px 15px 20px; border:1px solid #D1D1D1; margin:0 20px 20px 20px; }
p.error {font-weight:bold; color:#CA0000;}

/* nik 5/25/11 */
a.forgot {font-family: Arial, sans-serif; font-size:11px;}
#forgot-your-password {display: none;}
#forgotpassword {padding:10px 20px; height:200px; border:1px solid #ccc; width:250px;}
span.load {background: url(../images/load.gif) no-repeat; display: block; height:19px; width:220px;}
span.success {font-family: Arial, sans-serif; color:green; font-size:11px;}
span.error {font-family: Arial, sans-serif; color:red; font-size:11px;}

.announce {padding:5px; border:#FF0000 1px dashed;}
.announce p {color:#FF0000; font-size:16px; font-weight:bold;}

/********** footer *************/

#footer {background:url(../images/footer_bg.jpg) no-repeat; margin:0 auto 20px auto; width:934px; .width:975px; height:35px; padding:15px 0 0 0;}
#footer p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin:0; text-align:center;}
#footer a {text-decoration:none; color:#666;}
#footer a:hover {text-decoration:underline;}