/*	RESET - sets browser default styles
************************************************************************/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,
pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul,
li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th,
td			{margin:0;padding:0;border:0;font-weight:inherit; 
			 font-style:inherit;font-size:100%;font-family: inherit; 
			 vertical-align:baseline;}

body 		{line-height:1.5;}

table		{border-collapse:separate;border-spacing: 0;}
caption,
th, td 		{text-align:left;font-weight:normal;}
table,
td, th 		{vertical-align:middle;}

ul			{list-style-type:none;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes:"" "";}

a img 		{border:none;}



/*	DEFAULT ELEMENT STYLES - allows you to set HTML element styles
************************************************************************/

#ibe legend		{display:none;}

#ibe table		{border:solid 1px #fba445;margin-bottom:1em;width:618px;}
#ibe th			{background:#fba445;font-weight:bold;padding:3px 0px;}
#ibe td img		{vertical-align:middle;}
#ibe tfoot td	{border-top:solid 1px #fba445;padding:5px;text-align:left;}

#ibe h1,h2,h3,h4{font-weight:bold;}
#ibe h1			{color:#000;font-size:2em;font-weight:normal;margin-bottom:0.7em;}
#ibe h2			{background:#fba445;color:#fff;padding:5px;}

#ibe p			{margin-bottom:1em;}
#ibe strong		{font-weight:bold;}
#ibe em			{font-style:italic;}

#ibe a			{color:#900;text-decoration:none;}
#ibe a:hover	{text-decoration:none;}

#ibe img		{border:none;}



/*	LAYOUT - used for site-wide layout positioning
************************************************************************/

body #headerWrapper-opodo,
body #footerWrapper-opodo,
body #frmIBEMainForm		{width:850px;}
body #frmIBEMainForm		{overflow:hidden;zoom:1;}



/* #ibe acts as a container, and hook for over-riding customer styles */
#ibe			{font:0.7em/1.2em verdana, arial;overflow:auto;width:850px;zoom:1;}

#content		{overflow:hidden;padding:28px;width:794px;zoom:1;}
#holiday_info   {overflow:hidden;zoom:1;}
#holiday_info h1{margin:1px 0px;padding:2px 0px 0.5em 0px;}
#holiday_info strong.redPromo	{font-size:22px;color:#900;}
#contact		{background:url(../Images/backgrounds/contact.jpg) no-repeat 5px center;border:1px solid #FBA445;float:left;padding:5px 5px 5px 105px;width:415px;}
#contact p		{line-height:25px;font-size:16px;font-weight:bold;margin:0em;}
#contact strong	{font-size:22px;color:#900;}
#atol-top		{background:url(../Images/backgrounds/atol-logo.jpg) no-repeat scroll 5px 5px;border:1px solid #FBA445;float:right;line-height:1.2em;padding:5px 5px 5px 65px;width:160px;}
#atol-top p		{margin:0;}
#path-container	{overflow:hidden;zoom:1;padding:10px 0px;}
#breadcrumb		{background:url(../Images/breadcrumb/main_breadcrumb.gif) no-repeat;float:left;height:46px;overflow:hidden;width:590px;zoom:1;}
#breadcrumb li  {text-indent:-9999px;}
#breadcrumb a   {display:block;float:left;height:45px;}
#faq-link		{float:right;}
#sidebar		{width:160px;float:left;}
#stage			{width:618px;float:right;overflow:hidden;zoom:1;}

.error			{background:#900;color:#fff;font-weight:bold;margin-bottom:1em;padding:5px;}


/*	TYPOGRAPHY - used for site-wide typographic styles (non element)
************************************************************************/

#contact a		{font-weight:bold;padding-left:45px;}

#ibe .note			{font-size:80%;}
#ibe .important		{color:#900;}
#ibe .accessibility	{display:none;}
#ibe .error p		{padding:0;margin:0;}



/*	MISC - styles that dont fit into any of the above categories
************************************************************************/

/* CALENDAR */
#divCalendar {background: #fff; font-family:Arial; font-size:11px; width: 12.5em;}
.cal {background: #fff; height: 130px;}
#CalCont {border: solid 1px #666;}
.CalBlock {height: 125px; width:145px; left:0px; top:0px;position:absolute; border: 0; border-width: 0px 0px 0px 0px;}
.CalTable {border-color:#C0C0C0;border-style:solid;border-width:0 0 1px;width: 125px;}
.CalHeader {padding: 2px; text-align: left;}
.Close {display:none;text-align: right;}
.CalNavMonths {background: #fba445; padding: 2px !important; text-align: left;}
.CalNavYears {background: #fba445; padding: 2px !important; text-align: right;}
.Disabled {color: #E4E4E4; font-style: italic; padding-left: 5px !important;}
div.cal table tr td,
div.cal table tr td select {font-size: 0.9em;padding:0;}
td.CalDaysHeader {border-color:#C0C0C0; border-style:solid; border-width:0 0 1px;color: #000; padding-left: 5px !important;}
td.CurrentMonth,
td.Weekends {padding-left: 5px !important;}
td.CurrentMonth a,
td.Weekends a,
td.SelectedDay a {color: #fba445; display: block; height: 1.5em; width: 1.5em; text-align: center; text-decoration: none;}
td.OtherMonth a,
td.OtherWeekends a {display: none;}
td.SelectedDay a {background-color:#fba445; border:solid 1px #800000; color:#FFF;}
td.CurrentMonth a:hover,
td.Weekends a:hover,
td.SelectedDay a:hover {color:#F47906;text-decoration:underline;}

/* BREADCRUMB */
#breadcrumb				{overflow:hidden;zoom:1;}
#breadcrumb li			{color:#9cacbb;float:left;}

/* SEARCH */
#search #DepDay,
#search #RetDay				{margin-right:5px;}
#search optgroup			{font-style:normal;padding-top:10px;}
#search optgroup.first		{padding:0;}
#search optgroup option		{padding-left:5px;}
#search #advanced_search	{line-height:18px;}
#search #advanced_search a	{font-weight:bold;}
#search #hidden_fields		{display:none;}

#sidebar #search						{background:#f7f7e7;border:solid 1px #fba445;padding:4px;}
#sidebar #search #attributes p			{margin-bottom:0.3em;}
#sidebar #search #dates_and_board label	{display:block;}
#sidebar #search #dates_and_board label.accessibility	{display:none;}
#sidebar #search #advanced_search		{font-size:90%;}
#sidebar #search #advanced_search a		{display:block;}
#sidebar #search #optional,
#sidebar #search #optional_hotel_1		{margin-top:1em;}
#sidebar #search #btn_search			{margin-top:1em;}

/* CLEARING */
/* please note that using {overflow: hidden; zoom: 1;} on the parent
   element of the floats will clear them. The classes below are a last resort!! */
.clear_both		{clear:both;}
.clear_left		{clear:left;}
.clear_right	{clear:right;}

.accessibility	{display:none;}

.price a		{font-weight:bold;}

#package_checklist {
border:#f5601e solid 2px;
background-color: #f7f7e7;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #f5601e;
margin-bottom: 1em;
}

#package_checklist li {
padding:0 0 5px 5px;
margin:3px 0;}

#package_checklist strong {color:#990000}

/*	Inline HIB
************************************************************************/
.accommodation_list li .ratings_box, 
.accommodation_list li .hotel_infobox   {display:none;}
.hotel_infobox                          {clear:both;display:none;overflow:hidden;}
.hotel_info_links li                    {border-color:#ffffff !important;display:block;float:left;text-align:center;width:105px;}
.hotel_info_links li a                  {background:#990000;color:White !important;display:block;margin:0 1px 0 0;padding:5px 15px;}
.hotel_info_links li a:active           {background:#000;} 
.hotelcontent                           {float:left;padding-top:10px;width:577px;}
.hotelcontent h4                        {padding:7px 0;}
.hotelcontent li                        {border:0 !important;}
.hotelcontent table                     {border:0 !important;width:575px !important;}
.hotelcontent table tr                  {clear:both;}
.regionSlides                           {height:205px;}
.regionSlideShowControls li             {float:left;width:75px;}
.hotelcontent td                        {padding:2px;}
.hotel_info_hib                         {background:url(../Images/backgrounds/hotel_info.gif) no-repeat;background-color:#990000;font-weight:bold;height:17px;line-height:1.2em !important;margin-top:5px !important;text-align:center;width:226px;}
.hotel_info_hib  img                    {vertical-align:middle;}
.hotel_info_hib a                       {color:#fff !important;}   
.subMenu                                {clear:both;float:left;margin:5px 0;width:588px;}
.subMenu  a                             {padding:15px 3px 15px 1px;}
.hibMapMarker                   {/* check here: http://gmaps-utility-library.googlecode.com/svn/trunk/mapiconmaker/1.1/examples/markericonoptions-wizard.html */background-image: url(http://hib-tst.traveltainment.co.uk/Ajax/images/marker.png);height: 32px;width: 32px;}
#hotel_details td.hib_hotel_heading     {padding-top:1em;}

.hotel_reviews_accom                    {background:url(../Images/backgrounds/customer_rating.gif) no-repeat;float:left;font-size: 12px;height:19px;padding-top: 2px;text-align: center;width: 178px;}
.hotel_reviews_accom img                {vertical-align:middle;}
.hotel_reviews_accom a                  {font-weight:normal;}

.regionSlides img                       {clear:both;height:205px;overflow:hidden;zoom:1;}


/*	Baggage
************************************************************************/

#baggage                                {float:right;line-height:2.7em;width:38px;}
#baggage span                           {color:#900;font:helvetica;font-size:24px;font-weight:bold;}