/*********************/
/* GENERAL 			 */
/*********************/
BODY {
	background-color: #99D9FF;
	background-image:url(../images/mare.jpg);
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 0.69em; /* 11 px 65.2% em */
}

BODY, P, TD, TH, INPUT, SELECT, TEXTAREA {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
}

TH {
	color: #000;
	vertical-align: top;
}

TD {
	vertical-align: top;
}


P {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

FORM, H1, H2, H3, H4 {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
}

UL, OL {
	margin: 5px 0px 5px 20px;
}

UL {
	list-style-type: square;
}

H1 {
	font-size: 1.65em;
	color: black;
	font-style: normal;
	font-weight: normal;
}

H2 {
	font-size: 1.1em;
	color: #018779;
	padding: 3px 2px 3px 0;
}

H3 {
	color: #F7941D;
	font-size: 1.1em;
}


INPUT {
	vertical-align: middle;
	margin: 0;
}

A {
	color: #0174a4;
}

A:hover {
	color: #0099CC;
	text-decoration: underline;
}

/***************************/
/* BUTTONS		  	   	   */
/***************************/

INPUT.def, A.def {
	background-color: #2179C5;
	border-color:  #154E80;
}

INPUT.btn, A.btn {
	background-color: #018779;
	border-color:  #014F4F;
}

/***************************/
/* MAIN LAYOUT	   	   	   */
/***************************/

#top {
	width: 100%;
	background-image:url(../images/bgtop.jpg);
	background-repeat:repeat-x;
}

#banner {
	text-align: center;
}

#logo {
	display: none;
	padding: 10px 10px 40px 10px;
}

#page {
	width: 990px;
	margin-bottom: 20px;
	padding-top: 15px;
}

#bottom {
	text-align: center;
	margin: 0px 0 5px 0;
	margin-left: auto;
	margin-right: auto;
}

/* 3 COLUMNS TABLE LAYOUT */
#left, #right {
	vertical-align: top;
	width: 160px;      /* per IE5.x e IE6 */
	min-width: 160px;
	overflow: visible;
}

#center {
	vertical-align: top;
}

#left .section, #right .section {
	 width: 100%;
	 overflow: visible;
}

#pagebg {
	border: solid 1px #00525f;
	background-color: #107dbf;
	padding: 4px;
}

#centerpage{
	background-color: #ffffff;
	border: 1px solid #0c6093;
}


#centercontent {
	min-height: 400px;
}

#body .section, #footer .section {
	padding: 10px 15px 15px 15px;
}

/***********************/
/*	USER    		   */
/***********************/

#header-bar {
	position: absolute;
	left:0;
	top: 0;
    padding-top: 3px;
	width: 100%;
	background-color: #4097cc;
	border-bottom: 8px solid #107dbf;
    box-shadow: 0 2px 5px rgba(0,0,0, 0.3);
}

#header-bar A.dropdown {
    height: 28px;
    color: #C4E9FF;
    border-right: 1px solid #3986b6;
    font-weight: bold;
    font-size: 12px;
}

#header-bar A.dropdown:hover {
    color: #FFF;
}

#header-bar A.dropdown .arrow {
    background-image: url(../../../images/dropwhite.gif);
}

#header-bar LI.shop-cart .icon {
    background-image: url(../../../images/cart-white.png);
}

#header-bar #account .icon {
    background-image: url(../../../images/profile-white.png);
}

#header-bar A.dropdown .title {
    font-size: 12px;
}

#userContent {
	width: 990px;
	margin: 0 auto;
}

#user {
    float: left;
}

#userLogged  {
	padding: 6px 20px 5px 10px;
	float: left;
	text-align: right;
	border-right: 1px solid #3986b6;
	color:#c0ddee;
}

#userCompany  {
	font-size: 10px;
	color: #A0DBFF;
}

#userLinks {
    float: left;
	font-family: Arial, sans-serif;
}

#userLinks ul {

}

#userLinks li a {
	font-size: 12px;
	padding: 10px;
	border-right: 1px solid #3986b6;
	vertical-align: middle;
    white-space: nowrap;
}

#userCartFull A {
	color: yellow;
}

#userCartFull A:hover {
	color: #FFAA00;
}



/*********************/
/* FLAGS/PAGE BTNS   */
/*********************/

#flags {
	text-align: right;
	float: right;
	padding: 8px 5px 3px 20px;
}

#flags IMG {
	border-color: #107FBF;
}

#flags IMG.selected {
	border-color: #004C7F;
}


/*********************/
/* TOP BAR MENU 	 */
/*********************/
#topbar {
	background-color: #0F6CA8;
	border-bottom: 1px solid #FFF;
}

#topbar .banner, #topbar .image {
	border-bottom: 15px solid #add3e9;
}

#topbar .menu {
	background-color: #F9ECBF;
}

#topbar .menu UL {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 20px;
}

#topbar .menu LI {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	background-color: #F9ECBF;
	border-right: 1px solid #AFA686;
	border-bottom: 1px solid #F9ECBF;
}

#topbar .menu A  {
	color: #000000;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	font-weight: bold;
	/*text-transform: uppercase;*/
	font-size: 11px;
	font-family: Arial;
	display: block;
}

#topbar .menu A:hover {
	color: #0C6084;
}

/*********************/
/* BOTTOM MENU 		 */
/*********************/
#bottom .menu UL {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
	text-align: center;
	clear: both;
}

#bottom .menu LI {
	list-style-type: circle;
	margin: 0px;
	padding: 0px;
	display: inline;
	white-space: normal;
	border-right: 1px solid #4C8CB3;
}

#bottom .menu A {
	white-space: nowrap;
	padding: 0 5px 0 5px;
	/*text-transform: uppercase;*/
	font-size: 9px;
	width: auto ! important;
	color: #89b6d4;
}

#bottom .menu A:hover {
	color: white;
}

#messages {
    margin-left: 10px;
    margin-right: 10px;
}
/****************/
/*   MODULES    */
/****************/

#left .module, #right .module {
	background-color: #107dbf;
	border: 1px solid #00525f;
	margin-bottom: 5px;
	padding: 4px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#cart .module {
	margin-bottom: 5px;
	padding: 4px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#left .module h2, #right .module h2 {
	margin: 0px;
	padding: 0 0 3px 2px;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #107dbf;
	color: white;
	width: auto;
}

#cart .module h2 {
	margin: 0px;
	padding: 0 0 3px 2px;
	text-transform: uppercase;
	font-size: 11px;
}


#centercontent .module{
	margin: 0px 0px 5px 0px;
}

#left .content, #right .content {
	padding: 3px;
	background-color: #FFFFFF;
}

#cart .content {
	padding: 3px;
}

/*********************/
/* MAIN BAR MENU     */
/*********************/

#left .menu li.level1, #right .menu li.level1 {
    display: block;
	background: #cdcdce url(../images/menubg.gif) repeat-x;
}

/* fix for browsers that don't need the hack */
html>body .menu li {border-bottom: none; }


#left .menu A, #right .menu A {
	display: block;
	text-decoration: none;
	padding: 4px 2px 4px 10px;
}

#left .menu A.level1 , #right .menu A.level1 {
	padding: 5px 2px 5px 20px;
	font-weight: bold;
	margin: 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #959595;
	background: url(../images/menuv1.gif) no-repeat 3px center;
	color: black;
}

#left .menu .selected A, #right .menu .selected A {
	color: #0568BA;
}

#left .menu A.level1:hover , #right .menu A.level1:hover {
	color: #0568BA;
}

#left .menu ul A.level2, #right .menu ul A.level2 {
	padding: 3px 0px 3px 22px;
	border-bottom: 1px solid #d7d7d7;
	background: #FFF url(../images/menuv2.gif) no-repeat 7px center;
}

#left .menu A.level2:hover , #right .menu A.level2:hover{
	color: #E0F2FF ;
	background-color: #0568BA;
}


/*********************/
/* NEWS              */
/*********************/

#left .news TD, #right .news TD{
	font-size: 10px;
}


/*********************/
/* SURVEY            */
/*********************/
.survey .question {
	padding-top: 5px;
	background-color: #DDD;
	border-bottom: 1px solid #AAA;
}

.survey .answer {
	padding: 3px;
	font-size: 10px;
	border-bottom: 1px solid #ABDEFA;
}

/*********************/
/* NAVIGATION 		 */
/*********************/
#navBar {
	background-color: #FAFAFA;
	border-bottom: 1px solid #EAEAEA;
}

#nav {
	padding: 2px 5px 2px 0;
}

#nav .section {
	padding: 4px 10px 4px 15px;
	color: #666666;

}

#nav A {
	font-weight: bold;
	padding: 4px 8px 4px 14px;
	text-decoration: none;
	color: #444444;
	background: url(../images/navbullet.gif) no-repeat left center;
}

#nav A:hover {
	color: #2E6492;
}

H1 {
	padding: 5px 15px 5px 15px;
	color: black;
	font-size: 18px;
	font-family: Arial;
}

/***********************/
/*	PAGE BTNS		   */
/***********************/
#btnsBar {
	float: right;
    padding: 6px 5px;
}

#btnsBar A {
	color: #000;
}

#btnsBar A:hover {
	color: #2E6492;
}

#sharebtns {
	white-space: nowrap;
	padding-top: 3px;
	vertical-align: top;
	float: left;
}

#pagebtns {
	float: left;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}

#pagebtns A {
	text-decoration: none;
	padding: 4px 8px 4px 24px;
	margin-right: 3px;
	font-weight: bold;
	border: 1px solid #CCC;
	background-position: 5px center;
	background-color: #FFF;
	border-radius: 3px;
	font-size: 9px;
	color: #555;
}

#pagebtns A:hover {
	background-color: #EEE;
	border-color: #AAA;
}

/*********************/
/* TOMENU 			 */
/*********************/
#topmenu {
	background: url(../images/tabmid.gif) repeat-x;
	border-top: 1px solid white;
	border-bottom: 5px solid #c8e1f0;
	margin-bottom: 5px;
}

#topmenu .menu {
	font-family: Arial, sans-serif;
	/* Since we aren't floating li in this example we don't have to set a height on the div */
}
#topmenu .menu ul {
	text-align: left; /* We are using text-align: center on ul to horisontally align our menu */
	margin: 0 0 10px 0; /* Just some margin to align the blue border below the menu */
	padding: 0;
    white-space: nowrap;
}

#topmenu .menu li {
	display: inline; /* The menu is horizontally aligned using display: inline */
	margin: 0;
	padding-bottom: 10px;
}


#topmenu .menu li a {
	padding: 15px 0 5px 10px;
	*padding: 0 0 0 10px; /* IE 6 and 7 */
	color: #107dbf;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background:  url(../images/tableft.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
}

#topmenu .menu li a span {
	padding: 15px 10px 5px 0;
	background: url(../images/tabright.gif) no-repeat right top; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */
}

#topmenu .menu li a:hover {
	color: #09486F;
}

#topmenu .menu LI.selected A {
	color: black;
	text-transform: uppercase;
}

/****************************/
/* COPYBAR					*/
/****************************/
#copybar {
	margin-top: 5px;
	padding: 15px;
    border: solid 1px #0c6194;
	color: #5697c2;
	background: #0F6CA8 url(../images/logowater.gif) no-repeat 10px center ;
	padding-left: 170px;
}

#copybar a {
	color: #89b6d4;
}

#copybar a:hover{
	color: #ffffff;
}

#payments{
	background: url(../images/pays.gif) no-repeat right center;
	padding-right: 210px;
	height: 30px;
}

#contact {
	background: url(../images/phone.gif) no-repeat right center;
	padding-right: 200px;
	margin-right: 10px;
	color: #073957;
}

#contact TD {
	font-size: 10px;
}

#contact a {
	color: #073957;
}

#contact a:hover{
	color: #ffffff;
}

/********************************/
/* PERSONALIZATIONS				*/
/********************************/

#center h2 {
	padding: 20px 3px 6px 3px;
}

#center .dialog {
	padding: 3px;
}

#section-flights #left, #section-flights #right {
    display: none;
}

/***********************************/
/* HONEYMOON                       */
/***********************************/

.honey-date {
    background-color: #0174a4;
    color: white;
}
.honey-list A:hover {
    border-color: #0174a4;
}
.honey-title {
    color: #0174a4;
    font-size: 13px;
}
.honey-spouses {
    color: grey;
    font-size: 16px;
}
.honey-spouses .husband{
    display: block;
}