/*----------------------|
|   Basics              |
-----------------------*/
html {background:#ffffff url('../images/agBackImgStripes.gif') top left repeat;}
html,body{margin:0;padding:15px 0 0 0; height: 100%; min-height: 100%;}
body{font: 85%/1.3 verdana,"Lucida Sans Unicode", Arial, sans-serif; text-align: center;}

p{margin-top:0;}
h1,h2,h3{font: normal normal 200% verdana,Arial,sans-serif}
h2{font-size:160%;}
h3{font-size:120%;}

h2, h3 {margin-bottom: 0;}

img {border: 0;}

hr {color: #6AD2DC}

div {font-size: 13px; text-align: left;}
p.contact {font-size: 13px;}
h1, h2, h3, h4, h5 {font-family: verdana,"Lucida Sans Unicode", Arial, sans-serif;} 

.blank {z-index: 0;}

/*----------------------|
|   Layout              |
-----------------------*/

#container {
  width: 900px;
  height: auto;
  z-index: 1;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background-color: #000;
  border: 2px solid #000000;
  }
  
  /*----------------------|
  |   TOP                 |
  -----------------------*/
  
#header {
  z-index: 2;
  height: 150px;
  }

#title {
  width: 680px;
  height: 150px;
  background-color: #000000; /* #930099; */
  padding: 0;
  float: left;
  border-bottom: 1px solid #000;
  }

#top_right {
  width: 200px;
  height: 140px;
  color: #000000;
  background-color: #FFFFFF; /* #D0FF00; */
  float: right;
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid #000;
  }

  /*----------------------|
  |   MIDDLE              |
  -----------------------*/  
  
#navigation {
  width: 100%; 
  height: 32px;
  clear: both;
  z-index: 3;
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: #fff;
  border-top: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  background: url(../images/nav/nav_bg.gif) repeat-x;
  text-align: center;
  }

  /*----------------------|
  |   CONTENT             |
  -----------------------*/  
  
#content {
  width: 680px;
  height: auto;
  min-height: 400px;
  z-index: 5;
  float: left;
  padding: 0;
  margin: 0;
  color: #000; 
  background-color: #FFFFFF;
  border-top: 1px solid #000;
  }  
 
#sidebar {
  width: 220px;
  height: 100%;
  z-index: 5;
  float: right;
  margin: 0;
  color: #FFFFFF;
  background-color: #000;
  border-top: 1px solid #000;
  }
  
  /*----------------------|
  |   FOOTER              |
  -----------------------*/  

.clear {width: 680px; height:1px; clear: both; margin: 0; padding: 0; background-color: #FFF;}
  
#footer {
  width: 902px;
  margin: 10px auto 20px;
  clear: both;
  background-color: #FFF;
  border: 1px solid #000;
  text-align: center;
  padding: 5px 0 5px 0;
  }
  
/*----------------------|
|   Navigation          |
-----------------------*/
#nav_list {
  list-style-type:none;
  margin: 0 220px 0 42px;
  padding:0;
  }

#nav_list {
  text-align: center;
  height: 32px;
  /*background: url(../images/nav/nav_bg.gif) repeat-x;*/ /*SEE NAVIGATION DIV*/
  }

#nav_list li {
  list-style-type:none;
  margin:0;
  padding:0;
  float:left;
  display:inline;
  text-align: center;
  }

#nav_list li a img {height: 32px;}

  
#nav_list li a:hover img {
  background-position: top right;
  }  

#page_home_img a img {
  background-image: url(../images/nav/home.gif);
  width: 75px;
  }
  
#page_choose_img a img {
  background-image: url(../images/nav/choose.gif);
  width: 175px;
  }  

#page_discounts_img a img {
  background-image: url(../images/nav/discount.gif);
  width: 100px;
  }
    
#page_about_img a img {
  background-image: url(../images/nav/about.gif);
  width: 100px;
  }
  
#page_contact_img a img {
  background-image: url(../images/nav/contact.gif);
  width: 100px;
  }
  
/*----------------------|
|   Side Bar            |
-----------------------*/

div#sidebar h3 a {color: #FFF; text-decoration: none;}

.hr {background: url(../images/dotted_border.gif) bottom left repeat-x; width: 100%; height: 1px; margin: 5px 0 10px 0;}

.main_cat {padding: 0 0 0px 25px; background: url(../images/carrot.gif) 0px 0px no-repeat; margin: 0 0 30px 0;}

.testimonials {background: url(../images/testimonials.gif) 0px 0px no-repeat; margin: 10px 0 0 0; padding: 35px 10px 10px 10px;}

#special {width: 220px; height: auto; min-height: 227px; background: url(../images/rainy_day_special.gif) top left no-repeat; margin: 0; padding: 55px 0 0 0; color: #FFF; background-color: transparent; border: 0;}    

#special p {padding: 20px; font-weight: bold;}

#special p i {color: #FFE4B5;}
  
/*------------------------------|
|   HOME PAGE                   |
-------------------------------*/

#home_page_container {text-align: left;}  
.home_scion {margin: 0 auto 0; text-align: center;}

h2.deserve {padding: 5px 5px 10px 25px; margin: 1em 50px 0 30px; color: #00688B;background: url(../images/dotted_border.gif) bottom left repeat-x;}  

.alittle {margin: 10px 0 0 17px; padding: 10px 0 0 40px; width: 500px;}

.more {margin: 0px 0 0 37px; width: 300px;}

.more1 {margin: 0px 0 0 67px;}

h2.come {text-align: center;}
  
/*------------------------------|
|   Vehicle Navigation          |
-------------------------------*/

#popitmenu{
position: absolute;
margin: 20px 0 0 -100px;
background-color: white;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}

#veh_list a {text-decoration: none;}
#veh_list a:link {color: #000;}
#veh_list a:visited {color: #FF4500;}
#veh_list a:hover {color: #00CED1;}

#veh_list a.example_links {color: #FF4500;}

#veh_list {
  margin:0;
  padding:0;
  }

#veh_list li {
  margin:0;
  padding:0;
  }
  
.td_border {border-top: 3px ridge #71E1EB;}

#veh_list tr td a img {width: 100px;height: 58px;}

#veh_list tr td a:hover img {background-position: top right;}

/*-------+-----------------------+
|  ID    |    Name               |
+--------+-----------------------+
|   1    |    atv                |
|   2    |    motorcycle         |
|   3    |    coupe              |
|   4    |    sedan              |
|   5    |    wagon              |
|   6    |    sm_truck           |
|   7    |    lg_truck           |
|   8    |    sm_suv             |
|   9    |    lg_suv             |
|  10    |    xl_suv             |
|  11    |    van                |
|  12    |    xl_van             |
|  13    |    rv                 |
|  14    |    bus                |
|  15    |    boat               |
+--------+----------------------*/

#veh_1_img a img {
  background-image: url(../images/veh_nav/atv_rollover.gif);
  }
#veh_2_img a img {
  background-image: url(../images/veh_nav/motorcycle_rollover.gif);
  }
#veh_3_img a img {
  background-image: url(../images/veh_nav/coupe_rollover.gif);
  }
#veh_4_img a img {
  background-image: url(../images/veh_nav/sedan_rollover.gif);
  } 
#veh_5_img a img {
  background-image: url(../images/veh_nav/wagon_rollover.gif);
  }   
#veh_6_img a img {
  background-image: url(../images/veh_nav/sm_truck_rollover.gif);
  }  
#veh_7_img a img {
  background-image: url(../images/veh_nav/lg_truck_rollover.gif);
  }
#veh_8_img a img {
  background-image: url(../images/veh_nav/sm_suv_rollover.gif);
  }      
#veh_9_img a img {
  background-image: url(../images/veh_nav/lgsuv_rollover.gif);
  }
#veh_10_img a img {
  background-image: url(../images/veh_nav/xl_suv_rollover.gif);
  }  
#veh_11_img a img {
  background-image: url(../images/veh_nav/van_rollover.gif);
  }  
#veh_12_img a img {
  background-image: url(../images/veh_nav/xl_van_rollover.gif);
  }    
#veh_13_img a img {
  background-image: url(../images/veh_nav/rv_rollover.gif);
  }
#veh_14_img a img {
  background-image: url(../images/veh_nav/bus_rollover.gif);
  }  
#veh_15_img a img {
  background-image: url(../images/veh_nav/boat_rollover.gif);
  }

/*----------------------|
|   Pages               |
-----------------------*/

#other_pages_container {padding: 10px;}

/*----------------------|
|   Pricing             |
-----------------------*/

/* note: vehicle container class on the specific vehicle id's belong to the same div */

#veh_1_container {background-image: url('../images/page_backs/atv_bg.gif');}
#veh_2_container {background-image: url('../images/page_backs/motorcycle_bg.gif');}
#veh_3_container {background-image: url('../images/page_backs/coupe_bg.gif');}
#veh_4_container {background-image: url('../images/page_backs/sedan_bg.gif');}
#veh_5_container {background-image: url('../images/page_backs/wagon_bg.gif');}
#veh_6_container {background-image: url('../images/page_backs/sm_truck_bg.gif');}
#veh_7_container {background-image: url('../images/page_backs/lg_truck_bg.gif');}
#veh_8_container {background-image: url('../images/page_backs/sm_suv_bg.gif');}
#veh_9_container {background-image: url('../images/page_backs/lg_suv_bg.gif');}
#veh_10_container {background-image: url('../images/page_backs/xl_suv_bg.gif');}
#veh_11_container {background-image: url('../images/page_backs/van_bg.gif');}
#veh_12_container {background-image: url('../images/page_backs/xl_van_bg.gif');}
#veh_13_container {background-image: url('../images/page_backs/rv_bg.gif');}
#veh_14_container {background-image: url('../images/page_backs/bus_bg.gif');}
#veh_15_container {background-image: url('../images/page_backs/boat_bg.gif');}

.vehicle_container {
  width: 100%;
  height: auto;
  min-height: 400px;
  margin: 0;  
  padding-bottom: 50px; 
  z-index: 7;
  background-repeat: no-repeat; 
  background-color: #FFFFFF; 
  }
  
.vehicle_container h2 {padding: 50px 0 0 0; margin: 0 0 0 240px; border-bottom: 1px solid #CCC;}  
.tax {margin: 0 0 0 400px; font-size: 14px; color: red;}

/* note: vehicle container class on the specific vehicle id's belong to the same div */

.p_c {
  width: 80%;
  margin: 20px auto 20px;
  clear: both; 
  }

#tax {
  margin-bottom: 0;
  }

.tax_title {color: red;}
.dotted_bor {width: 100%; height: 1px; background: url(../images/dotted_border.gif) repeat-x;}
.pricing_tables {padding: 0; margin: 0; border: 0; width: 100%;}
.pricing_title_td {padding-left: 50px;}
.pricing_title_td h3 {font-weight: 600;}
.description {text-align: left;}

/*------------------------------|
|   Discounts Page              |
-------------------------------*/

p.important_discount {color: red; font-weight: bold;}

/*------------------------------|
|   Requirements Page           |
-------------------------------*/

#requirements {padding: 10px;}

#requirements h2 {
  border-bottom: 2px groove #CCC; 
  padding: 0 0 6px 0; 
  font-size: 14px; 
  font-weight: bold;
  }