/*************** Styles *****************/

.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*************** Container ***************/
#container {
	width: 980px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*************** Header ***************/

#headerinclude	{
	position: absolute;
	z-index: 99;
	left: -15px;
	border: none;
}
#headermenu {
	height:25px;
	width: 980px;
	table-layout:auto;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	position:static;
	z-index:100;
	margin-top: 2px;
	border: none;
}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:30px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:90px; background:url(http://www.prossertoyota.com.au/images/newcars_1.gif) no-repeat;;}
.menu li.p2 {width:90px; background:url(http://www.prossertoyota.com.au/images/usedcars_1.gif) no-repeat;;}
.menu li.p3 {width:110px; background:url(http://www.prossertoyota.com.au/images/trd_1.gif) no-repeat;;}
.menu li.p4 {width:90px; background:url(http://www.prossertoyota.com.au/images/fleet_1.gif) no-repeat;;}
.menu li.p5 {width:110px; background:url(http://www.prossertoyota.com.au/images/servicing_1.gif) no-repeat;;}
.menu li.p6 {width:90px; background:url(http://www.prossertoyota.com.au/images/specials_1.gif) no-repeat;;}
.menu li.p7 {width:90px; background:url(http://www.prossertoyota.com.au/images/partsandaccessories_1.gif) no-repeat;;}
.menu li.p8 {width:110px; background:url(http://www.prossertoyota.com.au/images/finance_1.gif) no-repeat;;}
.menu li.p9 {width:90px; background:url(http://www.prossertoyota.com.au/images/news_1.gif) no-repeat;;}
.menu li.p10 {width:90px; background:url(http://www.prossertoyota.com.au/images/contactus_1.gif) no-repeat;;}


/* set up the normal unhovered images in the links */
.menu li #newcars {width:90px; background:url(http://www.prossertoyota.com.au/images/newcars_0.gif) no-repeat;;}
.menu li #usedcars {width:90px; background:url(http://www.prossertoyota.com.au/images/usedcars_0.gif) no-repeat;;}
.menu li #trd {width:110px; background:url(http://www.prossertoyota.com.au/images/trd_0.gif) no-repeat;;}
.menu li #fleet {width:90px; background:url(http://www.prossertoyota.com.au/images/fleet_0.gif) no-repeat;;}
.menu li #servicing {width:110px; background:url(http://www.prossertoyota.com.au/images/servicing_0.gif) no-repeat;;}
.menu li #promotions {width:90px; background:url(http://www.prossertoyota.com.au/images/specials_0.gif) no-repeat;;}
.menu li #partsandaccessories {width:90px; background:url(http://www.prossertoyota.com.au/images/partsandaccessories_0.gif) no-repeat;;}
.menu li #finance {width:110px; background:url(http://www.prossertoyota.com.au/images/finance_0.gif) no-repeat;;}
.menu li #news {width:90px; background:url(http://www.prossertoyota.com.au/images/news_0.gif) no-repeat;;}
.menu li #contactus {width:90px; background:url(http://www.prossertoyota.com.au/images/contactus_0.gif) no-repeat;;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#newcars:hover, .menu li:hover a#newcars,
.menu li a#usedcars:hover, .menu li:hover a#usedcars,
.menu li a#trd:hover, .menu li:hover a#trd,
.menu li a#fleet:hover, .menu li:hover a#fleet,
.menu li a#servicing:hover, .menu li:hover a#servicing,
.menu li a#promotions:hover, .menu li:hover a#promotions,
.menu li a#partsandaccessories:hover, .menu li:hover a#partsandaccessories,
.menu li a#finance:hover, .menu li:hover a#finance,
.menu li a#news:hover, .menu li:hover a#news,
.menu li a#contactus:hover, .menu li:hover a#contactus {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:35px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:110px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:100px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:100px; line-height:20px; text-indent:2px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(http://www.prossertoyota.com.au/images/arrow.gif) 95px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#012063; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#012063 url(http://www.prossertoyota.com.au/images/arrow_over.gif) 95px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#012063 url(http://www.prossertoyota.com.au/images/arrow_over.gif) 95px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:95px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:106px; z-index:200; height:auto; z-index:300;}
/*************** Content ***************/
#contentcontainer {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

#content {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	bottom:0px;
	width: 960px;
	font-size: 1.1em;
	line-height: 1.5em;	
}


/********Prosser**********/

#menu {
	width:975px;
	height:202px;
	position:absolute;
	left:11px;
	top:0px;
}

#newmodels	{
	width:618px;
	height:137px;
	position:absolute;
	top:189px;
	left:30px;
}

#prossertoyota	{
	width:618px;
	height:195px;
	position:absolute;
	top:541px;
	left:14px;
}

#prossertext	{
	top:220px;
	left:675px;
	position:absolute;
}

#usedcarsimage	{
	width:229px;
	height:137px;
	position:absolute;
	top:188px;
	left:665px;
}

#serviceimage	{
	position:absolute;
	top:539px;
	left:643px;
}

#specialsimage	{
	position:absolute;
	top:539px;
	left:797px;
}

#trdimage	{
	position:absolute;
	top:682px;
	left:732px;
}


#midlandmudmap	{
	width:;
	height:;
	position:absolute;
	top:350px;
	left:110px;
}

#midlandtoyota {
	width:645px;
	height:250px;
	position:absolute;
	top:353px;
	left:333px;
}

#midlandtext	{
	top:220px;
	left:25px;
	position:absolute;
}

#feature_classifieds2 {
	float: left;
	position:absolute;
	top:270px;
	left:10px;
	width: 216px;
}

#usedcarspecialsimage	{
	width:126px;
	height:131px;
	position:absolute;
	top:225px;
	left:800px;
}

#usedsearch	{
	position:absolute;
	top:440px;
	#top:400px;
	left:60px;
}

#newcarsflash	{
	width:396px;
	height:196px;
	position:absolute;
	top:266px;
	left:558px;
}

#usedcartext	{
	top:220px;
	left:60px;
	position:absolute;
}

#background	{
	width:983px;
	height:1500px;
	position:absolute;
	top:0px;
	left:6px;
}

/*******Parts & Accessories******/

#partstext	{
	width:850px;
	position:absolute;
	top:220px;
	left:70px;
}

#partsenquiry	{
	width:600px;
	height:600px;
	position:absolute;
	top:441px;


	#top:570px;
	left:180px;
}

#confirmationtext	{
	width:600px;
	position:absolute;
	top:220px;
	left:70px;
}

/******Servicing******/

#servicingtext	{
	width:400px;
	position:absolute;
	top:232px;
	left:47px;
}

#serviceenquiry	{
	width:600px;
	height:700px;
	position:absolute;
	top:1090px;
	#top:800px;
	left:92px;
}

#fixedpriceservicingtext	{
	width:910px;
	top:220px;
	left:40px;
	position: absolute;
}

#fixedpriceservicing	{
	position: absolute;
	left:484px;
	top:230px;
}

/*******FinanceAndInsurance******/

#financetext	{
	width:850px;
	position:absolute;
	top:220px;
	left:70px;
}

/*******Promotions******/

#promotionstext	{
	width:900px;
	position:absolute;
	top:220px;
	left:45px;
}

/*******ContactUs******/

#contactustext	{
	width:850px;
	position:absolute;
	top:220px;
	left:70px;
}

/*******Footer*******/
#footer {
	background-image: url(http://www.prossertoyota.com.au/images/footerfade.jpg);
	background-repeat: no-repeat;
	background-position:center;
	position:inherit;
	margin-left: auto;
	margin-top:auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-indent:100px;
	#text-indent:130px;
	color:#FFFFFF;
	padding-top: 50px;
}

/*************** Global ***************/
.hide {
	display: none;
}

a:link {
	text-decoration: underline;
	color: #23357B;
}

a:visited {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #8EBABE;
}

img {
	border: none;
}

object {
	display: block;
	padding-left: 5px;
}

strong, b {
	font-weight: bold;
}

.floatedrightphoto {
	float: right;
	border: 5px solid #989898;
	margin: 10px 0px 10px 10px;
}

.floatedleftphoto {
	float: left;
	border: 5px solid #979797;
	margin: 10px 10px 10px 0px;
}

.float {
	width: 469px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.float img {
	border: 5px solid #989898;
}
  
.float p {
	text-align: center;
	margin-top: 0;
}

.floatright{
	float: right;
}

.floatleft {
	float: left;
}

/** Optiic AddINs **/
label.required {
	color:#CC0000;
}

legend {
	color:#0033FF;
}

table.borderless {
	border-color:#FFFFFF;
}

td.borderless {
	border-color: #FFFFFF;
}

button.subbutton {
	border: 1px solid #666666;
	font-family: "lucida grande", verdana, geneva, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #23357B;
	background-color: #FFFFFF;
	width: 140px;
	margin-top: 3px;
}

button.subbutton_hover {
	border: 1px solid #666666;
	font-family: "lucida grande", verdana, geneva, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #CC0000;
	background-color: #CCCCCC;
	width: 140px;
	margin-top: 3px;
}
