/*-----------------------------------------------------------------------------
eurolonglets.com 
Default CSS
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

body {
	background: #cf9 url(../images/bg.gif) repeat-x fixed; margin:0; padding:0;
	
}

/* Put it back on certain elements */
h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: .5em 0;
}

h1 {
margin: .25em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

.sptError {
	font-weight:bold;
	color:#FF0000;
	}


/* Remove border around linked images */
img {
	border: 0;
}

/* Remove Bullets from ul */

ul {
	list-style: none;
}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 875px;
	margin: 0px auto 15px;
	background-color: #FFFFFF;
}

#inside-cont {
	width: 865px;
	margin: 0px auto;
}

#left-col {
	width: 235px;
	float: left; background-color: #66CC00;
}

#r-cols-cont {
	width: 625px;
	float: right;
	
}

#left-panel-head {
	width: 235px; background: #6c0 url(../images_new/green_top.gif) center top no-repeat; color:#fff; margin: 0; padding:0; border-bottom:1px solid #fff;}


#horiz-nav {
	background: url(../images_new/menubg.gif) center right no-repeat;
	width: 100%;
	border-bottom: 5px solid #FFF;
	height: 50px;
}

#container {
background: url(../images_new/page_bg.gif) center center repeat-y;
}

#home  #container {
	background: url(../images_new/page_bg_main_home.gif) center center repeat-y;
}


#france #container {
	background: url(../images_new/page_bg.gif) center center repeat-y;
}
/* =Accessibility
-----------------------------------------------------------------------------*/
#skip-nav {
	display: none;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 75%/1.6 Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#left-panel-head p {
	padding: 5px 10px 0 10px;
	font-weight: bold;
	line-height: 1.4em;
}

p { 
	margin: 0 10px 15px 0;
}

/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	color: #63659C;
	font-size: 160%;
	margin-top: 0;
	margin-bottom: 0;
}

h2 {
  color: #ff9900;
	font-size: 120%;
	margin: 0;
}

h3 {
	color: #63659C;
	font-size: 120%;
	margin-top: 0;
}

h4 {
	color: #63659C;
	font-size: 110%;
	margin-top: 0;
}

h5 {
	color: #63659C;
	font-size: 105%;
	margin-top: 0;
}

h6 {
	color: #63659C;
	font-size: 100%;
	margin-top: 0;
}


/* =Links
-----------------------------------------------------------------------------*/


a:link, a:visited {
	color:#142688;
}

a:hover, a:active, a:focus {
	color: #FF0000;
	text-decoration: none;
}

/* =Branding
-----------------------------------------------------------------------------*/
#brand {
	height: 137px;
	padding:10px 0px;
	
	background:url(../images/head_bg1.jpg) top right no-repeat #fff;
}

#logo {
	float: left;
	background-color: #FFF;
}

#top-image {
	float: right;
}

#topimage {
	float: right;
}

/* =Main Nav
-----------------------------------------------------------------------------*/

#top-nav-list {
	margin: 0;
	padding:0;
}

#top-nav-list li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

#top-nav-list a {
	display: block;
	text-decoration: none;
	padding: 8px 4px 6px 6px;
	color: #eee;
	line-height:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #FFF;
	background-image: url(../images_new/tab-off.gif);
}

#top-nav-list a:hover, #top-nav-list a:active, #top-nav-list a:focus {
	background-color: #005D98;
	background-image:  url(../images_new/tab-over.gif);
	color: #FFF;
	letter-spacing: .01px;
}

/* ------ the current page marker style ------ */

#top-nav-list .pageMark {
	color: #CE1818;
	background-color: #F9C512;
	background-image: url(../images_new/tab-on.gif);
}


#top-nav-list a:hover.pageMark, #top-nav-list a:active.pageMark, #top-nav-list a:focus.pageMark {
	background-color: #FFFFFF;
	background-image: url(../images_new/tab-on.gif);
	color: #fff;
	letter-spacing: .01px;
}



/* Top level menu width */

#top-nav-list li {
	float: left;
	width: 125px;
}

/****!! Sub Nav !!****/

#top-sub-nav-list {
	width: 588px;
	margin: 0 auto;
	padding:0;
	font-size: 130%;
}	

#top-sub-nav-list li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*background-color:#F7B600;*/
	text-align: center;
}

#top-sub-nav-list li.first_tab {
	/*border-left: 1px solid #FFF;*/
	margin-left: 15px;
}

#top-sub-nav-list a {
	display: block;
	text-decoration: none;
	padding: 8px 10px 3px 10px;
	color: #ffe1b3;
	line-height:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}

#top-sub-nav-list a:hover, #top-sub-nav-list a:active, #top-sub-nav-list a:focus {
	color: #fff;
	letter-spacing: .01px;
}

/* ------ the current page marker style ------ */

#top-sub-nav-list .pageMark {
	color: #fff;
}

#top-sub-nav-list  a.pageMark:hover, #top-sub-nav-list  a.pageMark:active,  #top-sub-nav-list  a.pageMark:focus {
	color: #fff;
}

/* second level menu width */

#top-sub-nav-list li {
	float: left;
	/*
	width: 77px;
	background-color: #F7B600;
	*/
}


/* =Sub Nav
-----------------------------------------------------------------------------*/

#lhs-nav {
	margin: 0;
	padding:0 0 0 5px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
}

#lhs-nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#lhs-nav a {
	display: block;
	text-decoration: none;
	padding: 4px 20px 4px 20px;
	background: #C8E5F5 url(../images_new/LHSnav_up.jpg) no-repeat 0 50%;
	color: #666;
	line-height:1.2;
	text-align: left;
}


#lhs-nav a:hover, #lhs-nav a:active, #lhs-nav a:focus {
	color: #003884;
	letter-spacing: .01px;	
	background: #C8E5F5 url(../images_new/LHSnav_over.jpg) no-repeat 0 50%;
}


/* =Main Content
-----------------------------------------------------------------------------*/
#content {
	/*background: #FFFFFF url(../images/contentbg.gif) top right repeat-y;*/
	}

#mid-col {
	width: 468px;
	float: right;
	padding:0;
}

#mid-col ol {
	margin: 0 0 0 20px;
}

#mid-col a, #mid-col a:link, #mid-col a:visited  {
	color:#142688;
}

#mid-col a:hover, #mid-col a:active {
	color: #FF0000;
	text-decoration: none;
}
/* =Secondary Content
-----------------------------------------------------------------------------*/
#right-col {
	width: 156px;
	float: right;
}

#right-col-content {
	width: 146px;
	margin: 0 auto;
}

.head-r-col {
text-align: center;
margin: 5px 0 0 5px;
font-weight: bold;
}

.head-r-col a, .head-r-col a:link, .head-r-col a:visited{
	color: #000;
	text-decoration: none;
	border-bottom: dashed 1px #666;

}

.head-r-col a:hover,  .head-r-col a:active{
	border-bottom: 1px solid  #E95D0E;
	color: #E95D0E;
}

.r-col-ul {

	}

.r-col-ul li {
	font-size: 90%;
	padding-left: 12px;
	background: url(../images_new/bullet.gif) no-repeat left top;
}

#newsfeature {background-color: #EAEAEA;padding: 5px 7px 10px 5px; font-size: 90%; border: 1px solid #CCCCCC;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	font-size: 90%;
	margin: 20px 0;
	padding: 0 0  10px 0;
	text-align:center;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {
margin: 0;
padding: 0;
}

.custombutton {padding:0;margin:0;border:none;background:none;cursor:pointer;}

.custombutton1 {padding:0;margin:4px 0 0 5px;border:none;background:none;cursor:pointer;}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

#findbox {
	width: 235px;
	/*background: #D6EBF7; */
	margin: 0 0 0 0;
	font-size: 80%;
	padding: 0;
/*	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;*/
}

#sf-selects {
	width: 220px;
	margin: 0 auto;
}

#sf-selects  select {
	margin-top: 5px;
	}
	
#findbox select {
	width: 220px;
	background: #fff; 
	color:#000;
	border: solid 1px #57ae00;
}

#findbox h2 {
	margin: 0.5em 0 0 0;
	color:#fff; text-align:center;
	}

#findbox label {font-size:12px; margin: 10px 0 10px 2px;}

/*#findbox input, checkbox {
	background: #EFEFEF; 
	margin-left: 5px; 
	color:#313094; 
}
#findbox input {
	background: #EF1111;
	color:#313094; 
}


.instructs {
	color:#313094; 
	margin-top: 5px; 
	margin-left: 5px; 
	margin-right: 5px; 
	font-size: 12px;
	font-weight: bold; 
	text-align: right; 
	line-height: 16px;
	}

*/

.searchimagediv {
	text-align: center;
	margin: 3px;
}


/* =Misc 2
-----------------------------------------------------------------------------*/

#miniMap {
	text-align:center;
	margin-top: 3px;
	}

/* =Main Site - New design 	
All styles from this point forward relate to the new page design on the main web site 
-----------------------------------------------------------------------------*/

#refSearchBox, #subLoginBox {
	margin: 0 auto;
	width: 145px;
	}

#refSearchBox label, #subLoginBox label {
	color:#fff;
	}	
	
#refSearchBox input.textbox, #subLoginBox input.textbox  {
	width: 130px;
	background: #fff; 
	color:#000;
	border: solid 1px #57ae00;
	font-size: 100%;
	margin: 0 0 0 7px;
	padding: 2px;
}

#hpLSBContent {
	width: 145px;
	margin: 5px auto 5px auto;
	color: #000066;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2em;
	}

.forgotPW {text-align:center; color}

#findbox a:link, #findbox a:active, #findbox a:visited  {
	color: #fff; border-bottom:1px dotted #fff;
}

#findbox a:hover, #findbox a:focus {
	color: #fff;
	text-decoration: none; border-bottom:1px solid #fff; 
}

#refSearchBox{
	margin: 20px auto 0 auto;
	border: 1px solid #fff;
	width: 170px
}


#subLoginForm { 
	margin: 20px auto 0 auto;
	border: 1px solid #fff;
	width: 170px
	}

/* Search Results Styles */

.resultsTable {
  /*background-color: #d7ffaf;*/
  background-color: #d7ffaf;
  
	/*border: 1px solid #003399;*/
  border: 1px solid #ff9900;
	width: 100%;
	margin: 5px auto;
	clear:both;
}

.resultsTable h2 {
	margin: 0;
  color: #3c0;
}
.resultsTable p {
	line-height: 1.25em;
	margin: 2px 0;
}
.resultsTable td {
	padding: 5px;
}

.bluetd {
	/*background-color: #e9db00;
  color: #000;*/
  vertical-align: bottom;
}

.bluetdR {
	/*background-color: #003884;
  color: #FFFFFF;*/ 
	text-align: right;
	vertical-align: bottom;
}


.resultsNav, .recordCount {
	text-align: center;
}

.resLeftNav {
	margin: 0 15px;
}
.resRightNav {
	margin: 0 15px;
}

.recordCount {
	font-size: 90%;
}

.resultsNav a:link, .resultsNav a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #003884;
	color: #003884;
}

.resultsNav a:hover, .resultsNav a:active {
	border-bottom: 1px solid #003884;
}

/* short list specific */

.emailOwnerDiv {
	text-align: right;
	background-color:#d7ffaf;
	padding: 3px 0;
	clear: both;	
}

#emailform {
	width:90%;
	margin: 0 auto;
  background-color: #d7ffaf;
	padding: 5px 10px;
}

#emailform p {
	margin: 2px 0;
	clear: both;
	}

#emailform fieldset {
	margin: 0.5em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

#emailform legend {
	font-weight: bold;
	}
	
#emailform label {	
	float: left;
	width: 10em;
	clear: both;
	}
#emailform input {
	width:200px;
	font-size: 10px;
	padding: 1px;
	}

#emailform select#amonth, #emailform select#dmonth   {
	width: 10em;
	margin-right: 0.5em;
	font-size: 10px;
	}
#emailform select#aday, #emailform select#dday   {
	width: 4em;
	margin-right: 0.5em;
	font-size: 10px;
	}
	
#emailform select#ayear, #emailform select#dyear   {
	width: 5em;
	margin-right: 0.5em;
	font-size: 10px;
	}
	
#emailform select#strictdates, #emailform select#currency, #emailform select#hearofus   {
	width: 12em;
	margin-right: 0.5em;
	font-size: 10px;
	}
	
#emailform .flexLabel	{
	width: 15em;
}

#emailform select#adults, #emailform select#kids   {
	width: 8em;
	margin-right: 0.5em;
	font-size: 10px;
	}
	
#emailform #extrasFS label {
	width: 20em;
}

#emailform fieldset #subscribe {
	width: 20px;
	margin-top: 2px;
}

#emailform .submitButtonP {
	text-align: right;
}

#emailform textarea {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 30em;
}

#emailform input:focus, #emailform textarea:focus {	
	background: #ffc;
}

/* Advertise 
----------- Left Col */
#advertLeftBox {
	width: 235px;
	/*background: #D6EBF7; */
	margin: 0 0 0 0;
	font-size: 80%;
	padding: 5px 0;
/*	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;*/
}

#advertLeftList {
	margin-top: 5px; 
	margin-left: 20px; 
	margin-right: 5px; 
	list-style-position: outside; 
	list-style-type: none; 
	list-style-image: url("../images/red-disc.gif");  
	color: #000000; 
	font-size: 115%; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
}

#advertLeftList li{
	margin-top: 5px;
	}
/*
----------- Main Col */

#advertCols {

}
#advertContentHolder {
	width: 590px;
	margin: -5px auto 0 auto;
}
#adverPromoText {
	text-align: center;
	color: #999999;
	font-weight:bold;
}
#advertMainImg {
	text-align: center;
}

#advertInsideRightCol {
	width:300px;
	float: right;
	background: #B1DFF3;
	padding: 5px 0 5px 3px;
}

#advertInsideRightCol h2, #advertInsideRightCol p {
	margin-left: 12px;
}

#advertInsideLeftCol {
	width:280px;
	float: right;
	padding: 5px 3px 5px 0;
}

#advertButton {
	text-align: right;
	margin-right: 10px;
}

/* Propert Details page 
------------------------------*/
#imageHolder {
	/*border: 1px solid red;*/
}

#pdContentHolder {

}

.pdH1 {
	margin-left: 10px;
}

.pdBluebxTop {
	background: url(../images_new/pdBlueBxTop.gif) center top no-repeat;
	height: 20px;
}
.pdBlueBox {
  background: #d7ffaf;
	padding: 1px 10px 10px 10px;
}

#pdHighlights { 
	width: 330px;
	}
	
#pdHighlights li {
	margin: 0 0 0 15px;
	list-style-image: url("../images/red-disc.gif");  
}

	
#pdUtilityButtons {
/*	width: 270px;
	float: right; */
	text-align:center;
	padding:  0;
}

#propInfo {
	clear: both;
}

#pdTableHolder {
	clear: both;
	
}

#pdTablesLcol {
	width: 370px;
	float: left;
}

#pdTablesRcol {
	width: 250px;
	float: right;
}

/*Tables*/

#pdTableHolder th {
	background-color: #6c0;
	color: #FFF;
	text-align: left;
	padding: 2px 5px;
}

#pdTableHolder td {
	padding: 2px 5px;
/*	border: 1px solid #000;
	background-color: #84CFEF;*/
}

#pdTableHolder tr {
background-color: #f7ffcf;
}

#tblPriceRange {
	width: 250px;
}

#tblTravelInfo {
	width: 250px;
}

#tblRegion {
	width: 250px;
}

#tblAccommodation {
	width: 370px;
}

#tblContact {
	width: 370px;
}

#pdTableHolder tr.odd {
	background-color: #d7ffaf;
}

#tblTravelInfo tr.odd, #tblPriceRange tr.odd {
  background-color: #d7ffaf;
}

#tblRegion tr.odd {
	background-color: #FFF;
}

.disclaimer {
	text-align: center;
	font-size: 90%;
	clear: both;
}
/* Registration Pages
-----------------------------*/
.entryTable {
	width:580px;
	margin: 0 auto;
	background-color: #ADDFF7;
	border-collapse: separate; 
	border-spacing: 0; 
}

.entryTable td {
	padding: 4px;
}

.entryTable td.yournames {
	padding: 4px 4px 0 4px;
}

.entryTable td.thisButton {
	text-align: right;
}

/* Links Page
-----------------------------*/

.linksLeftCol {
	width: 48%;
	float: left;

}

.linksRightCol {
	width: 48%;
	float: right;
}

.linksLeftCol ul, .linksRightCol ul, .accommCol ul {
	margin: 0 0 0 20px;

}

/* Disclaimer Page
-----------------------------*/
address {
	font-style: normal;
	margin: 0 0 0 30px;
}

/* Travel Page
-----------------------------*/

#airlineTable th, #ferryTable th {
text-align: left;
padding: 2px 0 2px 10px;

}

#airlineTable  {
background: #FFFFFF url(../images_new/tableBrushStrokes_sml.gif) no-repeat top left;
}

#airlineTable th {
	height:30px;
}

#ferryTable {
	background: #FFFFFF url(../images_new/tableBrushStrokes_lge.gif) no-repeat top left;
}


#ferryTable th {
	
	height:40px;
}

#airlineTable td, #ferryTable td {
text-align: left;
padding: 2px 10px;
border-top: 1px solid #000;
}
#ferryTable td {
	width: 20%;
}
.bottomRow {
	border-bottom: 1px solid #000;
}

.pinkCol {
	background-color: #FFDFC6;
}

#airlineTable {
	float: right;
	margin: 0 0 0 10px;
	width: 350px;
}

#airlineTable td.blueText {
	color: #000066;
}

#ferryTable {
	clear:both;
	width: 100%;
}

.hiLiteImage {
	margin-bottom: 10px;
}

.tableTip {
	margin-bottom: 0;
}

/*Tool Tips */
a.infoTT{
    position:relative; /*this is the key*/
    z-index:24;
	}

a.infoTT:hover{z-index:25;}

a.infoTT span{display: none}

a.infoTT:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0.25em; 
	left:8em; 
	width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
    text-align: left;
	padding: 5px;
	}
	
.othersitemaps {
	text-align: center;
	font-size: 80%;
	margin-top: 10px;
}

.imgFlRight {
	float: right;
	margin: 5px 5px 5px 5px;
	}
.imgFlLeft {
	float: left;
	margin: 5px 5px 5px 0;
	}
  
  
  
/* STYLING LIGHTBOX */
#lightboxThumbs img {
  background-color: #fff;
  width: 94px;
  height: 56px;
  border: 1px solid #6c0;
  padding: 2px;
}

#lightboxThumbs img:hover {
  background-color: #f90;
}