@charset "utf-8";
/* CSS Document */
body{background:url(../images/bodybg.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#333}

ul{list-style:none; margin:0; padding:0}

img{border:none}

a{color:#318779}
a:hover{color:#1F7EAE}

.clearfixing:after {content:" "; display:block; height:0; clear:both; visibility:hidden}
.clearfixing {display:inline-block;}
/* Hide from IE Mac \*/
.clearfixing {display:block;}
/* End hide from IE Mac */
                                                           
.clearboth{clear:both}
.clearboth_five{clear:both; height:5px}
.clearboth_six{clear:both; height:6px}
.clearboth_ten{clear:both; height:10px}
.clearboth_twenty{clear:both; height:20px}
.clearboth_thirty{clear:both; height:30px}
.clearboth_db{clear:both; height:1px; border-bottom:1px dotted #AAA; border-top:1px dotted #AAA}

/*FORM ELEMENTS START*/
.formelements ul.signin input{height:10px; line-height:10px; width:120px}
.formelements ul.signin label{display:block; margin:2px 0; width:190px}

.formelements ul.signin input.signinbtn{background:url(../images/signin.jpg) top no-repeat; height:19px; display:block; width:124px; border:none; cursor:pointer; margin-left:63px}
.formelements ul.signin input.signinbtn:hover{background:url(../images/signin.jpg) bottom no-repeat}

input.guestsigninbtn{background:url(../images/greensignin.jpg) top no-repeat; height:19px; width:180px; border:none; cursor:pointer}
input.guestsigninbtn:hover{background:url(../images/greensignin.jpg) bottom no-repeat}

a.guestregbtn{background:url(../images/guestgreensignin.jpg) top no-repeat; height:19px; display:block; width:180px; border:none; cursor:pointer}
a.guestregbtn:hover{background:url(../images/guestgreensignin.jpg) bottom no-repeat}

.entriesNo{width:120px; margin-left:20px}
.box{width:180px; padding:0; border:#7BBEB4 solid 1px; height:20px}

/*FORM ELEMENTS END*/

#wrapper{width:790px; text-align:left; padding:5px; background:#FFF; border:#999 solid 1px; margin:10px auto 20px auto}

#top{height:75px; width:790px; background:#7BBEB4; margin-bottom:5px}
#top #topleft{width:550px; float:left}
#top img.topbanner{float:left}
#top ul.topnav{float:right; display:inline; margin:10px}
#top ul.topnav li{display:inline; font-weight:bold}
#top ul.topnav li a{color:#FFFFFF; text-decoration:none}
#top ul.topnav li a:hover{text-decoration:underline}

#top #topright{width:210px; height:55px; float:right; font-size:12px; color:#FFF; font-weight:bold; padding:10px 10px 10px 20px}

#login{width:144px; float:right; padding:2px 0}

#maincontent{width:790px}
#maincontent .title{background:url(../images/title.jpg); line-height:25px; padding-left:10px; color:#FFFFFF; font-size:14px; text-align:left; margin-bottom:5px}
#maincontent .textbody{width:520px; padding:10px; background:#F4F4F4; float:left; height:355px}
#maincontent img.welcome{float:right}

#maincontent #step1{width:395px; float:left; margin-right:5px}
#maincontent .header{font-size:13px; color:#1775a5; background:#EEEEEE; line-height:25px; padding-left:10px; background:url(../images/topfairgrad.jpg) repeat-x}
#maincontent #step2{width:390px; float:right}

.stepcontent{padding:5px; text-align:left}
.stepcontentgrey{padding:5px; text-align:left; background:#f4f4f4}

#maincontentleft{width:410px; float:left; margin-right:5px}

#maincontentleft .cruisecomp img.heading{}
#maincontentleft .cruisecomp img.mainimg{border:5px solid #88AFC8; margin:6px 0}
#maincontentleft ul.medcomp{margin:10px 0; background:#F2F2F2; padding:8px}
#maincontentleft ul.medcomp textarea{width:380px}

#maincontentleft ul.guestform{background:#F2F2F2; padding:10px 10px}
#maincontentleft ul.guestform li{margin:2px 0}
#maincontentleft ul.guestform li label{font-size:11px; font-weight:bold}

#maincontentleft #mainlefttop{width:410px; height:420px; background:url(../images/left.jpg); font-size:12px; margin-bottom:5px}
#maincontentleft #mainlefbottom{width:400px; height:160px; padding:5px 5px 10px 5px; font-size:12px; background:#F4F4F4}

.maintitle{font-size:14px; color:#FFF; font-weight:bold; padding:5px; background:url(../images/topbluegrad.jpg) repeat-x; height:17px}
.greytitle{font-size:14px; color:#FFF; font-weight:bold; padding:5px; background:url(../images/topgreygrad.jpg) repeat-x; height:17px}
.redtitle{font-size:14px; color:#FFF; font-weight:bold; padding:5px; background:url(../images/topredgrad.jpg) repeat-x; height:17px}
.pinktitle{font-size:14px; color:#FFF; font-weight:bold; padding:5px; background:url(../images/toppinkgrad.jpg) repeat-x; height:17px}

.contentbox{padding:5px}

#maincontentright{width:375px; float:right}

#maincontentright ul.cruisewinner li h2{margin:0; padding:0}
#maincontentright ul.cruisewinner li img{float:left; margin-right:10px}

#maincontentright #mainrighttop{width:375px; background:url(../images/righttop.jpg); font-size:12px}
#maincontentright #mainrighttop ul.guestsignin input{width:180px}
#maincontentright #mainrighttop ul.guestsignin li{margin:3px 0}
#maincontentright #mainrighttop img{margin:10px 0}
#maincontentright #mainrighttopleft{width:180px; margin-right:10px}
#maincontentright #mainrighttopleft img{margin:0; height:20px; width:180px}
#maincontentright #mainrighttopright{width:175px; float:right}
#maincontentright #mainrighttopright img{margin:15px 0 10px 0}


#mainrightbottom{width:365px; padding:5px; height:90px; margin-top:5px; background:#e8e8e8; text-align:center}

.footer{font-size:11px}

/*MONTE SANTO START*/
#maincontentleft .montesanto {padding:0; margin:0}
#maincontentleft .montesanto h3{font-size:13px; margin:0; padding:3px 0 1px 0}
#maincontentleft .montesanto .contentbox{padding-right:10px}
#maincontentleft .montesanto .contentbox h2{color:#d00137; font-size:14px}
#maincontentleft .montesanto .contentbox h1{color:#663399; font-size:18px}
#maincontentleft .montesanto .contentbox{padding:0}
#maincontentright .gallery{background:#E8E8E8; text-align:center}
#maincontentright .gallery img{padding-top:5px}
.pinktitle a{color:#FFF}
.pinktitle a:hover{color:#CCCCCC}
#maincontent2{width:790px; background:url(../images/maincontent2_bg.gif) repeat}
#maincontentleft .montesanto .nb{font-size:11px}

ul.villa li.left{float:left; width:100px; margin-right:10px; padding:5px 5px 10px 5px; background:#d00137; color:#fff; font-size:15px; font-weight:bold; text-align:center}
ul.villa li.left img{margin-bottom:10px}
ul.villa li.right{float:right; width:290px}
/*MONTE SANTO END*/

/*RESULTS START*/
#results{margin:0; width:410px}
ul.results{list-style-type:none; margin:5px 0 0 0}
ul.results li{margin-bottom:1px}
ul.results li .name{color:#006699; font-weight:bold; padding-bottom:3px}
ul.results li a{width:390px; display:block; color:#333333; text-decoration:none; background:#F5F5F5; padding:5px 10px 5px 10px}
ul.results li a:hover{background-color:#E8E8E8}

.breadcrumbs{font-size:11px; color:#333333; border-bottom:dotted #333333 1px; margin:5px 0 5px 0}

#jumpto{background:#F5F5F5; width:390px; padding:10px; text-align:center; font-size:13px; color:#006699}
#jumpto ul.alphabetsearch{list-style:none; margin:5px 0 5px 60px}
#jumpto ul.alphabetsearch li{float:left; padding:0; margin-right:1px; margin-bottom:1px}
#jumpto ul.alphabetsearch li a{background:url(../images/alphabet.jpg) no-repeat; text-decoration:none; font-weight:bold; width:19px; height:19px; color:#FFF; display:block; text-align:center; line-height:19px; margin-right:1px; margin-bottom:1px}
#jumpto ul.alphabetsearch li a:hover{background:url(../images/alphabetover.jpg) no-repeat; text-decoration:none}


/*RESULTS END*/

/*SEARCH START*/
#left{width:410px; float:left; text-align:left}
#right{width:375px; float:right}
ul.categories{list-style:none}
ul.categories li{display:block; padding-bottom:3px}
ul.categories li .listleft{float:left; width:40%; line-height:20px}
ul.categories li .listright{float:right; width:60%; text-align:right}
/*SEARCH END*/

/*NAVIGATION START*/
#navigation{background:url(../images/nav.jpg); margin:0 0 5px 0; padding:0; height:25px; width:790px}
#navigation ul{padding:0; margin:0}
#navigation li{position:relative; float:left; list-style:none; margin:0; padding:0}
#navigation li a{height:25px; display:block; text-decoration:none; text-align:left; line-height:25px; font-weight:bold; font-size:12px; padding-left:30px; text-transform:uppercase; color:#FFF}
#navigation li a:hover{color:#CCCCCC}
#navigation ul ul{position:absolute; top:25px; visibility:hidden}
#navigation ul li:hover ul{visibility:visible}
#navigation ul li ul li a.nav{width:200px; height:25px; display:block; border-left:#82bcb0 solid 2px; border-right:#82bcb0 solid 2px; border-bottom:#82bcb0 solid 2px; background:#fff; float:none; text-transform:none; color:#666666; text-align:left; line-height:25px; font-weight:bold; font-size:12px; padding-left:5px}
#navigation ul li ul li a.nav:hover{background:#f4f4f4; color:#009999}
/*NAVIGATION END*/