html{ height:100%;}

body {
	margin:0px;	padding:0px;border:0px;	width:100%;	height:100%;	color:#001f70;	background-color:#fff;	font:.8em Verdana, Arial, Helvetica, sans-serif;}
div#outer {
	width:90%;
	padding:0;
	margin:15px auto;
}

a {
	color:#001f70
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none
}
.SchoolImg{
	float:left;
	padding:10px;
	
}
h1 {
	margin:.8em 0 .2em;
	padding:0;
	font-size:1.2em
}
h2 {
	clear:both;
	margin:10px;
	padding:0%;
	font-size:1.2em
}
h3 {
	color:#00a898;
	margin:.8em 0 .2em;
	padding:0;
	font-size:0.8em
}
p {
	margin:.4em 0 .8em;
	padding:0
}

#header {
	width:100%;
	height:100px;
	background: #FFF;
		border-top:thin solid #00a898;
			border-right:thin solid #00a898;
				border-left:thin solid #00a898;
}
#HeaderLogo{
	height:80px;
	width:70%;
	background-repeat:no-repeat;
	background-image:url(images/mol.png);
	float:left;
}

#HeaderSearch
{
height:80px;
Width:30%;

float:right;
background-image:url(images/headerfiller.png);

}
.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
background: url(../graphics/bg/bg.gif) no-repeat;
	border-left:thin solid #00a898;
	border-right:thin solid #00a898;
	}


.colright, .colmid, .colleft {
	float:left;
	width:100%;
	position:relative
}
.col1, .col2, .col3 {
	float:left;
	position:relative;
	padding:0 0 1em;
	overflow:hidden
}
.threecol {
}
.threecol .colmid {
	right:25%;
}
.threecol .colleft {
	right:60%;
}
.threecol .col1 {
	width:57%;
	left:102%;
}
.threecol .col2 {
	width:16%;
	left:29%;
}
.threecol .col3 {
	width:23%;
	color: #FFF;
	left:90%;
	height:100%;
}

#footer2 {
	float:left;

	text-align:center;
 background: url(../graphics/bg/bg.jpg);
border-bottom:thin solid #00a898;
	border-right:thin solid #00a898;
	border-left:thin solid #00a898;
	width:100%;
}
#footer2 a {
	color:#F60;
	font-weight:bold;
	text-decoration:none;
}
#footer2 a:hover {
	background:#eee;
}
div#choose_text {
	padding:5px;
	width:310px;
	text-align:left;
	float:left
}
div.row {
	width:100%;
	padding:1%;
	clear:left
}
div.SearchContainer {
	float:right;
	margin-top:10%;
	margin-right:10%;

}
div.ImgContainer {
	padding:1%;
	float:left;
	margin:1%;
	clear:both
}
div#page_title {
	font-weight:bold
}
div.sub_title {
	font-weight:bold
}
#frame {
	margin:0%;
	padding:0%;
	position:relative;
	height:auto;
}
.text_highlight {
	color:#F00;
	font-weight:bold
}
.input {
	font:1% Verdana, Arial, Helvetica, sans-serif;
	color:#666
}
#ZoomQueryStart {
	background:url(../graphics/inputs/SearchInputStart.gif);
	float:left;
}

#ZoomQuery {
	background:url(../graphics/inputs/SearchInput.gif);
	float:left;
	border: thin #00a898 double;
}
#ZoomSubmit {
	border:none;
	background:url(../graphics/buttons/SearchButton.gif) no-repeat top left;
	float:left;
}
.Transparent {
	border:none;
	background:none
}
#IndexMenu{
	font-size:24px;
	color:#00a898;
	text-align:center;
	list-style-type:none;
	width:80%;
	}
#IndexMenu a{
	color:#001f70;
	font-size:24px;
	text-decoration:none;
	background: none;
}
#IndexMenu li:hover{
	color:#001f70;
}
#IndexText{
	clear:left;
}

.slide img {
	width:400px;
}
#cycleNav {
	margin-top:10px;
	padding-top:10px;
}
#cycleNav a {
	margin:5px 5px;
	padding: 5px 5px;
	border:1px solid #bbb;
	background:#bbb;
	text-decoration:none;
}
#cycleNav a.activeSlide {
	background:#eee;
}
#cycleNav a:focus {
	outline:none;
}
#slideshow{
	width:420px;
	
}
.slide {
	border:thin #001f70 solid;
	margin:0 auto;
	width:100%;
	background-color:#F00;
	padding:2%;
}
.Options {
	padding:5px;
	float:left;
	image: url(/graphics/inputs/SearchInputStart.gif);
	text-align:right
}
.Features {
	padding:0px 10px 10px 0;
	float:left;
	width:250px;
	list-style-type: none;
	background:url(/graphics/logos/bullet.png) no-repeat;
	padding-left:10px;
}
fieldset {
	clear:both;
	width:95%
}
img {border:none;}
ul {
	margin-left:2%;
	list-style-type:square;
	font:.9em verdana
}
div.stockVehicle {
	text-align:left;
	border:#00a898 thin double;
	width:95%;
	float:left;
	background:#eee;
	margin-bottom:10px;
}

.StockImage{
	float:left;
	width:20%;
	margin-right:10px;
}
.StockImage img{
	width:100%;
}
.StockSummary{ margin-top:10px; float:left; width:30%;}
.StockText{ float:left; margin-top:10px; margin-left:10px; width:40%;}
.StockTitle{width:70%; float:left; font-size:1.3em;}
.StockPrice{width:30%; float:right; font-size:1.3em; text-align:right; color:#00a898}

.StockText a {margin:26px;text-decoration:none;font-size:1.4em;color:#F60;font-weight:bold;	background:#CCC;}
.StockText a:hover {background:#fff;
}/* main */
#navMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navMenu {
	width: 80%;
}
#navMenu li {
	display:inline;
}/* menu */
#navMenu ul li a.active {
	color: #00a898;
	font-style:italic;
}
#navMenu ul li.active {
	background-color:#000;
	color: #00a898;
	font-style:italic;
}
#navMenu li a:link, #navMenu li a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	height: 2%;
	display: block;
	background: #CCC;
	padding: 2% 0 2% 2%;
	margin:2%;
}
#navMenu li a:hover {
	background: #33CCFF;
	padding: 2% 0 2% 2%;
	font-style:italic;
	text-decoration: underline;
}/* subMenu */
#navMenu ul ul li a:link, #navMenu ul ul li a:visited {
	font-weight: normal;
	background:#DDD;
	padding: 0px 0 3px 10px;
}
#navMenu ul ul li a:hover {
	background:  #33CCFF;
	padding: 0px 0 3px 10px;
}
#navMenu ul ul li.active {
	background-color:#F00;
}
.subMenuDisplay {
	display:block;
}/* subSubMenu */
#navMenu ul ul ul li a:link, #navMenu ul ul ul li a:visited {
	background:  #BBB;
	padding: 0 0 1px 15px;
}
#navMenu ul ul ul li a:hover {
	background: #66CCFF;
	padding: 0 0 1px 15px;
}/* subSubSubMenu */
#navMenu ul ul ul ul li a:link, #navMenu ul ul ul ul li a:visited {
	background: #BBB;
	padding: 0 0 1px 20px;
}
#navMenu ul ul ul ul li a:hover {
	background: #66CCFF;
	padding: 0 0 1% 20%;
}/* subSubSubSubMenu */
#navMenu ul ul ul ul ul li a:link, #navMenu ul ul ul ul uk li a:visited {
	background: #AAA;
	padding: 0 0 1% 25%;
}
#navMenu ul ul ul ul ul li a:hover {
	background: #99CCFF;
	padding: 0 0 1% 25%;
}/* /* Overlay */
#Form-overlay {
	background-color:#000;
	cursor:wait;
}/* Container */
#Form-container {
	width:50%;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size:1em;
	text-align:left;
}
#Form-container .Form-content {
	background-color:#CCCCCC;
	color:#001f70;
	height:4%;
}
#Form-container h1 {
	color:#00a898;
	margin:0;
	padding:0 0 4% 7%;
	font-size:1.2em;
	text-align:left;
}
#Form-container .Form-loading {
	position:absolute;
	background:url(images/loading.gif) no-repeat;
	z-index:8000;
	height:5%;
	width:5%;
	margin:-14% 0 0 17%;
	padding:0;
}
#Form-container .Form-message {
	text-align:center;
}
#Form-container .Form-error {
	width:92%;
	font-size:.8em;
	background:#000;
	border:2px solid #ccc;
	font-size:0.8em;
	font-weight:bold;
	margin:0 auto;
	padding:2px;
}
#Form-container br {
	clear:both;
}
#Form-container form {
	padding:0;
	margin:0;
}
#Form-container label {
	clear:left;
	display:block;
	width:100px;
	float:left;
	text-align:right;
	padding-right:4px;
	font-weight:bold;
}
#Form-container .Form-input {
	font-family:'Trebuchet MS', Verdana, Arial;
	float:left;
	padding:2px;
	margin:2px;
	background:#eee;
	border:1px solid #fff;
	width:300px;
}
#Form-container textarea {
	height:80%;
	font-size:.9em;
}
#Form-container .Form-cc {
	font-size:.9em;
	cursor:default;
}
#Form-container .Form-top {
	height:8%;
	background:url(images/form_top.gif) no-repeat;
	padding:0;
	margin:0;
}
#Form-container .Form-bottom {
	height:8%;
	background:url(images/form_bottom.gif) no-repeat;
	font-size:.7em;
	text-align:center;
}
#Form-container .Form-bottom a, #Form-container .Form-bottom a:link, #Form-container .Form-bottom a:active, #Form-container .Form-bottom a:visited {
	position:relative;
	top:-4%;
	text-decoration:none;
	color:#666;
}
#Form-container .Form-bottom a:hover {
	color:#888;
}
#Form-container .Form-button {
	margin:3% 0 0 3%;
	cursor:pointer;
	height:4%;
	border:0;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
#Form-container .Form-send {
	width:5%;
	background:url(images/send.png) no-repeat;
}
#Form-container .Form-cancel {
	width:8%;
	background:url(images/cancel.png) no-repeat;
}
#Form-container a.modalCloseX, #Form-container a.modalCloseX:link, #Form-container a.modalCloseX:active, #Form-container a.modalCloseX:visited {
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	position:absolute;
	top:-4%;
	right:6%;
	color:#999;
}
#Form-container a.modalCloseX:hover {
	color:#9bb3b3;
}/*/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:3% 0pt 3%;
	font-size: 1.0em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #00a898;
	border: 1px solid #FFF;
	font-size: 1.0em;
	padding: 1%;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 2%;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color: #CFF;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
table.tablesorter tbody tr:hover {
	background-color:#CCF;
}
div.jqZoomTitle {
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:3%;
	padding-top:1%;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;
}
.jqZoomPup {
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:10;
	border-color:#c4c4c4;
	border-style: solid;
	cursor:crosshair;
}
.jqZoomPup img {
	border: 0px;
}

.jqZoomWindow {
	border: 1px solid #999;
	background-color: #FFF;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0%;
	margin: 0%;
}
.ac_results li {
	margin: 0%;
	padding: 1% 5%;
	cursor: default;
	display: block; /*  if width will be 100% horizontal scrollbar will apear  when scroll mode will be used */ /*width: 100%;*/
	font: menu;
	font-size: 0.8em; /*  it is very important, if line-height not setted or setted  in relative units scroll will be broken in firefox */
	line-height: 1.6em;
	overflow: hidden;
}
.ac_loading {
	background: white url(images/indicator.gif) right center no-repeat;
}
.ac_odd {
	background-color: #eee;
}
.ac_over {
	background-color: #0A246A;
	color: white;
}
.FooterContact{
	float:left;
	padding:10px;
}
#FooterLogo {
	float:right;
	vertical-align:top;
}
.ManufacturerLinks {
	width:60px;
	margin:10px 10px 10px 10px;
	float:left;
}
.ManufacturerLinks:hover {
	border: #00a898 groove;
	border-width:2px;
	margin:8px 8px 8px 8px;
}
#RightColumn {
	
}
.Boxes {
margin:5px;
padding:0px 3px 3px 3px;
width:160px;	
background-color:#555;
}
div .glossary {
	padding-left:5px;
	height:100%;
}
.BoxInner {

	
}
.BoxInner a {
	color:#FF0;
}
.BoxInner H1 {
	color:#F63;
	font-weight:bold;
	font-size:16px;
	text-align:center
}
.BoxInner p {
	color:#3b3b3b;
	font:1em/1.3em arial, helvetica, sans-serif
}
.pikachoose{width:100%;margin:0 auto 50px auto; }
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:100%;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float:left;padding:2px;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer; margin:0px;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:95%;height:325px;display:block;position:relative; margin-left:auto; margin-right:auto;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;padding:2px; margin-left:auto; margin-right:auto; width:410px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../scripts/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../scripts/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../scripts/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../scripts/fastf.png') top right no-repeat;}
#StockCol1{ float:left; width:45%; margin:5px; background-color:#CCC; height:auto;}
#StockCol2{float:left; width:45%; margin:5px;  background-color:#CCC; height:auto;}
.StockAjax{background-color:#999; cursor:pointer;}
#StockSpec{background-color:#FFF;}
#CloseStockSpec{cursor:pointer; float:right;}
#StockConditions{ background-color:#CCC;width:90%; margin:5px; clear:both;}