@charset "utf-8";

/* -------------------- */
/* CSS by Tijs De Boeck */
/* SavantMedia.be 2008  */
/* -------------------- */


/*------------ Layout Related CSS ------------*/

/* Update 23.07.2008 */
body, html{ height:100%; } /* Container full page height */
#maincontainer{
    position:relative; /* needed for footer positioning*/
   
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/

    min-height:100%; /* real browsers */
}
#footer {position: relative;  /* Needed for Safari */}
.suckertreemenu ul li ul{
background:#fff; /*1st sub level menu dropout sollution*/
}
/* Update End */

body{
margin:0;
padding:0;
line-height: 1.5em;
background: #1b2755;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

img, img a, img a:hover {
	border: 0;
}

#maincontainer{
width: 952px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding: 0 15px 0 15px;
background: url(../img/bgContainer.gif) top center repeat-y;
}

#topsection{
height: 265px; /*Height of top section*/
padding: 0;
margin: 0;
}

#topsection .headLogo{
margin: 0;
margin-left: 2px;
padding: 0;
width: 950px;
height: 217px;
/*background: url(../img/bgHeaderTop.jpg) top left no-repeat;*/
}
#topsection .headLogo .logo{
margin-top: 40px;
padding: 0;
}

#contentwrapper{
float: left;
width: 100%;
margin-top: 24px;
}

#contentcolumn{
margin-left: 39px;
margin-right: 275px; /*Set right margin to RightColumnWidth*/
}

.innertube{
margin: 11px 28px 70px 0; /*Margins for inner DIV inside each column (to provide padding)*/
}

#rightcolumn{
float: left;
width: 236px; /*Width of right column*/
margin-left: -275px; /*Set left margin to -(RightColumnWidth) */
margin-top: 24px;
margin-right: 39px;
margin-bottom: 70px;
}

.rightblock{
background: #ffffff url(../img/bgBlock.jpg) left top no-repeat;
padding: 0;
border: 1px solid #03527f;
/*min-height: 217px;
* html height: 217px;*/ /*IE minimum height hack*/
margin-bottom: 22px;
color: #024874;
font-size: 12px;
}

.rightblock .loginBlock{
padding: 0;
margin-top: 14px;
margin-left: 14px;
}

#footer{
clear: left;
width: 100%;
height: 70px;
background: url(../img/bgFooter.jpg) top left;
color: #fff;
text-align: center;
padding-top: 38px;
}


/*------------ Formatting ------------*/

p{}

.homePic{
margin-bottom: 22px;
border: 1px solid #000;
}

a{
color: #163a82;
font-weight: normal;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
}

#footer a{
color: #fff;
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #fff;
}
#footer a:hover{
text-decoration: none;
border-bottom: 1px solid #fff;
}

#dealerLogin {
margin: 0;
padding: 0;
}
#dealerLogin .field {
width: 196px;
border: 1px solid #9dc0d9;
color: #000;
background-color: #fff;
margin-top: 4px;
margin-bottom: 10px;
padding: 3px;
}
#dealerLogin .submitBtn {}

.footbreak {
	font-size: 14px;
}


/*------------ Main Menu CSS ------------*/

.menuContainer {
background: url(../img/bgHeaderMenu.gif) top left no-repeat;
width: 100%;
height: 43px;
padding: 0;
margin: 0;
padding-top: 6px;
}

.suckertreemenu {
margin-left: 35px;
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: transparent; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 110px; /*Width of top level menu link items*/
padding: 0;
text-decoration: none;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
background-color: #ffffff; /*overall menu background color*/
color: #163a82;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 142px; /*width of sub menu levels*/
color: #163a82;
font-weight: bold;
text-decoration: none;
padding: 7px 22px;
border: 1px solid #2c649e;
border-top-width: 0px;
}

.suckertreemenu ul li a:hover{
background-color: #ffffff;
color: white;
}

.suckertreemenu ul li ul li a:hover{
background-color: #f3b539;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/*------------ Sub Menu CSS ------------*/

.markermenu{
list-style-type: none;
margin: 15px;
padding: 0;
width: 201px;
}

.markermenu li a{
background: transparent url(../img/arrow-list.gif) no-repeat 2px center;
font: 13px Arial, Helvetica, sans-serif;
color: #163a82;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #a4c5dc;
}

* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 181px;
}

.markermenu li a:visited{}

.markermenu li a:active{
background-color: #f3b539;
color: white;
}

.markermenu li a:hover{
background-color: #f3b539;
color: white;
}

.on {
background: transparent url(../img/arrow-list.gif) no-repeat 2px center;
font: 13px Arial, Helvetica, sans-serif;
background-color: #f3b539;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #a4c5dc;
}


/*------------ Additional ------------*/

h1 {
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: bold;
font-size: 22px;
color: #163a82;
word-spacing: 1px;
}

h2 {
padding-top: 5px;
padding-bottom: 5px;
margin: 20px 0 15px 0;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
background: #163a82;
}

h3 {
padding-top: 5px;
padding-bottom: 5px;
margin: 20px 0 0 0;
text-align: center;
font-weight: bold;
font-size: 13px;
color: #fff;
}

h4 {
padding: 0 0 3px 0;
margin: 0;
color: #163a82;
font-size: 17px;
letter-spacing: 1px;
font-weight: bold;
text-align: left;
}

.bluebg {
	background: #163a82;
}
.goldbg {
	background: #f3b539;
}
.findform {
    padding: 0;
    margin-top: 8px;
    margin-bottom: 8px;
	font-size: 14px;
	text-align: right;
}
.findstyle {
    width: 267px;
    border: 1px solid #999;
	font-size: 15px;
}
.findstyle:hover, .buttons:hover, .return:hover {
    border: 1px solid #000;
}
.findstyle:active {
    border: 1px solid #000;
}
.findstyle:focus {
    border: 1px solid #000;
}
.gold {
	font-weight: bold;
	color: #f3b539;
	font-size: 18px;
}
.corp, .estimate {
	font-size: 19px;
}
.corp a {
	color: #163a82;
	text-decoration: none;
	border: none;
}
.corp a:hover {
	color: #F3B539;
	text-decoration: underline;
	border: none;
}
.buttons {
	background: #ddd;
	border: 1px solid #999;
	color: #163a82;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 8px;
}
.return {
	background: #ddd;
	border: 1px solid #999;
	color: #163a82;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 7px;
}
.images {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}
.border {	
	border: 1px solid #163a82;
}
.tech {	
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 0;
	letter-spacing: 1px;
	font-size: 14px;
	color: #163a82;
}
.notop {
	margin-top: 0;
	padding: 0;
}

.imgtop {
	margin: 0;
	padding: 8px 0 8px 0;
}

.ext a, .bluebg a, .goldbg a {
	color: #fff;
	text-decoration: none;
}
.ext a:hover, .bluebg a:hover, .goldbg a:hover {
	color: #fff;
	text-decoration: underline;
}
.gallery {
	margin: 8px 0;
}
.galtext {
	text-align: center;
	padding-top: 5px;
}
.galimg {
	text-align: center;
	width: 212px;
}
.blueback {
	background: #163a82;
	text-align: center;
	color: #fff;
	padding: 4px 0;
	width: 225px;
	margin-top: 5px;
}
.goldback {
	background: #f3b539;
	text-align: center;
	color: #fff;
	padding: 4px 0;
	width: 225px;
	margin-top: 5px;
}
.interior {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 17px;
	color: #000;
}
.customer {
	color: #163a82;
	font-style: italic;
}
.person {
	color: #0066cc;
}
.bigger {
	font-size: 14px;
}
p.none {
	margin: 0;
	padding: 0;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.theTop {
	margin: 0;
	padding: 0 0 22px 0;
	font-size: 19px;
	text-align: right;
}

.theTop a, .theTop a:visited {
	color: #163a82;
	text-decoration: underline;
	font-weight: bold;
	border-bottom: none;
}

.theTop a:hover {
	color: #f3b539;
	text-decoration: underline;
	border-bottom: none;
}

.techMore {
	margin: 0;
	padding: 0 0 5px 0;
	font-style: italic;
	font-size: 12px;
}

hr {
	margin: 40px 40px 25px 40px;
}

.select {
	background: #f3b539;
	text-align: center;
	color: #fff;
	padding: 4px 20px;
	width: 200px;
	font-weight: bold;
	font-size: 15px;
}

.select a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: none;
}

.select a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: none;
}

.selected {
	background: #163a82;
	text-align: center;
	color: #fff;
	padding: 4px 20px;
	width: 200px;
	font-weight: bold;
	font-size: 15px;
}

.logo {border: 1px solid #000; margin: 0 5px 0 0;}

.space {margin-right: 25px; border: 1px solid #000;}

.blbord {border: 1px solid #000;}

.date {
	padding: 30px 0 13px 0;
	text-transform: uppercase;
	font-size: 10px;
	color: #555;
	margin: 0;
}