/* =Offer Compare
----------------------------------------------- */
#compareTable th {
color: #02488e;
border-bottom: 1px solid #ddd8d0;
letter-spacing: 1px;
line-height: 1.2;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 10px 6px;

}
#compareTable td.firstCol {
background: #003956;
padding: 5px;
color: #FFF;
border: 1px solid #003956;
}
#compareTable h2 {
margin: 0 0 5px 0;
font-size: 14px;
color: #000;
}
#compareTable td {
border-right: 1px solid #DFDAD1;
border-bottom: 1px solid #DFDAD1;
padding: 6px 4px;
background: transparent;
color: #3b392a;
font-size: 11px;
font-weight: bold;
text-align: left;
line-height: 1.3;
position: relative;
}
#compareTable td strong {
font-size: 11px;
}
#compareTable a:link, #compareTable a:visited {
outline: none;
color: #594069;
text-decoration: underline;
}
#compareTable a:hover {
text-decoration: none;
border: none;
background: none;
color: #B04C4B;
}
#compareTable td.compareTitle a:link, #compareTable td.compareTitle a:visited {
color: #B04C4B;
}



/* =Offer Preview
----------------------------------------------- */
.offer-preview {
position: relative;
padding: 5px;
margin: 20px 0;
overflow: hidden;
}
.offer-preview:hover {
background: #ecf1f5;
}
.offer-preview h2 {
margin: 0 0 5px 5px;
padding: 0 0 5px 0;
min-height: 25px;
}
.offer-preview h3 {
margin: 2px 0 2px 0;
padding: 0 0 4px 0;
font-weight: bold;
font-size: 13px;
color: #2e2d28;
border-bottom: 1px solid #eee;
}
.offer-preview h2 a:link, .offer-preview h2 a:visited {
display: block;
color: #000;
line-height: 1.3;
margin: 0;
font-size: 16px;
text-decoration: none;
border-bottom: 1px solid #333;
padding-bottom: 5px;
}
.offer-preview h2 a:hover {
color: #0085C7;

}
.offer-preview a:link {
background: none;
text-decoration: non;
}
.shipimage {
width: 155px;
border: 1px solid #d1e0eb!important;
background: #FFF;
padding: 2px;
float: left;
clear: none;
margin: 0 0 5px 0;
}
table .shipimage {
width: 140px;
}
.offer-preview .typelogo {
clear: left;
height: 45px;
border: 1px solid #d0ceb7!important;
background: #FFF;
padding: 2px;
float: left;
margin: 0 5px 10px 0;
}
.offer-preview .offer-view:link, .offer-preview .offer-view:visited, #compareTable .offer-view:link, #compareTable .offer-view:visited {
float: right;
clear: both;
display:block;
background: transparent url(../images/offer-viewdetails.png) no-repeat 0 -28px;
height: 28px;
width: 117px;
text-indent: -9999px;
text-decoration: none;
border: none;
}
.offer-preview .offer-view:hover, #compareTable .offer-view:hover {
background-position: 0 0;
}
#compareTable .offer-view:link {
float: none;
text-align: center;
margin: 0 auto;
}
.offer-preview .compare {
clear: both!important;
border-top: 1px solid #eee;
text-align: right;
padding: 5px 0 0 0;
margin: 20px 0 0 0;
}
.offer-preview .compare strong {
font-size: 12px;
float: left;
color: #605d4a;
}
.offer-preview .compare label {
display: inline;
margin: 0;
padding: 0;
}
.offer-preview .compare input {
width: auto;
}
.offer-preview .compare a:link, .offer-preview .compare a:visited {
margin-right: 10px;
border: 0;
}
.offer-preview .compare .rating {
float: left;
}
.offer-preview .compare .rating img {
margin: 0;
padding: 0;
border: none;
background: none;
}

.offer-preview-details {
clear: none;
float: left;
width: 200px;
height: 100px;
font-size: 11px;
margin: 0 0 5px 10px;
}
.offer-preview-details p {
margin-bottom: 1px;
font-size: 11px;
}
.offer-preview-details a:link {
border-bottom: 0;
}
.offer-preview-details strong {
font-size: 11px;
color: #2e2d28;
}
.offer-preview .specialbox {
margin: 0;
padding: 5px 5px 0 5px;
width: auto;
}
.offer-preview .offer-promo, .offer-preview .hosted {
border: 1px dashed #912e2d!important;
padding: 3px 5px!important;
margin: 5px 0;
background: #f9eded url(../images/offer-promo-bg.png) repeat-x;
}
.offer-preview .offer-promo p, .offer-preview .hosted  {
font-size: 11px!important;
border: 0;
margin: 0;
padding: 0;

}

.sortThis {
font-weight: bold;
color: #FFF!important;
padding: 2px 4px;
background: #1c66b1;
text-decoration: none;
}
.sortThis:hover {
background: #1c66b1;
}


/* =Offer Detail
----------------------------------------------- */
.backbutton {
float: right;
margin-top: -30px;
margin-bottom: 30px;
}
h1.offerTitle {
margin: 2px 0 2px 0;
clear: right;
}
input.right {
margin: 10px;
}
#offer-head {
position: relative;
overflow: hidden;
margin: 0 0 2px 0;
padding: 10px 0;
width: 668px;
text-align:center;
height:255px;
}

#offer-head .shipimage {
width: 155px;
border: 1px solid #d1e0eb
padding: 2px;
float: left;
margin: 0 10px;
}
.offer-details {
float: left;
display: inline;
width: 180px;
clear: none;
}
.offer-details p {
margin: 0 0 5px 0;
}
.offer-details p a {
background: none;
border: none;
text-decoration: underline;
}
.offer-details strong {
font-size: 12px;
}
.specialbox {
clear: left;
float: left;
margin: 10px 0 0 10px;
width: 360px;
border: 1px dashed #d1e0eb;
background: #FFF;
padding: 7px;
}
.specialbox p img {
border: 1px solid #FFF;
padding: 0;
margin: 0;
float: left;
display: inline;
margin-right: 10px;
}
.specialbox p {
float: left;
display: inline;
zoom: 1;
width: 340px;
margin: 0;
font-size: 11px;
line-height: 1.2
}
.specialbox p strong{
font-size: 12px;
}
.offer-box {
position: relative;
float: right;
margin: 0 10px 30px 0;
display: inline;
width: 200px;
background: url(../images/offer-head-box-bg.png) repeat-y;
}
.offer-box #offerid {
background: url(../images/offer-head-id.png) no-repeat;
width: 189px;
height: 23px;
padding: 7px 5px;
margin: 0 0 5px 0;
text-align: center;
font-weight: bold;
}
.offer-box #offer-quote a {
display:block;
width: 199px;
height: 31px;
background: url(../images/offer-head-quote.png) no-repeat;
text-indent: -9999px;
text-decoration: none;
border: none;
}
.offer-box #offer-quote {
clear: both;
margin: 0;
}
.offer-box ul {
padding-left: 20px;
margin: 0 0 10px 0;
}
.offer-box li {
font-weight: bold;
margin-bottom: 8px;
}
#offer-contact {
font-weight: bold;
text-align: center;
}
#addthis {
position: absolute;
left: 450px;
top: 210px;
}
#addthis script {
float: none;
display: none;
margin: 0;
padding: 0;
}
#addthis a {
margin: 0;
text-align: left;
text-decoration: none;
background: none;
display: block;
border: none;
}

.staterooms, .reviews {
border: 1px solid #ebe9e6;
background: #fcfbfa;
padding: 10px;
overflow: hidden;
margin-bottom: 15px;
}
.staterooms h3 {
margin-top: 0;
font-weight: bold;
}
.staterooms img {
float: left;
clear: left;
margin-right: 10px;
border: 2px solid #FFF;
width: 190px;
}
.staterooms .right {
width: 355px;
text-align: left!important;
border: 1px solid #dfddca; 
background: #ffffff;
padding: 8px;
}
.price {
border: 2px solid #ebe9e6;
padding: 5px 8px; 
background: #ffffff;
font-weight: bold;
}
.quotelink:link, .quotelink:visited  {
display: block;
float: right;
background: transparent url(../images/offer-quote.png) no-repeat 0 0;
height: 23px;
width: 119px;
text-indent: -9999px;
margin: 0 0 0 5px;
border: 0;
}
.quotelink:hover  {
background-position: 0 -23px;
}
.offer-promo {
border: 1px dashed #912e2d;
padding: 10px;
margin-bottom: 10px;
background: #f9eded url(../images/offer-promo-bg.png) repeat-x;
}
.offer-promo p, .offer-promo ul, .offer-promo font {
font-size: 12px;
margin-bottom: 5px;
}
.offer-promo h3 {
margin-top: 0;
font-weight: bold;
font-style: italic;
}
.offer-services{
line-height: 1.4;
font-size: 12px;
}
.deckhide ul {
margin: 0;padding:0;
list-style-type: none;
}
.deckhide ul li {
display: block;
overflow: auto;
margin-bottom: 5px;
line-height: 2;
}
.deckhide ul li span {
margin-right: 5px;
}
#offer-misc {
padding: 10px;
margin: 10px 0;
}

.offer-overview {
margin-bottom: 30px;
border-bottom: 1px dashed #dfddca;
}
.section-child {
margin: 0 0 10px 20px;
}
.section-child h3, .section-child strong {
font-weight: bold;
font-size: 12px;
color: #352a3a;
margin-top: 25px;
}

.reviews h3 {
margin-top: 0;
color: #3e3145;
font-size: 18px;
}
.ratings {
float: right;
width: 200px;
margin-left: 20px;
text-align: center;
}
.ratings h4 {
text-align: center;
display: block;
font-weight: bold;
}
.ratings span {
font-size: 14px;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
display: block;
}
.ratings img {
display: block;
text-align: center;
padding: 0;
float: none;
margin: 0 auto!important;
width: 94px;
}







/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {height:1%;}
.ui-helper-clearfix {display:block;}
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .3em .3em 0;}

.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .7em 1em;}
.ui-tabs .smalltabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 2px 5px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .smalltabs li.ui-tabs-selected {padding-bottom: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { none;text-transform: uppercase; cursor: pointer; } 
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 10px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget { 
font-size: .9em;
margin: 2px 0;

}
.ui-widget-content { 
border: 1px solid #e7ecf1; 
background: #FFF;
overflow: hidden;
line-height: 1.3;
}
.ui-widget-content div {
line-height: 1.5;
font-size: 12px;
}
.ui-widget-content p, .ui-widget-content h2, .ui-widget-content h3, .ui-widget-content ul, .ui-widget-content img {
margin-left: 0;
margin-right: 0;
}
.ui-widget-content img.right {
margin-right: 15px!important;
float: right!important;
}
.smalltabs {
background: #fbfbf9;
border: 1px solid #f0efe1; 
margin-bottom: 0;
font-size: 1em;

}
.smalltabs .ui-widget-header {
background: none;
border: none;

}
.ui-widget-header { 
border: 1px solid #021d3b;
margin-bottom: 10px;
background: #003956;
color: #222222; 
font-weight: bold; 
}

.ui-widget-header a { color: #534b57; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { 

 font-weight: normal; 
}
.smalltabs {
overflow: hidden;
}
.smalltabs .ui-state-default, .smalltabs .ui-widget-content .ui-state-default {
background: none;
border: none;
text-transform: none!important;
border: 0;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
text-decoration: none;
 outline: none; 
}
.smalltabs .ui-state-default a, .smalltabs .ui-state-default a:link, .smalltabs .ui-state-default a:visited { 
color: #c53f03;
text-decoration: none;
 outline: none; 
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
 font-weight: normal; 
outline: none; 
background: #C74135;
}
.smalltabs .ui-state-hover, .smalltabs .ui-widget-content .ui-state-hover, .smalltabs .ui-state-focus, .smalltabs .ui-widget-content .ui-state-focus { 
border: none; 
background: none;
text-decoration: underline;
}
.ui-state-hover a, .ui-state-hover a:hover { 
text-decoration: none; 
outline: none; 

}
.smalltabs .ui-state-hover a, .smalltabs .ui-state-hover a:hover { 
 
}
.ui-state-active, .ui-widget-content .ui-state-active {
background: #C74135; 
font-weight: bold; 
color: #232f41; 
outline: none; 
}
.smalltabs .ui-state-active {
background: none;
color: #232f41;
border: 0;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
color: #232f41; 
outline: none; 
text-decoration: none;
 }
.smalltabs .ui-state-active a, .smalltabs .ui-state-active a:link, .smalltabs .ui-state-active a:visited { 
color: #232f41;
 }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }

