/* Stocklistmanager CSS Style Sheet */
/* start engines */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; top:0px; margin:0px; background-image:url(../images/bg.png); background-repeat:repeat-x; background-color:#fff;  }
ul { margin: 0; padding: 0;   } 
li {  list-style:bullet; margin-left:15px;  }
li.feature {list-style:none;   }

/* default hovered links */
a:link, a:visited, a:hover { color: #000000; text-decoration: none; }

a:hover { text-decoration: none; color:#333333;}
/* overrides decoration from previous rule for hovered links */
a.copyright:link {color:#73A58C ; text-indent:5px; text-align:center; }
a.copyright:visited {color:#73A58C ; text-indent:5px; text-align:center; }
a.copyright:hover { color:#73A58C ; text-indent:5px; text-align:center; text-decoration:underline; }
a.copyright:active { color:#73A58C ; text-indent:5px; text-align:center; }

a.wanted:link { color:#CCCCCC; text-indent:5px; text-align:center; }
a.wanted:visited {color:#CCCCCC; text-indent:5px; text-align:center; }
a.wanted:hover { color:#CCCCCC; text-indent:5px; text-align:center; text-decoration:underline; }
a.wanted:active { color:#CCCCCC; text-indent:5px; text-align:center; }

/* text heading */
h1, h2, h3, h4, h5, h6 { font-family: arial,helvetica,sans-serif; margin:0px;  }
h1{ font-size: 18pt; }
h2{ font-size: 16pt; font-weight: bold; color: #666666;  }
h3{ font-size: 14px; font-weight: bold; color: #666666; padding:5px; }
h4{ font-size: 12pt; font-weight: bold; color: #666666;   }
h5{ font-size: 14px; font-weight: bold; color: #666666; }
h6{ font-size: 12px; font-weight: bold; color: #000; text-align:right; }

/* default system layout  */
/* default system layout  */
#wrapper { position:relative; width:960px; margin:0 auto 0; background-color:#fff;     }

/* navigation */
#dealer_navigation { position: relative; display:block; line-height:25px; height:30px; font-size:14px; font-weight:bold; margin: 0px 0px 0px 0px; padding-left:0px; width: 960px; background-image:url(../images/navigationBg.jpg);  }
#dealer_navigation ul{margin:0;padding:0;list-style-type:none;width:auto;}
#dealer_navigation ul li{display:block;float:left;margin:0;}
#dealer_navigation ul li a{ display:block;float:left; color:#fff;text-decoration:none;padding:5px 25px 0px 0px; padding-left:5px }
#dealer_navigation ul li a:hover, ul li a.current{ color:#fff; text-decoration:underline;   }

/* page styling */

/* top header height-background */
#header-white { width:100%; height:2px; background-color:#fff;   }

/* top vertical navigation bar height-background-border  */
#header-fade { width:100%; height:30px; background-color:#73A58C;  border-top:#fff 1px solid;  }

/* top index header header-image-norepeat  */
#header-index { height: 300px; z-index:0;  }
/* top stocklist header header-image-norepeat (optional) */
#header-stocklist { height: 350px; background-image:url(../images/dealer-header.jpg); background-repeat:no-repeat; }
/* top manufacturer header header-image-norepeat (optional)  */
#header-manufacturer { height: 350px; background-image:url(../images/dealer-header.jpg); background-repeat:no-repeat; }
/* top specification header header-image-norepeat (optional)  */
#header-specification { height: 350px; background-image:url(../images/dealer-header.jpg); background-repeat:no-repeat; }
/* top services header header-image-norepeat (optional)  */
#header-services { height: 350px; background-image:url(../images/dealer-header.jpg); background-repeat:no-repeat; }
/* top contact header header-image-norepeat (optional)  */
#header-contact{ height: 350px; background-image:url(../images/dealer-header.jpg); background-repeat:no-repeat; }
/* top finance header header-image-norepeat (optional)  */
#header-finance{ height: 350px; background-image:url(../images/dealer-header-finance.jpg); background-repeat:no-repeat; }
/* top finance header header-image-norepeat (optional)  */
#header-clients{ height: 350px; background-image:url(../images/dealer-header.jpg); background-repeat:no-repeat; }

/* optional dealer logo  */
#header-logo { position:absolute; width:150px; height:58px; left: 800px;top: 0px; border:#333333 0px solid; background-image:url(../images/dealer_logo_small.gif); background-repeat:no-repeat; border-right:#6A934F 10px solid;}

/* navigation set bar-width */
#navigation {  width:960px; }

/* default division for all sections. width 717px float */
#dealer-profile { float:left; width: 717px;  border-top:#73A58C 4px solid; margin-bottom:auto;   }
#left-sidebar { width: 240px; height: auto; float: left; border-right:#CCCCCC 1px solid; border-top:#ccc 4px solid; border-bottom:#CCCCCC 1px solid; }
#vehicle-option-sidebar { width: 230px; text-align:center;   }
#footer { width: 960px; margin-bottom:0px; border-top:#73A58C 1px solid; height:20px; color:#73A58C ; text-indent:5px; text-align:center;  }
#top { background-color:#FFFFFF; padding-top:3px; padding-bottom:3px; text-align:center; }
#vehicle-features { width:230px; float:left; margin-top:5px; margin-left:5px;  }
#mainForm  { position: relative; text-align: left; width: 700px; padding:5px; }
#mainFormError { position: relative; border:#FFCC00 1px solid; margin: 0 auto; text-align: left; width: 70%; }
#formHeader { position: relative; width: 100%; background-color: #C1D7CC; margin:0 0 0 0; padding-bottom: 10px; }
#formInfo { position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0; }
#formFields { position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0; border-style: solid; }

/* end of layout styling */

/* default dealer information */
#dealer-address { width:230px; float:left; margin-left:5px; }
#dealer-opening-hours { width:230px; float:left; margin-top:5px; margin-left:5px;  }
#dealer-available-services { width:230px; float:left; margin-top:10px; margin-left:5px;  }
#dealer-creditcards { width:230px; float:left; margin-top:10px; margin-left:5px;  }

/* vehicle stocklist position  */
#dealer-stocklist-header { width:710px; border-top:#999999 1px solid; height:auto; padding-left:2px;  }
#dealer-stocklist-header-sold { width:710px; padding-top:10px; border:#CCCCCC 1px solid; } 
 /* vehicle stocklist position  */
#dealer-stocklist-vehicles { width:710px; border:#CCCCCC 1px solid; padding-left:2px;} 
#dealer-stocklist-vehicles-sold { width:710px; padding-top:5px; } 

 /* stocklist options filter-stats*/
#dealer-stocklist-filter { width:230px; float:left; margin-top:10px; margin-left:5px;  } 
#dealer-stocklist-statistics { background-color:#73A58C; color:#000; margin-top:5px;  }
#dealer-empty-stocklist { padding-top:3px; padding-bottom:3px; text-align:center; background-color:#FFFFCC; border:#FFCC00 1px solid; }

 /* vehicle photo-options*/
#photo-fullsize{ width: 600px; border:#999999 1px solid; margin-left:50px; border:#73A58C 1px solid;  }
#photo-unavailable { background-color:#FFFFD5; border:#FFCC00 1px solid; color:#666; text-align:center; height:18px; width:600px; margin-left:50px; }
#photo-thumbnail { margin-left:50px; float:left;  }

 /* W3 Validation Icons */
#validation { width:230px; float:left; margin-left:5px; margin-top:20px; text-align:center}
#stocklistmanager { position:relative; height:100px;}

/* dealer information tables  */
table.dealerinformation  {text-align: left; color:#000; width: 230px; border: 0px; border-collapse: collapse; border-spacing: 0px; line-height:14px; background-color:#fff;  }
table.dealerinformation td  {color: #000; padding: 2px; text-align: left; }
table.dealerinformation td.hed {background-color: #666; color: #000; padding: 2px; text-align: left; border-bottom: 2px #fff solid; font-weight: bold;}
table.dealerprofile  {text-align: left; color: #fff; width: 700px; border: 0px; border-collapse: collapse; border-spacing: 0px;}
table.dealerprofile td  {color: #000; padding: 2px; text-align: left; border: 1px #fff solid;}
table.dealerstocklist  {text-align: left; color: #fff; width: 700px; border: 0px; border-collapse: collapse; border-spacing: 0px;}
table.dealerstocklist td  {color: #000; padding: 2px; text-align: left; border: 1px #fff solid;}
table.dealerstocklist-vehicles   {text-align: left;  width: 700px;   }
table.dealerstocklist-vehicles td  {color: #000; padding: 2px; text-align: left;  }
table.vehicle-specification   {text-align: left;  width: 400px; line-height:14px;   }
table.vehicle-specification td  {color: #000; padding: 2px; text-align: left; height:12px; }
table.vehicle-specification-detail   { text-align: left; line-height:18px;  width:610px; border:#ccc 1px solid;   }
table.vehicle-specification-detail td  {color: #000; padding: 1px; text-align: left; height:14px; background-color:#fff;    }
table.vehicle-specification-comments   {  line-height:14px; padding:5px; width:610px; border:#ccc 1px solid;    }
table.vehicle-specification-comments td  {color: #000; padding: 1px; text-align: left; height:12px; background-color:#fff;    }
table.vehicle-features   {text-align: left;  width: 400px; line-height:12px; font-size:10px;   }
table.vehicle-features td  {color: #000; padding: 2px; text-align: left; height:12px; }
table.vehicle-detail { width:717px;   }
table.vehicle-detail td  {color: #000;  }
table.vehicle-table { text-align: left;  width: 700px; padding:2px; border-collapse:collapse;  }
table.vehicle-table td { text-align: left;      }
table.dealerservices  {text-align: left; color: #fff; width: 230px; border: 0px; border-collapse: collapse; border-spacing: 0px; line-height:14px; background-color:#73A58C;  }

 /* classes */
 
.content { padding: 2px 2px 2px 0px; }
.login {color:#000; font-size:8px; font:small-caption; }
.header-text { color:#fff; }
.button { border:#67A787 1px solid; color:#67A787; background-color:#fff; font-weight:bold; font-size:10px; text-transform:uppercase; height:20px; vertical-align:middle; cursor:pointer; } 
.filter { height:20px; vertical-align:middle;  }
.align-cntr-dflt { text-align:center; font-size:80%; padding:3px; }
.align-left-dflt { text-align:left; font-size:80%; text-indent:5px; padding:3px; }
.wanted-text { color:#666666; } 
.table-header { padding:2px 2px 2px 2px; }
 
/* vehicle classes */
.vehicle-filter-text { border-left:#CCCCCC 5px solid; font-weight:bold; padding-left:5px; padding-top:1px; }
.vehicle-border { border:#ccc 1px solid; padding:2px; }
.vehicle-title { color:#000000; }
.vehicle-price { background-color:#73A58C; color:#FFFFFF; padding:2px;}
.vehicle-subtitle { color:#333333; font-size:99% ;  }
.vehicle-features-header { height:18px; background-color:#73A58C; padding:2px; }
.vehicle-option-header { height:18px; background-color:#666666; border-top:#ccc 1px solid; padding:2px; padding-top:5px; background-image:url(../images/option.gif); background-position:right; background-repeat:no-repeat; }

/* photo classes */
  
.photo-help { font-size:12px; color:#999999; text-align:center; } 
.photo-thumbnail-border { border:#fff 3px solid; width:180px; height:135px; }
.photo-fullsize {  width:610px; width:450px; }
.photo-thumbnail { width:610px; }
.no-photo { background-color:#FFFFCC; border:#FFFF00 1px solid; width:595px;}

/* form classes */
ul.mainForm { list-style-type:none; font-family:sans-serif; font-size:12px; background-color:#fff; border:#CCCCCC 1px solid; } 
li.mainForm { margin-left:0px; }
input.mainFormError{ background-color: #FFFFCC; border:#FFCC00 1px solid; }
textarea.mainFormError { background-color: #FFFFCC; border:#FFCC00 1px solid; }
select.mainFormError { background-color: #FFFFCC; border:#FFCC00 1px solid; }
p.formHeader { margin:0 0 0 0; font-family: sans-serif; font-weight:normal; color: #ffffff; font-size:25px; position:relative; top:4px;   letter-spacing: 2px; }
h2.formInfo { text-align: left; margin:0 0 0 0; font-family: Tsans-serif; font-weight:normal; font-size:20px; position:relative; top:0px; letter-spacing: 1px; line-height:150%; color: #ffffff; }
p.formInfo { text-align: left; margin:0 0 0 0; font-family: sans-serif; font-weight:normal; color: #000000; font-size:12px; position:relative; top:0px; color: #ffffff; }
label.formFieldQuestion { line-height:125%; padding:0 4px 1px 0; border:none;	 display:block; font-size:12px; }
label.formFieldOption { font-size:90%; display:block; line-height:1.0em; margin:-19px 0 0 25px; padding:4px 0 5px 0; width:90%; }
input.formFieldStyle { display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px; }


/* form tooltip */
a.info { font-family: Tahoma, Arial, Sans-Serif; text-decoration:none;  position: relative; }
a.info span { position: relative; display:none; }
a.info:hover { position: relative; cursor:default; }
a.info:hover .infobox { font-weight: normal;  display:block;  position:absolute;  top:20px;; left:25px; width:205px;  height:70px;  border: 1px solid #C1D7CC; background:#f4f4f4;;  color:#000;  text-align:left;  font-size:10px; padding-left:10px;  padding-top:10px;
}

/* end of style..phew */