@charset "utf-8";
/* CSS Document */

/* GENERAL */

* {
	margin: 0;
	padding: 0;
}

html, body {
	width:100%;
	height:100%;
	min-width:950px;
	text-align:center;
}

img {
	border:none;
}
h2 {
	font-size:14px;
}

#left img {
	margin:10px 0 12px 0;
}

/* HOME PAGE ONLY ITEMS */

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-155px;; /* half of #homeWrapper's height */
	float:left;
}

#homeWrapper { 
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	clear:both; 
	/*width:900px; */
	height:310px;
	width:673px;
}

#homeWrapper div {
	clear:both;
	margin-bottom:15px;
}

#homeNav {
	position:relative;
	width:673px;
	height:45px;
}
#homeNav div {
	position:absolute;
}
#homeNav .left {
	left:0px;
}
#homeNav .right {
	left:420px;
	width:254px;
}
#homeNav .centre {
	left:247px;
}


/* HEADER */

#header {
	width: 100%;
	height: 100px;
	color: #000;
	background-color:#e89d2e;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	border-bottom:#004071 1px solid;
	margin-bottom:10px;
}

#logo {
	position:absolute;
	right:45px;
	top:23px;
	width:200px;
	height:70px;
}

#topNav {
	position:absolute;
	right:240px;
	top:60px;
	width:520px;
}

#topNav div {
    float:left;
    height:20px;
    padding-right:11px;
    background-image:url("../images/button_bg_right.gif");
    background-position:right;
    background-repeat:no-repeat;
}

#topNav div div {
    float:left;
    padding:0 2px 0 15px;
    background-image:url("../images/button_bg_left.gif");
    background-position:left;
}

#topNav a {
    float:left;
    color:#FFFFFF;
    text-decoration:none;
    margin-top:2px;
    font-weight:bold;
}

#title {
	position:absolute;
	top:46px;
	left:51px;
}


/* BODY */


#wrapper { /* also holds the left "sliding" tab */
	text-align: left;
	left:50px;
	width: 100%; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	clear:both;
}
#header, #subnav, #footer {
	clear: both;
	width: 100%;
}
#contentfloatholder, .contentfloatholder {/* also makes the right "sliding" tab */
	float: left;
	width: 100%;
	position: relative;
	padding-bottom:6px;
}
#contentfloatholder:after {
	/* this is for NN6 to clear floats */
    content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#centerpad {
	margin: 0 435px 0 180px;
	display: inline-block; /* TRIP haslayout for safety */
}
#centerpad2col {
	margin: 0 30px 0 180px;
	display: inline-block; /* TRIP haslayout for safety */
}
#centerpad, #centerpad2col, .centerpad2col {
	display: block; /* SWITCH back the display */
}
#center, .center {
	float:left;
	width: 100%;
	margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}
#left {
	float:left;
	width: 160px;
	margin-left: -5%; /* the difference to make the left colum appear flush left */
}
#right {
	float:right;
	width: 375px;
	padding-right:30px;
}
/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {
	margin-right: -100%;
}
* html div#left {
	margin-left: 0;
}
/***** General formatting ****/
#wrapper {
	position: relative;
	z-index: 500;
}


#map {
	font-size:10px;
}

/* END BODY LAYOUT */



.dealerComment {
	color:#004071;
	background-color:#EEEEEE;
	font-size:10px;
	padding:3px;
	margin:-8px 0 0 0;
}
/*********************************************************/


#centerpad table {
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	font-size:11px;
}
#centerpad td {
	background-color:#EEEEEE;
	padding:2px;
}
#centerpad th {
	background-color:#CCCCCC;
	padding:2px;
}

.button {
    float:left;
    height:11px;
    background-image:url("images/button_bg_left.gif");
}

.arrow {
	position:absolute;
	left:0px;
	top:18px;
	width: 154px;
	height:32px;
	background-image:url(../images/arrow_1.gif);
	background-repeat:no-repeat;
}
.arrow h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#004071;
	margin-top:1px;
	text-align:center;
}
.right {
	width: 325px;          /* RC width - padding */
	margin-right: -375px;  /* - RC width */
	padding:0px 0px 0px 0px;;
}
.logoRow1 {
	width:100%
}



.logoLoz1 {
	display:inline-block;
	text-align:center;
	float:left;
	width:102px;
	height:72px;
	background-image:url(../images/logo_loz_1.gif);
	margin: 0px 4px 4px 0px;
}
.logoLoz1 table {
	width:102px;
	height:72px;
}
.clearer {
	line-height:6px;
	clear:both;
}

.thumbWrapper {
	float:left;
	width:159px;
	overflow:hidden;
	margin:0px 6px 6px 0px;
}
.thumbWrapper table {
	width:159px;
	height:159px;
	background-image:url(../images/product_loz.gif);
	margin-bottom:4px;
	text-align:center;
}
.thumbWrapper p {
	margin:0px;
	line-height:12px;
}
.thumbWrapper a {
	text-decoration:none;
	font-weight:bold;
}
.thumbWrapper a:hover {
	text-decoration:underline;
}
.thumbWrapper .text {
	float:left;
	height:38px;
	width:159px;
	overflow:auto;
}
#brandOuterWrapper {
	display:inline-block;
	width:90%;
}

.brandWrapper {
	display:inline-block;
	width:160px;
	height:112px;
	margin:0px 4px 8px 4px;
	background-image:url(../images/brand_loz.gif);
}
.brandWrapper table {
	width:160px;
	height:112px;
}
.prodWrapperLarge {
	float:left;
	clear:both;
	top:0px;
	width:323px;
	height:323px;
	background-image:url(../images/product_loz_large.gif);
}
.prodWrapperSmall {
	float:left;
	height:102px;
	width:102px;
	margin:8px 8px 0 0;
	background-image:url(../images/product_loz_small.gif);
}
.prodWrapperSmall table, .prodWrapperLarge table {
	text-align:center;
	width:100%;
	height:100%;
}

/* TOOL TIP */

.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltip {
	color:#000000;
	background-image:url(../images/header_bg.jpg);
	padding:6px;
	max-width:100px;
	text-align:left;
	border:#004071 1px solid;
	z-index:1000;
}