/* style for all the default elements: */
body { font-family: Verdana, Helvetica, Arial, MS Sans Serif; font-size: 9pt; color: #666666;
       margin: 10px 0px 10px 0px; text-align: center; line-height: 1.3; }
body.bcg1{ background: #FDEBC8 url(/graphics/body_BGD1.jpg) top left repeat-x; }
body.bcg2{ background: #FEFFFF url(/graphics/body_bcg_blue.gif) top left repeat-x; }
body.bcg3{ background: #FEFEFF url(/graphics/body_bcg_blue2.gif) top left repeat-x; }
body.bcg4{ background: #EFF3F6 url(/graphics/body_bcg_blue3.gif) top left repeat-x; }
body.bcg5{ background: #B3C6C0 url(/graphics/body_bcg_green.jpg) top left repeat-x; }
body.bcg6{ background: url(/graphics/body_bcg_lines.gif) top left; }
/*
body.bcg7{ background: #FFF url(/graphics/body_bcg_nero.gif) top left repeat-x; }
body.bcg8{ background: #FFF url(/graphics/body_bcg_pink.gif) top left repeat-x; }
*/

img, a img { border-width: 0px; vertical-align: top; }
form { padding: 0px; margin: 0px; }
fieldset {  }
table { padding: 0px; margin: 0px; border-collapse: collapse; }
td { padding: 0px; margin: 0px; font-size: 8pt; font-weight: normal;
     font-family: Arial, Verdana, MS Sans Serif; color: #666666; }
th { margin: 0; text-align: left; }
h2 { color: #129FBA; font-family: Helvetica, Verdana, Arial, MS Sans Serif; font-size : 12pt; font-weight : bold;
     margin: 0px; padding: 0px; }

p { font-size: 10pt; margin: 0; padding: 0; color: #333; }

div#harriercontent .note, div#harriercontent .note a {  font: 0.9em Verdana, Helvetica, Arial, sans-serif;  }
div#harriercontent p.note, div#harriercontent .note p { margin: 10px 0;  border: 1px dotted #666; padding: 10px; color: #666;  }

a:link { color: #007AC4; text-decoration: none; /*font-size: 6.5pt;*/
    font-family: Verdana, Arial, MS Sans Serif, tahoma; font-weight: bold; }
/*a:visited{ color : #990099; }*/
a:hover { text-decoration: underline; /*color: #A5A5A5;*/ }
a:visited { color: #AAA; }
/* pictures of the Month */
#deals div.TopDealsText ul.picturesMonth { margin: 5px 0; }
#deals div.TopDealsText ul.picturesMonth li {
   background: url(/smileys/smiley36.gif) no-repeat top left;
   padding: 0 0 5px 14px;
}
#deals div.TopDealsText ul.picturesMonth li a { font-size: 7pt; }
/***********************************************************/
input, textarea { text-decoration: none; text-align: left; vertical-align: text-top;
    padding: 0; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
	font-weight: normal; color: #808285; }
textarea { height: 90px; }
select { text-decoration: none; height: 20px; font-weight: normal; color: #808285;
    padding: 0px 0px 0px 4px; vertical-align: text-top; text-align: left;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

option {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;
  background-color: white;
}
optgroup {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;
  background-color: #24A0B1;
}
	
/* UTILITY */
/* For clearing floats... */
.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.c {display: inline-block;}
/* Hides from IE-mac \*/
* html .c {height: 1%;}
.c {display: block;}
/* End hide from IE-mac */

.ral {  text-align: right; }
.fl { float: left; }
.fr { float: right; }
.prel { position: relative; }
.pabs { position: absolute; }
.hide, .Hide4Now { display: none; }
.show, .Show4Now { display: block; }
.show { display: block; }
.mrg6 { margin-top: 6px !important; }
.red { color: Red !important; }

#GoogleAdsense  { width:200px;height:90px;margin: 10px 0 0 10px; }

/* Style for tech page */
.hr { border-top: 1px solid #CCCCCC; margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px; font-size: 1px; }

div.hr { background-color: #24A0B1; height: 1px; font-size: 1px;
margin: 5px 0; }

/* Style for all the list items: */
ul { margin: 0 0 0 0px; padding: 0; }
li { background: url(/graphics/bullet_point_IE.gif) no-repeat top left; margin: 0 0 3px 0; padding: 0 0 0 0;
     list-style: none; }
li a:link, li a:visited { font-weight: normal; /*color: #990000;*/ padding: 0; margin: 0 5px 0 7px; }
li a:hover { /*color: #A5A5A5;*/ }

.contentInternalText h2 { display: block; width: 100%; float: left; margin: 10px 0; }
ul.HotelsUL { width: 480px; }
ul.HotelsUL li { width: 160px; float: left; }

#deals div.TopDealsText ul.directoryLinks a { font-size: 1.1em; }
#deals div.TopDealsText ul.directoryLinks li { padding: 0 0 2px 0; }

#messagaSummary p  { color: red; }
#messagaSummary ul { color: red; border: 1px solid red; border-width: 1px 0px; margin: 10px 0; padding: 5px 0; }
#messagaSummary ul li { color: red; padding-left: 10px; }
/******************** END ************************/
	
/* Style for all the boxes (Top/Bottom curve..) */
.box { position: relative; }
.boxTopRight, .curveTR { position: absolute; top: 0px; right: 0px; }
.boxTopLeft, .curveTL { position: absolute; top: 0px; left: 0px; }
.curveBR { position: absolute; bottom: 0px; right: 0px; }
.curveBL { position: absolute; bottom: 0px; left: 0px; }
.boxTitle { position: absolute; margin: 0; padding: 0; /*top: 3px; left: 10px;*/ }
.boxTitle, .boxTitle a:link, .boxTitle a:visited { 
  color: white; font-weight: normal; text-decoration: none;
  font-family: Thaoma; letter-spacing: 0.01em; font-size: 14.5pt; }
.boxTitle a:hover { text-decoration: underline; }
#deals .boxTitle { top: 3px; left: 2px; }
.boxTitle a img { margin-right: 2px; }

/* Style for all the H1 and A in the navigation bar.. */
.Navigator a, .Navigator a:visited, .Navigator a:link, h1
{ color: white; font-size: 11pt; letter-spacing: 1px; margin : 0px 0px 0px 0px;
  padding: 0px; font-family: Helvetica, Verdana, Arial, MS Sans Serif; vertical-align: middle; }

h1#advertise-site, h1#advertise-site a { color:#129FBA; font-size: 20px; text-transform: uppercase; font-weight: bold; }
h1#advertise-site span.price { color: red; font-size: 28px; font-weight: bold; }
  
#master.hotelDetails #middleCol div.Navigator h1 { text-transform: capitalize; overflow: hidden; width: 100%; }

.Navigator { background: transparent url(graphics/h1_BGD.jpg) top left repeat-x; height: 35px; width: 514px;
             position: relative; margin-top: 6px; }

.Navigator h1, .Navigator ul.cruiseLinks { position: absolute; top: 9px; left: 28px; }
.Navigator ul.cruiseLinks { left: 20px; }
.Navigator ul.cruiseLinks li { float: left; margin: 0 8px 0 0; background: none; padding: 0; }
.Navigator ul.cruiseLinks a, .Navigator ul.cruiseLinks span,
.Navigator ul.cruiseLinks a:visited, .Navigator ul.cruiseLinks a:link { font-size: 9pt; color: White; padding: 0; margin: 0; letter-spacing: 0.04em; }
.Navigator ul.cruiseLinks span { color: Orange; }

/* Style for the template */
div.topCorners, div.bottomCorners { background: url(/graphics/corners/top_left.png) top left no-repeat;
width: 90%; min-width: 800px; padding: 0; margin: 0px auto; height: 14px; }
div.bottomCorners{ background-image: url(graphics/corners/bottom_left.png); }
div.topCorners div, div.bottomCorners div
{ height: 14px; }

div.topCorners div.m, div.bottomCorners div.m
{ margin: 0 15px; background: url(/graphics/corners/top_bar.png) top left repeat-x; }
div.bottomCorners div.m { background-image: url(/graphics/corners/bottom_bar.png); }
/* The left corner div is necessary only in IE6! */
div.topCorners div.m div.l,  div.bottomCorners div.m div.l { display: none; }
div.topCorners div.m div.r,  div.bottomCorners div.m div.r
{ position: relative; left: 15px; background: url(/graphics/corners/top_right.png) top right no-repeat; }
div.bottomCorners div.m div.r { background-image: url(/graphics/corners/bottom_right.png); }

#master { clear: both; width: 90%; min-width: 800px; padding: 0; margin: 0px auto 0px auto;
/*width: 804px;*/ background: url(/graphics/corners/c_8_r.png) top right repeat-y; }

/* Style for Header */
#Mainheader { margin: 0 8px 0 0px; height: 175px;
              padding: 0px 11px 0px 21px; position: relative;
              background: transparent url(/graphics/corners/c_8_l.png) top left repeat-y !important;
			  z-index: 10000; }
/* In IE6 somehow if i use the png doesn't show the CSS menu (look at style_IE6.css) */
#Mainheader div.c_8_l_IE6{ display: none; }


#logo { display: block; position: absolute; top: 20px; left: 36px; }
#logo1 { position: absolute; top: 55px; left: 18px; }
#logo2 { position: absolute; top: 25px; left: 145px; display: none; }

#staysure.bannerTop { width: 500px; }
.bannerTop { position: absolute; top: 35px; right: 18px;
             border: 0px solid red; width: 468px; height: 60px; }

.left_banner ul li { padding: 10px 0 10px 0px; border: 0px solid red; clear: both; text-align: center;
	 list-style: none; background: none; }
.right_banner { margin: 10px 0 0 18px; }

#MainheaderLinks { position: absolute; top: 10px; right: 20px;
border: 0px solid red; }
#MainheaderLinks a { color: #CCCCCC; margin: 0px; font-weight: bold; font-size: 8pt; float: left; vertical-align: bottom; }
#MainheaderLinks span { color: #CCCCCC; font-weight: bold; font-size: 8pt; float: left; }
#MainheaderLinks a:hover { color: #666666; text-decoration: none; }

#MainheaderLinks  a.nav { vertical-align: bottom; font-size: 0.8em; padding-left: 8px; }
#MainheaderLinks  a.nav  img { margin: 0px; position: relative; top: -7px; }

/* Style for the main container in Home Page */
#Mainheader .topLine { position: absolute; bottom: 26px; left: 17px; height: auto;
padding: 0; border: 0px; border-bottom: 2px solid #FFCC66; font-size: 1px; }

#Mainheader div.prel { height: 52px; top: 104px; }

#Mainheader .topBar, #footer .bottomBar { height: 24px; padding: 0; border: 2px solid #FFCC66;
border-width: 2px; background-color: #24A0B1; font-size: 1px; z-index: 1; }

#Mainheader div.prel .topBar { position: absolute; bottom: 0px; right: 0; width: 100%; }

#Mainheader .topBar ul, #footer .bottomBar ul { float: left; border: 0px solid red; margin: 4px 0 0 3px; padding: 0; }
#Mainheader .topBar ul li, #footer .bottomBar ul li { float: left; background: url(/graphics/smallWorld_bullet.gif) no-repeat top left;
 padding-left: 5px; padding-right: 4px; }
#Mainheader .topBar ul li a, #footer .bottomBar ul li a { color: white; font-size: 8pt; }
#Mainheader .topBar ul li h3
{ color: #F2F3A5; font-size: 8pt; font-weight: normal; margin: 0; margin-left: 7px; }
#Mainheader .topBar ul li a:visited, #Mainheader .topBar ul li a:link { text-decoration: none; }
#Mainheader .topBar ul li a:hover { text-decoration: underline; }
#Mainheader .topBar { bottom: 0px; }
#footer .bottomBar { top: 2px; overflow: hidden; }
#footer .bottomBar ul li.text {  padding-left: 25px; }

div.MainBoxBG { 
margin: 0px 8px 0 0; text-align: left; padding: 0px 0 0 0;
background: url(/graphics/corners/c_8_l.png) top left repeat-y;
}
/* this is necessary to wrap left and middle col... */
div.MainBoxBG div.MainBoxPad { background-color: white;
margin: 0 8px; padding: 8px 0 0 0; }

.ClearBox { clear: both; height: 1px; width: 100%; display: block; font-size: 1px; }

/* In template.asp, LHS uses this extra style: */
#leftShadow { position: absolute; left: 0px; top: 0px; }
#rightShadow { position: absolute; right: 0px; top: 0px; }

div.leftColumn { /*width: 266px;*/ width: 26%; background-color: white; float: left;
position: relative; left: 10px; margin-bottom: 10px; }

div.leftColumn div.Navigator { width: 100%; left: 0px; margin-top: 0px; }
div.leftColumn div.blueBox { width: 100%; left: 0; float: none;
margin-right: 2px; padding: 8px 0 0 0; }
div.leftColumn div.Navigator img.boxTopLeft { left: -10px; }

div.leftColumn div#newsLetterBig.blueBox table { margin: 0 0px 0 0px; }
div.leftColumn div#newsLetterBig.blueBox table td p { margin: 0 0px 5px 8px; }

div.leftColumn div.blueBox table { width: 94%; float: none; position: relative; left: 0px;
	margin: 0 0px 0 8px; }
div.leftColumn div.blueBox td.blueBoxText a { font-size: 9pt; }
div.leftColumn div.blueBox table td.seeMore a { left: -20px; }

/* style for the header of the 3 blue Boxes */
.bottom3Boxes { margin: 5px 8px 8px 8px; text-align: right; }
.bottom3Boxes .Navigator { width: 100%; left: 0px; margin: 0px; }

div.bottom3Boxes .Navigator ul li { float: left; width: 33%; list-style: none;
text-align: left; background: none; padding: 0; margin: 0; }
div.bottom3Boxes .Navigator ul li h1 { position: relative; left: 15px; top: 5px; }

/*div.bottom3Boxes { width: 100%; float: none; }*/
div.bottom3Boxes table.blueBoxes { float: right; width: 99%; margin: 0 0 1px 1%; border-right: 1px solid #BFEEF6; }
div.bottom3Boxes table.blueBoxes td.blueBox { width: 33%; }

td.blueBox table { height: 100%; }
td.blueBox table { margin: 10px 0px 0 0px; position: relative; left: 10px; width: 90%; }

/* style for all the blue Boxes */
.blueBox { border: 1px solid #BFEEF6; border-width: 0px 1px 1px 1px; }
div.blueBox { width: 253px; /*border: 1px solid #EAF1E2;*/
background: #FFFFFF url(graphics/body_BGD.jpg) bottom left repeat-x; float: left;
position: relative; left: 10px; margin-bottom: 1px; }

td.blueBox { background: #FFFFFF url(/graphics/triangolDeal1.gif) bottom right no-repeat;
             border-width: 0px 0px 1px 1px; }

.blueBox td.blueBoxText { font-size: 8pt; color: #666666; font-weight: normal; line-height: 1.3; }
.blueBox td.blueBoxText a { font-size: 11pt; color: #007AC4; font-weight: bold; }
.blueBox td.blueBoxText span.country { font-size: 8pt; color: #666666; font-weight: normal; padding: 5px 0px 0px 0px; }

div.blueBox Table { position: relative; left: 10px; margin-top: 10px; float: left; clear: both; }
.blueBox Table TD { font-size: 9pt; }

td.blueBox table td.seeMore { height: 30px; }
td.blueBox table td.seeMore a { position: relative; left: -15px; top: 3px; }

div.blueBox table td.seeMore { padding: 0px 7px 0px 0px; }
div.blueBox table td.seeMore a { position: relative; left: 0px; top: 8px; }

.blueBoxImage { float: left; margin: 0px 5px 5px 0px; }
img.fabioCapelloIMG { width: 80px; }
.triangolDeal { position: relative; float: right; }

/*
#NewsBox.blueBox { width: 255px; }
#RatingBox.blueBox {  }
#EventsBox.blueBox { width: 255px; }
*/

/* In template.asp, middle and right column use this style: */
#middleCol { /*width: 514px;*/
width: 72%; text-align: left; vertical-align: top;
position: relative; left: 0px; color: #666666;
background: #FFFFFF url(/graphics/middleInternalBCG.jpg) top right repeat-y;
float: right; margin: 0px; }

#middleCol div.Navigator { margin-top: 0; width: 100%; }

#middleCol div.subLeft { width: 72%; border: 0px solid blue; padding: 0;
background: #FFFFFF url(/graphics/middleColBCG.jpg) top right repeat-y; }

#middleCol div.subLeft #harriercontent { border: 0px solid red; padding-bottom: 0px;
text-align: center; min-width: 395px; margin: 0 10px 0 0;
background: #FFFFFF url(/graphics/middleColBCG.jpg) top left repeat-y;
position: relative; }

#middleCol div.subLeft #harriercontent div.InfoHeader { text-indent: 5px; }

#middleCol div.harriercontentBoxBCG { background-color: #FFFFFF; /*background: #FFFFFF url(/graphics/searchBox.jpg) bottom left repeat-x;*/
margin: 0px 0px 0 12px; border-top: 1px solid white; padding: 0 10px 0 0;
min-height: 300px; }

#middleCol div.harriercontentBox { width: 99%; margin: 10px 0px 10px 10px; border: 0px solid green; text-align: left;
position: relative; left: 0px; }

#middleCol div.contentInternal { width: 96%; border: 0px solid red; padding-bottom: 0px; text-align: center; float: left;
background: #FFFFFF url(/graphics/middleInternalBCG.jpg) top left repeat-y; position: relative; }

#middleCol div.contentInternalDiv { background: #FFFFFF url(/graphics/searchBox.jpg) bottom left repeat-x; position: relative;
left: 12px; float: left; text-align: left; border: 0px solid red; width: 100%; }

/* style for the category Boxes in the home page */
div.harriercontentBox div.MainCatDiv {
	background: url(/gallery/images/largefolder.gif) no-repeat top left;
	width: 92px; height: 120px; }
div.harriercontentBox a.MainCatName { font-size: 10px; display: block;
	position: relative; width: 92px; height: 105px; border: 0px solid red; }
div.harriercontentBox a.MainCatName:hover { background-color: none !important; }
div.harriercontentBox a.MainCatName img { 
	position: absolute; left: 10px; top: 5px;
}
div.harriercontentBox a.MainCatName span { 
	font-size: 12px; position: absolute;
	width: 250px; left: -80px; bottom: 0px;
	display: block;
}
/* style for the category Boxes in the internal pages: hotels.asp, sitemap.asp and _displayhotels.asp */
div.contentInternalText div.MainCatDiv {
	background: url(/gallery/images/largefolder.gif) no-repeat top left;
	width: 92px; height: 120px; }
div.contentInternalText a.MainCatName { font-size: 10px; display: block;
	position: relative; width: 92px; height: 105px; border: 0px solid red; }
div.contentInternalText a.MainCatName:hover { background-color: none !important; }
div.contentInternalText a.MainCatName img { 
	position: absolute; left: 10px; top: 5px;
}
div.contentInternalText a.MainCatName span { 
	font-size: 12px; position: absolute;
	width: 250px; left: -80px; bottom: 0px;
	display: block;
}

/* style for the search form */
#ricercaAvanzata { display: none; }
#ricercaSemplice { display: block; }

/* style for the search in the blue boxes: */
.tableContainerHome { border-bottom: 1px dashed #EAF1E2; overflow: hidden; width: 100%; padding-bottom: 3px; }
.DealsTableSearchHome TH, .tableContainerHome TD, .tableContainerHome A { 
font-size: 7.5pt; font-family: Arial,Thaoma;
padding: 0px; height: 10px; margin: 0; }
#middleCol div.subLeft #harriercontent .DealsTableSearchHome TH,
#middleCol div.subLeft #harriercontent .tableContainerHome TD
{ /*color: #24A0B1;*/ }

#middleCol div.subLeft #harriercontent table.InfoTable td.ContactText,
#middleCol div.subLeft .parkingDiv form table td span.hxParkingFormTag
{ text-indent: 5px; width: 100px; }
#middleCol div.subLeft #harriercontent table.InfoTable td.btn
{ padding-left: 0px; }

/* For car hire */
#middleCol div.subLeft #harriercontent #div4 table.InfoTable td.ContactText,
#middleCol div.subLeft #harriercontent #div2 div.parkingDiv form table td span.hxParkingFormTag
{ width: auto; text-indent: 3px; }
#middleCol div.subLeft #harriercontent #div2 div.parkingDiv form table { width: 100%; }
/* end extra style */

.DealsTableSearchHome select { margin: 0; }

#middleCol div.contentInternalText { width: 95%; margin: 10px 0px 10px 0px; border: 0px solid green; text-align: left;
position: relative; left: 15px; min-height: 625px; }

#harriercontent p, .contentInternal p { margin: 0 0 10px 0; line-height: 1.6; padding: 0; font-size: 9pt; }
#harriercontent li, .contentInternal li { font-size: 10pt; }

#internalPage h1 { color: #918F76; font-size: 12pt; letter-spacing: 0.01em; margin: 8px 0px 15px 0px;
     padding: 6px 0px 6px 0px; font-family: Helvetica, Verdana, Arial, MS Sans Serif; font-style: italic;
	 background-color: #F2F3A5; }
	 
/* style for the top deals boxes on RHS (Home page only) */
#deals { width: 27%; float: right; border: 0px solid blue; margin-bottom: 5px; }
#deals div.TopDeals { background-color: #FFCC65; text-align: center; margin: 10px 0px 0px 0px; padding: 0; }
#deals div.TopDealsText { background: white url(graphics/searchBox.jpg) center left repeat-x;
margin: 0px 1px; text-align: center; padding-bottom: 2px; }

#deals div.TopDealsHeader { height: 31px; }
#deals div.TopDealsFooter { height: 12px; }

#deals div.TopDealsText Table { margin: 2px 0px 0px 2%; }
#deals div.TopDealsText a { font-weight: bold; font-size: 8pt; }
#deals div.TopDealsText TD { color: #536A00; font-weight: normal; font-size: 8pt; }
#deals div.TopDealsText P { color: #666; font-weight: normal; font-size: 7.5pt; text-align: left;
  padding: 2px 5px 0 5px; }
#deals div.TopDealsText P a { font-size: 7.5pt; }
#deals .TopDealsText table.newsLetter TD { color: #666; }

#deals .TopDealsText table.newsLetter TD ul.directoryLinks { margin-bottom: 0px; position: relative; top: 3px; left: 5px; }
#deals .TopDealsText table.newsLetter TD ul.directoryLinks li a { color: rgb(0, 102, 204); font-size: 12px; font-family: verdana; }
#deals .TopDealsText table.newsLetter TD table { margin:0px 0px 0px 2%; }
#deals .TopDealsText table.newsLetter TD table td { padding-bottom: 5px; padding-left: 8px; background: transparent url(/graphics/bullet_point_IE.gif) no-repeat scroll left top; }

.price { color: #C9DA29; font-weight: bold; font-size: 9pt; position: relative; top: 1px; left: -2px; }
.newsLetter input, .newsLetter img { margin-top: 5px; }

.newsLetter input, #deals .newsLetter select.selNewsLet
{ font-size: 7pt; width: 100%; }

#deals .TopDealsText table.newsLetter TD select.selNewsLet
{ width: 140px; /*width: 100%;*/ margin: 5px 0px; padding: 0;
  height: 17px; }

/*
If you want to put the navigation as text:
H1#header22 { text-indent: 400px; font-size: 1px; height: 20px; overflow: hidden; width: 400px; color: white;
               background: white url(graphics/webSites_title.gif) center left no-repeat; padding: 0px 0px 0px 0px; }
*/

/* Style for Google adverts */
.GoogleAdverts { margin: 5px 8px 8px 8px; max-height: 180px; }
.GoogleAdverts .Navigator { width: 100%; left: 0px; margin-top: 0px; }
.GoogleAdverts .Navigator h1 { width: 100%; }

div.bottom3Boxes .Navigator img.boxTopRight, div.GoogleAdverts .Navigator img.boxTopRight
{ right: -1px; }

ul.bannerRow { margin: 0 0 0px 10px; border: 1px solid #BFEEF6; padding: 0 0 10px 0;
border-width: 0 1px 1px 1px; background: #FFFFFF url(graphics/triangolDeal1.gif) bottom right no-repeat; }

ul.bannerRow li, ul.squaredBanners li { background: none; list-style: none; float: left;
border: 0px solid purple; padding: 0; text-align: center; margin: 10px 5px 0 5px; }
ul.bannerRow li iframe { position: relative; top: 0px; left: 0px; }
ul.bannerRow li.last a { float: right; }
ul.bannerRow li.first a { float: left; }

div.leftColumn ul.squaredBanners li { float: none; margin: 10px 0px 0 0px; border: 0px solid red;
	padding-bottom: 10px; }
div.leftColumn ul.squaredBanners li iframe { /*height: 230px;*/ }

ul.squaredBanners { margin: 10px 0 0 10px; }
div.cruiseSquaredAds ul.squaredBanners li iframe { position: relative; top: -10px; }
div.cruiseSquaredAds ul.squaredBanners li p { margin-bottom: 10px; }
div.cruiseSquaredAds ul.squaredBanners li { /*width: 30%;*/ padding: 0 10px; }

div.guides #middleCol div.contentInternalText ul.squaredBanners { margin: 10px 0 0 0px; }
div.guides #middleCol div.contentInternalText ul.squaredBanners li iframe { position: relative; top: 0px; }
div.guides #middleCol div.contentInternalText ul.squaredBanners li { padding: 0 0px; border: 1px solid red; width: 240px; height: 200px; overflow: hidden; float: left; }

/* Style for the Footer */
#footer { background: url(graphics/corners/c_8_l.png) top left repeat-y; text-align: left;
margin: 0 17px 0 0; padding: 0px 0px 0 17px; position: relative; height: 68px; }

.footerLogo { /*position: absolute; bottom: 0px; left: 20px;*/ }

#footer ul.footerLinks li img { margin: 0; position: relative; top: 6px; }
#footer ul.footerLinks li.r img { top: 0px; }

#footer ul.footerLinks { padding: 5px 0 0 0; margin: 0; }
#footer ul.footerLinks li { width: 40%; list-style: none; float: left;
background: none; word-spacing: normal; margin: 0; padding: 0; }
#footer ul.footerLinks li.r { width: 60%; text-align: right; }
#footer ul.footerLinks li a, #footer ul.footerLinks li
{ text-decoration: none; color: #666666;
font-family: tahoma, Verdana, Arial, MS Sans Serif; font-weight: bold;
padding: 0; font-size: 8pt; margin: 0; text-indent: 0; }
#footer ul.footerLinks li div.LinksWrapper { display: inline; position: relative; top: 12px; }
#footer ul.footerLinks a:hover { color: #C83200; }
#footer ul.footerLinks li img { margin: 0 5px 0 0; }

/* Style for all buttons */
.button { height: 25px; position: relative; border: 0px solid red; float: left; margin: 0px 10px 0px 0px; }
.buttonMiddle { position: absolute; left: 10px; height: 25px; top: 0px; }
.button a { width: 100%; text-align: center; color: white; font-size: 9pt; font-weight: bold !important; margin: 0; padding: 0;
            font-family: Arial, Thaoma; background-color: transparent !important; margin: 0px; position: absolute; left: 0px; top: 4px; }
.button a:visited { text-decoration: none; background-color: transparent !important; }
.button a:visited:hover { text-decoration: underline; background-color: transparent !important; }
.button img { margin: 0; padding: 0; }

/* style for HotelInfo.asp */
.HotelInfoBigIMG { width: 292px; overflow: hidden; }