/* THIS CODES ARE FOR THE MAIN BODY OF THE PAGE */

/* Copyright Protected:This style sheet is protected by copyright c 2003-2007 www.spainbookers.com all rights reserved */


/***StartDefaultStyles***/
body {
     font-family: Arial, Helvetica, sans-serif; /*this governs the settings for the page, but will be superceded by a specific class or subclass for a tag - example in the nav section*/
	font-size: medium; /* 11px relative to 16px */
 /* 16px relative to 11px */
     text-align: left;
     color: #000000;
     background-color: #FFFFFF;
     margin-left: 0px;
     margin-top: 0px;
}

h1 { /* This setting is applied in the main header of the page */ 

      font-size: 1.6364em; /* 18px relative to 10px */
	 line-height: 1em; 
	 color: #000000;
}

h2 { /* This is the header for each article on the page */ /* "Non-Graphic Header" */
	font-size: 1.2727em; /* 14px relative to 11px */
	line-height: 1.1429em; /* 16px relative to 14px */
	color: #000000;
}

h3 { /* "Body Text Header" */
     font-size: 1.2727em; /* 14px relative to 10px */
	line-height: 1.1429em; /* 16px relative to 14px */
	text-transform: uppercase;
     color: #000000;
}

h4 {
	font-size: 1em; /* 11px relative to 11px */
	line-height: 1.4545em; /* 16px relative to 11px */
}

h5 {
	font-size: 1.0909em; /* 12px relative to 10px */
     line-height: 1.0em; /* 12px relative to 12px */
}

hr {
     color: #ffffff;/* dotted line to seperate one article from another*/
     border-top: 1px dashed #330066;
	margin: 20px 0px 20px 0px;
     width: 100%;
     height: 2 px;
	
}

input,
select,
textarea {
     font-size: 1em; /* 11px relative to 11px */
     font-family: Arial,
     Helvetica,
     sans-serif;
}

input[type="button"],
input[type="submit"],
input[type="reset"],a.button{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.4545em;
	margin: 0;
	padding: 0;
	cursor: pointer;
	white-space: nowrap;
	color: white;
	background: #33CC33;
	border: 2px #33CC33 solid;
	background-image: url("/image-files/gradient-background.png");
	background-position: 0 70%;
	background-repeat: repeat-x;
}


.bodysmall { /* apply this style to make the text smaller than the default text */
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
}

.bodysmallBold { /* apply this style to make the text smaller than the default text and in bold style*/
     font-family: Arial, Helvetica, sans-serif;
     font-size: small;
     font-weight: bold;
}

.copyright { /* text for the copyright */
      font-family: Arial, Helvetica, sans-serif;


}

.specialOffer{ /*text for the special offer*/
	font-weight: bold;
	font-style: normal;
	color: #F60;
}

.specialOfferAmount{
	font-size: 1.7em;
	font-weight: normal;
	color: #F60;
}

.specialOfferAcronym{
	line-height: 1.7272em;
	font-size: 0.5em;
	color: #F60;
}

a:link {
     text-decoration: underline; /*the other parameters will default to the standard colours and inherit the page font sizes WHICH MEANS that if you have a link within a paragraph that has its own different font size allocated, then you'll have to create a specific css class for the link to make it match the font size - examples are down in the nav section*/
}

a:visited { /* automatically applied on links. if the link is visited the link will be in purple color except for the nav section or menu */
     text-decoration: #551A8B;
}

a:hover { /* putting the cursor above the link will have an underline effect, you'll notice this on the nav menu since other links are already underlined as default specifically on the body section of the page*/
      text-decoration: underline;
}

a:active {
     text-decoration: none;

}



.thumborder { /* the background color for the table containg the thumbnails on the photo album main pages */
     background-color: #425164;
}

.blueitalic { /* for the part ofheadings that are in large blue italics! */
     color: #21698D;
     font-family: Arial, Helvetica, sans-serif;
     font-size: large;
     font-style: italic;
     font-weight: bold;
}

.boldred { /* text style is bold and color is red. Applied specifically to the metro line text - Red Line, L7 */
       color: #CC1F23;
       font-weight: bold;
}

.redtext { /* applies the color red in texts, used specifically on tip sections */
       color: #CC1F23;
}


.boldgreen { /* text style is bold and color is green. Applied specifically to the metro line text - Green Line, L3 */
      color: #006600;
      font-weight: bold;
}

.boldorange {
     color: #CC6600;
     font-weight: bold;
}


.boldblue { /* text style is bold and color is Blue. Applied specifically to the metro line text - Blue Line, L1 */
     color: #003048;
     font-weight: bold;
}

.boldbluehotel { /* text style is bold and color is Blue. Applied specifically to the metro line text - Blue Line, L1 */
     color: #0000FF;
     font-weight: bold;
}

.boldgrey {
     color:#666666;
     font-weight: bold;
}

.bolddarkblue { /* text style is bold and color is dark blue. applied specifically to the metro line text. - Dark Blue Line, L6. */
      color:#003048;
      font-weight: bold;
}

.bolddarkbluesmall {
     color:#003048;
     font-weight: bold;
}

.boldlightblue { /* text style is bold and color is ligh blue. Applied specifically to the metro line text - Light Blue Line, L5 */
     color:#33ccff;
     font-weight: bold;
}

.boldbrown { /* text style is bold and color is brown. applied specifically to the metro line text - Brown Line, L7 */
      color:#996600;
      font-weight: bold;
}


.boldbluesmall {
     color: #003048;
     font-size: x-small;
     font-weight: bold;
}

.boldpurple { /* text style is bold and color is purple. applied specifically to the metro line text - Purple Line, L2 */
     color: #720072;
     font-weight: bold;
}


.boldyellow { /* text style is bold and color is yellow. Applied specifically to the metro line text - Yellow Line, L4 */
     color: #FFCC00;
     font-weight: bold;
}

.boldpink { /* text style is bold and color is pink. applied specifically to the metro line text - Pink Line, L8 */
     color:#FF66CC;
     font-weight: bold;
}

.boldwhite { /* text style is bold and color is white */
      color: #FFFFFF;
      font-weight: bold;
}

.white { /* text color is white */
     color: #FFFFFF;
}

.whitemenu { /* text color is white */
      color: #FFFFFF;
      font-size:12px;
}


.picborder { /* applied to pictures, creates a border for the pictures*/
      border: 1px groove;
      margin: 5px;
      border-color: 256485 256485 256485 256485;
}

.mappicborder { /* applied to pictures, creates a border for the pictures*/
      border: 1px groove;
      margin: 0px;
      border-color: 256485 256485 256485 256485;
}

.picbordersmall { /* same as picborder. the difference is the margin */
      border: 1px groove;
      margin: 1px;
      border-color: 256485 256485 256485 256485;
}

td.maincontent { /*The main content ofpage sits in one cell. This class, applied to that cell ensures left and right "margins" from adjoining cells */
     padding-right: 5px;
     padding-left: 5px;
}

.boxtitle { /*for the title text in the small boxes or text that describe a picture or image. Also applied on text at the SSI footer */
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #21698d;
}

.boxtitle a:hover { /* applied usually on the SSI footer of the page */
      color: #21698d;
      text-decoration: underline;
}

.boxtitle a:link {
     color: #21698d;
     text-decoration: none;
}

.boxtitle a:visited {
     color: #21698d;
     text-decoration: none;
}

.boxtitle a:active {
     color: #21698d;
     text-decoration: underline;
}

.boxtitle a:hover {
     color: #21698d;
     text-decoration: underline;
}

.boxtext {/*for the inside text in the small boxes */
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      color: #21698d;
}

.whitebold {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #FFFFFF;
}
.whitebold2 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: bold;
     color: #FFFFFF;
}

.linkswhite {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: underline;
}

/*Right Column*/
td.rightcol{ bgcolor: #FFFFFF; }


/*Navigation Panel*/

.langs {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     align: centre;
}


td.nav, td.nav1 { /*this sets the background colour for the menu cells and ensuresblack headings are the same font and size as the links; note that the BLACK text colour is inherited from the BODY settings. */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: small;
      font-style: normal;
      background-color: #3795C5;
}

.nav a {	/* "regular" nav links*/
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-weight: normal;
     color:#FFFFFF;
}

.nav a:hover {
     color: #FFFFFF;
     text-decoration: underline;
}

.nav a:link {
     color: #FFFFFF;
     text-decoration: none;}

.nav a:visited {
     color: #FFFFFF;
     text-decoration: none;
}

.nav a:active {
     color: #FFFFFF;
     text-decoration: none;
}

.nav a:hover {
     color: #FFFFFF;
     text-decoration: underline;
}

.nav1 a { /*bolder nav links*/
      font-size: 13px;
      font-weight: bold;
      color: #FFFFFF;
}

.nav1 a:hover {
     color: #FFFFFF;
     text-decoration: underline;
}

.nav1 a:link {
     color: #FFFFFF; text-decoration: none;
}

.nav1 a:visited {
     color: #FFFFFF;
     text-decoration: none;
}

.nav1 a:active {
     color: #FFFFFF;
     text-decoration: none;
}


.nav1 a:hover {
     color: #FFFFFF;
     text-decoration: underline;
}

.nav2 a { /* copyright.*/
      font-size: 9px;
      font-weight: normal;
      color:#FFFFFF;
}

.nav2 a:hover {
     color: #FFFFFF;
     text-decoration: underline;
}

.table
{
     border-right: silver thin double;
     border-top: silver thin double;
     border-left: silver thin double;
     border-bottom: silver thin double;
     padding-left: 5px;
     padding-bottom: 5px;
     padding-top: 5px;
     padding-right: 5px;
     margin: 1px;
     color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     background-color: #83BDDB;
}

.gobutton { /* this is the style for the search button on the header */
     color:#ffffff;
     font-weight:bold;
     border-width: 2px;
     border-color:#85bddf;
     background-color:#85bdde;
     cursor:pointer; /* change the cursor to a pointing hand when on top of button */
}

.redbutton { /* this is the style for the search button on the booking form */
	font-weight:bold;
	border: 3px solid #990000;
	background-color:#FF0000;
	cursor:pointer; /* change the cursor to a pointing hand when on top of button */ 
}
	
.bookingtable th{ /*This is the style for the hotel search table header*/
	border: 1px solid #ffccff; 
	background-color: #330066;
	color: #FFFFFF;
	font: bold medium;
}

.bookingtable td{ /*This is the normal style in the hotel search table*/
	border:1px solid #ffccff;
	background-color:#ffccff;
	padding: 4px 2px;
	font-size: medium;
}

.hoteltable {
     border:1px solid;
     border-color:#cfe1eb;
}

.hoteltable th{ /*This is the style for the hotel list table header*/
	border:1px solid #e3c7ff;
	background-color:#330066;
	color:#FFFFFF;
	font-size:small;
}

.hoteltable td{ /*This is the normal style in the hotel list table*/
	border:1px solid #e3c7ff;
	padding: 4px 2px;
	font-size:medium;
}

/*BOOKING button styles*/

.buttoncss {
     border-style: outset;
     border-color: #336600;
     border-width: 2px;
     background-color: #00CC33;
     padding: 1px 4px;
     color: #FFFFFF;
     text-decoration: none;
     font: bold smaller Arial, Helvetica, sans-serif;
}

.buttoncss:visited {
     border-style: outset;
     border-color: #336600;
     border-width: 2px;
     background-color: #00CC33;
     padding: 1px 4px;
     color: #FFFFFF;
     text-decoration: none;
     font: bold smaller Arial, Helvetica, sans-serif;
}

.buttoncss:hover {
     border-style: inset;
     color: #FFFFFF;
     border-color: #bde6f3;
     background-color:#00FF00;
     text-decoration:none;
     padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.buttoncss:active {
}

/*DE BUTTON*/

a.bookbutton-de {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-de1.gif);
     border-style:none;
     text-decoration:none;
     padding: 10px 83px 1px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}


a.bookbutton-de:hover {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-de2.gif);
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton-de:visited {
}

a.bookbutton-de:active {
}

a.sponsoredbutton-de {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-de1.gif);
     border-style:none;
     text-decoration:none;
     padding: 0px 108px 0px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

a.sponsoredbutton-de:hover {
     background-color: transparent;
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-de2.gif);
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

/*EN BUTTON*/

a.bookbutton {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-en1.gif);
     border-style:none;
     text-decoration:none;
     padding: 10px 70px 1px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton:hover {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-en2.gif);
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton:visited {
}

a.bookbutton:active {
}

a.sponsoredbutton {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-en1.gif);
     border-style:none;
     text-decoration:none;
     padding: 0px 85px 0px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

a.sponsoredbutton:hover {
     background-color: transparent;
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-en2.gif);
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

/*FR BUTTON*/

a.bookbutton-fr {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-fr1.gif);
     border-style:none;
     text-decoration:none;
     padding: 10px 75px 1px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton-fr:hover {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-fr2.gif);
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton-fr:visited {
}

a.bookbutton-fr:active {
}

a.sponsoredbutton-fr {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-fr1.gif);
     border-style:none;
     text-decoration:none;
     padding: 0px 88px 0px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

a.sponsoredbutton-fr:hover {
     background-color: transparent;
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-fr2.gif);
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

/*IT BUTTON*/

a.bookbutton-it {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-it1.gif);
     border-style:none;
     text-decoration:none;
     padding: 10px 88px 1px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton-it:hover {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-it2.gif);
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton-it:visited {
}

a.bookbutton-it:active {
}

a.sponsoredbutton-it {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-it1.gif);
     border-style:none;
     text-decoration:none;
     padding: 0px 108px 0px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

a.sponsoredbutton-it:hover {
     background-color: transparent;
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-it2.gif);
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

/*SP BUTTON*/

a.bookbutton-sp {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-sp1.gif);
     border-style:none;
     text-decoration:none;
     padding: 10px 88px 1px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton-sp:hover {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/book-sp2.gif);
     background-repeat: no-repeat;
     width: 84px;
     height: 27px;
}

a.bookbutton-sp:visited {
}

a.bookbutton-sp:active {
}

a.sponsoredbutton-sp {
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-sp1.gif);
     border-style:none;
     text-decoration:none;
     padding: 0px 111px 0px 20px; /* down right up left*/
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}

a.sponsoredbutton-sp:hover {
     background-color: transparent;
     background-image: url(http://www.barcelona-tourist-guide.com/images/icon/book/sponsored-sp2.gif);
     background-repeat: no-repeat;
     width: 100px;
     height: 16px;
}


.nav a{
	color: white; 
	text-decoration: none;
	text-align: center;
}

.nav a:hover{
	color: #cc00000; 
	text-decoration: underline;
}

/* End of Styles for the left menu*/

.iconborder { /* same as picborder. the difference is the margin */
     border-color:#000000;
     border-width: 1px;
}

.nlfield {
     background-color: rgb(255, 255, 160);
     color:#000000;
     font-size:13px;
}

.signup { /*this sets the background colour for the menu cells and ensuresblack headings are the same font and size as the links; note that the BLACK text colour is inherited from the BODY settings. */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-style: normal;
      border:1px solid;
      border-color:#666666;
      color:#FFFFFF;
      margin-top: 5px;
}

.tablecontact {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal;
     font-size: 13px;
     border:1px solid;
     border-color:#cfe1eb;
     background-color: #3795c5;
     color:#ffffff;
     font-weight:bold;
}

td.tablecontact {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-style: normal;
     background-color: #3795c5;
     border-color:#cfe1eb;
}

.tablecontacthead {
     font-size:medium;
}


/***EndDefaultStyles***/


/***StartCSSStyles900px***/
.container900px { /***This is the main wrapper for the main layout for the en-template-css-900px.dwt DW template file.***/
	
	width: 900px;
	background: url(/images/img/frames/ian-templ/leftimagebg.gif) repeat-y;
	overflow: hidden;
	margin: 0 auto;
}



.header { /***This is the wrapper for the header section.***/
	height: 87px;
	position: relative;

}

.header .topThickLine { /***This is the thick line found at the top of the header.***/
	background: #84BDDA;
	float: left;
	clear: both;
	height: 2px;
	width: 100%;
	overflow: hidden;
}

.header .topThinLine { /***This is the thin line found at the top of the header.***/
	background: #216C8C;
	float: left;
	clear: both;
	height: 2px;
	width: 100%;
	overflow: hidden;
}

.logo { /***This is the wrapper for the header's logo.***/
	float: left;
	height: 87px;
	width: 900px;
	
	background-repeat: no-repeat;
}

.header .gSearch .gSearchFields /* */ { /***This is the wrapper for the header's GSearch form fields.***/
	float: left;
	margin: 15px 15px 15px 30px;
	background: #21698D;
}

.header .gSearch .gSearchFields form { /***This is the CSS rules for the <form> tag in the header GSearch. ***/
	margin: 2px 2px 3px 2px;
	padding: 0px 0px;
	background: #21698D;

}

.header .gSearch .gSearchFields form input { /***This is the CSS rules for the font size of the <input> tag in the header GSearch. ***/
	font-size: 13px;
}



.header .bottomThinLine { /***This is the thin line found at the bottom of the header. ***/
	background: #216C8C;
	float: left;
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
}






/**StartENMainContent900px**/

.mainContent900px { /***This is the wrapper for the mainBody of the en-template-css-gsearch.dwt file. ***/
	float: left;
	width: 722px;
	padding: 0px 15px 10px 15px;
	position: relative;
	border: 1px solid #251037;
	margin: 27px 0px 0px 8px;
	
}

.mainContentOffers900px { /***This is the wrapper for the mainBody of the en-template-css-gsearch.dwt file. ***/
	float: left;
	width: 722px;
	position: relative;
	margin: 27px 0px 0px 8px;
	
}


/**StartDefaultATagStyles**/

.mainContent900px a{
	color: #000000;
}

.mainContent900px a:link{
	color: #000000;
}

.mainContent900px a:visited{
	color: #000000;
}

.mainContent900px a:hover{
	color: #000000;
}

.mainContent900px a:active{
	color: #000000;
}


/**EndDefaultATagStyles**/


.mainContent900px ul {
	list-style:square;
}

/**StartLanguageLinks**/
.mainContent900px .langLinks{ /**langLinks div container**/
	float: right;
	text-align:right;
	margin: 10px 0px 5px 0px;
}



/**StartLanguageLinks**/

/**StartPageSpecificTopMainContent**/
.mainContent900px .pageSpecificTop{ } /*pageSpecificTop styles for normal pages*/

.mainContent900px .pageSpecificTop .adsROSAboveFold300x250Spacer{ /***spacer for the aboveFold ADS***/
	clear: left;
	float: left;
	width: 1px;
	height: 160px;
}

.mainContent900px .pageSpecificTop .adsROSAboveFold300x250{ /***aboveFold div container***/
	clear: left;
	float: left;
	width: 300px;
	height: 250px;
	margin: 25px 10px 25px 0px;
	position: relative;
}

.mainContent900px .pageSpecificTop .adsROSMiddle160x600Spacerv1{ /***spacer version 1.0 for the middle ADS***/
	clear: right;
	float: right;
	width: 1px;
	height: 650px;
	
}

.mainContent900px .pageSpecificTop .adsROSMiddle160x600v1{ /***middle ads version 1.0 div container ***/
	clear: right;
	float: right;
	width: 160px;
	height: 600px;
	margin: 25px 0px 25px 10px;
	position: relative;
}


.mainContent900px .pageSpecificTop .adsROSMiddle160x600Spacerv2{ /***spacer version 2.0 for the middle ADS***/
	clear: right;
	float: right;
	width: 1px;
	height: 1250px;
}

.mainContent900px .pageSpecificTop .adsROSMiddle160x600v2{ /***middle ads version 2.0 div container ***/
	clear: right;
	float: right;
	width: 160px;
	height: 600px;
	margin: 25px 0px 25px 10px;
	position: relative;
}

.mainContent900px .pageSpecificTop .adsROSMiddle160x600Spacerv3{ /***spacer version 1.0 for the middle ADS***/
	clear: right;
	float: right;
	width: 1px;
	height: 1850px;
}

.mainContent900px .pageSpecificTop .adsROSMiddle160x600v3{ /***middle ads version 3.0 div container ***/
	clear: right;
	float: right;
	width: 160px;
	height: 600px;
	margin: 25px 0px 25px 10px;
}

/**EndPageSpecificTopMainContent**/


/**StartContentMain**/

.content{ 
	float: left;
	width: 100%;

} /**content div container**/

.mainContent900px .relatedLinks{ } /**relatedLinks div container**/

.mainContent900px .pageSpecificFoot{ /**pageSpecificFoot div container**/
	float: left;
	width: 720px;
}

.mainContent900px .pageSpecificFoot .adsROSFootOfPage336x280{	/**footOfPage ads div container**/
	width: 336px;
	height: 280px;
	margin: 25px 25px 25px 0px;
	position: relative;
}

/**EndContentMain**/

/**EndENMainContent900px**/


/**StartLeftPanelStyles**/

.emptyLeftPanel{ /**emptyLeftPanel div tag**/
	float: left;
	width: 138px;
	height: 1px;
}



.leftPanel { /**leftPanel div tag**/
	background-color:#330066;
	border: 1px solid #E2E2E2;
	color:#FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	float: left;
	margin-left: -100%;
	right: 152px;
	position: relative;
	text-align:center;
	top: -37px;
	width: 125px;
}

/**StartLeftPanelATagStyles**/

.leftPanel a{
	color:#FFFFFF;
	text-decoration: none;
}

.leftPanel a:link{
	color:#FFFFFF;
	text-decoration: none;
}

.leftPanel a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

.leftPanel a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

/**EndLeftPanelATagStyles**/

/**StartLeftPanelMenuItemStyles**/
.leftPanel ul.menuItem{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.leftPanel ul.menuItem li.image img{
	border-bottom: 1px solid #e2e2e2;
}

.leftPanel ul.menuItem li.spaceTop1px{
	margin-top: 1px;
	
}

.leftPanel ul.menuItem li.middleContent{
	margin: 1px 0px;
}

.leftPanel ul.menuItem li.navContent{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF; 
	background-color:#330066; 
	text-align:center; 
	border-top: 1px ridge #e2e2e2;
	padding: 7px 4px;
}

.leftPanel ul.menuItem li.spacer16px{
	height: 16px;
}

.leftPanel ul.menuItem li.spacer17px{
	height: 17px;
}

.leftPanel ul.menuItem li.spacer4px{
	height: 4px;
}

/**EndLeftPanelMenuItemStyles**/

/**EndLeftPanelStyles**/




/**StartFooterStyles**/

.footer { /***This is the footer wrapper. ***/
	height: 50px;
	width: 900px;
	background-color: #330067;
	color: #FFF;
	margin: 0 auto;
	
}

.footer .footerContents {
	float: left;
	padding: 5px;
	width: 100%;
}

.footer .footerContents a:link{
	color: #FFF;
	text-decoration: none;
}

.footer .footerContents a:visited{
	color: #FFF;
	text-decoration: none;
}

.footer .footerContents a:hover{
	color: #FFF;
	text-decoration: underline;
}

.footer .footerContents a:active{
	color: #FFF;
	text-decoration: none;
}

/**EndFooterStyles**/

/***EndCSSStyles900px***/

.hotelOffersTable {
border: 1px solid #251037;
margin: 8px 0px 0px 8px;
padding: 0px 15px 10px 15px;
width: 670px;
}

.hotelOffersImage {
width: 80px;
float: left;
}

.hotelOffersDescription {
width: 580px;
height:auto;
margin-left: 80px;
}

div.content a:link {
color:#0000FF;
}

div.content a:hover {
color:#0000FF;
text-decoration:none;
}

div.content a:visited {
color:#0000FF;
}