@charset "utf-8";

/*undo html*/
/*body, div, span, table, td, ul, li {padding:0; margin:0;}*/
/*end undo*/

body				{font-family: Helvetica, Arial, Verdana, sans-serif; font-size:76.1%; line-height:1.4em; }
h1					{font-size:2.2em;}
h2					{font-size:1.8em;}
h3					{font-size:1.2em;}
h4					{font-size:1.4em;}
h5					{font-size:1.2em;}
h6					{font-size:1em;}

/*----- GENERIC -----*/
.smlRed 			{color:#cc0000;font-size:.9em;font-weight:normal;}
.fltRight 			{float:right;}
.fltLeft 			{float:left;}
.lrgGryTxt 			{font-size:1.2em;color:#999;font-weight:bold;white-space:normal;}
.lrgBlkTxt 			{font-size:1.2em;color:#000;font-weight:bold;white-space:normal;}
.show				{visibility:visible;}
.hide				{visibility:hidden;}

/*----- SITE STRUCTURE ----- */
/*  #page				{top:0px; left:0px; }  */
/* #page { float: left; clear: both; }  */
#container			{width:950px; top:6px; left:6px;}	
#outline			{border:1px #D8D8D8 solid;  float:left; width:934px; min-height:548px; }
*html #outline		{height:570px;}
#logo				{margin-top:9px;}
#dTabs				{border:4px solid #fff;position:absolute;left:4px; top:0px; height:730px; clip:rect(0px, 1000px, 1000px, 900px) } /* #fff border ie hack */
#Group #dTabs		{border:none;position:absolute;left:4px; top:0px; height:600px;}
#location			{float:right; width:50%;text-align:right;padding-right:20px; }
#footer				{position:relative; padding-top:5px; clear:both;width:934px;}
#overlayOld			{height:100%; width:100%;background-color:#000000;}
#overlayContent		{}

#sIFR_replacement_2 {height:50px;}
#pageTitle #sIFR_replacement_0 {height:39px;}
#location #sIFR_replacement_0 {height:32px;}
#location #sIFR_replacement_1 {height:32px;}
#location #sIFR_replacement_2 {height:32px;}


/*----- TOP NAVIGATION MENU -----*/

#tools {
 margin-left:733px;
 margin-bottom:2px;
 padding-bottom:22px;
}

#tools a:focus, #tools a:hover {
color:#A80000;
text-decoration:none;
}

:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}

#tools a {
color:#CC0000;
text-decoration:underline;
}

#tools a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/_img/tools.gif) no-repeat scroll 0 -20px;
width:103px;
}

#tools .showroom a:hover, .navShowroom #tools .showroom a, #tools .showroom a:focus {
background-position:0 0;
}

#tools .showroom a {
background-position:0 -20px;
width:102px;
}

#tools .testDrive a:hover, .navTestDrive #tools .testDrive a, #tools .testDrive a:focus {
background-position:-102px 0;
}

#tools .testDrive a {
background-position:-102px -20px;
width:112px;
}

#tools .brochure a:hover, .navBrochure #tools .brochure a, #tools .brochure a:focus {
background-position:-214px 0;
}

#tools .brochure a {
background-position:-214px -20px;
width:91px;
}



#tools li a {
float:left;
height:20px;
text-indent:-9999px;
}


#tools ul , #tools li {
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

#tools ul, #tools li{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}



/*----- PAGE CONTENT -----*/

#bannerContainer	{height:300px;width:932px;}/*main flash banner*/
#imageBanner		{}/*main flash banner*/
#pageTitle			{float:left; position:absolute; top:90px; left:38px;padding:0px;margin:0px;}
#content			{height:375px;width:430px; padding-left:35px; margin-top:0px; overflow:auto;}
#homecontent		{width:430px; padding-left:35px; margin-top:0px; overflow:auto;}
#PostBack 			{width:425px; margin-left:200px; margin-top:0px;}
#wrapper			{float:left;width:900px; position:relative; margin:25px 0 10px 0;}/*contains main page content*/
#hygiene 			{font-size:1em; color:#999999; padding-left:30px; float:left;}
#hygiene a 			{text-decoration:none; color:#999999;}
#hygiene a:hover	{text-decoration:underline; color:#999999;}
#promos				{position:absolute; top: 0px; right:10px;}
#promos img			{border:none;width:240px;height:140px;}
#personality		{position:absolute; right:10px; top:0px;width:250px;text-align:center;}
#personality p 		{margin-bottom:20px;}
#button				{width:100%;margin-top:10px;}
#buttonContainer 	{width:auto;}
#button p, #buttonContainer p {display:inline;}
#button img, #buttonContainer img {border:0px;padding-left:5px;padding-right:5px;}
#button a:link, #buttonContainer a:link, #button a:visited, #buttonContainer a:visited {background:url(/_img/content_button.gif);background-position:center;background-repeat:repeat-x;padding:5px;line-height:1em;text-decoration:none;color:#ebebeb;font-weight:bold;font-size:90%;}
#button a:hover, #buttonContainer a:hover {background:url(/_img/content_button_over.gif);background-position:center;background-repeat:repeat-x;padding:5px;line-height:1em;text-decoration:none;color:#999;font-weight:bold;font-size:90%;}
#hondaform #button {margin-left:175px;}
					
/*----- GROUP -----*/

/*----- GROUP with bg -----*/
#grouptop								{width:938px; height:305px;position:relative;}
#groupbtm								{background-image:url(/_media/personality/group_bg_btm.jpg); background-position:top;background-repeat:no-repeat;float:left; width:100%; position:relative; margin:0px 0 10px 0;height:245px;}
#Group #outline							{border:1px #D8D8D8 solid;  float:left; width:938px; background-image:url(/_media/personality/group_bg.png); background-repeat:repeat-y;}

/*----- GROUP - no bg -----*/
#Group #outline #grouptop img.logo 		{position:absolute; top:13px;left:27px;}
#Group #outline #grouptop img.buslogoCA	{position:absolute; bottom:20px;left:60px;}
#Group #outline #grouptop img.buslogoPE	{position:absolute; bottom:125px;left:60px;}
#Group #outline #grouptop #groupintro	{position:absolute; top:125px;left:275px;width:500px;}
#Group #outline #grouptop #groupintro p {padding:0px;margin:0px;}
#Group #outline #groupbtm #content		{height:auto;width:600px; margin-left:275px; margin-top:20px;} /* redefine the bottom content */
#Group #footer #hygiene					{display:none;} /* It's a group so don't display */
#Group #footer #location 				{display:none;} /* It's a group so don't display */
#formContent p, #content p, #homecontent p {color:#666666;font-size:1em;margin:0px;line-height:1.3em;}
#content ul, #content ol				{color:#666666;margin:0px;padding:15px;}
#content span.grplist 					{padding-right:40px;}				
#groupbtmwrap 							{width:400px;float:left;}
#groupbtmwrap #left 					{width:200px;float:left;}			
#groupbtmwrap #middle 					{width:200px;float:right;}
#content #right 						{width:200px;float:right;}
#content table#grouplist 				{font-size:.90em;}
#content table#grouplist tr.grpRow 		{line-height:1em;}
#content table#grouplist td.grpDetails 	{width:275px;}
#content table#grouplist td.grpTel 		{width:150px;}				
#Group #content a:link, #Group #content a:visited  {background-image:url(/_img/arrow_group.gif);background-position:0px;background-repeat:no-repeat;padding-left:15px;font-weight:bold;color:#000;text-decoration:none;}
#Group #content a:hover {background-image:url(/_img/arrow_group.gif);background-position:3px;background-repeat:no-repeat;font-weight:bold;color:#666;text-decoration:none;}				

/*----- USED CARS-----*/
.odd									{background-color: #ffffff;}
.even									{background-color: #f5f5f5;}
.left									{float:left;}
.right									{float:right;}
#vehicleDisplay 						{position:absolute;width:690px; height:230px; overflow:auto;}
#pupwrapper 							{background:#fff;height:400px;font-family: Helvetica, Arial, Verdana, sans-serif; font-size:100%; line-height:1.4em;}
#pupcontainer 							{padding:5px;}
#pupformcontent 						{position:absolute;top:30px;left:20px;} 
#bordering 								{border:1px solid #ccc;height:385px;background:url(/_img/content_usedcars_bg.gif);background-position:bottom;background-repeat:repeat-x;}
#bordering .usedImages 					{padding:5px;width:320px;text-align:center;}
#bordering .usedImages img.lge 			{border:none;width:310px;height:200px;padding:5px;}
#bordering .usedImages img.citnow		{border:none;width:320px;height:54px;padding:5px; cursor:pointer;cursor:hand;}
#bordering .usedImages img.smll 		{border:none;width:150px;height:100px;padding:5px; cursor:pointer;cursor:hand;}
#bordering .usedData					{width:330px;}
#bordering .usedData p.carheading 		{color:#cc0000;font-weight:bold;padding-top:5px;font-size:115.5%;letter-spacing:.065em;}
#frm 									{padding:5px 0px 10px 0px;}
#thetable 								{font-size:88%;width:97%;}
#thetable #tblHeader					{background-color:#cc0000;color:#fff;font-size:110%;font-weight:bold;}
#thetable td 							{padding:3px;}		
#thetable tr							{height:20px;}	
#thetable a:link, #thetable a:visited 	{color:#cc0000;}										
.hoverOver 								{background:#ccc;cursor:pointer;}
.hoverOut 								{background:#fff;}
#pupcontent #button						{text-align:left;padding-top:20px;}

/*----- FORM DATA -----*/
#formContent 							{width:690px; margin-left:200px; margin-top:0px; min-height:390px;}
* html #formContent 					{height:390px;}
#formContent div.formData 				{width:340px;}				
#formContent div.formData select 		{font-family:Helvetica, Arial, Verdana, sans-serif; color:#333; width:145px;font-weight:normal;border:1px solid #666666;font-size:.9em;}	
#formContent p.smlGry 					{color:#999;font-size:.80em;line-height:1.4em;}
#formContent div.formData input.checkbox{width:15px;border:none;vertical-align:middle;margin:1px;padding:0px;display:inline;}					
#pupformcontent div.formData 			{width:400px;}				
#formContent div.formData label, #pupformcontent div.formData label	{width: 130px;float: left;text-align: left;margin: 0px;color:#666666;font-weight:bold;}
#formContent div.formData p, #pupformcontent div.formData p	{padding:2px;margin:0px;}
#formContent div.formData #txtTitle, #formContent div.formData #txtPostCode {width:75px;}	
#formContent input, #formContent textarea, #formContent select, #pupformcontent div.formData select, #pupformcontent input, #pupformcontent textarea  {text-indent:4px;font-family:Helvetica, Arial, Verdana, sans-serif;color:#333;width:175px;font-weight:normal;border:1px solid #666666;font-size:.9em;}
#formContent p.formIntroPara {margin-bottom:1em;}

					

/*----- CONTACT DATA -----*/
#Contact #formContent div.formData 		{width:355px;}	
#Contact #formContent 					{width:425px; margin-left:200px; margin-top:0px;}
.contactPosition 					{position:relative;top:-30px;left:72px; clear:both}	
#Contact #formContent div.formData label{width: 70px;float: left;text-align: left;margin: 0px;color:#666666;font-weight:bold;}		
div.cntBubble 							{width:190px;height:55px;vertical-align:middle;margin-top:5px;}
div.cntBubble img 						{float:left;padding-right:5px;vertical-align:bottom;}
div.cntBubble p 						{margin-top:5px;}


/*  New SSDIF contact form CSS   uiazb 27/08/2009   */

#formsWrapper {float:left;height:600px;margin-left:20px;width:712px;}
#formsWrapper form {padding-bottom:30px; float:left; width:100%;}
#formsWrapper form label {display:block; width:250px; float:left; font-size: 0.9em;}
#formsWrapper form #txtSubject {width:170px; float:left; font-size: 0.9em; height: 21px; padding: 1px;}
#formsWrapper form .smlRed {float:left; display:block;}
#formsWrapper #iFrameContainerDiv {width:709px; height:555px;}
#formsWrapper #iFrameContainerDiv #ssdifiFrame {width:708px; height:555px;}


 
/*----- LEGAL and HELP -----*/

#Legal #content, #Help #content			{height:375px;width:430px; margin-left:35px; margin-top:0px; overflow:auto;}
#Legal #content p,  #Help #content p	{padding-right:5px;line-height:1.5em;margin:1.1em;}
#Legal #content .highlight				{width:90%;background:#dadada;padding:6px 0 6px 0;margin:8px auto 0px auto;} 						
#Legal #content h5,  #Help #content h5	{margin-left:15px;}
#Help #content a:link, #Legal #content a:link, #Help #content a:visited, #Legal #content a:visited	{color:#cc0000;text-decoration:underline;font-size:1em;}
#Help#content a:hover, #Legal #content a:hover{text-decoration:underline;}

/*----- FOOTER ----*/
#footer a:link, #footer a:visited 		{padding:2px 5px 2px 5px;font-weight:bold;font-size:90%;letter-spacing:-.02em;line-height:1em;color:#b5b5b5}
#footer a:hover 						{background-color:#cc0000;color:#ebebeb;text-decoration:none;}

/*----- LIGHT BOX OVERLAY ----*/
.LB_overlay 							{position: absolute;top: 0;left: 0;width: 100%!important;height: 850px!important;background-color: #000;filter:alpha(opacity=50);-moz-opacity: 0.7;	opacity: 0.7;z-index:200;}
.LB_window 								{position: absolute;color:#999;z-index:201;}
.LB_content								{overflow:hidden;}
.LB_resize								{height: 13px; width: 15px; position: absolute; bottom: 0;right: 0;}
#LB_closeWindow							{height:19px;padding:0;float:right;position: absolute;background-color: #000;}
#LB_closeWindow	img						{border:none;}						
.LB_closeAjaxWindow						{text-align:right;background-color:transparent;color:#fff;font-weight:bold;}
.LB_closeAjaxWindow a:hover 			{color:#fff;}
.LB_closeAjaxWindow a:link, .LB_closeAjaxWindow a:visited{cursor: pointer;color:#ccc;font-family: Helvetica, Arial, Verdana, sans-serif;font-size:11px;font-weight:bold;text-decoration:none;}

/*********************************************************************
	menu styles
**********************************************************************/

#navcontainer		{width: 168px; float:left; position:relative;z-index:3;left:15px;/*top:-15px;*/}
.shadow 			{width: 150px; float:left;  background: url(/_img/shadow.gif) no-repeat bottom right; margin: 0 0 0 5px; padding-bottom:6px; }
ul#navlist 			{text-align:left; list-style:none; padding:0; margin:0 auto; width:140px;}
ul#navlist ul 		{margin:0px 0px 0px 5px; padding:0; list-style-type:none; display:none;  }
ul#navlist li.navheader a, ul#navlist li.navheader a:link, ul#navlist li.navheader a:active, ul#navlist li.navheader a:visited {background-color:#CC0000; color:#FFFFFF; font-weight:bold; width:141px;}
ul#navlist li.navheader a:hover {background-color:#ccc;color:#666;}
ul#navlist li, #navcontainer ul#navlist li ul li {text-indent:10px; font-size:0.9em !important; font-weight:bold !important;}
ul#navlist li.first { border-top:none;}
ul#navlist li a		{display: block; color:#777; text-decoration:none; background:#f5f5f5;width: 100%;border-bottom: 1px #CCCCCC solid;}
ul#navlist li a:hover, ul#navlist li#active a:hover	 {color: #333;background-color:#fff; width:100%;}
ul#navlist li a.active, ul#navlist li a:link.active, ul#navlist li a:visited.active, ul#navlist li a:hover.active, ul#navlist li a:active.active {background-color:#fff; background-image:none; color:#cc0000; text-decoration:none; }

/*styles for list items with submenus */
ul#navlist li.haschild a:link, ul#navlist li.haschild a:visited {background:#f5f5f5 url(/_img/arrow_off.gif) 100% 0 no-repeat; color:#777; text-decoration:none; }
ul#navlist li.haschild a:hover, ul#navlist li.haschild a:active {background: #fff url(/_img/arrow_over.gif) 100% 0 no-repeat; color:#333; text-decoration:none; }
ul#navlist li.haschild li a:link, ul#navlist li.haschild li a:visited, ul#navlist li.haschild li a:hover, ul#navlist li.haschild li a:active {background-image:none;}

/*active submenus */
#navcontainer ul#navlist ul li a:link, #navcontainer ul#navlist ul li a:visited {background-color:#ececec; font-weight:bold;margin:0px;padding:0px;border-bottom: 1px #CCCCCC solid; }
*html #navcontainer ul#navlist ul li a:link, *html #navcontainer ul#navlist ul li a:visited {font-size:1.1em;} 
#navcontainer ul#navlist ul li a:hover, #navcontainer ul#navlist ul li a:active{background-color:#fff;border-bottom: 1px #CCCCCC solid;}

/*show submenus */
body#About #navcontainer ul#navlist ul#about_sub, body#Cars #navcontainer ul#navlist ul#cars_sub, body#Motorcycles #navcontainer ul#navlist ul#motorcycles_sub, body#Atv #navcontainer ul#navlist ul#atv_sub, body#Energy #navcontainer ul#navlist ul#energy_sub, body#Lawn_and_garden #navcontainer ul#navlist ul#lawn_and_garden_sub, body#Marine #navcontainer ul#navlist ul#marine_sub  {display:block;font-size:.95em;}
/* active menu identification */
body#About #page #navcontainer ul#navlist li.haschild a.aboutActive, 
body#Cars #page #navcontainer ul#navlist li.haschild a.carsActive,
body#Motorcycles #page #navcontainer ul#navlist li.haschild a.motorcyclesActive,
body#Atv #page #navcontainer ul#navlist li.haschild a.atvActive,
body#Energy #page #navcontainer ul#navlist li.haschild a.energyActive,
body#Lawn_and_garden #page #navcontainer ul#navlist li.haschild a.lawnAndGardenActive,
body#Marine #page #navcontainer ul#navlist li.haschild a.marineActive
{background:#fff url(/_img/active.gif) 100% 0 no-repeat; color:#cc0000; text-decoration:none;width:100%; }
/*  single nav items */
body#Limited_offers #page #navcontainer ul#navlist li.Limited_offers_nochild a:link, body#Limited_offers #page ul#navlist li.Limited_offers_nochild a:visited,
body#Contact #page #navcontainer ul#navlist li.contact_nochild a:link, body#Contact ul#navlist li.contact_nochild a:visited {color:#cc0000;}

#LimitedOffersList a.LimitedOffersList:link, #LimitedOffersList a.LimitedOffersList:visited {margin-left: 20px; text-decoration:none; color:#666666;}
#LimitedOffersList a.LimitedOffersList:hover {color:#000000; text-decoration:none;}

#txtImportantExtraInfo {display:none;}

#homecontent a.LimitedOffersList:link, #homecontent a.LimitedOffersList:visited {text-decoration:none; color:#666666; font-weight:bold;}
#homecontent a.LimitedOffersList:hover {color:#000000;}