/****************************************************************
***** Croatian Villas *******************************************
*****************************************************************
10+260+10+640+10=930

///////////////////////////////////////////////////////////////////
////////////////////  CLIENT colors ///////////////////////////////
////////////////////////////////////////////////////////////////*/

#iframe_body, #iframe,
select, textarea, 
.ds_inrbox, 
.ds_content, .ds_niv2, 
.childageinfobox  {
	background-color: #FFFFFF;
}

body {background-color: #ffffff; color:#666666;}

#iframe_body, #iframe, .iframe_body, .iframe, #body {background-color: transparent;}


#container {background-color: transparent;}
#header {}
a {color:#007dc3;}
a:hover {}


h1, h3, h4, h5, h6 {color: #262727;}
h2 {color:#727272;}


.title {color: #262727;}
hr {color:#dddddd; background-color:#dddddd;}
/** {border: #d95936;} */
.image, .content_wrap_image {background-color: transparent;}

.quicksearch_breadtext span.highlight {background-color: #666666; color: #FFFFFF;}
.alert {color: #ff0000;}

#flags {}

.tabsmenu, .tabsmenu a, .tabsmenu a:hover {color: #666666;}
.tabsmenu a.active, .pagination input.active {color: #262727;}
.tabsmenu a.alert {	
	color:#FFFFFF;
	background-color:#ff0000;
}
#menu {background-color:#007dc3;}
#menu, #menu a {color: #FFFFFF;}
#menu a:hover {color: #ffffff; background-color:#3696cc;}
#menu li.active a, #menu li.active a:hover {color: #FFFFFF; background-color:#3696cc;}

/*.box colors*/
/*.box {border-color:#007dc3;}*/

.box .title {background-color:#007dc3;}
.box .title,
.box .title a,
.box .title h1,
.box .title h2,
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6 {color:#FFFFFF;}


.box .text .title,
.box .text .title a,
.box .text .title h1,
.box .text .title h2,
.box .text .title h3,
.box .text .title h4,
.box .text .title h5,
.box .text .title h6
{background-color: transparent; color:#262727;}

/*box1 - 4*/
.box1, 
.box1 a .box1 .title,
.box1 .title a,
.box1 .title h1,
.box1 .title h2,
.box1 .title h3, 
.box2, .box2 a,
.box2 .title, 
.box2 .title a, 
.box2 .title h1,
.box2 .title h2,
.box2 .title h3 {color:#FFFFFF;}
.box1 {background-color:#ec0c6e;}
.box2 {background-color:#007dc3;}


.box3 .title, 
.box3 .title a, 
.box3 .title h1,
.box3 .title h2,
.box3 .title h3,
.box4 .title, 
.box4 .title a, 
.box4 .title h1,
.box4 .title h2,
.box4 .title h3 { color:#ec0c6e;}


/*.boxmodule colors*/
/**/

.ds_tabs_wrap{
	color: #FFFFFF;
	background-color: #007dc3;
}

.active_ds_tab{
	color: #262727;
}
.ds_niv1, .expMenuTitle, .expMenuTitle a, .expMenuTitle a:hover {color: #ffffff;}
.ds_niv1, .expMenuTitle {background-color: #696969;}


#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID,
#Indate1_ID #Indate1_Current_ID {background-color: #ffffff;
	color: #262727;}


/*__ Popup Calendar title color__*/
#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID,
#startdate_ID #startdate_Current_ID,
#outdate_ID table tbody tr:first-child td,
#indate_ID table tbody tr:first-child td,
#startdate_ID table tbody tr:first-child td,
#dEarlydate_ID table tbody tr:first-child td,
#Indate1_ID #Indate1_Current_ID,
#Indate1_ID table tbody tr:first-child td {background-color:#007dc3; color:#ffffff;}

.calendar_box .calendarDateInput {color:#666666;}

#dEarlydate_ID span table tbody tr:first-child td,
#indate_ID span table tbody tr:first-child td,
#outdate_ID span table tbody tr:first-child td,
#startdate_ID span table tbody tr:first-child td,
#Indate1_ID span table tbody tr:first-child td  {background-color: transparent;}

.popupCalendarActiveDay {color: #FFFFFF!important;	background-color: #007dc3 !important;}
/*var: "DayBGColor", "Cell.style.border" and "TopRowBGColor" has to be changed in "calanderDateInput.asp or index.asp"*/


.tableheader{
	background-color: #007dc3;
	color: #ffffff;
}

.row_odd {background-color: #FFFFFF;}
.row_even {background-color: #fafafa;}
.row_highlight {background-color: #f5f5f5;}

/**/
.ordersteg_bgcolor1 {
	background-color:#fafafa; /* &bgc2& */
}

.row_odd td,
.row_even td,
.childageinfobox,
.ds_inrbox,
.ds_niv2,
.atribute dl dt,
.atribute dl dd,
#menu ul, #menu ul li { border-color:#007dc3;}
/**/


/*__Search reslut color (DEVSEARCHENGINE RESULT)__*/

/*.search_reslut hr {color:#A0A0A0}*/

.search_reslut .titles, 
.search_reslut .titles a, 
.search_reslut .titles h1, 
.search_reslut .titles h2, 
.search_reslut .titles h3{
	color: #ffffff;
	background-color: #007dc3;
}

.search_reslut .moreinfo .titles {
	color: #262727;
	background-color: #fafafa;
}

.search_reslut a {
	/*color: #0099cc;*/
}
.search_reslut #wrap_results, 
.search_reslut .choices_away, 
.search_reslut .choices_home {
	background-color: #FFFFFF;
}
.search_reslut .wrap_price {
	color: #666666;
}

.search_reslut .price {
	color: #262727;
}


.search_reslut .moreinfo {
	color: #666666;
}

.search_reslut .wrap_item_result {border: #666666;}

/**/

.button,  #brochure_btn .formtext, .pagination input,
input#leftbut,
input#rightbut {
	border-color:#c5c6c6;
	color: #007DC3;
	background-color: #c5c6c6;
}

.button:hover, .pagination input:hover ,
input#leftbut:hover,
input#rightbut:hover {color: #007DC3;}



.button3 {
	border-color:#ec0c6e;
	background-color: #ec0c6e;
}

.button3, .button3:hover {color: #ffffff;}



/*////////////////////////////////////////////////////////////////
///////////////////  FCKeditor styles ////////////////////////////
////////////////////////////////////////////////////////////////*/

/*__ FCKeditor colors __*/

.txtcolor1, hr.hr1, .color1 {color: #ec0c6e;}
.txtcolor2, hr.hr2, .color2 {color: #007dc3;}
.txtcolor3, hr.hr3, .color3 {color: #262727;}

.bgcolor1 {background-color: #ec0c6e;}
.bgcolor2 {background-color: #007dc3;}
.bgcolor3 {background-color: #eef8fa;}

.preamble {color: #262727;}
.highlight {}


table.tablestyle1 tr {
background-color: #007dc3;
color:#262727;
}

table.tablestyle2 tr {
background-color: #262727;
color:#ffffff;

}

table.tablestyle3 tr {
color:#FFFFFF;
background-color: #007dc3; 
}


/**/

/*__ FCKeditor formating __*/
img.rightimage, .rightimage img{float: right;
	margin-bottom: 2px;
	margin-left: 5px;}
	
img.leftimage, .leftimage img{float: left;
	margin-bottom: 2px;
	margin-right: 5px;}
		
.txtsmall, #footer, #footer a {font-size: 10px;}
.txtlarge {font-size: 13px;}
.highlight {font-weight: bold;}
.preamble {  /*ingress*/
	font-weight: bold;
	font-size: 1.1em;
	
}

/*_breadcrumbs_*/
#breadcrumbs {}
#breadcrumbs a  {}
#breadcrumbs .icon {}
a#breadcrumstart {}  
span#breadcrumend {} 


/*/////////////////////////////////////////////////////////////////
/////////////       searchEngine form        //////////////////////
/////////////////////////////////////////////////////////////////*/

#searchEngine_content { width:100%; padding-left:0; padding-right:0;}
#searchEngine .text {width:170px; padding-left:4px; padding-right:4px;}
#searchEngine .button {float:right;}

.childageinfobox{
	border-width: 1px;
	border-style: solid;
} 

#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID,
#Indate1_ID #Indate1_Current_ID {
	font-weight: bold;
}


/*calendar*/
a.calendarlink {
display:inline-block;
height:18px;
width:19px;
}
a.calendarlink img {
display:none;
}
a.calendarlink {
background-image:url(../images/calendar.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#searchEngine .calendar_box, #startdate_ID, #indate_ID {
margin-left:-95px;
}

/*__Popup calendar__*/
#searchEngine .calendar_box, #startdate_ID, #indate_ID{margin-left:-95px;} /*eats up width otherwise*/

#outdate_Previous_ID, #outdate_Next_ID,
#indate_Previous_ID, #indate_Next_ID,
#startdate_Previous_ID, #startdate_Next_ID,
#Indate1_Previous_ID, #Indate1_Next_ID
 {border:none !important;}


#outdate_Previous_ID, #outdate_Next_ID,
#outdate_Previous_ID img, #outdate_Next_ID img,
#indate_Previous_ID, #indate_Next_ID,
#indate_Previous_ID img, #indate_Next_ID img,
#startdate_Previous_ID, #startdate_Next_ID,
#startdate_Previous_ID img, #startdate_Next_ID img,
#Indate1_Previous_ID, #Indate1_Next_ID,
#Indate1_Previous_ID img, #Indate1_Next_ID img { vertical-align: middle;}

#outdate_Previous_ID,
#indate_Previous_ID,
#startdate_Previous_ID,
#Indate1_Previous_ID {text-align:left;}

#outdate_Next_ID,
#indate_Next_ID,
#startdate_Next_ID,
#Indate1_Next_ID {text-align:right;}

#outdate_Previous_ID img,
#indate_Previous_ID img,
#startdate_Previous_ID img,
#Indate1_Previous_ID img {margin-left:3px;}

#outdate_Next_ID img,
#indate_Next_ID img,
#startdate_Next_ID img,
#Indate1_Next_ID img { margin-right:3px;}

#outdate_Previous_ID img, #outdate_Next_ID img,
#indate_Previous_ID img, #indate_Next_ID img,
#startdate_Previous_ID img, #startdate_Next_ID img,
#Indate1_Previous_ID img, #Indate1_Next_ID img { cursor:pointer;}


/**/
#Indate1_ID #Indate1_Current_ID {
font-weight:bold;
}

#Indate1_Month_ID, #Indate1_Day_ID, #Indate1_Year_ID {
margin-right:1px;
}
#Indate1_Month_ID {
width:50px;
}
#Indate1_Day_ID {
width:45px;
}
#Indate1_Year_ID {
padding-left:0;
width:32px;
}

/*////////////////////////////////////////////////////////////////
////////////////////  BASIC FORMATING ////////////////////////////
/////////////// Textformatting and HTML standard tags ////////////
////////////////////////////////////////////////////////////////*/

/* Comment: font by EM; body: 
		Font-size= 16px × 62.50% = 10px 
		Font-size= 16px × 68.75% = 11px 
*/

/*
html{font-size: 100%;}
body {font-size: 62.5%;	line-height: 1.5em;}
#user_content {font-size: 1em;}
p {margin-top: 0.2em; margin-bottom: 0.3em;}
h1, h2, h3, h4, h5, h6{margin-bottom: 0.4em;}
h1{ font-size: 1.9em;}
h2 {font-size: 1.3em; margin-bottom: 0.2em;}
h3, h4, h5, h6{font-size: 1.1em;	margin-bottom: 0.1em;}
form, input, select, label {font-size: 1em;}
textarea {font-size: 0.8em;} 
#content ul {margin-left: 2.5em;}
.ds_niv1{line-height: 1.01em;}
*/


body, table, ul.news .title {font-size: 11px;}
body, table {line-height: 1.5;}		

body, span, p, table, td, caption, form, input, select, label, textarea /*, font, #user_content, .MsoNormal*/  {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

a {outline:none;}
a, a span, .button, .pagination input, input#leftbut,
input#rightbut {cursor:pointer;}



.active, .active a, .active span,  .pagination input.active {cursor:default; font-weight:bold;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
.title a, .title a:hover, .titles a, .titles a:hover, a.button, a.button:hover {text-decoration:none;}

.pagination input.active {background-color:transparent; background-image:none; border:none;}


input { font-size: 1em; line-height:normal; padding: 0.1em 0px;}

hr {height:1px; border:none; padding:0px;}

#footer hr  {
	width: 90%;
	margin: 15px 0px 15px 0px;
}

p {
	padding: 0px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
p:first-child {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.5em;
}

p + h1, h2, h3, h4, h5, h6 {margin-top: 1.7em;}

#leftside h1, #leftside h2, #leftside h3, #leftside h4, #leftside h5, #leftside h6,
.hotel_list h1, .hotel_list h2, .hotel_list h3, .hotel_list h4, .hotel_list h5, .hotel_list h6
 {margin-top: 0px;}


h1{	
font-size: 16px;
}

h2 {font-size: 13px;}

h3, h4, h5, h6, .title{
	font-size: 11px;
}

input {}

select {} 

option {} 

textarea {} 

#content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}

#content li {
	padding: 0px;
	margin: 0px;
}

.content_wrap_image img {
max-height: none;
max-width: none;

}

.image img, .content_wrap_image img {vertical-align:bottom;}
.image a {display:block; float:left; clear:both; width:100%;}


.row {float:left; clear:both; width:100%;}
.col {float:left; clear:none;}
/*////////////////////////////////////////////////////////////////
//////////////  CLIENT Backgrounds & images //////////////////////
////////////////////////////////////////////////////////////////*/
body {background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;}

.button, #brochure_btn .formtext, .pagination input, input#leftbut,
input#rightbut {
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
	}

.button, #brochure_btn .formtext, .pagination input, 
.button:hover, .pagination input:hover, .button:active,
input#leftbut,
input#rightbut {background-position: left -10px;}

.button1,.button1:hover, .button1:active {background-position: left top;}

.button2, .button3, .button3b .btn_l, .button3b .btn_cnt, .button3b .btn_r,
.button4 .btn_l, .button4 .btn_r, .button4 .btn_cnt,
.button5 .btn_l, .button5 .btn_r, .button5 .btn_cnt {background-image: url(../images/spriteButton.png); background-repeat: no-repeat;	background-color:transparent;}

.button2, .button2:hover, .button2:active {background-position: right 1px;}
.button3, .button3:hover, .button3:active {background-position: right -28px;}



.button3b .btn_l,
.button3b .btn_r,
.button3b .btn_cnt,
.button4 .btn_l, 
.button4 .btn_r, 
.button4 .btn_cnt,
.button5 .btn_l, 
.button5 .btn_r, 
.button5 .btn_cnt {background-repeat:no-repeat; overflow:hidden;}

.button3b {background-image:none;}
.button3b .btn_l {background-position: left -28px;  width:10px;}
.button3b .btn_r {background-position: right -28px; width:20px;}
.button3b .btn_cnt {background-position: center -28px;}

.button4 .btn_l {background-position:left -51px; width:5px;}
.button4 .btn_r {background-position: right -51px; width:16px;}
.button4 .btn_cnt {background-position: center -51px;}

.button5 .btn_l {background-position:left -75px; width:7px;}
.button5 .btn_r {background-position: right -75px; width:18px;}
.button5 .btn_cnt {background-position: center -75px;}


/**/
.wrapBG1, #container {
	background-image: url(../images/bg_container.jpg);
	background-position: center top;
	}
	
.wrapBG2, #header {
	/*background-image: url(../images/bg_header.jpg);*/
	background-image: url(/upload/images/websiteLayout/bg_header.jpg);
	background-position: center top;}
	
	
.wrapBG3, #footer {
	background-image: url(../images/bg_footer.jpg);	
	background-position: center bottom;
	}

.wrapBG1, #container {background-repeat: repeat-y;}
.wrapBG2, #header, .wrapBG3, #footer {background-repeat: no-repeat;}
/**/
.hrBox {background-position:left top; background-repeat: repeat-x; background-image: url(../images/box1grd.jpg);}
.hrBox2 {background-position:left top; background-repeat: repeat-x; background-image: url(../images/box2grd.jpg);}

.hrBox .tl, .hrBox .tr, .hrBox .br, .hrBox .bl {background-repeat: no-repeat;}
.hrBox .tl {background-position:left top; background-image: url(../images/imgCrn4px_tl.png);}
.hrBox .tr {background-position:right top; background-image: url(../images/imgCrn4px_tr.png);}
.hrBox .br {background-position:right bottom; background-image: url(../images/imgCrn4px_br.png);}
.hrBox .bl {background-position:left bottom; background-image: url(../images/imgCrn4px_bl.png);}

#beforeYouGoBox .title_content {background-position:right top; background-image: url(../images/imgCrn4px_tr.png); background-repeat: no-repeat; background-position:right top;}
#beforeYouGoBox .text_content {background-position:right bottom; background-image: url(../images/imgCrn4px_br.png); background-repeat: no-repeat; background-position:right bottom;}


/**/
#topmenu a span, #specialOfferBox .spOfBxCol2 span {background-image: url(../images/spriteVertical.png);}

#topmenu a .lft, #topmenu a .rht, #specialOfferBox .spOfBxCol2 .lft, #specialOfferBox .spOfBxCol2 .rht { background-repeat: no-repeat;}

#topmenu a .cnt, #specialOfferBox .spOfBxCol2 .cnt {background-repeat: repeat-x;} 

#topmenu a .lft {background-position:left -372px;}
#topmenu a .cnt {background-position:left -400px;}
#topmenu a .rht {background-position:right -428px;}

#topmenu a:hover .lft, #topmenu a.active .lft, #topmenu a.active:hover .lft {background-position:left -456px;}
#topmenu a:hover .cnt, #topmenu a.active .cnt, #topmenu a.active:hover .cnt {background-position:left -484px;}
#topmenu a:hover .rht, #topmenu a.active .rht, #topmenu a.active:hover .rht {background-position:right -512px;}

/* Menu */
#menu .othDestTtl, 
#beforeYouGoBox .title h1,
#beforeYouGoBox .title h2,
#beforeYouGoBox .title h3 {background-image: url(../images/arwIndent.png); background-repeat: no-repeat;}
#menu .othDestTtl {background-position:223px 14px;}
#beforeYouGoBox .title h1,
#beforeYouGoBox .title h2,
#beforeYouGoBox .title h3 {background-position: 168px -18px;}
#leftside #beforeYouGoBox .title h1,
#leftside #beforeYouGoBox .title h2,
#leftside #beforeYouGoBox .title h3 {background-position: 200px -18px;}

/**/
#specialOfferBox .spOfBxCol2 { background-color:transparent; background-image:none;}
#specialOfferBox .spOfBxCol2 .lft {background-position:left top;}
#specialOfferBox .spOfBxCol2 .cnt {background-position:left -62px;} 
#specialOfferBox .spOfBxCol2 .rht {background-position:right -124px;}

#specialOfferBox .ui-tabs-selected .lft, #specialOfferBox .ui-tabs-selected:hover .lft {background-position:left -186px;}
#specialOfferBox .ui-tabs-selected .cnt, #specialOfferBox .ui-tabs-selected:hover .cnt {background-position:left -248px;} 
#specialOfferBox .ui-tabs-selected .rht, #specialOfferBox .ui-tabs-selected:hover .rht {background-position:right -310px;}




/**/

.box1, .box1 .title, .box1 .text, .box2, .box2 .title, .box2 .text, .box3, .box3 .title, .box3 .text,
.contentBoxes, 
.contentBoxes_content, 
.contentBoxes .contentBoxes_row1,
.contentBoxes .titleCol1, .contentBoxes .titleCol2,
.contentBoxTheme2 .contentBoxes_row1,
.contentBoxTheme2 .titleCol1,
.contentBoxTheme2 .titleCol2,
#cntBxHotelAtributes .contentBoxes_row1,
#cntBxHotelAtributes .titleCol1,
#cntBxHotelAtributes .titleCol2,
#cntBxHotelGallery  .contentBoxes_row1,
#cntBxHotelGallery  .titleCol1,
#cntBxHotelGallery  .titleCol2
 {background-image: url(../images/spriteHorizontal.jpg);}

.box1, .box2, .box3, .contentBoxes {background-repeat: repeat-y;}

.box1 .title, .box1 .text,
.box2 .title, .box2 .text,
.box3 .title, .box3 .text,
.contentBoxes_content, .contentBoxes .contentBoxes_row1, .contentBoxes .titleCol1, .contentBoxes .titleCol2,
.contentBoxTheme2 .contentBoxes_row1,
.contentBoxTheme2 .titleCol1,
.contentBoxTheme2 .titleCol2,
#cntBxHotelAtributes .contentBoxes_row1,
#cntBxHotelAtributes .titleCol1,
#cntBxHotelAtributes .titleCol2,

#cntBxHotelGallery .contentBoxes_row1,
#cntBxHotelGallery .titleCol1,
#cntBxHotelGallery .titleCol2 
 {background-repeat: no-repeat;}

.box1 .title {background-position: left top;}
.box1 {background-position: -260px top;} 
.box1 .text {background-position: -520px bottom;}

.box2 .title {background-position: -780px top;}
.box2 {background-position: -1040px top;} 
.box2 .text {background-position: -1300px bottom;}

.box3 .title {background-position: -1560px top;}
.box3 {background-position: -1820px top;} 
.box3 .text {background-position: -2080px bottom;}


.boxmodule.box_colSideBlue, .boxmodule.box_colSideGreenBig, .boxmodule.box_colSideOrangeBig, .boxmodule.curvebox {background-position: -3430px top; background-repeat: repeat-y; background-image: url(../images/spriteHorizontal.jpg);}

#leftside .boxmodule.box_colSideBlue, 
#leftside .boxmodule.box_colSideGreenBig, 
#leftside .boxmodule.box_colSideOrangeBig, 
#leftside .boxmodule.curvebox {background-position: -2600px top;  background-repeat: repeat-y; background-image: url(../images/spriteHorizontal.jpg);}


.boxmodule .tl,
.boxmodule .tr,
.boxmodule .br,
.boxmodule .bl,
.box_colSideBlue .box_colSideBlue, 
.box_colSideGreenBig .box_colSideGreenBig, 
.box_colSideOrangeBig .box_colSideOrangeBig, 
.curvebox .curvebox,
#leftside .box_colSideBlue .box_colSideBlue, 
#leftside .box_colSideGreenBig .box_colSideGreenBig, 
#leftside .box_colSideOrangeBig .box_colSideOrangeBig, 
#leftside .curvebox .curvebox { background-image:none; background-repeat:no-repeat; background-position:left top; background-color:transparent;}



.boxmodule.box_colSideBlue .b, .boxmodule.box_colSideGreenBig .b, .boxmodule.box_colSideOrangeBig .b, .boxmodule.curvebox .b {background-position: -3740px 100%; background-repeat: no-repeat; background-image: url(../images/spriteHorizontal.jpg);}

#leftside .boxmodule.box_colSideBlue .b, #leftside .boxmodule.box_colSideGreenBig .b, #leftside .boxmodule.box_colSideOrangeBig .b, #leftside .boxmodule.curvebox .b {background-position: -2860px 100%; background-repeat: no-repeat; background-image: url(../images/spriteHorizontal.jpg);}

.boxmodule.box_colSideBlue .tl, .boxmodule.box_colSideGreenBig .tl, .boxmodule.box_colSideOrangeBig .tl, .boxmodule.curvebox .tl {background-position: -3120px 0px; background-repeat: no-repeat; background-image: url(../images/spriteHorizontal.jpg);}

#leftside .box_colSideBlue .tl, 
#leftside .box_colSideGreenBig .tl, 
#leftside .box_colSideOrangeBig .tl, 
#leftside .curvebox .tl {background-image: url(../images/spriteHorizontal.jpg); background-position: -2340px 0px;background-repeat: no-repeat;}



.contentBoxes {background-position: -4690px top;}
.contentBoxes_content {background-position: -5330px bottom;}

.contentBoxes .contentBoxes_row1 {background-position: -4050px top;} 
.contentBoxes .titleCol1 {background-position: -4051px top;}
.contentBoxes .titleCol2 {background-position: -4550px top;}

.contentBoxTheme2 .contentBoxes_row1 {background-position: -5970px top;} 
.contentBoxTheme2 .titleCol1 {background-position: -5971px top;}
.contentBoxTheme2 .titleCol2 {background-position: -6470px top;}


#cntBxHotelAtributes {background-position: -7250px top;}
#cntBxHotelAtributes .contentBoxes_content {background-position: -7890px bottom;}


#cntBxHotelAtributes .contentBoxes_row1,
#cntBxHotelGallery .contentBoxes_row1 {background-position: -6610px top;}
#cntBxHotelAtributes .titleCol1,
#cntBxHotelGallery .titleCol1 {background-position: -6611px top;}
#cntBxHotelAtributes .titleCol2,
#cntBxHotelGallery .titleCol2 {background-position: -7110px top;}





/**/
.bannerLink .bg {background-image: url(../images/bannerLinkCrn_tl.png); background-position: top left; background-repeat:no-repeat;}



/*////////////////////////////////////////////////////
//////////////  ICONS & BUTTONS //////////////////////
///////////////////////////////////////////////////*/


/*__BUTTONS__*/
.button,  #brochure_btn .formtext, input#leftbut,
input#rightbut {overflow:auto;}

.button, .button:hover,  #brochure_btn .formtext, input#leftbut,
input#rightbut {font-size: 1em;}
.button,  #brochure_btn .formtext, input#leftbut,
input#rightbut {border-width: 1px;}
.button,  #brochure_btn .formtext, input#leftbut,
input#rightbut {border-style: solid;}
.button:active,  #brochure_btn .formtext {border-style: solid;}


.button, input.button,  #brochure_btn .formtext, .pagination input, input#leftbut,
input#rightbut {font-weight: bold;} 
.button, input.button,  #brochure_btn .formtext, input#leftbut,
input#rightbut {
	height: auto;
	width:auto;
	overflow:visible;
	line-height: normal;
	display: inline-block;
}

a.button,
#brochure_btn .formtext, #content_page_asp .button {padding:0.2em 0.5em;}

input.button, input#leftbut,
input#rightbut {padding:0.1em 0.25em;}

.button1 {padding:6px 0.25em;}
a.button1 {padding:6px 0.25em;}
input.button1 {padding:6px 0.25em;}

.button2, .button2:active {padding:0 25px 0 10px; height:29px; line-height:30px;}
a.button2, a.button2:active {padding:0 25px 0 10px; height:29px; line-height:30px;}

input.button2 {padding:0 20px 0 5px; height:29px; line-height:1.3;} 
input.button2:active {padding:0 20px 0 5px; height:29px; line-height:1.3;}


.button2, a.button2, a.button2:active, input.button2, input.button2:active { white-space:nowrap; border:none; overflow:hidden;}

.button3, .button3:active {padding:0 20px 0 10px; height:23px; line-height:21px;}
a.button3, a.button3:active {padding:0 20px 0 10px; height:23px; line-height:21px;}
input.button3, input.button3:active {padding:0 15px 0 5px; height:23px; line-height:1.3;}
.button3, a.button3, a.button3:active, input.button3, input.button3:active { white-space:nowrap; border:none; overflow:hidden;}


.button3b,
.button3b span,
.button3b:active,
a.button3b, a.button3b:active {padding-left:0; padding-right:0; height:23px; line-height:21px; border:none; white-space:nowrap;}



.button3b .btn_l, .button3b .btn_r, .button3b .btn_cnt,
.button4, .button4 .btn_l, .button4 .btn_r, .button4 .btn_cnt,
.button5, .button5 .btn_l, .button5 .btn_r, .button5 .btn_cnt {white-space:nowrap; display:block; float:left; clear:none;}



.button3b,
.button4, 
.button5, 
a.button3b, 
a.button4, 
a.button5, 
input.button4, input.button5,
.button3b:hover,
.button4:hover, .button5:hover, 
a.button3b:hover,
a.button4:hover, a.button5:hover, 
input.button4:hover, input.button5:hover,
.button3b:active,
.button4:active, .button5:active, 
a.button3b:active,
a.button4:active, a.button5:active, 
input.button4:active, input.button5:active {
	background-image:none !important;
	background-color: transparent; 
	border-color: transparent; 
	border-width: 0px; 
	border-style: none; 
	background-color:none;  
	padding:0; 
	display:inline-block; 
	color:#FFFFFF; 
	overflow:hidden;}

.button4, .button5, a.button4, a.button5, input.button4, input.button5,
.button4:hover, .button5:hover, a.button4:hover, a.button5:hover, input.button4:hover, input.button5:hover,
.button4:active, .button5:active, a.button4:active, a.button5:active, input.button4:active, input.button5:active {font-weight:normal; font-size:9px;}



.button4, .button4 .btn_l, .button4 .btn_r, .button4 .btn_cnt,
.button5, .button5 .btn_l, .button5 .btn_r, .button5 .btn_cnt { height:24px; line-height:24px;}


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////         MAIN WRAPERS     ////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/
html {padding: 0px; margin:0px;}
body {text-align:center;}


.wrapContainer {float:left; clear:both; width:100%; min-width:940px;}
#mainWrapContainer { padding-bottom:0px;}


#header, #leftside, #content, #footer   {overflow:hidden;} 

#wrap {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	float:none;} 

#container,
#header,
#leftside,
#leftside_content,
#content,
#content_content,
#footer, #footer div {float: left;}


#container,
#header,
#leftside_content, 
#content_content,
#footer {clear:both;}


#leftside {clear:left;}


#footer {
	height:175px;
	margin:0;
	padding-top:0px;
	padding-bottom:0px;
	text-align: center;
}
#companyInfo { float:left; clear:both; width:100%;}

#footer_content, #companyInfo {padding-top:15px;}


/*_ Width _*/
#wrap, #container, #header {width:930px;}
#footer {width:910px; padding-left:10px; padding-right:10px;}

#contentNew {width: 910px; padding:0 10px; float:left; clear:both;}
#content {width: 640px;}
#leftside {width: 260px;}
#leftside {padding-left:10px; padding-right:10px;}
#leftside, #content {margin-right:0px;}
#header, #content_content, #leftside_content, #footer_content {width:100%; padding-left:0; padding-right:0;}

/*Height spacing / margins*/
#menu, #travelize, .boxmodule, .box, .contentBoxes, #twitterNewsBox, #specialOfferBox, #newsletterBox, .listBox, #userOptionsBox, #hotelCalendarWrap {margin-bottom: 15px;}

.bannerrowwrap .boxmodule, .bannerrowwrap .box, .content_wrap_text {margin-bottom: 0px;}
.bannerrowwrap, .wrap_item_result, .contentWrapRow  {padding-bottom:15px;}
.bannerrowwrap {float:left; clear:both; width:100%;}
.marginright {margin-right:10px;}
.bannerrowwrap .marginright {margin-right:20px;}

/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           HEADER     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

#header {padding:0px; height:134px; overflow:hidden;}

#logo img{ display:none;
	margin: 0 0 0 0px;
}

#logo, #headerNavigation, #searchsite {float:left; clear:none;}
#logo {height:75px;}
#headerNavigation, #searchsite {height:63px; padding:13px 0 0 0; }
#logo a {height:61px;}


#logo a { display:block; float:left; clear:both;}

#logo, #logo a {width:320px;}
#headerNavigation {width:365px; text-align:right; padding-left:10px; padding-right:15px;}

#headerBar , #headerBar_content {float:left; clear:both;}

#headerBar {width:910px; padding-left:10px; padding-right:10px;}
#headerBar_content { width:100%; padding:0;}

#topmenu {float: right; width: auto; text-align:right;}
#topmenu_content{float:left; width: auto;}

#topmenu, #topmenu a { font-size:14px;}
#topmenu a:hover { text-decoration:underline;}
#topmenu a, #topmenu a:hover, #topmenu a span { display:block; float:left; clear:none; height:28px; line-height:28px; text-decoration:none;}


#topmenu a:hover, #topmenu a:hover span,
#topmenu a.active, #topmenu a.active span, #topmenu a.active:hover {color:#FFFFFF;}

#topmenu a, #topmenu a span, #topmenu a:hover, #topmenu a:hover span,
#topmenu a.active, #topmenu a.active span, #topmenu a.active:hover  {font-weight: bold;}

#topmenu .seperator { display:none;}

#topmenu a .lft {width:10px;}
#topmenu a .rht {width:17px;}



#searchsite { width:203px; border:none; margin:0;}

#searchsite .text { width:173px; padding:4px 15px;}
#searchsite .text_content { width:100%; padding:0;}




/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           LEFTSIDE     //////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/


/*__ MENU (main menu) __*/
#menu .menuclosedclass {
display:block;
}
#menu .open .menuclosedclass, #menu .menuclosedclass .menuclosedclass {
display:none;
}
/**/

#menu, #topmenu { word-wrap: break-word;}

#menu {
	float:left;
	width:100%;
	clear: left;
	float: left;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	padding: 0px;
}


#menu ul, 
#menu ul li,  
#menu ul li a {width:100%;}


#menu a {
	display: block;
	text-decoration: none;

}

#menu a:hover {
	text-decoration: none;

}
#menu li.active a  {}

#menu ul, #leftside .menualt2 ul ul {
	border:none;
	padding-top:0px;}


#menu ul ul, #leftside .menualt2 ul ul ul {border: none;}

#menu ul li, #leftside .menualt2 ul ul li,
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {
	margin-bottom:0px;
}

#menu ul.open, #menu .menu_sub {padding-bottom:10px;}

#menu ul li a, #leftside .menualt2 ul ul li a {font-weight:normal;}
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {font-weight:normal;}
#menu ul ul li a span, #leftside .menualt2 ul ul ul li a span {border-bottom:1px solid #3696cc;}
#menu ul ul ul li a span, #leftside .menualt2 ul ul ul ul li a span { border:none;}

#menu ul .othDest { background-color:#4d92ce; display:block; margin-bottom:0;}
#menu ul .othDest a span { border-bottom-color:#a6c8e6;}
#menu ul .othDest a:hover,
#menu ul .othDest li.active a,
#menu ul .othDest li.active a:hover {background-color:#5f9dd3;}

#menu ul .othDestTtl a, 
#menu ul .othDestTtl a:hover { background-color:transparent; color:#FFFFFF;}

#menu ul li { display:none;}

#menu ul li.othDestTtl,
#menu ul ul li { display: block;}

#menu ul, #menu ul li, #menu ul li.othDestTtl {float:left; clear:both;}


#menu ul ul li.active a, #leftside .menualt2 ul ul ul li.active a {font-weight: bold;}



#menu .title h1 span,
#menu .title h2 span,
#menu .title h3 span { font-size:11px;}

#menu ul li a, #leftside .menualt2 ul ul li a{
	font-size: 13px;
	line-height: 1.4;
	 font-weight:bold;
}

#menu, #menu ul ul li a,
#leftside .menualt2 ul ul ul li a {font-size: 11px;	line-height: 1.4; text-decoration:none;}

#menu ul a span { display:block; float:left; clear:both; width:100%;}
#menu ul li a span, #leftside .menualt2 ul ul li a span {padding-top:10px; padding-bottom:10px;}
#menu ul ul li a span, #leftside .menualt2 ul ul ul li a span {padding-top:4px; padding-bottom:4px;}


#menu ul li a, #leftside .menualt2 ul ul li a,
#menu ul ul li a, #leftside .menualt2 ul ul ul li a,
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a,
#menu ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul li a,
#menu ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul li a,
#menu ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul li a,
#menu ul ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul ul li a {
padding-top:0; padding-bottom:0; padding-left:2%; padding-right:2%; width:96%;
}

#menu ul li a span, #leftside .menualt2 ul ul li a span,
#menu ul ul li a span, #leftside .menualt2 ul ul ul li a span {padding-left:0%; width:100%; padding-right:0;}
#menu ul ul ul li a span, #leftside .menualt2 ul ul ul ul li a span {padding-left:4%; width:96%; padding-right:0;}
#menu ul ul ul ul li a span, #leftside .menualt2 ul ul ul ul ul li a span {padding-left:8%; width:92%; padding-right:0;}
#menu ul ul ul ul ul li a span, #leftside .menualt2 ul ul ul ul ul ul li a span {padding-left:12%; width:88%; padding-right:0;}
#menu ul ul ul ul ul ul li a span, #leftside .menualt2 ul ul ul ul ul ul ul li a span {padding-left:16%; width:84%; padding-right:0;}
#menu ul ul ul ul ul ul ul li a span, #leftside .menualt2 ul ul ul ul ul ul ul ul li a span {padding-left:20%; width:80%; padding-right:0;}


#travelize {
	clear: both;
	float: left;
	width: 100%;
	text-align:center;
}




/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           CONTENT     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

.contentWrapRow { float:left; clear:both; width:100%;}

/*/////////////////  BOXMODULE   /////////////////////*/
/*IE6 and older browsers dont support multiple class selectors like " .boxmodule.bxm_Startpage.box_colSideBlue.withoutText "
They will only read in the last specified class, in this case ".withoutText"
*/

/*
IE6 and older browsers dont support multiple class selectors like  ".withoutText.bxm_Startpage.boxmodule.box_colSideBlue .text {}" They will only read in the last specified class, in this case ".box_colSideBlue .text {}". That is why the classes are spread out under several divs as well. To get the same selction in IE6 you need to specify your css in exactly this order: "BOXMODULE PARAMETER1 BANNERTYPE CLASSEXTRA" e.g ".boxmodule .bxm_Startpage .box_colSideBlue .withoutText .text"
*/

.boxmodule .image {background:transparent;}

.boxmodule { width:100%;}
.boxmodule div {width:100%;}
.boxmodule { float:left;}
.boxmodule div {float:none; clear:both;}
.boxmodule, .boxmodule_content, .boxmodule .title, .boxmodule .image, .boxmodule .text, .boxmodule .txt, .boxmodule .link {overflow: hidden;}



.boxmodule, .boxmodule a { font-size:10px;}

.boxmodule h1,
.boxmodule h2,
.boxmodule h3,
.boxmodule h4,
.boxmodule h5,
.boxmodule h6,
.boxmodule .title,
.boxmodule .title a,
.boxmodule .title a:hover {font-weight: bold; text-decoration:none; font-size:15px; line-height:1.4; margin: 0px;
	padding: 0px; color:#262727;}


.boxmodule p { padding:0px; margin:0px;}


.boxmodule, .boxmodule .image {text-align: center;}
.boxmodule .title, .boxmodule .title div {text-align: left;}
.boxmodule_content {text-align: left;}


.boxmodule_content {
	margin-left: auto;
	margin-right: auto;
}

/*__ Boxmodule Functions __*/

/* withoutImage_ (just text) */
.boxmodule .withoutImage .image {display:none;}

/* withoutText _ (just image) */
.boxmodule .withoutText .text, .boxmodule .withoutText .title {display:none;}

.boxmodule.box_colSideBlue .withoutText .boxmodule_content,
.boxmodule.box_colSideGreenBig .withoutText .boxmodule_content,
.boxmodule.box_colSideOrangeBig .withoutText .boxmodule_content,
.boxmodule.curvebox .withoutText .boxmodule_content {padding-top:20px; padding-bottom:10px;}


.bxm_Right .box_colSideBlue .withoutText .boxmodule_content,
.bxm_Right .box_colSideGreenBig .withoutText .boxmodule_content,
.bxm_Right .box_colSideOrangeBig .withoutText .boxmodule_content,
.bxm_Right .curvebox .withoutText .boxmodule_content  {padding-top:0px; padding-bottom:10px;}


/* withoutContent _ (no image, no title, no text) */
.boxmodule .withoutContent div { display:none!important;}
.boxmodule .withoutContent { background-color:transparent !important; background:none!important; height:auto!important;}

/*__ Boxmodule Styles __*/

/*Mutual styles:*/
.boxmodule.box_colSideBlue .title_content, .boxmodule.box_colSideGreenBig .title_content, .boxmodule.box_colSideOrangeBig .title_content, .boxmodule.curvebox .title_content { width:auto; padding:5px 36px 5px 10px;}
.boxmodule.box_colSideBlue .text_content, .boxmodule.box_colSideGreenBig .text_content, .boxmodule.box_colSideOrangeBig .text_content, .boxmodule.curvebox .text_content { width:auto; padding:5px 10px 10px 10px;}

.boxmodule ul, .boxmodule li {list-style-position:inside; list-style-image: url(../images/listPoint.jpg);}

/* !!!Pink box!!! (box_colSideBlue): */
.boxmodule.box_colSideBlue .title, .boxmodule.box_colSideBlue .title a, .boxmodule.box_colSideBlue .title a:hover,
.boxmodule.box_colSideBlue .image a {color:#ec0c6e;}
.boxmodule.box_colSideBlue .image { background-color:#ec0c6e;}

/* !!!Green box!!! (box_colSideGreenBig): */
.boxmodule.box_colSideGreenBig .title, .boxmodule.box_colSideGreenBig .title a, .boxmodule.box_colSideGreenBig .title a:hover,
.boxmodule.box_colSideGreenBig .image a { color:#00a82b;}
.boxmodule.box_colSideGreenBig .image { background-color:#00a82b;}

/* !!!Orange box!!! (box_colSideOrangeBig): */
.boxmodule.box_colSideOrangeBig .title, .boxmodule.box_colSideOrangeBig .title a, .boxmodule.box_colSideOrangeBig .title a:hover,
.boxmodule.box_colSideOrangeBig .image a {color:#f9751f;}
.boxmodule.box_colSideOrangeBig .image { background-color:#f9751f;}

/* !!!Purple box !!! (curvebox): */

.boxmodule.curvebox .title, .boxmodule.curvebox .title a, .boxmodule.curvebox .title a:hover,
.boxmodule.curvebox  .image a {color:#ab45ab;}
.boxmodule.curvebox .image { background-color:#ab45ab;}


/*__ TWO column boxes (bxm_Startpage) __*/ 

.bxm_Startpage, .bxm_Startpage .t, .bxm_Startpage .b {width:310px;}
.bxm_Startpage .bxm_Startpage {width:100%;}
.bxm_Startpage.box_colSideBlue .image, .bxm_Startpage.box_colSideGreenBig .image, .bxm_Startpage.box_colSideOrangeBig .image, .bxm_Startpage.curvebox .image { width:290px; margin:0 10px;}

/*__ Leftside ONE column boxes (bxm_Left) __*/ 
.bxm_Left, .bxm_Left .t, .bxm_Left .b {width:260px;}
.bxm_Left .bxm_Left {width:100%;}
#leftside .box_colSideBlue .image, #leftside .box_colSideGreenBig .image, #leftside .box_colSideOrangeBig .image, #leftside .curvebox .image { width:240px; margin:0 10px;}


.bxm_Right, .bxm_Right .t, .bxm_Right .b {width:640px;}
.bxm_Right .bxm_Right {width:100%;}

.boxmodule.bxm_Right,
.boxmodule.bxm_Right .div
.boxmodule.bxm_Right .tl,
.boxmodule.bxm_Right .b,
.boxmodule.bxm_Right .box_colSideBlue .tl,
.boxmodule.bxm_Right .box_colSideGreenBig .tl,
.boxmodule.bxm_Right .box_colSideOrangeBig .tl,
.boxmodule.bxm_Right .curvebox .tl,
.boxmodule.bxm_Right .box_colSideBlue .r,
.boxmodule.bxm_Right .box_colSideGreenBig .r,
.boxmodule.bxm_Right .box_colSideOrangeBig .r,
.boxmodule.bxm_Right .curvebox .r { background-image:none;}

.boxmodule.bxm_Right .box_colSideBlue,
.boxmodule.bxm_Right .box_colSideGreenBig,
.boxmodule.bxm_Right .box_colSideOrangeBig,
.boxmodule.bxm_Right .curvebox { background-image:url(../images/bg_bxmRight.jpg); background-position:left bottom; background-repeat: no-repeat;}

.boxmodule.bxm_Right .box_colSideBlue .image,
.boxmodule.bxm_Right .box_colSideGreenBig .image,
.boxmodule.bxm_Right .box_colSideOrangeBig .image,
.boxmodule.bxm_Right .curvebox .image {width:620px; margin:0 10px;}


/**/


.boxmodule a.bannerLink {font-size:1.1em; font-weight:bold;}

.boxmodule a.bannerLink, .boxmodule a.bannerLink:hover {text-decoration:none;}

.boxmodule a.bannerLink, .boxmodule a.bannerLink span { width:100px; text-align:center;}

.boxmodule a.bannerLink, .boxmodule a.bannerLink span {height:35px; line-height:35px; white-space: nowrap; display:block;}
.boxmodule a.bannerLink span { float:left; clear:none;}

.boxmodule a.bannerLink a.bannerLink_content { position:relative;}
.boxmodule a.bannerLink .bnrLnk_cnt, .boxmodule a.bannerLink .bg {position:absolute; top:0; left:0; float:none; clear:both;}
.boxmodule a.bannerLink .bnrLnk_cnt { z-index:+1;}

.boxmodule .image { position:relative;}
.boxmodule .image a.bannerLink { position:absolute; right:0; bottom:0; z-index:+1;}

/*//////////////////////////////////////////////////////////////////
                              STARTPAGE
/////////////////////////////////////////////////////////////////*/
/*villaSearchBox*/
#villaSearchForm .button, #villaSearchForm .button:active, #villaSearchForm input.button { outline:none;}

#villaSearchForm .row, #villaSearchForm .col {float:left;}
#villaSearchForm .row {clear:both; width:100%; padding:0 0 5px 0;}
#villaSearchForm .col { clear:none; display:block; font-weight:normal;}


#villaSearchForm .row1 .col2,
#villaSearchForm .row1 .col2 select,
#villaSearchForm .row4 .col2,
#villaSearchForm .row4 .col2 select {width:153px;}


#villaSearchForm .row2 .col1,
#villaSearchForm .row2 .col3 {width:18px;}
#villaSearchForm .row2 .col1 input,
#villaSearchForm .row2 .col3 input {padding-left:0; padding-right:0; margin-left:0; margin-right:0;}


#villaSearchForm .row2 .col2,
#villaSearchForm .row2 .col4 { width:102px;}


#villaSearchForm .row1 .col1, 
#villaSearchForm .row1 .col1 label,
#villaSearchForm .row3 .col1,
#villaSearchForm .row3 .col1 label,
#villaSearchForm .row4 .col1,
#villaSearchForm .row4 .col1 label,
#villaSearchForm .row5 .col1,
#villaSearchForm .row5 .col1 label,
#villaSearchForm .row6 .col1,
#villaSearchForm .row6 .col1 label {width:83px;}


#villaSearchForm .row5 .col2,
#villaSearchForm .row5 .col2 select,
#villaSearchForm .row6 .col2,
#villaSearchForm .row6 .col2 select {width:45px;}

#villaSearchForm .row7 .col1 { width:100%; clear:both; padding-bottom:5px;}
#villaSearchForm .row7 .col2,
#villaSearchForm .row7 .col2 input {width:142px;} 
#villaSearchForm .row7 .col3 {width:95px;}
#villaSearchForm .row7 .col3 .button {float:right; display:block;}

/*specialOfferBox*/
#specialOfferBox, #specialOfferBox p, #specialOfferBox span { display:block; padding:0;}

#specialOfferBox {float:left; clear:both; width:640px;}
/*#specialOfferBox  {position: relative;}*/


/* newsletterBox*/
#newsletterBox {float:left; clear:both; width:100%; padding-left:0; padding-right:0;}
#newsletterBox .col2 input {padding-top:5px; padding-bottom:6px; margin-top:1px; display:block; float:left; margin-right:2px;}
#newsletterBox .col2 input.button2 { padding-top:0; padding-bottom:0; margin-top:0; margin-right:0px;}

#newsletterBox .hrBox_content {padding:10px; width:620px;}

#newsletterBox form { width:100%;}
#newsletterBox .col {float:left; clear:none;}
#newsletterBox .col { height:29px;}
#newsletterBox .col1 .infoTxt { display:block; float:left; line-height:29px; font-weight:bold;}
#newsletterBox .col1 { width:285px;}
#newsletterBox .col2 { width:235px;}
#newsletterBox .col3 { width:100px; text-align:center;}

#newsletterBox .col3, #newsletterBox .col3 a { font-size:9px; line-height:1.4;}
#newsletterBox a {font-weight:bold;}

/*Twitter box and beforeYouGo*/
#twitterNewsBox, #beforeYouGoBox { float:left; clear:none;}
#twitterNewsBox { width:400px;}

#beforeYouGoBox { width:260px;}
#content #beforeYouGoBox {width:225px;}

#beforeYouGoBox .title,
#beforeYouGoBox .text {padding:0; margin:0; width:100%;}

#beforeYouGoBox .text_content { width:100%; padding:0 0 5px 0;}


#beforeYouGoBox li a,
#beforeYouGoBox .title_content {width: 240px; padding-left:10px; padding-right:10px;}

#content #beforeYouGoBox li a,
#content #beforeYouGoBox .title_content {width: 205px; padding-left:10px; padding-right:10px;}

#beforeYouGoBox .title_content {padding-top:0; padding-bottom:0;}
#beforeYouGoBox .title_content h1,
#beforeYouGoBox .title_content h2,
#beforeYouGoBox .title_content h3 {display:block; padding-top:8px; padding-bottom:10px;}

#content #beforeYouGoBox li a span {}


#beforeYouGoBox ul, #beforeYouGoBox li {list-style:none; padding:0; margin:0; display:block; float:left; clear:both; width:100%;}

#beforeYouGoBox li a, #beforeYouGoBox li a span {display:block; float:left; clear:both;}
#beforeYouGoBox li a span { padding-top:5px; padding-bottom:5px; border-bottom:1px solid #3696CC; width:100%;}

#beforeYouGoBox li a, #beforeYouGoBox li a:hover {text-decoration:none;}
#beforeYouGoBox li a:hover, #beforeYouGoBox li a.active {color: #FFFFFF; background-color:#3696cc;}





/*/// News box ///*/
#newsBox {width:398px;}

ul.news, ul.news li {
	margin: 0px;
	padding: 0px;
	width:100%;
}

ul.news {
	list-style-type: none;
	margin-bottom:5px;
}

ul.news, ul.news li, ul.news .date, ul.news .title, ul.news .text {
	display:block;
	clear: both;
	float: left;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	
}

ul.news li {
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	
}

ul.news .date {font-size:0.9em;}
ul.news .title {font-weight:bold;}
ul.news .text {}

/**/


/*//////////////////////////////////////////////////////////////////
                          CATEGORY PAGE
/////////////////////////////////////////////////////////////////*/



/*//////////////////////////////////////////////////////////////////
                          DESTINATION PAGE
/////////////////////////////////////////////////////////////////*/

.destinationListingsWrap .destListItem .title h1,
.destinationListingsWrap .destListItem .title h2,
.destinationListingsWrap .destListItem .title h3 { padding:0; margin:0;}

.destinationListingsWrap .destListItem .title,
.destinationListingsWrap .destListItem .title a,
.destinationListingsWrap .destListItem .title strong,
.destinationListingsWrap .destListItem .title h1,
.destinationListingsWrap .destListItem .title h2,
.destinationListingsWrap .destListItem .title h3 {font-size:11px; font-weight:bold;}


.destinationListingsWrap .destListItem .text .txt, .destinationListingsWrap .destListItem .text .txt a {color:#ec0c6e;}
.destinationListingsWrap .destListItem .text .lnk, .destinationListingsWrap .destListItem .text .lnk a {color:#666666;}


.destinationListingsWrap .destListItem .text .lnk { padding:5px 0 0 0;}
.destinationListingsWrap .destListItem .image,
.destinationListingsWrap .destListItem .title,
.destinationListingsWrap .destListItem .text { float:left; clear:both; background-color:transparent;}


.destinationListingsWrap .destListItem .destListItemCol1 {width:110px;}
.destinationListingsWrap .destListItem .destListItemCol1 .image {padding:5px; width:100px;}
.destinationListingsWrap .destListItem .destListItemCol1 img {width:100%; height:auto;}

.destinationListingsWrap .destListItem .destListItemCol2 {width:208px; border-right: solid 2px #fff;}

.destinationListingsWrap .destListItem .destListItemCol1 .image,
.destinationListingsWrap .destListItem .destListItemCol2 .title {padding-top:5px;}

.destinationListingsWrap .destListItem .destListItemCol2 .title,
.destinationListingsWrap .destListItem .destListItemCol2 .text { widows:200px; padding-left:5px; padding-right:5px;}


.destinationListingsWrap .destListItem .destListItemCol1,
.destinationListingsWrap .destListItem .destListItemCol2 {background-image:url(../images/bg_d1gradient.jpg); background-repeat:repeat-x; background-position:left bottom;}

/*//////////////////////////////////////////////////////////////////
                             HOTEL PAGE
/////////////////////////////////////////////////////////////////*/
.pageheader .rating { display:block; padding-top:5px;}
#imageComponent .imageslider {/*display:none;*/}
#hotel .tabsmeu .morepics {display:none;}
/**/
#cntBxHotelAtributes, #cntBxHotelGallery, #userOptionsBox, #hotelCalendarWrap { float:left; clear:both; width:100%;}


#cntBxHotelAtributes .titleCol1, 
#cntBxHotelAtributes .titleCol1 a,
#cntBxHotelAtributes .titleCol1 h1, 
#cntBxHotelAtributes .titleCol1 h2,
#cntBxHotelAtributes .titleCol1 h3,
#cntBxHotelGallery .titleCol1, 
#cntBxHotelGallery .titleCol1 a,
#cntBxHotelGallery .titleCol1 h1, 
#cntBxHotelGallery .titleCol1 h2,
#cntBxHotelGallery .titleCol1 h3 {color:#FFFFFF;}


#cntBxHotelAtributes .title,
#cntBxHotelGallery .title { background-color:#007dc3;}

#cntBxHotelAtributes .contentBoxes_row2,
#cntBxHotelGallery .contentBoxes_row2 {padding:0 11px 11px 11px; width:618px;}



#cntBxHotelAtributes .text,
#cntBxHotelGallery .text {color:#8c8a8b;}

/*#cntBxHotelAtributes .text strong {color:#8c8a8b;}*/
#cntBxHotelGallery .text strong {color:#4d5255;}

#cntBxHotelAtributes .textRowSubmit .button4 {float:left; clear:none;}
#cntBxHotelAtributes .textRowSubmit .button5 {float:right; clear:none;}

#cntBxHotelAtributes .text .ttl, #cntBxHotelAtributes .text .ttl a,
#cntBxHotelAtributes .text .txt, #cntBxHotelAtributes .text .txt a,
#cntBxHotelGallery .text .ttl, #cntBxHotelGallery .text .ttl a,
#cntBxHotelGallery .text .txt, #cntBxHotelGallery .text .txt a {font-size:10px;}

#cntBxHotelAtributes .image { width:355px; padding-left:0; padding-right:6px; border-right: 1px solid #d3d4d5;}

#cntBxHotelAtributes .image .col,
#cntBxHotelGallery .image .col {width:175px; overflow:hidden;}
#cntBxHotelAtributes .image .col1 {margin-right:5px;}


/*View more pictures & watch video on you tube*/
#cntBxHotelAtributes .image .row3, #cntBxHotelAtributes .image .row3 a {font-weight:bold;}
#cntBxHotelAtributes .image .row3 a:hover { text-decoration:none;}

#cntBxHotelAtributes .image .row3,
#cntBxHotelAtributes .image .row3 span,
#cntBxHotelAtributes .image .row3 a {height:23px; line-height:23px; padding-top:0;}

#cntBxHotelAtributes .image .row3 span,
#cntBxHotelAtributes .image .row3 a { display:block; float:left; clear:none;}


#cntBxHotelAtributes .image .row {padding-bottom:5px;}

#cntBxHotelAtributes .image .row3 .col1 span { padding-left:5px;}
#cntBxHotelAtributes .image .row3 .col1 span.img { padding-left:0px;}

#cntBxHotelAtributes .image .row3 .col2 span { padding-right:5px;}
#cntBxHotelAtributes .image .row3 .col2 span.img { padding-right:0px;}

#cntBxHotelAtributes .image .row3 .col2 { text-align:right;}
#cntBxHotelAtributes .image .row3 .col2 a { float:right; width:auto;}

#cntBxHotelAtributes .iconListCol,
#cntBxHotelAtributes .textRowWrap {display:block; float:left;}
#cntBxHotelAtributes .iconListCol { clear:none;}
#cntBxHotelAtributes .textRowWrap { clear:both; width:100%;}


#cntBxHotelAtributes .iconListCol { display:block; float:left; clear:none;}
#cntBxHotelAtributes .iconListCol { padding:0 2px 0 0;}





#cntBxHotelAtributes .checkRentalPrice { display: block; height:23px; line-height:23px;}
#cntBxHotelAtributes .checkRentalPrice span {padding: 0 3px 0 0; display:block; float:left;}


#cntBxHotelAtributes .showonmap { display: block; height:25px; line-height:25px;}
#cntBxHotelAtributes .showonmap span {padding: 0 3px 0 0; display:block; float:left;}
#cntBxHotelAtributes .showonmap span.img {padding-top:7px;}


#cntBxHotelAtributes .showonmap:hover { text-decoration:none;}
#cntBxHotelAtributes .text { width:251px; padding-left:5px; padding-right:0;}
#cntBxHotelAtributes .text_content {width:100%; padding-left:0px; padding-right:0;}

/**/
#cntBxHotelGallery .image,
#cntBxHotelGallery .text,
#cntBxHotelGallery .text_content { padding-left:0; padding-right:0; width:100%;}

#cntBxHotelGallery  .image .row  { padding-bottom:5px;}
#cntBxHotelGallery  .image .col1,
#cntBxHotelGallery  .image .col2 { margin-right:46px;}



#cntBxHotelGallery  .text .col {padding-left:0; padding-right:0;}
#cntBxHotelGallery  .text .col1 {width:25%;}
#cntBxHotelGallery  .text .col2 {width:32%;}

#cntBxHotelGallery  .text .col3 {width:25%;}
#cntBxHotelGallery  .text .col4 {width:18%;}


#cntBxHotelGallery  .text .col, #cntBxHotelGallery  .text .col a, #cntBxHotelGallery  .text .col a span { height:24px; line-height:24px; display:block; float:left; clear:none;} 

#cntBxHotelGallery  .text a { font-weight:bold;}
#cntBxHotelGallery  .text .button { font-weight: normal;}
#cntBxHotelGallery  .text .col4 { text-align:right;}
#cntBxHotelGallery  .text .col4 .button {float:right;}
/**/
#userOptionsBox .col1 {width:170px;}
#userOptionsBox .col2 {width:140px;}
#userOptionsBox .col3 {width:330px; text-align:right;}

#userOptionsBox .col3 .addthis_toolbox { float:right;}


.hotel .listBox .rowTitle {width:624px; padding-left:8px; padding-right:8px;}
.hotel .listBox .rowText {width:630px; padding-left:5px; padding-right:5px;}

.hotel .listBox .rowContact .col1 { width:400px;}
.hotel .listBox .rowContact .col2 { width:115px;}
.hotel .listBox .rowContact .col3 { width:115px;}

.hotel .listBox td {padding:2px 0;}


/**/
.listBox .btnSubEnq {padding-top:5px; padding-bottom:5px; height:14px;}

.listBox .btnSubEnq, 
.listBox .btnSubEnq a, 
.listBox .btnSubEnq a span, 
.listBox .btnSubEnq a strong {line-height:15px; display:inline-block; color:#ec0c6e;} 

.btnSubEnq img, .btnSubEnq a, .btnSubEnq a span, .btnSubEnq a strong { float:left; display:block; }

/**/
#hotelCalendarWrap {}


/*//////////////////////////////////////////////////////////////////
                             OTHER PAGES
/////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////
                          ON MULTIPLE PAGES
/////////////////////////////////////////////////////////////////*/

/*__ ORDER STEPS __*/ 
.discountTextOnOrderPage {color:#EC0C6E;}

/*__ TABLE FORMATTING (tourlist1, tourlist2.., contact_iframe) __*/ 

.tourlist, .contact_iframe{}

.tourlist1 .col1, 
.tourlist1 .col3 {text-align: left;}
.tourlist1 .col2  {text-align: center;}
.tourlist1 .col4,
.tourlist1 .col5  {text-align: right;}

.tourlist2 .col1, 
.tourlist2 .col2 {text-align: left;}
.tourlist2 .col3  {text-align: right;}

.tourlist .tableheader td, .tourlist .tableheader td span {vertical-align:middle;}
.tourlist td span { padding-left:5px; padding-right:5px;}

/*
.tourlist .row span { padding-left:1px; padding-right:1px;}
.tourlist .col1 span {padding-left:5px;}
.tourlist1 .col4 span, .tourlist2 .col3 span {padding-right:5px;}
*/

/*__ BrochureIframe __*/
.IClistSearchText{}
.IClistSearchRadio{}


/*__ viewbook __*/
.viewbook #viewbookTravelizeLogo { display:none;}

/*__ Contact us __*/
#enquiry_croatianvillas table, #enquiry_croatianvillas tr, #enquiry_croatianvillas td {
vertical-align:top;
}

#enquiry_croatianvillas .formRowContent,
#enquiry_croatianvillas .rowSubmit{float:left; clear:both; width:100%;}

#enquiry_croatianvillas .rowSubmit {padding:15px 0 10px 0;}



#enquiry_croatianvillas .tableheader td {
padding:5px 8px;
width:624px;
}


#enquiry_croatianvillas .tableheader td h1,
#enquiry_croatianvillas .tableheader td h2,
#enquiry_croatianvillas .tableheader td h3 { margin:0; padding:0;}

#enquiry_croatianvillas .tableheader td,
#enquiry_croatianvillas .tableheader td a,
#enquiry_croatianvillas .tableheader td h1,
#enquiry_croatianvillas .tableheader td h2,
#enquiry_croatianvillas .tableheader td h3 {font-size:14px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}



#enquiry_croatianvillas {
clear:both;
float:left;
padding:0%;
width:100%;
}


#enquiry_croatianvillas .mainFormTable {width:100%; padding:0;}

#enquiry_croatianvillas .tableForm {width:410px; margin-left:auto; margin-right:auto; text-align:left;}


#enquiry_croatianvillas .colenq1 {
width:200px;
padding-right:5px;
}

#enquiry_croatianvillas .colenq2 {
/*text-align:right;*/
width:205px;
}

#enquiry_croatianvillas .colenq2 select, #enquiry_croatianvillas .colenq2 input, #enquiry_croatianvillas .colenq2 textarea {
width:180px;
}
#enquiry_croatianvillas .row17 .colenq2 {
/*padding-right:20px;*/
text-align:right;
width:auto;
}
#enquiry_croatianvillas .colenq1 {
font-weight:bold;
}
#enquiry_croatianvillas textarea#txtComments {
height:75px;
}
#enquiry_croatianvillas input.button {
width:auto;
}
#enquiry_croatianvillas td {
padding-bottom:4px;
padding-top:4px;
}

#enquiry_croatianvillas td.FormContent { 
padding-bottom:0px;
padding-top:0px;
}

#enquiry_croatianvillas .colenq2 input {
margin-bottom:2px;
}
#enquiry_croatianvillas .row3 td {
padding-top:15px;
}

#enquiry_croatianvillas .button4 { font-weight:bold; font-size:13px; float:right; clear:both;}
#enquiry_croatianvillas .button4 .btn_cnt { padding-left:11px; padding-right:5px;}


/*___ News Page ___*/

#newspage_container, #newspage_container { float:left; clear:both; width:100%; padding-left:0; padding-right:0;}
#newspage_main, #newspage_right { float:left; clear:none;}

#newspage_main {
width:480px; padding:0 10px 0 0;
}

#newspage_right { width:150px;}
#newspage_right .newspage_right_container {width:148px; border:1px solid #2C76BB; margin-bottom:10px; overflow:hidden;}
#newspage_right .newspage_right_container .image { width:138px; margin:5px; overflow:hidden;}

#newspage_container .headtitle {
background:#2C76BB none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:13px;
margin:0 auto;
padding-bottom:5px;
padding-left:5px;
padding-top:5px;
}


#newspage_container h1.articletitle, #newspage_container h2.articletitle, #newspage_container h3.articletitle {
font-size:18px;
line-height:normal;
margin:0 auto;
padding:5px 1px 5px 5px;
color:#2C76BB;
}

#newspage_container .articletext,
#newspage_container .articledate,
#newspage_container .articlefoot,
#newspage_container .guide_link,
#newspage_container .newslist {
padding:5px 1px 5px 5px;
margin:0 auto;
display:block;
}

#newspage_container .articlefoot {padding-bottom:10px;}
#newspage_container .guide_link {padding-top:0px;}
#newspage_container .newslist {list-style-type:none;}
#newspage_container .newslist li {padding-bottom:5px;}
#newspage_container .newslist li,
#newspage_container .newslist li a {line-height:1.4;}

/*#newspage_container .guide_link, #newspage_container .newslist {font-size:11px;}*/

/*___ Villa search result ___*/

/*filter*/
.filterBox .filterTitle,
.filterBox .filterText { float:left; clear:both;}
.filterBox .filterTitle {width:100%; padding-left:0; padding-right:0;}
.filterBox .filterText {width:98%;  padding-left:2%; padding-right:0;}

.filterBox hr { height:1px; border:none; background-color:#666666; color:#666666; width:240px; padding:0; float:left; clear:both; margin:10px 0;}
.filterBox .filterTitle { color:#ec0c6e;}
.filterBox .filterText { padding-bottom:15px;}

.filterBox .villSrchResl {float:left; clear:both; width:240px;}

.filterBox .villSrchResl_selection {width:240px;}
.filterBox .villSrchResl_selection .col1 {width:90px;}
.filterBox .villSrchResl_selection .col2 {width:5px;}
.filterBox .villSrchResl_selection .col3  {width:125px;}
.filterBox .villSrchResl_selection .col4 {width: auto;}

.filterBox .villSrchResl_selection .col { padding:0 0 2px 0;}

.filterBox .villSrchResl_selection .rowHeading { padding:0 0 5px 0;}
.filterBox .villSrchResl_selection .rowContent,
.filterBox .villSrchResl_selection .rowContent a,
.filterBox .villSrchResl_selection .rowContent table {font-size:10px;}
/**/

#wrap .filterBox .title, #wrap .filterBox .title h3 {font-size:16px;}


/*contentboxes*/


/*
.villaSearchReslut .contentBoxes,
.villaSearchReslut .contentBoxes .textCol1 .textRowWrap1 a,
.villaSearchReslut .contentBoxes .textCol1 .textRowWrap1 a:hover,
.villaSearchReslut .contentBoxes .textCol1 .textRowWrap1 a strong,
.villaSearchReslut .contentBoxes .textCol1 .textRowWrap1 a:hover strong,
.villaSearchReslut .contentBoxes .textCol2 .onRequest,
.villaSearchReslut .contentBoxes .textCol2 .onRequest:hover,
.villaSearchReslut .contentBoxes .textCol2 .onRequest strong,
.villaSearchReslut .contentBoxes .textCol2 .onRequest:hover  strong {color:#666666; /*#8c8d8e*/
/*
}
*/

.villaSearchReslut .contentBoxes a strong,
.villaSearchReslut .contentBoxes a:hover strong,
.villaSearchReslut .ttlNightsPrice { color:#007DC3;}

.contentBoxTheme2 .titleCol1,
.contentBoxTheme2 .titleCol1 a,
.contentBoxTheme2 .titleCol1 a:hover,
.contentBoxTheme2 .titleCol1 a strong,
.contentBoxTheme2 .titleCol1 a:hover strong {color:#FFFFFF;}


.villaSearchReslut .contentBoxes .button3 strong,
.villaSearchReslut .contentBoxes .button3:hover strong { color:#FFFFFF;}

.villaSearchReslut .price, .villaSearchReslut .price:hover {color:#ec0c6e;}
.villaSearchReslut .specialOffer, 
.villaSearchReslut .specialOffer strong, 
.villaSearchReslut .specialOffer a, 
.villaSearchReslut .specialOffer a:hover,
.villaSearchReslut .contentBoxes .specialOffer strong {color:#ec0c6e; background-color:#eff8fd;}



.contentBoxes .textCol2 {text-align:center;}
.contentBoxes .textCol1,
.contentBoxes .textCol1 a { font-size:10px;}

.contentBoxes .textCol2,
.contentBoxes .textCol2 a {font-size:11px;}
.contentBoxes .textCol2 .price {font-size:14px; font-weight:bold;}


.contentBoxes .text .textCol2 .textRowWrap {padding-bottom:10px;}
.contentBoxes .text .textCol2 .textRowSubmit,
.contentBoxes .text .textCol2 .textRowWrapX1,
.contentBoxes .text .textCol2 .textRowWrapX2 {padding-bottom:0px;}

/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           FUNCTIONS     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

/*__ NO SIDES __ (body class="no_sides")  */


/*//////////////////////////////////////////////////////////////////
/////////////       BOX (before boxmodule)        /////////////////
////////////        Component: getBanners.asp     /////////////////
/////////////////////////////////////////////////////////////////*/

.box, .box .title, .box .image, .box .text {overflow:hidden;}

.box {
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;	
}
.box {
border-width: 0px; 
border-style: none;}

.box .title {width: 100%; padding-left:0; padding-right:0;}
.box .image {width: 98%;}
.box .text {width: 100%; padding-left:0; padding-right:0; text-align:center;}
.box .text_content {width: 94%; margin-left:auto; margin-right:auto; text-align:left;}

.box .title,
.box .title h1,
.box .title a,  
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6{
line-height:1.4;
font-size: 1em;
text-decoration:none;
}

.box  .title {margin-bottom: 0px;}
.box .title_content { padding: 4px 0;}

.box .image {/*height: 110px;*/}
.box .text, .box .text_content {margin-top:0px;	margin-bottom:0px;}
.box .text { padding-top:5px; padding-bottom:7px;}

#leftside .box{ float:left; clear:both; padding-top: 0px;}


.box {width:308px;}

/* box1 - 4 */
.box1, .box2, .box3, .box4 {width:260px; padding-left:0; padding-right:0; border:none;}

.box1 .title_content, .box2 .title_content, .box3 .title_content {padding-top:8px; padding-bottom:10px;}

.box1 .title_content,
.box1 .text_content,
.box2 .title_content,
.box2 .text_content,
.box3 .title_content,
.box3 .text_content { width:240px; padding-left:10px; padding-right:10px; display:block; float:left; clear:both;}

.box1 .title, .box1 .title h1, .box1 .title h2, .box1 .title h3,
.box2 .title, .box2 .title h1, .box2 .title h2, .box2 .title h3,
.box3 .title, .box3 .title h1, .box3 .title h2, .box3 .title h3 {font-size:18px; font-weight:normal; line-height:1.3; text-align:left; background-color: transparent;}

/*hrBox*/

.hrBox, .hrBox .hrBox_content, .hrBox .tl, .hrBox .tr, .hrBox .br, .hrBox .bl  {float:left; clear:both; width:100%;}
.hrBox .hrBox_content {padding:10px 2%; width:96%;}

.hrBox {background-color:#ec0c6e;}
.hrBox2 {background-color:#007dc3;}
.hrBox, .hrBox a { color:#FFFFFF;}

/*startbanners*/
.startbanners {width:310px; padding-left:0; padding-right:0; border:none;}

.startbanners .image, .startbanners .image a, 
.startbanners .title, .startbanners .title_content, 
.startbanners .text, .startbanners .text_content {width:100%; padding-left:0; padding-right:0;}

.startbanners .image img, .startbanners .image {
height:110px;
}

.startbanners .title, 
.startbanners .title a, 
.startbanners .title h1, 
.startbanners .title h2, 
.startbanners .title h3, 
.startbanners .title h4, 
.startbanners .title h5, 
.startbanners .title h6 {background-color:transparent; background-image:none; color:#262727;}

.startbanners .title {padding-top:0; padding-bottom:0;}
.startbanners .title_content {padding-top:5px; padding-bottom:0;}

.startbanners .text {
height: auto;
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-bottom:0;
}

/*listBox*/
.listBox, .listBox .row {float:left; clear:both; width:100%;}
.listBox .rowTitle {background-color:#007dc3;}
.listBox .rowTitle, 
.listBox .rowTitle a, 
.listBox .rowTitle h1, 
.listBox .rowTitle h2, 
.listBox .rowTitle h3 {color:#FFFFFF;}

.listBox .rowTitle a, 
.listBox .rowTitle h1,
.listBox .rowTitle h2,
.listBox .rowTitle h3 { padding:0; margin:0; line-height:1.3;}

.listBox .rowText {background-color:#e9f6fe; color:#4d5255;}

.listBox .rowTitle {padding:5px 2%; width:96%;}
.listBox .rowText {padding:10px 1%; width:98%;}

.listBox .rowTitle h1, 
.listBox .rowTitle h2,  
.listBox .rowTitle h3 { padding:0; margin:0;}

.listBox .rowTitle, 
.listBox .rowTitle a,  
.listBox .rowTitle h1, 
.listBox .rowTitle h2,  
.listBox .rowTitle h3 {font-size:14px; font-weight:bold; text-transform:uppercase;}

/*/////////////////////////////////////////////////////////////////////////////////////////
///////////// ContentBoxes (also used on villa search results) ///////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/

.contentBoxes, .contentBoxes div {float:left;}
.contentBoxes, .contentBoxes_row, .contentBoxes .title  {clear:both;}
.contentBoxes .image, .contentBoxes .text {clear:none;}
.contentBoxes_row {width:100%;}

.contentBoxes .image {overflow:hidden;}

.contentBoxes {width:640px; border: none; padding:0px;}
.contentBoxes_content {width:100%; padding-left:0; padding-right:0;}

.contentBoxes_row1 {width:638px; padding-left:1px; padding-right:1px; margin-bottom:5px;}
.contentBoxes_row2 {width:629px; padding:0 0 11px 11px;}
.contentBoxes .image {width:180px; padding-left:0; padding-right:0; margin:0;}
.contentBoxes .text,
.contentBoxes .text_content {width:449px; padding-left:0; padding-right:0; margin:0;}

.contentBoxes .titleCol1 {width:489px; padding-left:5px; padding-right:5px;}
.contentBoxes .titleCol2 {width:135px; padding-left:2px; padding-right:2px;}

.contentBoxes .textCol2 {width:129px; padding-left:5px; padding-right:5px;}
.contentBoxes .textCol1 { width: 300px; padding-left:5px; padding-right:5px;}


.contentBoxes .title h1, 
.contentBoxes .title h2,
.contentBoxes .title h3 { padding:0; margin:0;}
.contentBoxes .title, 
.contentBoxes .title a, 
.contentBoxes .title a:hover, 
.contentBoxes .title h1, 
.contentBoxes .title h2,
.contentBoxes .title h3 {text-align:left; /*text-decoration:none;*/ line-height:1.3; font-size:14px; font-weight:bold;}

.contentBoxes .title .titleCol2, .contentBoxes .title .titleCol2 a, .contentBoxes .title .titleCol2 a:hover { font-weight:normal; font-size:10px;}

.titleCol { padding-top:5px; padding-bottom:5px;}
.titleCol2 { padding-top:8px; padding-bottom:7px;}
.titleCol1 { text-align:left;}
.titleCol2 { text-align:center;}

.contentBoxes .text p {padding:0px; margin:0;}
.contentBoxes .text p.textRowWrap { padding:0.2em 0;}

.contentBoxes .title {background-color:#eff8fd;}
.contentBoxes .title .titleCol2 {background-color:#d5ecfa;}

.contentBoxes .titleCol, .contentBoxes .textCol {float:left; clear:none;}

.code, 
.code a,  
.code strong, 
.code span,
.code:hover, 
.code a:hover, 
.code a:hover strong
{color:#262727 !important;}




.onRequest, 
.onRequest a,  
.onRequest strong, 
.onRequest span,
.onRequest:hover, 
.onRequest a:hover, 
.onRequest a:hover strong {color:#666666 !important;}


.contentBoxes .textCol2 { text-align:center;}

/*OTHER BOXES*/


/*////////////////////////////////////////////////////////////////////////////
/////////////       Map (google-map & mapIframe)   ///////////////////////////
////////////////////////////////////////////////////////////////////////////*/
.mapIframeBox{}

.googleMapPage, .mapIframe {float:left; clear:both; width:100%; padding-left:0; padding-right:0; border:none;}
.googleMapPage .col {float:left; clear:none;}
.googleMapPage .col2 { float:right;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////
////////  ALC SEARCHENGINE (/clientfiles/components/AALCsearchEngine.asp) ///////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////*/
#ALCsearchEngine {width:178px; padding-left:0; padding-right:0; float:left; clear:both;}

.search_reslut .hrline { display:none;} /*if .titles has a bgcolor*/


/*CSS3*/
.box {
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius: 1px;

}

.box, .button, .pagination input {
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius: 2px;

}

.button, .pagination input,
input#leftbut,
input#rightbut {
box-shadow: 1px 0px 4px #666666;
-moz-box-shadow: 1px 0px 4px #666666;
-webkit-box-shadow: 1px 0px 4px #666666;}

.button2, .button3, .button3b, .button4, .button5 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius: 0px;
}


h1, h2, h3, h4, h5, h6, .title,  .title a {
font-smooth: always;
-moz-font-smooth: always;
-webkit-font-smooth: always;
}

/************************************************************
from style.css
***********************************************************/

#specialOfferBox{position:relative;}
#specialOfferBox, #specialOfferBox .ui-tabs-panel, #specialOfferBox .ui-tabs-nav, #specialOfferBox .ui-tabs-nav-item {overflow:hidden;}

#specialOfferBox, 
#specialOfferBox ul.ui-tabs-nav,
#specialOfferBox .ui-tabs-panel,
#specialOfferBox .info {height:248px;}

#specialOfferBox ul.ui-tabs-nav,
#specialOfferBox .spOfBxCol2,
#specialOfferBox .info {width:445px;}

#specialOfferBox .spOfBxCol2 {text-align:center;}
#specialOfferBox .spOfBxCol2, #specialOfferBox .spOfBxCol2 span {cursor:pointer;}

#specialOfferBox .spOfBxCol2:hover, 
#specialOfferBox .ui-tabs-selected a, 
#specialOfferBox .ui-tabs-selected a:hover { color:#f5247f;}



#specialOfferBox {font-size:13px;}
#specialOfferBox .info {line-height:1.3;}
#specialOfferBox .info p, 
#specialOfferBox .info h1, 
#specialOfferBox .info h2, 
#specialOfferBox .info h3 { padding:0; margin:0;}


#specialOfferBox .info{ 
	position:absolute; 
	top:0px; left:0px; 
}

#specialOfferBox .info .bg,
#specialOfferBox .info .textOverImage {padding:15px 10px 5px 15px; overflow:hidden; left:0; bottom:0; position:absolute; }

#specialOfferBox .info .bg,
#specialOfferBox .info .textOverImage {height:95px; width:322px;}



#specialOfferBox .info .textOverImage{
   background: rgba(32, 82, 133, 0.52);
  /*background-color:#205285;*/

/*
   width:auto;
   height:auto;
   min-width:100px;
   max-width:410px;
   min-height:20px;
   max-height:228px;
*/
}

#specialOfferBox .info .bg { display:none;}


#specialOfferBox .info a.infoLink { float:right; text-align:right; font-size:10px; display:block; clear:both; width:100%; padding:5px 0;}


#specialOfferBox ul.ui-tabs-nav{
	position:absolute;
	top:0px;
	left:432px;
	list-style:none;
	padding:0;
	margin:0;
}
#specialOfferBox ul.ui-tabs-nav li{ 
	padding:0; 
	display:block;
	float:left;
	clear:both;
	width:100%;
}


#specialOfferBox ul.ui-tabs-nav li span{ 
}

#specialOfferBox .spOfBxCol2, #specialOfferBox .spOfBxCol2:hover {text-decoration:none; display:block;}

#specialOfferBox li.ui-tabs-nav-item a, #specialOfferBox li.ui-tabs-nav-item a span {height:62px; line-height:62px; overflow:hidden;}

#specialOfferBox li.ui-tabs-nav-item a span { display:block; clear:none; float:left;}
#specialOfferBox li.ui-tabs-nav-item a .lft, #specialOfferBox li.ui-tabs-nav-item a .rht {width:20px;} 
#specialOfferBox li.ui-tabs-nav-item a .cnt {width:155px; padding:0 0 0 13px;}


#specialOfferBox li.ui-tabs-nav-item a:hover{ 

}

#specialOfferBox ul.ui-tabs-nav li.ui-tabs-selected a{ 

}
#specialOfferBox .ui-tabs-panel{ 
	width:445px; 
	position:relative;
}


/*
#specialOfferBox li.ui-tabs-selected{ 
	background:url('../images/spImages/selected-item.gif') top left no-repeat; 
}


#specialOfferBox .ui-tabs-panel .info {background: url('../images/transparent-bg.png'); }

*/


#specialOfferBox .info h1,
#specialOfferBox .info h2,
#specialOfferBox .info h3{ 
	font-size:18px;
	padding:0 0 5px 0; margin:0;
	overflow:hidden; 
}



#specialOfferBox .info, 
#specialOfferBox .info a, 
#specialOfferBox .info a:hover, 
#specialOfferBox .info h1, 
#specialOfferBox .info h2, 
#specialOfferBox .info h3 { color:#FFFFFF;}

#specialOfferBox .info a,
#specialOfferBox .spOfBxCol2,
#specialOfferBox .spOfBxCol2 span {font-weight:bold;}

#specialOfferBox .ui-tabs-hide{ 
	display:none; 
}

#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:-1px;
	left:387px;
	list-style:none;
	padding:0;
	margin:0;
	width:263px;
	height: 250px;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:61px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}