@charset "utf-8";
body {
	background: #cce7f5 url(../img/bg.gif) top center repeat-y;
	margin:0; padding:0;
	text-align:center;
}

#wrapper {
	text-align:left;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}


#header { height: 160px; background: white; }
#headerpic {
	background: red url(../img/header-bg.jpg) top no-repeat;
	height: 128px;
}

#header ul { list-style-type:none; margin:0; padding:0; }
#header li { float:left; }
#header li.active a, #header li a:hover { color: yellow; }
#mainnavi { float: left;  width:703px; display:block; height:32px; background: url(../img/navi-bg.jpg) repeat-x; }

#mainnavinavi {
  padding-left: 145px;
}

#mainnavinavi a {
	text-decoration:none;
	font: normal 18px Arial, sans;
	color:white;
	margin: 0 10px 0 10px;
}

#mainnavi-right { float:right; width:194px; height:32px; background: #0086cb;
}
#mainnavi-right ul {
  margin-top: 5px; margin-left: 5px;
}

#mainnavi-right a {
text-decoration:none;
	font: normal 10px Arial, sans; color: #fffbe9;
	margin: 0 3px 0 3px;

}

#main { background: #fafdfe; overflow: hidden;  }
#mainmain {
	background: #fafdfe url(../img/main-bg.jpg) left top no-repeat ;
    float:left; padding: 10px;
	width:540px; overflow: hidden;
	font:normal 12px Arial, sans;
}
#mainmain li {
  margin-bottom: 10px;
  margin-left: 20px;
  list-style-image: url(../img/li.gif);
}

#left {
	float:left;
	width:140px;
	background:white;
}

#right {
	float:right;
	width:194px;
	background: #7dc1e4;
	background: #0087CB;	
	border-top: 1px solid white;
}



.rightcontent { 
	background: #AAD5E6;
	padding: 10px;
	color: black;
}

#rightnavi ul, #rightnavi li { list-style-type: none; margin: 0; padding: 0; }

#rightnavi li a {
  display: block;
/*  background: #CCE7F5; */
  padding:  3px;
  margin: 2px;
}
#rightnavi li a.active, #rightnavi li a:hover { font-weight: bold; color: yellow; }



#footer {
	clear:both;
	height: 90px;
	background:  url(../img/footer-bg.jpg) top no-repeat;
}
#shimgif {   float: left;}

#footernavi {
  float: right; width: 200px; margin-top: 30px;
}

#footernavi ul, #footernavi li {  margin: 0; padding: 0 ; list-style-type: none; float: left; }
#footernavi ul { margin-top:  30px; margin-left: 20px;

}

#footernavi a {
padding-left: 10px; color: white;
}


h1 { font:normal 24px Arial, sans; color:black; margin-bottom: 15px; }
	#right h1  { margin: 0px 0 5px  }
h2 { font:normal 18px Arial, sans; color:black; margin: 20px 0 10px; padding: 0px; }
	.trip-listing h2,
	.tx-asoffers-pi1 h2,
	.tripheader h2
	{ margin:0 ; }
	.trip-listing p { margin: 5px 0; padding:0; }
	
#right h1 { font:normal 18px Arial, sans; color:black; }
#right h2 { font:bold 15px Arial, sans; color:black; }
h3 { background: #aad5e6; padding: 5px; margin: 10px 0 5px; font:bold 12px Arial, sans; color:black; }

a:link, a:visited {  color:#0087CB; text-decoration: none;}
input, textarea, select { border: 1px solid gray; padding: 2px; }
fieldset { border: 1px solid #666666; padding: 5px; }
fieldset legend {   font-weight: bold; }


hr { clear: both; }
span.required {  color: red;}

#OrderButton {
  border: none;
  background: red url(../img/orderbutton.jpg) top no-repeat;
  width: 198px; height: 43px;
  font: bold 16px Arial, sans; color: white;
}


img {  border: none; }

/*=========== INLAYS ===================*/

.csc-textpic {
  clear: both;
  margin-bottom: 20px;
  padding: 5px 0;
}


.trip-listing-item {
  padding: 10px;
  border-bottom: 1px solid gray;
  margin: 5px 0px 5px 0;
  background: url(../img/travel-item-bg.jpg) bottom right no-repeat;
}

#left .tx-astrips-pi1 { margin-top: 25px; width: 130px; }
#left .tx-astrips-pi1 ul.listing, #left .tx-astrips-pi1 ul.listing li { margin:0; padding: 0; list-style-type: none; }
#left .tx-astrips-pi1 ul.listing li a {
  font:  italic 12px Arial, sans;
  display: block;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px dotted gray;
  color: #000;
  
  width: 105px;
}

.ui-tabs-nav {margin: 0 !important; padding:0 !important; }

/*=========== MAILFORM ===================*/
#mailform p {
  margin-top: 15px;
}


/*=========== ORDER ===================*/
.formtrimmer {
   width: 200px; float: left;
}

#dates a.active, #countries a.active, #dates a:hover, #countries a:hover {
  background: #7DC1E4;
}

#mailformformtype_mail,  .formbutton {
	background: url(../img/button-right.jpg) no-repeat;
	margin:0; padding:0;
	height:34px; width:119px;
	color:white; font-weight:bold;
	border:none;
}

#mainmain .formbutton, #mainmain #mailformformtype_mail {
	background: url(../img/button-middle.jpg) no-repeat !important;
}

.footerleft { width: 600px; float: left; margin: 50px 0 0 15px; }
.footerleft a { color: #000066; text-decoration: underline; }

.topthemes { margin: 5px 0 15px; padding: 5px 0; border: 1px dotted; border-width: 1px 0; width: 535px; float: left; }

.images { margin-top: 10px; }

.places, .subtitle { margin: 0 0 10px; }

span.action { color: #DE001A; }
strike { font-size: 16px; color: #666666; }

table.contenttable { border-collapse: collapse; border: 1px solid #AAD5E6; }
table.contenttable  td { padding: 5px; border: 1px dotted #AAD5E6; }

p.bodytext { margin: 10px 0 0; }


#right p { margin: 5px 0; }
#right ul li a { color: white; }



.csc-frame-indent3366 { width:255px; float: left; margin-right: 10px; height: 230px; background: url(../img/lastminuteframe.jpg) top no-repeat; padding: 30px 0 0 5px }
.csc-frame-indent3366 h3 { color: red; background: none; margin: 10px 0; }

.trip-listing-offes { height: 200px; overflow: auto; border-top: 2px solid #999999; border-bottom: 2px solid #999999; }
h2.tripitem { color: #D60018; }

dl.csc-textpic-image { margin: 0 0 20px 10px!important;   }
.csc-textpic-caption { font-size: 11px; }