html,body { margin:0; padding:0;}

body { 
	background:url(../img/bg.png) repeat 50% 0 #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#dbcba4;
}

.zaraBody form { margin:0; padding:0; }
.zaraBody select, .zaraBody input, .zaraBody textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; }
.zaraBody img { border: 0; }
.zaraBody a { outline: none; text-decoration:none; }

#container {
	background:url(../img/bgtop.jpg) no-repeat 50% 0;
	overflow: hidden;
	min-height: 300px;
}

#containerinner {
	margin: 0 auto;
	width: 980px;
}

#header {
	height: 172px;
	position:relative;
	text-align:center;
	zoom:1;
	z-index: 10;
}
#header a:hover { color:#fff;}

#logo {
	margin: 0 auto;
	padding-top:17px;
	height: 105px;
	font-size: 18px;
}
#logo a {
	display: inline-block;
	width: 209px; height: 105px;
	background: url(../img/zaralogo.png) no-repeat 0 0;
	overflow:hidden;
	line-height: 600px;
	zoom:1;
	vertical-align:middle;
}

#logo span {
	display: inline-block;
	font-weight: normal;
	color:#241f1b;
	vertical-align:middle;	
	padding-bottom: 15px;
	text-align:left;
}
.hotelPage #logo span { font-size: 14px; font-weight:bold;}


#signup {
	position: absolute; right: 15px; top: 62px;
	text-transform:uppercase;
	color:#b7944d;
	font-size:10px;
	width: 153px;
	text-align:center;
}

#newspaper {
	position: absolute; left: 10px; top: 62px;
	text-transform:uppercase;
	color:#b7944d;
	font-size:10px;
	text-align:center;
}

.topselect {
	position: absolute; right: 15px; top: 81px;
	text-transform:uppercase;
	color:#b7944d;
	list-style: none;
	margin:0; padding:0;
	background: url(../img/topselectbg.gif) no-repeat 0 0;
	font-size:10px;
	width: 153px;
	z-index:10;
	text-align:left;
}

#hotelselect { left: 0; right:auto; }
.topselect a {
	display: block;
	padding: 4px 10px 0 10px;
	width: 133px;
	height: 20px;
}
.topselect ul a { height: auto; }
.topselect ul {
	position: absolute; left: 0; top: 24px;
	list-style: none;
	margin:0; padding:0;
	background:#171513;
	display:none;
	overflow: hidden;
}

.topselect ul a { padding: 0 10px;}

.topselect a, #signup a { color:#b7944d; }

#menu {
	background: url(../img/menubg.png) no-repeat 0 0;
	height:50px;
	position:relative; z-index: 5;
	text-align:center;
}
#menu ul {
	height: 50px;
	margin:0 auto; padding: 0;
	list-style:none;
	float:left; display:inline;
	border:0; border-collapse:collapse;
}
#menu ul li { 
	float:left; display:inline;
	text-align:left; 
	position: relative;
	margin:0 5px 0 0; padding:0 10px 0 0;
	height: 50px;
	background: url(../img/menudot.gif) no-repeat 100% 50%;
}
#menu ul li a {
	text-transform:uppercase;
	color:#dbcba4;
	font-size:14px;
	font-weight:bold;
	float:left; display: inline;
	height: 35px;
	padding: 15px 10px 0 10px;
}
#menu ul li.menuHover a { background-color: #dbc895; color:#443d2b !important; }
#menu ul li.last { background: none; padding-right: 0; margin-right: 0;}
#menu ul li ul {
	display: none;
	position: absolute;
	top:50px; left:0;
	margin: 0; padding:0;
	list-style: none;
	background: url(../img/submenubg.gif) repeat-x 0 0 #f3e9bf;
	width: 200px; height: auto;
	z-index: 200;
}
#menu ul li ul li {
	margin: 0; padding:0;
	width: 200px; height: auto;
	background: none;
	float:none; display: block;
	vertical-align: middle;
	z-index: 200;
}
#menu ul li ul li a {
	text-transform:none;
	color:#443d2b;
	font-size:12px;
	font-weight:normal;
	margin:0; padding: 8px 10px 8px 30px;
	height:15px;
	display: block; float: none;
	border-top: 1px solid #eee3bd;
	border-bottom: 1px solid #cfbe8a;
	background: transparent;
	white-space:nowrap;
	background: url(../img/submenudot.gif) no-repeat 10px 50%;
	z-index: 200;
}
#menu ul li ul li.first a { border-top: 0; }
#menu ul li ul li.last a { border-bottom: 0; }
#menu ul li.menuHover ul li a {	background-color: transparent; }
#menu ul li.menuHover ul li a:hover { background: url(../img/submenudot2.gif) no-repeat 10px 50% #c7a005; color:#fff !important; }

.indexPage #promo {
	background: url(../img/promobg_index.jpg) no-repeat 0 0;
	height:265px;
	padding-top: 15px;
}

.hotelPage #promo {
	background: url(../img/promobg.jpg) no-repeat 0 0;
	overflow: hidden;
}

#promobottom {
	background: url(../img/promobg.jpg) no-repeat 0 100%;
	height: 13px;
	clear:both;
}

#promoleft {
	float:left; display:inline;	
	margin-left: 15px;
	color:#000;
}

#promoright {
	float:right; display:inline;	
	margin-right: 15px;
}

.hotelPage #promoleft { width: 260px; margin:0; background: url(../img/bookingtop.jpg) no-repeat 0 0; overflow:hidden; padding-top: 15px;}
.hotelPage #promoright { width: 705px; margin:0; float:left; padding-top: 15px;}


#promoleft  .buttons {
	text-align: center;
	background: url(../img/bookingbottom.gif) no-repeat 50% 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#promoleft .submit {
	display: inline-block;
	background: url(../img/submit_booking.gif) 100% 0 no-repeat;
	padding:0; margin:0;
}
#promoleft .submit span {
	background: url(../img/submit_booking_left.gif) 0 0 no-repeat;
	display: inline-block;
	height: 31px;
	padding:0; margin:0;
}
#promoleft .submit input {
	background: transparent;
	border:0;
	height: 31px;
	*height: 32px;
	color:#4b3f27;
	text-transform: uppercase;
	font-weight: bold; font-size: 14px;
	padding: 0 32px 0 15px;
	margin: 0;
	cursor: pointer;
	zoom:1;
	overflow: visible;
}

#promoright .promopic img { display: block; }

#promodesc {
	background: url(../img/promopicbottom.gif) no-repeat 0 100% #443d2b;
	overflow:hidden;
	padding: 15px;
}

#promodesc h1 {
	margin: 0; padding:0 0 10px 0;
	font-size: 15px; font-weight: bold;
	color:#e0d097;
	border-bottom: 1px solid #221e15;
}
#promodesc h1 a { color:#e0d097; }
#promodesc p.lead {
	margin: 0; padding:10px 0 0 0;
	border-top: 1px solid #544c38;
}


#bottombox {
	background: url(../img/bottombg.png) no-repeat 0 100%;
	color:#dfd0ab;
	padding-bottom: 4px;
	line-height: 15px;
	clear:both;
}

.indexPage #bottombox { background: url(../img/bottombg_index.png) no-repeat 0 100%; }

.cols { overflow: hidden; zoom:1;}
.cols .col { float:left;display:inline; overflow: hidden; zoom:1; position:relative; }
#bottombox .col { width: 25%; }

#bottombox .boxtop {
	background: url(../img/bboxtop.jpg) no-repeat 0 0;	
	height: 100%;
	margin: 0 0 0 1px;
}
#bottombox .boxbottom {
	background: url(../img/bboxbottom.jpg) no-repeat 0 120px;	// 100%
	height: 100%;
	position:relative;
}

.offerboxtitle {
	margin: 0;
	padding: 13px 0 10px 0;
	height: 20px;
	text-transform: uppercase;
	font-weight:bold; font-size:14px;
	text-align:center;
}

.eventtitle {
	margin: 0;
	padding: 0 0 10px 0;
	height: 20px;
	text-transform: uppercase;
	font-weight:bold; font-size:14px;
}

#promoleft .offerboxtitle {
	color:#303030;
	padding-bottom: 15px;
}

.eventform {
	padding: 0;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
	zoom:1;
}

.bookingform {
	padding: 14px 14px 14px 14px;
	font-size: 11px;
	width: 216px;
	overflow: hidden;
	zoom:1;
}
#promoleft .bookingform { /*padding-bottom: 14px;*/ }

#bookingright {
	background: url(../img/rigtht_reserv_bg.jpg) repeat-x 0 0;
	margin-top: -10px;
	padding-top: 5px;
	/*height: 300px;*/
}

.indexPage #bookingright { height: 290px; }

#bookingright  .buttons {
	text-align: center;
}
#bookingright .submit {
	display: inline-block;
	background: url(../img/submit_booking.gif) 100% 0 no-repeat;
	padding:0; margin:0;
}
#bookingright .submit span {
	background: url(../img/submit_booking_left.gif) 0 0 no-repeat;
	display: inline-block;
	height: 31px;
	padding:0; margin:0;
}
#bookingright .submit input {
	background: transparent;
	border:0;
	height: 31px;
	*height: 32px;
	color:#4b3f27;
	text-transform: uppercase;
	font-weight: bold; font-size: 14px;
	padding: 0 32px 0 15px;
	margin: 0;
	cursor: pointer;
	zoom:1;
	overflow: visible;
}


.bookingform  .data { 
	margin: 5px 0 18px 0;
	height: 19px;
	width: 135px;
}
.eventform  .data { 
	margin: 5px 0 18px 0;
	width: 135px;
}
.eventform  input.data { 
	height: 14px;
}
.bookingform  .middle, .eventform  .middle { width: 50px; } 
.bookingform  .short, .eventform  .short { width: 40px; } 
.eventform  .shortcheckbox { width: 20px; margin: 0px; } 

.bookingform .colleft, .eventform  .colleft { float: left; display:inline; clear:left; }
.bookingform .colright, .eventform  .colright { float: left; display:inline; clear: right;}

.bookingform .arrive, .eventform  .arrive { width: 155px; }
.bookingform .adults, .eventform  .adults { width: 111px; }
.bookingform .children, .eventform  .children { width: 105px; }
.bookingform .nights, .eventform  .nights { width: 60px; }
.eventform  .half { width: 50%; }

#bottombox .booking form { height: 100%; position:relative; }
#bottombox .booking .buttons { 
	/*position:absolute; bottom: 0; left: 0;*/
	width: 244px;
	height: 55px;
	text-align: center; 
}
#bottombox .booking .submit {
	display: inline-block;
	background: url(../img/submit_bl_arrow.jpg ) 100% 0 no-repeat;
	margin-top:-2px;
}
#bottombox .booking .submit span {
	background: url(../img/submit_bl_arrow_left.jpg ) 0 0 no-repeat;
	display: inline-block;
	height: 39px;
}
#bottombox .booking .submit input {
	background: transparent;
	border:0;
	height: 38px;
	*height: 40px;
	color:#4b3f27;
	text-transform: uppercase;
	font-weight: bold; font-size: 14px;
	padding: 0 32px 0 15px;
	margin: 0;
	cursor: pointer;
	zoom:1;
	overflow: visible;
}



a { color:#af913f; font-weight:bold; }

.offerdesc { font-size:12px; }
.offerdesc p { padding: 0 15px; text-align:justify; }
.offerdesc .lead { font-style:italic; font-weight: bold; }
.offerdesc .more { padding: 0 15px 20px 15px; }
.offerdesc .more a { color:#af913f; font-weight:bold; font-size:13px; }

.offerimg {
	padding: 0 15px 10px 15px;	
	position: relative;
	height: 100%;
	overflow: hidden;
	zoom:1;
}
.offerimg h3 {
	margin: 0; padding:10px;
	font-size: 13px; font-weight: bold;
	color:#af913f;
}
#rightcol .offerimg h3,
#rightcol .offerimg h3 a { color:#c7a105; font-size: 15px; font-weight: normal; }

.offerimg h3 a { color:#af913f; }
.offerimg p { padding: 0 10px; margin: 0 0 10px 0; }

.offerimg .labelpic { 
	margin-top: 30px;
	overflow: hidden;
	border: 4px solid #262626;
	height: 113px;
	width: 206px;
}
#rightcol .offerimg .labelpic { margin-top: 18px; }

.labelpic { position:relative; zoom:1; }
.labelpic img {
	/*border: 4px solid #262626;*/
}
.labelpic .label { 
	position:absolute; right: 0px; bottom: 20px;
	background: #262626;
	font-size: 25px;
	height: 28px;
	padding: 12px 20px 0 10px;
	color:#dfcfa9;
	line-height:16px;
	white-space: nowrap;
}
.labelpic .label span {
	float: left; display: inline;
	width: 6px; height: 40px;
	margin:-12px 0 0 -16px;
	background:url(../img/promotitleleft.png) no-repeat 0 0;
	zoom:1;
	position:relative;
} 

.offerimg .buttons, #leftcol .buttons {
	text-align:center;
	width: 100%;
	padding: 10px 0;
}

.offerimg .submit, #leftcol .buttons .submit {
	display: inline-block;
	background: url(../img/submit_boxbottom.gif) 100% 0 no-repeat;
	margin-top:-2px;
}
.offerimg .submit span, #leftcol .buttons .submit span{
	background: url(../img/submit_boxbottom_left.gif) 0 0 no-repeat;
	display: inline-block;
	height: 31px;
}
.offerimg .submit input, #leftcol .buttons .submit input {
	background: transparent;
	border:0;
	height: 31px;
	*height: 33px;
	color:#e6daba;
	text-transform: uppercase;
	font-weight: bold; font-size: 14px;
	padding: 0 15px;
	margin: 0;
	cursor: pointer;
	zoom:1;
	overflow: visible;
}

#rightcol .offerimg .submit, #leftcol .buttons .submit { background: url(../img/submit_boxbottomlight.gif) 100% 0 no-repeat; }
#rightcol .offerimg .submit span, #leftcol .buttons .submit span { background: url(../img/submit_boxbottomlight_left.gif) 0 0 no-repeat; }

#main {
	background: url(../img/mainbg.gif) repeat-y 0 0;
	overflow: hidden; zoom:1;
	color:#352d1d;
	position:relative; z-index:1;
}
#mainbottom {
	background: url(../img/bottombg_content.gif) no-repeat 0 0;
	height: 18px;
	overflow:hidden;
}

#pagetitle {
	background: url(../img/pagetitlebg.jpg) no-repeat 0 0;
	height: 54px;
	padding-top: 25px;
	overflow: hidden;
	text-align: center;
	color:#332c1e;
}
#pagetitle h2 {
	color:#332c1e;
	font-weight: normal;
	font-size: 22px;
	text-transform:uppercase;
	background: url(../img/ornament.gif) no-repeat 0 50%;
	display:inline;
	padding-left: 32px;
	letter-spacing: 1px;
}
#pagetitle h2 span {
	background: url(../img/ornament.gif) no-repeat 100% 50%;
	padding: 10px 32px 10px 0;
}

#breadcrumb {
	position:relative;
	background: url(../img/breadcrumbbg.gif) repeat-x 0 0;
	height: 25px;
	color:#9f9276;
	text-transform:uppercase;
	padding: 10px 35px 0 35px;
	font-size:12px;
	zoom:1;
	z-index: 0;
}
#breadcrumb a {	color:#9f9276; }
#backlink {
	color:#3e3729 !important;
	position:absolute; right: 35px; top: 10px;
}

#leftcol {
	float:left; display:inline;
	width: 675px;
	padding: 35px 30px 10px 30px;
	background: url(../img/contentbg.gif) repeat-x 0 0;
	font-size:13px;
	zoom:1;
}
#rightcol {
	float:left; display:inline;
	width: 245px; padding-top: 10px;
	background: url(../img/sidebarbg.gif) repeat-x 0 0;
	text-align: justify;
}

#leftcol h1 {
	margin: 0 0 30px 0; padding:0;
	color:#c8a205;
	font-size: 22px;
	font-weight: normal;
}

#leftcol .lead {
	font-style: italic;
	margin: 0 0 2em 0;
	text-align: left;
}

#leftcol img.contentpic {
	float:left; display:inline;
	margin: 10px 18px 10px 0;
	border: 3px solid #d9c879;
}

#leftcol p { text-align:justify; margin: 0; }

#leftcol .sep { background: url(../img/sep.gif) repeat-x 0 0; height: 30px; margin: 30px 0 0 0; }
#leftcol .listcontent .sep { margin: 15px 0 0 0; height: 20px; clear:both; }

.listcontent { overflow: hidden; color:#332c1e; font-size:12px; zoom:1; }
#leftcol .listcontent .contentpic { margin-top: 0; margin-bottom: 15px; }
.listcontent h2 {
	margin: 0; padding: 0;
	color:#322c20;
	font-weight: normal;
	font-size: 18px;
}
.listcontent h5, #leftcol h5 {
	margin: 0 0 10px 0; padding: 0;
	color:#ab9c7f;
	font-weight: normal;
	font-style:italic;
	font-size: 12px;
}
.listcontent p { margin: 0 0 1em 0; }

.listcontent a { color:#cbab1e; }
.listcontent .more a { background: url(../img/moredot.gif) no-repeat 0 50%; padding: 0 0 0 12px; }

.pager {
	text-align:center;
	color:#f2e4a9;
	font-size: 12px;
	margin-bottom: 20px;
	clear: both;
	zoom:1;
}

.pager a { color: #cbab1e; text-decoration: none; margin: 0 3px; }
.pager span { color: #cbab1e; margin: 0 3px; }
.pager span.next,
.pager span.prev { color: #c6c0a5; }
.pager .next { padding: 0 10px 0 10px; }
.pager .prev { padding: 0 10px 0 10px; }

.pager span.next { background: url(../img/next_off.gif) no-repeat 100% 50%; }
.pager span.prev { background: url(../img/prev_off.gif) no-repeat 0 50%; }
.pager a.next { background: url(../img/next_on.gif) no-repeat 100% 50%; }
.pager a.prev { background: url(../img/prev_on.gif) no-repeat 0 50%; }

.pager strong { color: #be9e5a; font-size: 130%; }

.galleries { overflow: hidden; zoom:1; }
.galleries .gallery {
	float:left; display:inline;
	font-size:12px; font-weight:bold;
	margin: 0 2px 20px 2px;
}
.galleries .firstcol { margin-left: 0;}

.galleries .gallery a { display:block; background:#fbf8ed; color:#cbab1e; padding: 0 0 8px 10px; }
.galleries .gallery img { border: 3px solid #cbab1e; margin: 0 0 2px -10px; }



.hr hr { display:none; }
#rightcol .hr {
	height:1px;
	background:#e8dcbe;
	border-top: 1px solid #d9d1b0;
	overflow: hidden;
	font-size: 0;
}

#footer { 
	text-align: center; 
	color:#69582f; 
	font-size:10px;
	padding: 34px 0;
}
#footer a { color:#b7944d;}

#footermenu {
	font-size:12px;
	text-transform:uppercase;
	color:#b7944d;
}
#footermenu a { padding: 0 10px; }
#footermenu img { vertical-align: bottom; }

#facebook { padding-right: 5px; }
#tripadvisor { margin-right:20px; }

#footer .hr {
	height: 45px;
	background: url(../img/footerhr.gif) no-repeat 50% 50%;
}
#footer .hr hr { display:none; }

#footer p { margin:0 0 15px 0;}
#footer p a { color:#69582f; }

#worldhotels {
	display: block;
	width: 130px; height:34px;
	overflow: hidden; zoom:1;
	text-indent:-9999px;
	margin:0 auto;
	background:url(../img/worldhotels.gif) no-repeat 0 0;
}
#greathotels {
	display: block;
	height:34px;
	overflow: hidden; zoom:1;
	margin:0 auto;
}

#thumbs td {
	background:none repeat scroll 0 0 #FBF8ED;
	border:1px solid #FFFFFF;
	height:220px;
	margin:0;
	padding: 2px;
	text-align:center;
	vertical-align:middle;
	width:170px;
	font-size:12px;
}

#thumbs td img {
	border: 3px solid #cbab1e;
}

#map_canvas {
	border: 3px solid #cbab1e;
}

.datepicker {
	height: 14px !important;
	width: 60px !important;
}
.ui-datepicker-trigger { display:inline; margin: 0 0 -6px 1px }

.virttour {
	text-align: center;
	padding-top: 10px;
}

#virttourdesc {
	width: 570px;
	background-color: #443d2b;
	padding: 15px;
	margin-top: -3px;
}

#virttourdesc h2 {
	margin: 0; padding:0 0 10px 0;
	font-size: 15px;
	color:#e0d097;
	text-transform: uppercase;
}

#virttourdesc p {
	color:#DBCBA4;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
}

div.like {
	padding-top: 10px;
	clear: both;
}

.mainpagelinks { font-size:12px; }
.mainpagelinks h2 {
	background-color: #272114;
	height: 43px;
	text-align:center;
	margin: 0;
}
.mainpagelinks h2 a {
	color: #d5b25f;
	text-transform: uppercase;
	font-size:14px;
	display: block;
	height: 30px;
	padding: 13px 0 0 0;
	width: 260px;
}
.mainpagelinks ul {
	margin: 0; padding:0;
	list-style: none;
	width: 260px;
	height: auto;
}
.mainpagelinks ul li {
	margin: 0;
	padding:0;
	width: 260px;
	/*height: 27px;*/
	border-top: 1px solid #e8ddbf;
}
.mainpagelinks ul li a {
	color:#e8ddbf;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding: 5px 0 4px 25px;
	/*height:22px;*/
	width: 235px;
	display: block;
	background: url(../img/mainpagelinksdot.png) no-repeat 10px 8px #7e745d;
}
.mainpagelinks ul li a:hover {
	background-color: #443d2b;
}

img.bob {
	float: right;
	padding: 15px 5px 0 20px;
}
div#TA_certificateOfExcellence346 { float: right; }