/* Imports
----------------------------------------*/
@import url("/css/reset.css");
@import url("/css/forms.css");
@import url("/dealer-locator/phpGoogleStoreLocator-css-stylesheet.css");

/* Elements
----------------------------------------*/
.green {
  color:#99cc33;
}

.blue {
  color:#0077ee;
}

.gray {
  color:#dadada;
}


body {
  background:url(../images/background/top_bg.jpg) repeat-x;
  background-color:#d6dde2;
}

body, td, th, li {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:16px;
  color:#000000;
}

#definitions {
  margin-top:25px;
}

#definitions td {
  padding:10px 15px 10px 0;
  border-top:1px solid #dadada;
  font-size:11px;
}

#definitions th {
  font-weight:bold;
  padding-bottom:5px;
  color:#0077ee;
}

#wrapper {
  width:1010px;
  margin: 0 auto 15px;
}

table td {
  vertical-align:top;
}

#header {
  width:990px;
  height:208px;
  background:url(../images/background/header_bg.jpg) no-repeat;
  margin:0 auto;
}

#left-col {
  width:158px;
  float:left;
  margin-top:20px;
  margin-left:20px;
}

#left-col h2{
  border-bottom:2px solid #99cc33;
  color:#99cc33;
  padding-bottom:10px;
  font-style:italic;
  padding-left:10px;
}

#left-col ul{
  padding-bottom:10px;
}

#left-col li{
list-style: none;
}

#left-col li a {
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #dadada;
  text-decoration: none; display:block;
  color:#333;
}

#left-col li a:hover {
  background:#eee;
  color:#0077ee;
}


#main-col, .main-col {
  width:516px;
  float:left;
  padding:0 20px;
  margin:20px 0;
  border-right:1px solid #dadada;
/*  border-left:1px solid #dadada;
*/}

blockquote {
  width:486px;
  padding:15px;
  background:#eee;
  margin:0 auto 15px;
  border-bottom:1px solid #dadada;
  border-top:1px solid #dadada;
}

#main-col h1, .main-col h1{
  font-size:36px;
  margin-top:0;
  line-height:44px;
  padding-top:0;
  padding-bottom:15px;
  color:#333333;
}

#main-col h2, .main-col h2 {
  padding-top:10px;
  padding-bottom:10px;
  line-height:26px
}

#main-col h3 {
  line-height:22px;
  color:#666666;
  font-size:14px;
  font-style:italic;
  font-weight:normal;
}

.main-col h3 {
  line-height:22px;
  font-size:14px;
  font-weight:bold;
}

#main-col h4 {
  line-height:18px;
  color:#0077EE;
  font-size:12px;
  margin-bottom:5px;
  padding:5px 0;
  border-top:1px solid #dadada;
}

#main-col img {
  border:1px solid #dadada;
}

#main-col ul {
  padding-left:15px;
  margin-left: 5px;
  list-style: none;
  margin-top:5px;
}

#main-col li {
margin-bottom:10px;
line-height:18px;
padding-left: 15px;
background-image:url(../images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .6em;
}

#main-col ul li ul {
  padding-left:3px;
  margin-left: 0;
  list-style: none;
  margin-top:5px;
}

#main-col ul li ul li{
background-image:url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0 .6em;
padding-left:20px;
}


#right-col {
  float:right;
  width:218px;
  margin-top:20px;
  margin-right:20px
}

#right-col h2{
  color:#0077ee;
  margin-top:0;
  font-style:italic;
  margin-bottom:10px;
  line-height:20px;

}

#right-col p{
  color:#333333;
  font-size:11px;
  line-height:16px;
}

.box-two {
  width:217px;
  float:right;
/*  background: #f7f7f7;
  border: 1px solid #d0d0d0;
  position: relative;*/
  margin-top: 7px;
  padding:0 20px;
}

.box-two h3{
  font-size:14px;
  padding-bottom:5px;
  color:#0077ee;
}

.box-two .tl {
  position: absolute;
  width: 9px;
  height: 9px;
  background: url(../images/background/box_tl.png);
  top: -1px;
  left: -1px;
}
.box-two .tr {
  width: 9px;
  height: 9px;
  background: url(../images/background/box_tr.png);
  position: absolute;
  top: -1px;
  right: -1px;
}
.box-two .bl {
  width: 9px;
  height: 9px;
  background: url(../images/background/box_bl.png);
  position: absolute;
  bottom: -1px;
  left: -1px;
}
.box-two .br {
  width: 9px;
  height: 9px;
  background:url(../images/background/box_br.png);
  position: absolute;
  bottom: -1px;
  right: -1px;
}

/*.box-two a:link, .box-two a:visited {
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  padding:10px 30px;
  font-size:12px;
  color:#000;
  background:#99cc33;
  text-decoration:none;
  width:auto;
  height:auto;
  
}

.box-two a:hover {
  background:#000;
  color:#fff;
}
*/

/* Main Content
----------------------------------------*/
#mainContent {
  background:url(../images/background/body_bg.png) center repeat-y;
  width:990px;
  padding:10px 10px 0;
  clear:both;
}

#home-main {
  background:url(../images/background/main_bg.jpg) bottom no-repeat #e3f6fe;
  width:950px;
  margin:10px 0 0 20px;
  border:1px solid #dadada;
  border-bottom:2px solid #0077ee;
  padding-top:30px;
  padding-bottom:30px;
  overflow:auto;
  min-height:300px;
}

#home-main p{

}

#home-main h1, #home-main p {
  margin-left:490px;
  margin-right:20px;
}

#home-main h1 {
  margin-bottom:15px;
}


/* 

----------------------------------------*/

/*nav*/
#navcontainer {
  margin-top:0;
  padding-top:0;
  height:48px;
  width:100%;
  background:url(../images/navigation/nav_green_bg.png) repeat-x;
  clear:both;
}

#navcontainer ul
{
padding-top:0;
margin-top:0;
padding-left: 0;
margin-left: 0;
color: white;
float: left;
width: 100%;
background:url(../images/navigation/nav_blue_bg.png) repeat-x;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 7px 15px;
color: #fff;
text-decoration: none;
float: left;
height:20px;
border-right:1px solid #0057b0;
border-left: 1px solid #4291de;
}

/*#navcontainer ul li a:hover, #navcontainer ul li a.active
{
color: #fff;
background:none;
border:none;
padding:7px 16px;
border-collapse:collapse;
background:url(../images/navigation/nav_green2_bg.png) repeat-x top;
}
*/

#navcontainer ul li a:hover, #navcontainer ul li a.active
{
color: #fff;
background:none;
border:none;
padding:7px 15px;
border-collapse:collapse;
background:url(../images/navigation/nav_green2_bg.png) repeat-x top;
border-right:1px solid #528136;
border-left: 1px solid #a2c758;
}

#map-container {
  width:714px;
  margin-left:20px;
  float:left;
  margin-top:20px;
  background:#dadada;
}

#locations-container {
  width:316px;
  margin-right:20px;
  float:right;
  margin-top:20px;
}

.cat {
  float:left;
  margin-left:20px;
  width:208px;
  margin-top:25px;
  padding-right:15px;
  border-right:1px solid #dadada;
  margin-bottom:20px;
}

.cat h2 {
  color:#0077ee;
  margin-top:0;
  font-style:italic;
  margin-bottom:10px;
}

.cat p {
  color:#333333;
  font-size:11px;
  line-height:16px;
  margin-bottom:0;
}

.last {
  border:none;
}

.table-format td{
  padding-right:20px;
}

/*----------------------*/
#body-bottom {
  background:url(../images/background/body_bottom.jpg) center top no-repeat;
  height:31px;
  width:100%;
}

#footer {
  width:950px;
  border-top:1px solid #dadada;
  padding-top:10px;
  margin:0 auto;
  clear:both;
  padding-bottom:1px;
}

#footer p {
 color:#333333;
 margin-bottom:0;
}

p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:20px;
  color:#000000;
  margin: 0 0 15px 0;
}

p.underline {
  padding-bottom:15px;
  border-bottom:1px solid #dadada;
}

/*--- Link Styles ---*/
a:link, a:visited {
  color:#0077ee;
}

a:hover, a:active {
  color:#0077ee;
  text-decoration:none;
}

a.plain:link, a.plain:visited, #footer a {
  color:#666;
  text-decoration:none;
}

a.plain:hover, #footer a:hover {
  color:#666666;
  text-decoration:underline;
}

a.join-now {
  display: block;
  width: 129px;
  height: 34px;
  background:url(../images/buttons/join-now.png) 0 0 no-repeat;
  text-decoration: none;
}

a.join-now:hover {
  background-position:-129px 0;
}

a.locate-dealer {
  display: block;
  width: 154px;
  height: 34px;
  background:url(../images/buttons/locate-dealer.png) 0 0 no-repeat;
  text-decoration: none;
}

a.locate-dealer:hover {
  background-position:-154px 0;
}


h1, h2, h3, h4, h5 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}



h1 {
  color:#000;
  font-size:30px;
  line-height:120%;
}

h1 span.green {
  color:#99cc33;
  font-size:22px;
}

h2 {
  font-size:18px;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

/* Standard Definitions
----------------------------------------*/
.left {
  float:left;
}

.right {
  float:right;
}
.clearThis {
  clear:both;
}

.hide {
  display:none;
}
p.last {
  margin-bottom:0px;
}

.small {
  font-size:11px;
}

.hightlight {
  background:#FFCC00;
}

.pad-right {
  padding-right:20px;
}

.pad-bottom {
  padding-bottom:20px;
}