/*Overall CSS for each Horizontal Accordion.	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead. */


/* ----------- START specific CSS for #Contactus-Accordion ----------------------- */
#contactus-accordion {margin-top:30px; margin-left:20px;}
#contactus-accordion li{
margin:0 3px 0 0; /*Spacing between each LI container*/
background:url(../misc-images/contact-page/bg_li_off.jpg) repeat-x right center;
}
#contactus-accordion li:hover {background:url(../misc-images/contact-page/bg_li_on.jpg) repeat-y left top;}

#contactus-accordion li .hpanel { padding: 0 5px 0 40px;} /*Padding inside each content*/
#contactus-accordion li .hpanel h3 { font: normal 1.5em Verdana, Geneva, sans-serif; color: #036; padding: 10px 0 15px 10px; margin:0;}
#contactus-accordion li .hpanel h4 { font: normal 1.2em Verdana, Geneva, sans-serif; color: #036; padding: 10px 0 0px 10px; margin:0;}
#contactus-accordion li .hpanel p {font-size:1.0em;}
#contactus-accordion li #panel1 p { padding-top:10px; padding-bottom:10px; font-size:1.2em;}

#contactus-accordion #panel1 {background: url(../misc-images/contact-page/acc_contact_off.png) no-repeat left center;}
#contactus-accordion #panel1:hover {background: url(../misc-images/contact-page/acc_contact_on.png) no-repeat left center;}
#contactus-accordion #panel2 {background: url(../misc-images/contact-page/acc_enquiry_off.png) no-repeat left center;}
#contactus-accordion #panel2:hover {background: url(../misc-images/contact-page/acc_enquiry_on.png) no-repeat left center;}
#contactus-accordion #panel3 {background: url(../misc-images/contact-page/acc_bookinginfo_off.png) no-repeat left center;}
#contactus-accordion #panel3:hover {background: url(../misc-images/contact-page/acc_bookinginfo_on.png) no-repeat left center;}
#contactus-accordion #panel4 {background: url(../misc-images/contact-page/acc_insurance_off.png) no-repeat left center;}
#contactus-accordion #panel4:hover {background: url(../misc-images/contact-page/acc_insurance_on.png) no-repeat left center;}
/* end specific accordion styling */


/* styling the helper links that can remotely control accordion panels */
a.accordion-extlink:link, a.accordion-extlink:visited {font-weight:normal; text-decoration:none; border-bottom:1px dashed #06C; color:#06C;} 
a.accordion-extlink:hover, a.accordion-extlink:active {font-weight:normal; text-decoration:none;border-bottom:none; color:#036;}


#contactus-accordion li .hpanel div#whatisATOL {
	background:url(../misc-images/contact-page/bg_whatisATOL.png) no-repeat left top;
	width:593px;
	height:54px;
	padding:1px 6px;
	margin-left:10px;
}
#contactus-accordion li .hpanel div#whatisATOL p {
	font-size:9px;
	padding: 1px 0;
	margin:0;
}

div#holidayextras {
	background:url(../misc-images/contact-page/bg_form.png) repeat;
	border:1px solid #036;
	float:left;
	width:335px;
	padding:0px;
	margin-left:5px;
	-moz-border-radius:7px; -webkit-border-radius:7px;
}

div#insurance {
	background:url(../misc-images/contact-page/bg_form.png) repeat;
	border:1px solid #036;
	float:left;
	width:340px;
	padding:0px;
	margin-left:5px;
	-moz-border-radius:7px; -webkit-border-radius:7px;
}

div#holidayextras h6, div#insurance h6 {font: normal 14px Verdana, Geneva, sans-serif; color:#06C; margin-top:5px;}

/* ----------- END specific CSS for #Contactus-Accordion ----------------------- */


.haccordion{
padding: 0;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}

.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 319px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 319px;  /*For users with JS disabled: Height of each content*/
}