﻿
/* ***************************************************************************************************
* html
*************************************************************************************************** */

body 
{
	margin:0px;
	padding:0px;
	
	background-color:#6DAB24;
}

a img { border:none; }

/* ***************************************************************************************************
* top header
*************************************************************************************************** */

div#divTopHeader
{
	background-color:#598228;
	border-bottom:1px dotted #354E17;
	
	padding:2px 0px;
	
	font-family:Arial;
	font-size:11px;
}

div#divTopHeader div#divTopHeaderContent { text-align:right; }
div#divTopHeader ul li a { color:#95D843; padding:0px 6px; }
div#divTopHeader ul li a:hover { color:#E4F5CF; }
div#divTopHeader ul li span { color:#D6FF97; }

/* ***************************************************************************************************
* logo
*************************************************************************************************** */

div#divLogo 
{
	position:absolute;
	width:500px;
	height:10px;
	right:50%;
}

/* ***************************************************************************************************
* header
*************************************************************************************************** */

div.cssDivWelcomeUser
{
	padding:3px;
	margin:0px;
	position:absolute;
	width:400px;
	
	height:30px;
	left:50%;
	margin-left:220px;

	font-family:Arial, Helvetica;
	font-size:12px;
	line-height:20px;
	color:white;
}

div.cssDivWelcomeUser a {color:White;}

div#divNomadersEmail
{
	position:absolute;
	text-align:right;
	width:490px;
	left:50%;
	margin-left:0px;
	top:40px;
}

div.divFcbkConnect
{
	padding:0px;
	margin:0px;
	position:absolute;
	width:211px;
	
	height:25px;
	left:50%;
	margin-left:270px;
	background-position:left top;
	background-repeat:no-repeat;
	
	text-align:center;
	font-family:Arial, Helvetica;
	font-size:11px;
	line-height:20px;
	color:#FFFFFF;
}

div.divBtFcbkConnect
{
	padding:0px;
	margin:0px;
	position:absolute;
	width:211px;
	
	height:25px;
	left:20%;
	margin-left:270px;
	background-position:left top;
	background-repeat:no-repeat;
	
	text-align:center;
	font-family:Arial, Helvetica;
	font-size:11px;
	line-height:20px;
	color:#FFFFFF;
}

div#divProfileHeader 
{ 
	padding-top:75px;	
	padding-top:1px;
	
	text-align:right;
	height:18px;
	overflow:hidden;
	min-width:995px; /min-width:991px; 
}

div#divProfileHeader ul li a
{
	font-family:arial, Helvetica;
	font-weight:bold;	
	font-size:12px;
	
	border-left:1px solid #F9F8F2;
	border-right:1px solid #F9F8F2;
	border-top:1px solid #F9F8F2;
	color:#F9F8F2;
	text-decoration:none;
	
	padding-left:4px;
	padding-right:4px;
	margin-left:3px;
	margin-right:3px;
}

div#divProfileHeader ul li a:hover
{
	background-color:#F9F8F2;
	color:#6dab24;
}

div#divHeader 
{
	background-color:#F9F8F2;
}

div#divHeader div#divHeaderContentNavMenu { background-color:#F9F8F2; }

div#divHeader ul
{
	margin-left:150px;
}

/* ***************************************************************************************************
* container
*************************************************************************************************** */

div#divContainer { background-color:#F9F8F2; /* padding-top:1px; */  }
div#divContainer div#divContainerContent { background-color:#F9F8F2; padding-top:10px;}

div#divMessageContent 
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

div#divMessageContent div.cssDivRight
{
	border-top:1px dotted #6DAB24;
	margin-top:20px;
	padding-top:20px;
}

div#divMessageContent div.cssDivRight
{
	border-top:1px dotted #6DAB24;
	margin-top:20px;
	padding-top:20px;
	text-align:right;
}

div#divMessageContent label 
{
	font-family:Arial;
	font-size:12px;
	float:left;
	width:100px;
	position:relative;
	top:2px;
}

div#divMessageContent input
{
	height:15px;
}

div#divMessageContent input.cssGreenButton { height:20px; }
div#divMessageContent input.cssACTextBox { width:250px; }
div#divMessageContent ul li { font-family:Arial; font-size:12px; }
div#divMessageContent img { position:relative; top:6px; /top:1px; }

h1#cssH1Hello 
{ 
	padding-top:0px;
	margin:0px;
	text-align:center; 
}

h1#cssH1Hello span 
{ 
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica; 
	font-size:55px;
	font-weight:normal;
	color:#FF6BFF;
}

div#divCSearch { float:left; width:255px; padding-left:5px; overflow:hidden; }

div#divCProducts
{ 
	width:520px; 
	float:left; 
}

div#divCProducts div.cssDivDescription { padding-left:20px; padding-right:20px; margin-bottom:10px; margin-top:10px; }

div#divCProducts div.cssDivDescription span 
{ 
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica; 
	font-size:16px;
	color:#999999;
}

div#divCProducts div#divMainHotels
{
	background-image:url(../images/Container-Main-Products-BG.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	
	_height:550px;
	_overflow:hidden;
}

div#divCProducts div#divMainHotels img { float:left; _float:none; /* position:relative; top:-30px; */ }
div#divCProducts div#divMainHotels h2 { margin:20px 0px 10px 0px;  }
div#divCProducts div#divMainHotels h2 span 
{ 
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica; 
	font-size:24px;
	color:#6DAB24;
	font-weight:normal;
}

div#divCProducts div#divMainHotels ul { /margin:15px; }
div#divCProducts div#divMainHotels ul li 
{
	margin:0px; padding:0px;
	
	list-style-image:url(../images/Star.jpg); 
	list-style-position:outside;
	
	/padding-left:15px;
}

div#divCProducts div#divMainHotels ul li a 
{ 
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica; 
	font-size:16px;
	color:#658CF8;
	
	position:relative;
	top:-6px; top/:-8px;
	
	line-height:30px;
}

div#divCProducts div#divMainHotels ul li a:hover{ color:#9FD04B; }

div#divCProducts div#divMainHotels div.cssDivMainRight
{
	width:210px;
	font-size:11px;
	color:#56BD19;
}

div#divCProducts div#divMainHotels div.cssDivMainLeft
{
	width:265px;
	padding-left:10px;
	margin-right:30px;
	border-right:1px dotted #B3D28B;
}

div#divCProducts div#divMainHotels div.cssDivMainTop
{
	position:relative; top:40px;
	
	_float:right;
	_top:-300px;
	_height:240px;
}

div#divCProducts div#divMainHotels div.cssDivMainBottom
{
	position:relative; top:-40px;
	_top:-275px;
}

div#divCProducts div#divSecondHotels .cssDivCenter
{
	border-left:1px dotted #B3D28B;
	border-right:1px dotted #B3D28B;
	
	width:156px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
}

div#divCProducts div#divSecondHotels .cssDivSide 
{
	width:156px;
}

div#divCProducts div#divSecondHotels h3 
{
	height:30px;
}

div#divCProducts div#divSecondHotels span.cssSpanPriceFrom
{
	display:block;
	width:100%;
	text-align:right;
	
	font-family:Arial, Helvetica;
	font-size:12px;
	color:#999999;
}

div#divCProducts div#divSecondHotels h3 
{
	margin:0px;
}

div#divCProducts div#divSecondHotels h3 span 
{
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#6dab24;
}

div#divCProducts div#divSecondHotels ul.cssUlLast{ margin-bottom:0px; }

div#divCProducts div#divSecondHotels ul
{
	list-style-type:none;
	padding:0px;
	margin-left:0px;

	margin-top:10px;	
	margin-bottom:20px;
}

div#divCProducts div#divSecondHotels ul li
{
	/padding:0px; margin:0px;
	
	display:block;
	clear:both;
	height:11px;
	_height:8px;
	padding-top:5px;
	padding-bottom:5px;
}

div#divCProducts div#divSecondHotels ul li:hover { background-image:url(../images/BgSecondProducts.jpg); background-repeat:repeat-x;  }

div#divCProducts div#divSecondHotels ul li a
{
	font-family:arial, Helvetica;
	font-size:11px; font-size:12px;
	cursor:pointer;
}

div#divCProducts div#divSecondHotels ul li a span.cssSpanLeft{ float:left; text-decoration:underline; color:#999999; }
div#divCProducts div#divSecondHotels ul li a span.cssSpanRight{ float:right; text-decoration:underline; color:#56BD19; }

div#divCProducts div#divSecondHotels ul li a:hover span.cssSpanLeft{ color:#6dab24; }
div#divCProducts div#divSecondHotels ul li a:hover span.cssSpanRight{ color:#6dab24; }

div#divLinkList { width:189px; width:164px; float:left; margin-left:25px; }
div#divLinkList h2.h2LinkListHigh { /margin-top:120px; _margin-top:115px; }
/*
div#divLinkList h2 span 
{ 
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica; 
	font-size:14px;  
	color:#6DAB24;
	font-weight:normal;
}
*/

/* ***************************************************************************************************
* footer
*************************************************************************************************** */

div#divFooter 
{ 
	background-image:url(../images/Footer-Background.jpg); 
	background-position:top; 
	background-repeat:repeat-x; 
	
	padding-top:180px;
	padding-right:0px;
	min-width:995px; 
}

div#divFooter div#divFooterContent { font-family:Verdana; font-size:9px; font-weight:bold; }
div#divFooter div#divFooterContent ul { margin-bottom:20px; }
div#divFooter div#divFooterContent h3 span
{
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica;
	font-size:18px;
	color:#F9F8F3;
	font-weight:normal;
}

div#divFooter div#divFooterContent div#divFCUs{ color:#7CC128; padding-left:25px; padding-right:15px; }
div#divFooter div#divFooterContent div#divFCUs h3
{ 
	float:left; 
	margin:0px 5px; 
	width:120px; 
	text-align:right; text-align:left;
	line-height:25px; 
	margin-bottom:20px; 
}

div#divFooter ul li a { padding:0px 3px; }

div#divFooter div#divFooterContent div#divFCUs ul li a { line-height:25px; color:#D6FF97; }
div#divFooter div#divFooterContent div#divFCUs ul li a:hover { color:#8ED638; }

div#divFooter div#divFooterContent .divSEO{ color:#7CC128; padding-left:25px; padding-right:15px; }
div#divFooter div#divFooterContent .divSEO h3
{ 
	float:left; 
	margin:0px 5px; 
	width:120px; 
	text-align:right; text-align:left;
	line-height:25px; 
	margin-bottom:20px; 
}

div#divFooter div#divFooterContent .divSEO ul li a { line-height:25px; color:#D6FF97; }
div#divFooter div#divFooterContent .divSEO ul li a:hover { color:#8ED638; }

div#divFooter div#divFooterContent div.divFCSeoL { min-height:200px; color:#A0DC58; line-height:15px; padding-left:25px; padding-right:15px; }

div#divFooter div#divFooterContent div.cssDivLinks h3 a
{
	font-family: Arial Narrow,Helvetica Narrow,Arial,Helvetica;
	font-size: 18px;
	color: #f9f8f3;
	font-weight: normal;
	text-transform:none;
}

div#divFooter div#divFooterContent div.cssDivLinks a { color:#A0DC58; text-transform:uppercase; }
div#divFooter div#divFooterContent div.cssDivLinks a:hover { color:#D9FFBF; }
div#divFooter div#divFooterContent div.cssDivColumn { width:227px; margin-right:10px; margin-left:10px; }

div#divFooter div#divFooterContent div#divFCL { clear:both; padding-left:25px; padding-right:15px; }
div#divFooter div#divFooterContent div#divFCL img { display:block; margin-bottom:20px; }

div#divFooter div#divFooterContent div#divRSS ul { list-style-type:none; padding:0px; /margin-left:0px; }
div#divFooter div#divFooterContent div#divRSS ul li { margin-bottom:20px; }
div#divFooter div#divFooterContent div#divRSS ul li a { color:#666600; }
div#divFooter div#divFooterContent div#divRSS ul li a:hover{ color:#93D04B; }
div#divFooter div#divFooterContent div#divRSS ul li a.cssAImage { width:110px; display:block; float:left; margin-right:10px; text-align:right;  }

div#divFooter div#divFooterContent div#divFCL { color:#8ED638; }
div#divFooter div#divFooterContent div#divFCL ul li a{ color:#D9FFBF; }


div#divFooter div#divTawteLogo { height:26px; float:left; margin-right:1px; }
div#divFooter div#divTawteLogo img { height:26px; }

div.cssDivFooterSeparator
{
	background-image:url(../images/Footer-Separator-Divs.jpg);
	background-repeat:repeat-x;
	background-position:top;
	
	margin:0px 0px 20px 0px;
	padding:10px 0px 0px 0px;
}


div.divLogosEntities { margin-bottom:10px; }
div.divLogosEntities img.left { border: 1px solid #F9f8f2; float:left; }
div.divLogosEntities a.right { float:right; }

div.clear { clear:both; }

/* ***************************************************************************************************
* clases
*************************************************************************************************** */

div.cssDivContent 
{
	width:991px;
	padding:0px 2px 2px 2px;
	margin-left:auto;
	margin-right:auto; 
}

div.cssDivColumn { float:left; }

div#divTagBody 
{ 
	padding-left:25px;
	padding-right:15px;
	width:751px; 
	overflow:hidden; 
}

div#divTagBody div.cssDivText
{	
	background-image:url(../images/tagBodySeparator.gif); 
	background-position:left top; 
	background-repeat:repeat-y; 
	
	/margin-bottom:20px;
	_height:200px;
}

div#divTagBody div.cssDivTagText { width:503px; padding-right:20px; }

div#divTagBody div.cssRHotels { width:208px; padding-left:20px; }

div#divTagBody div#divTagLocDes { margin-bottom:35px; padding-bottom:15px; border-bottom:1px dotted #6dab24; border-bottom:1px dotted #D1ECAA; }

div.cssDivHighLight 
{ 
	clear:both; 
	margin-bottom:20px; 
	margin-bottom:0px; 
}
div.cssDivHighLight p.pCommonSmall { text-align:justify; line-height:16px; }
div.cssDivHighLight hr.cssHrClear { }
div.cssDivHighLight a.aImage { width:50px; }
div.cssDivHighLight a.aBlue { display:block; line-height:18px; margin-bottom:5px; }
div.cssDivHighLight  div.cssDivRight
{
	overflow:hidden;
	height:33px;
}

div.cssDiv3Columns
{ 
	padding-left:15px;
	background-image:url(../images/tagGeoBg.gif); 
	background-repeat:repeat-y; 
	_height:200px;
}

div.cssDiv3Columns div { width:230px; margin-right:20px; }

div.cssDivHighLight p { margin:0px; }

ul.cssULHorizontal { margin:0px; padding:0px; }
ul.cssULHorizontal li{ display:inline; }

hr.cssHrClear { clear:both; visibility:hidden; }

ul.cssULLinkList { /margin:15px;  }
ul.cssULLinkList li
{
	margin:0px; padding:0px;
	
	list-style-image:url(../images/BulletAuthorsTrip.jpg); 
	list-style-position:outside;
	
	/padding-left:25px;
}

ul.cssULLinkList li a
{
	font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica;
	color:#6DAB24;
	font-size:15px;
	
	position:relative;
	top:-8px; top/:-10px;
	
	line-height:30px;
}

ul.cssULLinkList li a:hover
{
	color:#658CF8;
}

div.cssDivHotelFilters 
{
	width:188px;
	overflow:hidden;
	margin-right:5px;
}

div.cssDivHotelFilters h2 
{ 
	text-align:right; 
	
	background-image:url(../images/bg-hotel-filters.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:15px;
	
	font-family:Arial,Helvetica;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-transform:lowercase;
	margin:0px;
}

div.cssDivHotelFilters h2 hr { margin:0px; }

div.cssDivHotelFilters h3 { text-transform:capitalize; }

div.cssDivHotelFilters div.divFiltersBody
{
	background-image:url(../images/bg-hotel-filters.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 15px 5px 15px;
}

div.cssDivHotelFilters div.divFiltersBody div.cssDivFSection 
{
	margin-bottom:10px;
	
	font-family:arial;
	font-size:11px;
}

div.cssDivHotelFilters div.divFiltersBody div.cssDivFSection h3 { margin-bottom:5px; }
div.cssDivHotelFilters div.divFiltersBody input[type=text] { width:151px; padding:2px; }
div.cssDivHotelFilters div.divFiltersBody input[type=button] { /padding-left:0px; /padding-right:0px; }
div.cssDivHotelFilters div.divFiltersBody select { width:157px; height:18px; margin-bottom:5px; }

div.divCHotelResults { width:526px; padding-left:5px; padding-right:2px; overflow:hidden; }

div.divCHotelResults div.cssDivOrange h2 { background-image:url(../images/bg-hotel-warning.jpg); }
div.divCHotelResults div.cssDivGreen h2 { background-image:url(../images/bg-hotel-sumary-search.jpg); }

div.divCHotelResults div.cssDivOrange p { background-image:url(../images/bg-hotel-warning.jpg); color:#FF9900; }
div.divCHotelResults div.cssDivGreen p {  background-image:url(../images/bg-hotel-sumary-search.jpg); color:#6dab24;  }

div.divCHotelResults div.cssDivHeaderTDElement { background-image:url(../images/bg-tab-elements-detail-header.jpg); }
div.divCHotelResults div.cssDivBodyTDElement { background-image:url(../images/bg-tab-elements-detail-body.jpg); }
div.divCHotelResults div.cssDivFooterTDElement { background-image:url(../images/bg-tab-elements-detail-footer.jpg); }

/* New for performance of catalog */

.h-body table {width:100%;}

.h-body table td{vertical-align:top;}

.h-body table td:first-child{width:20%;}
.h-body table td.last-col
{
	border-left: dotted 1px silver; 
	text-align: center; 
	width: 50px;
	font-weight: bold; 
	font-size: 12px;
    color: #6bad24;
    vertical-align:middle;	
}

.h-item
{
    margin-bottom:20px;
    color:Black;        
    background-color:#F9F8F2;
}

.h-item a
{
    color:#6BAD24;
    text-decoration:underline;
    font-family:Arial, Helvetica;
    padding-left:5px;
}	

.h-head
{
	background-image:url("../images/bgHeaderElements.jpg");
    background-position:left bottom;
    background-repeat:no-repeat;
    min-height:20px;
    padding-bottom:10px;        
}

.h-head h2
{
	font-size:12px;
	margin-bottom:5px;
}

.h-body
{
	background-image:url("../images/bgBodyElements.jpg");
    background-position:left top;
    background-repeat:repeat-y;
    padding:5px 15px;
}
	
.h-foot
{
	background-image:url("../images/bgFooterElements.jpg");
    background-position:left top;
    background-repeat:repeat-y;
    height:40px;
    text-align:center;
}

.side-list
{
	list-style-type:none;
	padding-left:3px;
	margin-left:3px;
}

.side-list li{margin-bottom:5px;}

.side-list a{color:#6bad24;}
