/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		SunbizTravel
website:	http://www.sunbiztravel.com
--------------------------------------------------------------------------------------------------*/

body
{
	font-size: 82.5%;
	background: #f0eee1;
	color: #74716c;
}
 
*
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	border: none;
}

:focus
{
	outline: none;
}

html {
     overflow: -moz-scrollbars-vertical; /* always show scrollbar in firefox */
}

/* Typography
--------------------------------------------------------------------------------------------------*/

hr
{
	display: none;
}

abbr
{
	border-bottom: 1px dotted #777;
}

a:link,
a:visited
{
	color: #74564b;
	text-decoration: underline;
}

a:hover,
a:active
{
}

ul
{
	list-style: none;
	line-height: 1.3em;
}

p
{
	line-height: 1.5em;
	padding-bottom: 18px;
}

h1
{
	font-size: 1.8em;
	margin-bottom: 0.5em;
}

h3
{
	font-size: 1.2em;
	padding-bottom: 0.5em;
}

h4
{
	clear: both;
	font-size: 1em;
	color: #49adf9;
	padding: 5px;
	margin-bottom: 5px;
}

dl dt
{
	font-weight: bold;
}

dl dt,
dl dd
{
	line-height: 1.3em;
}

dl dd
{
	margin-bottom: 0.7em;
}


/* Generic classes
--------------------------------------------------------------------------------------------------*/

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.a_center
{
	text-align: center;
}

/* Layout
--------------------------------------------------------------------------------------------------*/

#wrapper
{
	background: url(../images/wrap_bg.jpg) 50% 0 repeat-y #fff;
	width: 899px;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 45px;
}

#wrap_top
{
	background: url(../images/wrap_top.jpg) 50% 0 no-repeat;
	height: 36px;
	width: 899px;
	margin: 0 auto;
	font-size: 1%;
}

#wrap_bot
{
	background: url(../images/wrap_bot.jpg) 50% 0 no-repeat;
	height: 25px;
	width: 899px;
	margin: 0 auto;
	font-size: 1%;
}


/* header
--------------------------------------------------------------------------------------------------*/

#header
{
	background: #f3f3e9;
	padding: 10px 0 0 0;
	height: 85px;
	width: 847px;
	margin: 0 auto;
}

#header h4
{
	float: left;
	border: 0;
	display: block;
	height: 65px;
	width: 285px;
	background: url(../images/img-logo-suntrav.jpg) 20px 0 no-repeat;
	text-indent: -999em;
	padding: 0;
	margin-bottom: 15px;
	margin-right: 10px;
}

#header h4 a
{
	text-decoration: none;
	display: block;
	height: 65px;
	width: 230px;
}

#header_title
{
	float: left;
	height: 65px;
	width: 500px;
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;
}

#nobread
{
	background: url(../images/nobread_bg.jpg) 50% 0 no-repeat;
	color: #fff;
	font-size: 1%;
	margin: 0 auto;
	width: 847px;
	height: 12px;
}

#breadcrumbs
{
	background: url(../images/bread_bg.jpg) 50% 0 no-repeat;
	color: #fff;
	padding: 2px 0 0 40px;
	margin: 0 auto;
	width: 847px;
	height: 19px;
}

#breadcrumbs a:link,
#breadcrumbs a:visited
{
	text-decoration: none;
	color: #fff;
}

#breadcrumbs a:hover
{
	text-decoration: underline;
	color: #fad648;
}


/* Main Content Container
--------------------------------------------------------------------------------------------------*/

#main_content
{
	margin: 0 auto;
	width: 847px;
}


/* special effects used on various pages including accordion and side
--------------------------------------------------------------------------------------------------*/

/* accordion */

#accordion
{
	margin: 20px 0px;
}

h3.toggler
{
	background: url(../images/accordion_down_icon.gif) 10px 8px no-repeat #eaeade;
	cursor: pointer;
	font-size: 12px;
	color: #85331b;
	margin: 0 0 4px 0;
	padding: 5px 0 5px 30px;
}

div.element p,
div.element h4
{
	margin:0px;
	padding:4px;
}

/* slide */

#vertical_slide {
	padding: 10px;
	padding-bottom: 10px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-top: 15px;
	margin-bottom: 10px;
}


/* index page
--------------------------------------------------------------------------------------------------*/


#main_image
{
	background: url(../images/main_image.jpg) 0 0 no-repeat;
	float: left;
	border-right: 10px solid #c9c5ae;
	width: 419px;
	height: 270px;
	margin-bottom: 18px;
}

#main_welcome
{
	background: url(../images/index_welcome_bot.jpg) 0 100% no-repeat #f3f3e9;
	float: left;
	padding: 10px 20px 0 20px;
	width: 378px;
	height: 260px;
	margin-bottom: 18px;
}

#main_welcome h1
{
	color: #856846;
	font-family: times;
}


/* index page search box
--------------------------------------------------------------------------------------------------*/

.main_topbar
{
	background: url(../images/topbar.jpg) 50% 0 no-repeat;
	margin: 0 auto;
	width: 807px;
	padding: 10px 20px 0 20px;
	height: 29px;
}

.main_topbar h2
{
	color: #85331b;
	font-size: 1.3em;
}

#main_searchbox
{
	border-left: 1px solid #e6e6db;
	border-right: 1px solid #e6e6db;
	margin: 0 auto;
	width: 805px;
	padding: 10px 20px 0 20px;
}

.main_searchbox_bot
{
	background: url(../images/searchbox_bot.jpg) 50% 100% no-repeat;
	margin: 0 auto;
	width: 847px;
	height: 12px;
	margin-bottom: 20px;
}

.atoz
{
	text-align: center;
	font-size: 1.2em;
}

.alphabet
{
	font-size: 1.2em;
	padding: 5px;
}

.list_col_first
{
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.list_col
{
	float: left;
	width: 200px;
	margin-right: 5px;
}

.list_col_first a:link,
.list_col_first a:visited,
.list_col a:link,
.list_col a:visited
{
	text-decoration: none;
	color: #74716c;
}

.list_col_first a:hover,
.list_col a:hover
{
	text-decoration: underline;
	color: #74564b;
}


/* search page code
--------------------------------------------------------------------------------------------------*/


.search_results_topbar
{
	background: url(../images/search_topbar.jpg) 50% 0 no-repeat;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 807px;
	padding: 10px 20px 0 20px;
	height: 29px;
}

.search_results_topbar h2
{
	color: #85331b;
	font-size: 1.3em;
}

.search_info
{
	margin-top: 20px;
}

.search_info p
{
	padding-bottom: 5px;
}


/* listings page code - different as now has sidebar for adverts
--------------------------------------------------------------------------------------------------*/


#listings_content
{
	float: left;
	width: 667px;
	margin-left: 25px;
}

h3.list_box_head
{
	background: #eaeade;
	font-size: 1.2em;
	color: #85331b;
	margin: 10px 0 0 0;
	padding: 5px 0 4px 9px;
}

.list_box
{
	margin: 0 auto;
	font-size: 1em;
	border-left: 1px solid #e6e6db;
	border-right: 1px solid #e6e6db;
	position: relative; /* needed for bug in ie removing left right borders in child floats */
}

.list_box_left
{
	float: left;
	width: 270px;
	padding: 10px 0 0 10px;
	margin-bottom: 10px;
}

.list_box_right
{
	float: left;
	width: 360px;
	padding: 10px 0 0 10px;
	margin-bottom: 10px;
}

.list_box_details
{
	text-align: center;
	font-size: 1.1em;
	color: #85331b;
	font-weight: bold;
}

.list_box_details a:link,
.list_box_details a:visited
{
	text-decoration: none;
}

.list_box_details a:hover
{
	text-decoration: underline;
}

.list_box_bot
{
	background: url(../images/list_box_bot.jpg) 50% 100% no-repeat;
	margin: 0 auto;
	width: 667px;
	height: 12px;
	margin-bottom: 20px;
}

.listings_banner
{
	margin: 0 auto;
	padding: 0;
	width: 470px;
	height: 60px;
	margin-bottom: 20px;
}




/* details page code - different as now has sidebar for adverts
--------------------------------------------------------------------------------------------------*/



.rates
{
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.facilities
{
	margin-left: 10px;
	margin-bottom: 10px;
}

.facilities_first
{
	float: left;
	width: 210px;
	margin-left: 10px;
	margin-right: 5px;
}

.facilities_second
{
	float: left;
	width: 210px;
	margin-right: 5px;
}

/* code below needs to go after all the instances */

.list_box_right p,
.rates p,
.facilities_first p,
.facilities_second p
{
	padding-bottom: 5px;
}


/* side bar used for adverts
--------------------------------------------------------------------------------------------------*/

.sidebar
{
	float: right;
	width: 170px;
	margin-right: 15px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.sidebar_line
{
	margin-top: 7px;
	margin-bottom: 9px;
	border-bottom: 1px solid #393939;
	height: 2px;
	font-size: 1%;
}

.sidebar_spacing
{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
	font-size: 1%;
}

.google_sidebar 
{
	width: 160px;
	margin-bottom: 20px;
}


/* Layout - footer
--------------------------------------------------------------------------------------------------*/

#footer
{
	clear: both;
	background: url(../images/footer.jpg) 0 0 no-repeat;
	padding: 10px;
	margin: 0 auto;
	width: 827px;
	height: 36px;
}

.footer_left
{
	float: left;
	width: 550px;
	padding-left: 15px;
	margin-top: 10px;
	text-align: left;
}

.footer_right
{
	float: right;
	width: 150px;
	padding-right: 15px;
	margin-top: 10px;
	text-align: right;
}

#footer p
{
	color: #9f9c97;
}

#footer p a
{
	color: #704c34;
	text-decoration: underline;
}

/* Generic forms
--------------------------------------------------------------------------------------------------*/

.standard_form
{
}

.standard_form p
{
	margin: 5px 0 0 0;
	padding-bottom: 15px;
}

.standard_form p label
{
	color: #74716c;
	width: 100px;
	float: left;
}

.standard_form p label.city
{
	color: #74716c;
	width: 80px;
	float: left;
}

.standard_form p label.country
{
	color: #74716c;
	width: 70px;
	float: left;
}

.standard_form p input.input_normal
{
	float: left;
	background: url(../images/bg-input.gif) 0 0 repeat-x #fff;
	font-size: 13px;
	border: 1px solid #b6ac96;
	color: #333;
	padding: 2px 3px;
	margin-right: 20px;
	width: 130px;
}

.standard_form p input.input_security
{
	float: left;
	background: url(../images/bg-input.gif) 0 0 repeat-x #fff;
	font-size: 13px;
	border: 1px solid #b6ac96;
	color: #333;
	padding: 2px 3px;
	width: 145px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.standard_form p img.security_image
{
	float: left;
	margin-right: 15px;
}

.standard_form input.submit_button
{
	margin: 0 0 0 10px;
}

.standard_form input.update_button
{
	margin: 10px 0 0 10px;
	text-align: center;
}

.standard_form p select
{
	float: left;
	font-size: 13px;
	border: 1px solid #b6ac96;
	color: #333;
	padding: 2px 3px;
	width: 150px;
}

.standard_form p select.select_small
{
	margin-right: 20px;
	width: 100px;
}

.standard_form p input:focus
{
	border: 1px solid #85331b;
}

.standard_form p input.submit_button:focus,
.standard_form p input.update_button:focus
{
	border: 0px solid #85331b;
}

.standard_form textarea
{
	width: 640px;
	height: 170px;
	padding: 2px 3px;
	border: 1px solid #b6ac96;
}
	

/*------------------- pagination system ------------------*/


.pages_num {
	padding: 10px;
	font-weight: bold;
}

.pages_num a{
	text-decoration: none;
	/*
	background: url(../images/empty_num.gif);
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #eaeade;
	background-color: #fff;
	padding-right: 3px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #74716c;
}

.pages_num a:hover{
	color: #85331b;
	text-decoration: none;
}

.pages_num a:visited{
	text-decoration: none;
}

.total_pages {
	text-decoration: none;
	/*
	background: url(../images/empty_num.gif);
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #eaeade;
	background-color: #eaeade;
	padding-right: 3px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #85331b;
}

.pages_num b{
	text-decoration: none;
	/*
	background: url(../images/selected_num.gif);
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #eaeade;
	background-color: #eaeade;
	padding-right: 3px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #85331b;
}