/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {width: 299px;}

/* accordion header */
#accordion h2 {
	color: #FFF;
	height: 37px;
	width: 239px;
	font-size: 16px;
	font-weight: normal;
	padding: 14px 20px 0px 40px;
	margin: 0px;
	cursor:pointer;		
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#accordion h2#accordion-packages-head {background: url(../images/accordion-header-packages.png) no-repeat;}
#accordion h2#accordion-news-head {background: url(../images/accordion-header-news.png) no-repeat;}
#accordion h2#accordion-reservations-head {background: url(../images/accordion-header-reservations.png) no-repeat; height: 31px;}

/* currently active header */
#accordion h2.current {cursor:default;}

/* accordion pane */
#accordion div.pane {
	display:none;
	/* height:235px;
	overflow: hidden;*/
	padding: 15px 0px 0px 20px;
	border-right: 1px solid #C8D6DD;
	width: 276px;
	margin-bottom: 5px;
}
#accordion div#accordion-packages.pane {background: url(../images/accordion-bg-packages.png) no-repeat 0px 0px;}
#accordion div#accordion-news.pane {background: url(../images/accordion-bg-news.png) no-repeat 0px 0px;}
#accordion div#accordion-reservations.pane {background: url(../images/accordion-bg-reservations.png) no-repeat 0px 0px;}

/* a title inside pane */
#accordion div#accordion-packages a {color: #10511D;}
#accordion div#accordion-news a {color: #E64623;}

#accordion .item {margin: 0px 20px 10px; padding-bottom: 6px; border-bottom: 1px dotted #C8D6DD;}
#accordion .item img {float: left; margin-right: 5px; width: 40px;} 
#accordion .item-content {float: left; width: 191px;} 
#accordion .item-content h3 {margin: 0px 0px 3px; font-size: 12px; line-height: 12px; font-weight: normal;} 
#accordion .item-content p {margin: 0px; font-size: 10px; color: #666;} 

#accordion #more-packages, #accordion #more-news {
	border-bottom: 1px solid #C8D6DD; 
	text-align: right; 
	font-size: 10px;
	line-height: 14px;
}
#accordion div#accordion-packages #more-packages a, #accordion div#accordion-news #more-news a {
	color: #FFF;
	width: 104px;
	display: block;
	float: right;
	margin-right: 20px;
	padding: 3px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#accordion div#accordion-packages #more-packages a {background-color: #10511D;}
#accordion div#accordion-news #more-news a {background-color: #E64623;}
#accordion div#accordion-packages #more-packages a:hover, #accordion div#accordion-news #more-news a:hover {background-color: #302D26;}


/* ---------- TRAVELOCITY TABS ---------- */
#accordion div#accordion-reservations .pane-bg {background: url(../images/travelocity-accordion-bg.jpg) no-repeat right bottom;}
#accordion div#accordion-reservations ul.tabs {list-style-type: none; margin: 0px; padding: 0px;}
#accordion div#accordion-reservations ul.tabs li {float: left;}
#accordion div#accordion-reservations ul.tabs li a {display: block; width: 92px; background-color: #EEE; color: #184991; text-align: center; padding: 8px 0px; border-bottom: 1px solid #C8D6DD;}
#accordion div#accordion-reservations ul.tabs li a.current {background-color: #184991; color: #FFF;}

#accordion div#accordion-reservations .bookingGroup {
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	width: 266px;
}
#accordion div#accordion-reservations .bookingGroup input, #accordion div#accordion-reservations .bookingGroup select {
	float: left;
	font-size: 9px;
	margin: 0px 3px 0px 0px;
	width: 100px;
	border: 1px solid #CCCCCC;
}
#accordion div#accordion-reservations .bookingGroup button.submit {
	background-color: #184991;
	color: #FFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 30px;
	cursor: pointer;
}
#accordion div#accordion-reservations .bookingGroup button.submit:hover {
	background-color: #E64623;
}