/*resets*/
* 						{ margin: 0; padding: 0; } /* reset */
html, body				{ height: 100%; width: 100%; background: #fff top center;
							font-size: 16px; line-height: 1.125em; font-family: Arial, Helvetica, sans-serif;
							color: #787878;}
ul						{ list-style: none outside; padding: 0; }
ol						{ list-style: none outside; padding: 0; }
a						{ outline: none; text-decoration: none; }
a img					{ border: none; }
img						{ vertical-align: middle; }
table					{ border-collapse: collapse; }
fieldset				{ border: none; }

/*misc*/
.clear						{ clear: both; }
.pad						{ margin-bottom: 10px; }
.left						{ float: left; }
#content img.left			{ padding: 5px 10px 5px 0; }
.right						{ float: right; }
.centre						{ margin: 0 auto; display: block; }
#content img.right			{ padding: 5px 0 5px 10px; }
.btn_bottom_right			{ position: absolute; right: 10px; bottom: 0px; }
.google_map					{ margin-left: 20px; }
.jscript_option 			{ display: none; }
.contactbox					{ width: 50%; float: left; }


/*menu*/
#main_menu					{ position: relative; background: url(../images/hpfs_menu.png) 0 0 no-repeat; height: 32px; width: 986px; overflow: hidden; margin: 10px 0 10px 0; }
#main_menu li				{ display: block; height: 32px; } /* IE needs this. */
#main_menu li a:link, #main_menu li a:visited		{ position: absolute; top: 0; text-indent: -9999px; overflow: hidden; height: 32px; }
#main_menu #home a:link, #main_menu #home a:visited	{ left: 2px; width: 122px; }
#main_menu #home a:hover	{ background: url(../images/hpfs_menu.png) -2px -32px no-repeat; }
#p_home #main_menu #home a	{ background: url(../images/hpfs_menu.png) -2px 0 no-repeat; } /* Don't show home as active */
#main_menu #about a:link,#main_menu #about a:visited{ left: 122px; width: 124px; }
#main_menu #about a:hover	{ background: url(../images/hpfs_menu.png) -122px -32px no-repeat; }
#p_about #main_menu #about a	{ background: url(../images/hpfs_menu.png) -122px -64px no-repeat; }
#main_menu #newcar a:link, #main_menu #newcar a:visited		{ left: 246px; width: 122px; }
#main_menu #newcar a:hover		{ background: url(../images/hpfs_menu.png) -246px -32px no-repeat; }
#p_newcar #main_menu #newcar a	{ background: url(../images/hpfs_menu.png) -246px -64px no-repeat; }
#main_menu #services a:link,#main_menu #services a:visited		{ left: 368px; width: 124px; }
#main_menu #services a:hover		{ background: url(../images/hpfs_menu.png) -368px -32px no-repeat; }
#p_services #main_menu #services a	{ background: url(../images/hpfs_menu.png) -368px -64px no-repeat; }
#main_menu #whyhpf a:link,#main_menu #whyhpf a:visited		{ left: 492px; width: 124px; }
#main_menu #whyhpf a:hover			{ background: url(../images/hpfs_menu.png) -492px -32px no-repeat; }
#p_whyhpf #main_menu #whyhpf a		{ background: url(../images/hpfs_menu.png) -492px -64px no-repeat; }
#main_menu #fleets a:link,#main_menu #fleets a:visited		{ left: 616px; width: 122px; }
#main_menu #fleets a:hover		{ background: url(../images/hpfs_menu.png) -616px -32px no-repeat; }
#p_fleets #main_menu #fleets a	{ background: url(../images/hpfs_menu.png) -616px -64px no-repeat; }
#main_menu #contact a:link,#main_menu #contact a:visited		{ left: 738px; width: 123px; }
#main_menu #contact a:hover			{ background: url(../images/hpfs_menu.png) -738px -32px no-repeat; }
#p_contact #main_menu #contact a	{ background: url(../images/hpfs_menu.png) -738px -64px no-repeat; }
#main_menu #booknow a:link,#main_menu #booknow a:visited		{ left: 861px; width: 123px; }
#main_menu #booknow a:hover			{ background: url(../images/hpfs_menu.png) -861px -32px no-repeat; }
#p_booknow #main_menu #booknow a	{ background: url(../images/hpfs_menu.png) -861px -64px no-repeat; }

/*typo*/
input, textarea					{ color: #787878; font-size: 1.125em; }
h1								{ }
h2								{ }
h3								{ font-size: 1.25em; line-height: 1.25em; font-weight: normal; color: #cc3333; margin-bottom: 0.3em; }
h4								{ font-size: 16px; line-height: 1.5em; font-weight: normal; margin-top: 15px; color: #252525; }
p								{ font-size: 0.75em; margin-bottom: 0.5em; text-align: justify; }
a								{ color: #787878; }
#content p a:hover							{ border-bottom: 1px solid #787878; }
ul.warranty li, #p_specials #main ul li	{ list-style: disc inside; margin-left: 20px; font-size: .75em; }
#p_specials #main ul 					{ margin-bottom: 10px; }
h5.big							{ font-size: 2em; font-weight: bold; text-align: center; color: #787878; padding: 20px; }

/*buttons*/
a.btn_enquiry, a.btn_more, a.btn_book { display: block; height: 27px; width: 132px; text-indent: -9999px; overflow: hidden; margin: 5px 0 5px 0; }
a.btn_enquiry				{ background: url(../images/hpfs_buttons.png) no-repeat 0 0; }
a.btn_enquiry:hover			{ background-position: 0 -30px; border: none; }
a.btn_more					{ background: url(../images/hpfs_buttons.png) no-repeat 0 -60px; }
a.btn_more:hover			{ background-position: 0 -90px; border: none; }
a.btn_book					{ background: url(../images/hpfs_buttons.png) no-repeat 0 -120px; }
a.btn_book:hover			{ background-position: 0 -150px; border: none; }

/*search*/
#search_box 						{ position: relative; display: block; height: 27px; }
#search_box form 					{ height: 27px; width: 190px; background: url(../images/hpfs_buttons.png) no-repeat 0 -180px; }
#search_box form #search_field		{ position: absolute; top: 5px; left: 23px; vertical-align: middle; width: 160px; outline: 0; border: 0; background: transparent;  }
#search_box form .btn_go			{ position: absolute; top: 0; left: 190px; display: block; height: 27px; width: 29px; text-indent: -9999px; overflow: hidden; background: url(../images/hpfs_buttons.png) no-repeat 0 -210px; border: 0; }
#search_box form .btn_go:hover		{ background-position: 0 -240px; }

/*header*/
#logo					{ display: block; height: 104px; width: 400px; text-indent: -9999px; overflow: hidden; background: url(../images/hpfs_logo.png) no-repeat 0 0; }
#contact_box			{ margin-top: 62px; padding-right: 10px; }
#contact_box p			{ text-align: right; margin: 0; margin-bottom: 4px; font-size: 0.875em;}
#contact_box h4			{ font-size: 1.5em; line-height: 1em; font-weight: normal; margin: 0; }

/*modified hr*/
div.hr 					{ margin: 10px 50px 10px 50px; border: none; border-top: 1px solid #999999; clear: both; }
div.hr hr 				{ display: none; }

/*layout*/
#wrapper				{ width: 984px; margin: 0 auto; }
#content				{ padding: 0; }
#footer					{ padding: 4px 10px 10px 10px; margin-top: 10px; border-top: 1px solid #999999; }		
#main					{ width: 718px; float: left; margin: 10px; display: inline; }
#sidebar_r				{ width: 246px; float: left; }
.block472				{ width: 472px; margin: 5px 10px; float: left; display: inline; }

/*boxes*/
.box226					{ position: relative; width: 210px; padding: 8px 8px 0px 8px; background: url(../images/hpfs_226box.png) repeat-y -226px 0; margin: 5px 10px; display: inline; float: left; }
.box226_top 			{ background: url(../images/hpfs_226box.png) no-repeat 0 0; width: 226px; height: 5px; position: absolute; top: 0; left: 0; }
.box226_bottom 			{ background: url(../images/hpfs_226box.png) no-repeat -452px 0; width: 226px; height: 17px; position: absolute; bottom: -17px; left: 0; } /*17px -17px stuff makes it work in ie6 */
.box308					{ position: relative; width: 292px; padding: 8px 8px 10px 8px; background: url(../images/hpfs_308box.png) repeat-y -308px 0; margin: 5px 10px; display: inline; float: left; }
.box308_top 			{ background: url(../images/hpfs_308box.png) no-repeat 0 0; width: 308px; height: 5px; position: absolute; top: 0; left: 0; }
.box308_bottom 			{ background: url(../images/hpfs_308box.png) no-repeat -616px 0; width: 308px; height: 17px; position: absolute; bottom: -17px; left: 0; } /*17px -17px stuff makes it work in ie6 */
.box984					{ position: relative; width: 968px; padding: 8px 8px 0px 8px; background: url(../images/hpfs_984box.png) repeat-y -984px 0; margin-bottom: 10px; display: inline; float: left; }
.box984_top 			{ background: url(../images/hpfs_984box.png) no-repeat 0 0; width: 984px; height: 10px; position: absolute; top: 0; left: 0; }
.box984_bottom 			{ background: url(../images/hpfs_984box.png) no-repeat -1968px 0; width: 984px; height: 17px; position: absolute; bottom: -17px; left: 0; } /*17px -17px stuff makes it work in ie6 */
.height_300				{ min-height: 300px; height: auto !important; height: 300px; padding-bottom: 40px; }
.height_200				{ min-height: 200px; height: auto !important; height: 200px; padding-bottom: 40px; }
.height_150				{ min-height: 150px; height: auto !important; height: 150px; padding-bottom: 40px; }
.box226 h4				{ position: absolute; top: 10px; left: 10px; margin: 0; }
.box226 img				{ position: absolute; top: 20px; left: 10px; }
.box226 h4.thanks		{ position: relative; }
.jaybox					{ position: relative; width: 226px; height: 238px; background: url(../images/jay_box.jpg) no-repeat; margin: 10px 6px 0 10px; }
.alexbox				{ position: relative; width: 226px; height: 238px; background: url(../images/alex_box.jpg) no-repeat; margin: 10px 6px 0 10px; }
.jaybox h4, .alexbox h4	{ position: absolute; top: 10px; left: 10px; margin: 0; }

/*tick*/
.check_items			{ font-size: 0.75em; margin-bottom: 0.5em; }
.check_items li			{ width: 221px; background: #f0f0f0; position: relative; margin-right: 10px; margin-top: 10px; padding: 2px 0 2px 5px; float: left; }
.check_items .tick		{ background: url(../images/hpfs_buttons.png) no-repeat 0 -270px; width: 26px; height: 26px; position: absolute; bottom: 0; right: 5px; }
.check_items .cross		{ background: url(../images/hpfs_buttons.png) no-repeat 0 -300px; width: 26px; height: 26px; position: absolute; bottom: 0; right: 5px; }

/*forms*/
#quote					{ padding: 10px 0; }
label					{ display: block; font-size: .75em; margin-top: 4px; }
#quote input, #quote textarea	{ width: 202px; border: 1px solid #999999; font-size: .875em; padding: 3px; outline: 0; font-family: Arial, Helvetica, sans-serif; }
#quote input:focus, #quote textarea:focus	{ border: 1px solid #cc3333; }
#quote textarea			{ height: 80px; }
#quote p.thanks			{ display: block; color: #999999; }
label.error 			{ color: #cc3333; margin-top: -3px; }
form .btn_enquiry		{ float: right; display: block; height: 27px; width: 132px; text-indent: -9999px; overflow: hidden; margin: 10px 0 5px 0; border: none; background: url(../images/hpfs_buttons.png) no-repeat 0 0; }
form .btn_enquiry:hover	{ background-position: 0 -30px; border: none; }

/*online booking form*/
#form_booknow	{ }
#form_booknow fieldset	{  }
#form_booknow input, #form_booknow textarea, #form_booknow select	{ width: 284px; border: 1px solid #999999; font-size: .875em; padding: 3px; outline: 0; font-family: Arial, Helvetica, sans-serif; }
#form_booknow input:focus, #form_booknow textarea:focus, #form_booknow select:focus, #form_booknow input:hover, #form_booknow textarea:hover, #form_booknow select:hover { border: 1px solid #cc3333; } 
#form_booknow textarea				{ height: 120px; }
#form_booknow select				{ width: 292px; font-size: .75em; color: #787878; }
#form_booknow .inputradio 			{ text-align: center; }
#form_booknow .inputradio input 	{ border: 0; width: 20px; }
#form_booknow .inputradio span		{ font-size: .75em; }
form .btn_book						{ float: right; display: block; height: 27px; width: 132px; text-indent: -9999px; overflow: hidden; margin: 10px 0 5px 0; border: none; background: url(../images/hpfs_buttons.png) no-repeat 0 -120px; }
form .btn_book:hover				{ background-position: 0 -150px; border: none; }/*simple contact form*/
#form_contact						{ width: 308px; margin: 0 auto; }
#form_contact input, #form_contact textarea, #form_contact select	{ width: 308px; border: 1px solid #999999; font-size: .875em; padding: 3px; outline: 0; font-family: Arial, Helvetica, sans-serif; }
#form_contact input:focus, #form_contact textarea:focus, #form_contact select:focus, #form_contact input:hover, #form_contact textarea:hover, #form_contact select:hover
											{ border: 1px solid #cc3333; }
#form_contact textarea				{ height: 120px; }

/*highlight box*/
#highlight							{ position: relative; }
#highlight div						{ position: absolute; top: 45px; left: 492px; width: 390px; }
#highlight h3						{ font-size: 1.375em; margin-bottom: 20px; font-weight: bold; }
#highlight p						{ font-size: 0.875em; }
#highlight .sash					{ position: absolute; right: -2px; top: -2px; }

/*date picker*/
#form_booknow a.dp-choose-date 		{ float: left; width: 23px; height: 24px; padding: 0; margin: 0 2px; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/calendar.png) no-repeat; }
#form_booknow a.dp-choose-date:hover { border: 0; }
#form_booknow a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
#form_booknow input.dp-applied 		{ width: 155px; float: left; }

/*contact page*/
.contactbox			{  }
.contactbox img		{ float: left; margin-left: 40px; margin-top: 6px;}
.contactbox h5		{ margin-bottom: 00px; }
.contactbox h3		{ margin-bottom: 20px; }

/*image captions*/
.capt 				{ width: 308px; margin: 10px auto; }
.capt img 			{ margin: 0 auto; display: block; }
.capt p				{ font-size: 0.675em; display: block; width: 75%; margin: 0 auto; text-align: center; }

/*newsletter signup box*/
.newsletter			{ margin-bottom: 10px; }
.newsletter p		{ font-size: .75em; }
.newsletter div		{ width: 85%; margin: 0 auto;}
.newsletter div p	{ text-align: left; margin-top: 6px; }
.newsletter div img	{ margin-top: -6px; position: relative; padding: 0; left: 0; top: 0; }