/* ####################################################
Styles for new header area with rotation and search + form/children
###################################################### */
.shipsH1 {margin-bottom:15px;}

.shipTab {padding-left:5px;position:relative; height:30px;}

.CLHdr {
position:relative;
width:807px;
height:191px;
margin:0 10px;
border:1px solid #1c4f86;
border-radius:10px;
overflow:hidden;	
}

.CLHdrRotate  {
position:relative;
float:left;
width:592px;
height:191px;
overflow:hidden;
}

.CLHdrSearch2 {
margin:0;
padding:0;
float:right;
width: 215px;
height:191px;
background:url(/images/cruiseline-Hdrs/bg-search-rt.png) top right no-repeat;
}

.CLHdrSearch {
margin:0;
padding:0;
float:right;
width: 213px;

}

.CLHdrSearch h1, .CLHdrSearch2 h1 {
margin:4px -2px 8px -2px;
font:13px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFF;
}

.CLHdrSearch h1 em {
font:13px "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
text-transform:uppercase;
}

.CLHdrSearch h1 span, .CLHdrSearch2 h1 span {
display:block;
margin:2px;
font:20px Arial, Helvetica, sans-serif;
font-weight:bold;
}

.CLHdrSearch form {
margin:0;
padding:0;
}

.CLHdrSearch form select {
border:1px solid #57a9cf; font-size: 12px; padding:2px; 
}

.CLHdrSearch form a, .CLHdrSearch form a:visited, .CLHdrSearch form a:link {
margin:0;
padding:0;
font:10px Arial, Helvetica, sans-serif;
color:#58A8CF;
text-decoration:underline;
}
.CLHdrSearch form a:hover {
margin:0;
padding:0;
font:10px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}

.CLHdrSearch form input.search {
float:right;
margin:0 15px 0 5px;
padding:0;
background:none;
border:none;
}

 
/* #### OLD Search btn style #######
.CLHdrSearch form input.search {
float:right;
margin:0 15px;
padding:0;
height:22px;
width:68px;
background:url(/images/btnBG-search-cl.png) top center no-repeat;
}

.CLHdrSearch form input.searchHover {
float:right;
margin:0 15px;
padding:0;
height:22px;
width:68px;
background:url(/images/btnBG-search-cl.png) bottom center no-repeat;
}

#################*/

 

/* #############################################################
Styles for the actual deal listings on Cruise Line pages <A> and <DIV> LAYOUT 
############################################################### */

div#ships h2 {
margin:0;
padding:0;
background:none;
font:bold 18px Georgia, serif;
}

div#ships h2.fade {
margin:20px 0 -20px 0;
font:bold 18px Georgia, serif;
letter-spacing:0.025em;
color:#58A8CF;
padding:0 0 29px 10px;
background:url(/images_shared/bg-h2-ctaDeal.jpg) bottom left no-repeat;
text-align:left;
}

/* Standard listing */
a.dealListing {
display:block;
position:relative;
left:0;
top:0;
width:580px;
min-height:100px;
height:auto;
background:url(/images_shared/bg-dealListing-cl-v2.png) 0px 0px no-repeat;
margin:0 -10px;
margin-bottom:10px;
padding:0;
text-decoration:none;
}

a:hover.dealListing {
display:block;
position:relative;
left:0;
top:0;
width:580px;
* min-height:100px;
_min-height:100px;
min-height:100px;
background:url(/images_shared/bg-dealListing-cl-v2.png) -581px 0px no-repeat;
margin:0 -10px;
margin-bottom:10px;
padding:0;
text-decoration:none;
cursor:pointer;
}


/*General Info - Itin Data/PromoTag/Special offer (if applicable) */
a div.genInfo {
position:relative;
top:5px;
left:35px;
width:340px;
font:11px Arial, Helvetica, sans-serif;
cursor:pointer;
margin:0;
padding:0;

}

a div.genInfo h2 {
color:#003047;
padding:5px 0 10px 0;
margin:0;
cursor:pointer;
background:none;
font:bold 12px Georgia, serif;
}

a div.genInfo p.promoTag {
margin:0;
padding:10px 0 10px 15px;
font-size:12px;
line-height:125%;
cursor:pointer;

}

/* If Special offer - this is style of teaser text */
a span.special {
margin-top:10px;
display:block;
color:#900;
font-weight:bold;
cursor:pointer;
padding:0;

}

/* Top Deal Badge */
a img.topDeal {
position:absolute;
top:-4px;
left:-13px;
margin:0 5px 3px 0;
width:45px;
height:44px;
cursor:pointer;
padding:0;
}

/* Date Display */
a div.sailing {
position:absolute;
right:0;
top:4px;
text-align:center;
padding:0;
width:175px;
font:13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
cursor:pointer;
margin:0;
}


/* Duration Control */
a div.duration {
position:absolute;
right:100px;
top:20px;
text-align:center;
width:70px;
color: #009;
line-height:28px; 
font:38px Georgia, serif;
padding:0;
cursor:pointer;
margin:0;

}

a div.duration span {
font: 12px Verdana, Arial, Helvetica, sans-serif; 
color:#000; 
line-height:34px;
cursor:pointer;
margin:0;
padding:0;
}

/* Price Control */
a div.price {
position:absolute;
right:0;
top:22px;
text-align:center;
width:94px;
color: #C00;
line-height:28px; 
font:32px Georgia, serif;
font-weight:bold;
padding:0;
margin:0;
cursor:pointer;

}

a div.price span { font-size: 20px; font-weight:normal; padding:0;
margin:0;
cursor:pointer;
}

/* layout for tableless ship class/ships listings - rev 120831  */

div.shipBox {
position:relative;
float:left;
margin:5px 12px;
width:160px;
min-height:200px;
}

div.shipBox p {
margin:1px;
padding:1px;
margin-left:-5px;
width:155px;
}

div.shipBox img {
border:2px solid #FFF;
box-shadow:0 0 4px #103D88;
}

div.shipBox img.tourIcon, img.tourIcon {
margin:0 6px -4px  0;
padding-top:3px;
border:none;
box-shadow:0 0 0 #FFF;

}

div.shipBox a {text-decoration:none; display:block;position:relative;}
div.shipBox hr {margin:2px auto;}

div.shipBox h3.subhead_class {font-size:14px;}