/* peak added following */

/* About Cruise Brothers text at the bottom of the site */
.AboutCruiseBrothers
{
	color:#999;
	padding:5px;
	margin-top: 1px;
}

h1.peak { 
margin: 10px 0px;
font-size: 11px;
font-family: arial;
font-variant: normal;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2.peak { 
margin: 10px 0px;
font-size: 11px;
font-family: arial;
font-variant: normal;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2.peakheader { 
margin: 10px 0px;
font-size: 14px;
font-family: arial;
font-variant: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc3300;
}

h3.peak { 
margin: 0px 0px;
font-size: 11px;
font-family: arial;
font-variant: normal;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
}

h3 {
display:inline;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Read More Cruise Brothers text at the bottom of the page */
.readmoretext {display:none;}

#readmoretext {display:none;}

#crubroblock {display:none;}

.lmo {text-decoration: none}

.lmo:hover {text-decoration: underline;}

.t1 {text-decoration: none; color: #c43201;}
.t1:hover {text-decoration: underline;}

.lora {text-decoration:none;color:black;background-color:transparent}
a.lora:hover {text-decoration:underline; color:black;background-color:transparent}
.lor a:hover {text-decoration:underline;}

.pphone {color:#CC0000;background-color:transparent;font-weight:bold;text-align:center;}

.psmallshipimage {text-align:center; min-width: 120px; height: 90px; padding-right: 10px;margin-top:2px;margin-bottom:2px;}

ul.speciallist {list-style-type:disc;float:left;}
ul.speciallist li {margin-left:15px;border: 0px solid black;}

div#moreout {display:none}
div#moreout2f {display:none}

div#moreout a {font-size: 9px !important}

ul.slist {width: 524px; margin: 0px; padding: 10px 0px 10px 0px; list-style-type: none; clear: both; float: right}

ul.slist li {float: left; width: 262px; margin: 2px 0px 3px 0px; padding: 0px; text-align: center}

.grsm {font-size: 13px; font-weight:bold; color: #006699 !important; background-color: transparent; margin: 0px; padding: 0px}

.grsm a {color: #006699 !important; background-color: transparent}
.grsm a:hover {color: #3300ff !important; background-color: transparent}

.cships {float:left; margin: 15px; border: 0px}

div hr {border-style: none}

hr.orhr {border-top: 1px solid #ff682f; height: 0px; overflow: hidden; clear: both; padding: 5px 0px}

.imgrt {margin: 0px 0px 10px 10px; float:right}

strong {color: #006699; background-color: transparent}

div.cruisepack {border: 1px solid #006699; width: 524px; margin-bottom: 10px}

div.cruisepack h2 {color: #ffff00; background-color: #006699; margin: 0px; padding: 5px 0px; text-indent: 5px; font-size: 12px; width: 100%}

div.cruisepack ul {list-style-type: none; margin: 0px 10px; padding: 0px}

div.cruisepack ul li {border-top: 1px solid #cccccc; padding: 10px 0px 10px 0px; clear: both}

div.cruisepack ul li.notop {border: 0px}

div.cruisepack img {float: left; width: 88px; padding: 2px 10px 10px 0px}

div.cruisepack strong {color: #003366; background-color: transparent; font-size: 13px}

div.cruisepack a {display: block; font-weight: bold}

div.cruisepack p a {color: #ffffff; background-color: transparent; background-image: url(http://www.cruisebrothers.com/images/button_bg.gif); padding: 5px; display: inline; border: 1px solid #006699; text-decoration: none}

div.cruisepack p a:hover {color: #ffffff; background-color: transparent; background-image: url(http://www.cruisebrothers.com/images/button_bg_over.gif); text-decoration: underline; border: 1px solid #ff0000}

.excsale img {border: 0px; width: 100px}

.lexcsale {text-align: center}

.lexcsale a {text-decoration: none}

.lexcsale a:hover {text-decoration: underline}

.texcsale {padding-right: 15px; padding-left: 7px; font-weight: bold; font-size: 9pt; padding-bottom: 3px; color: #ffffff; padding-top: 3px; background-color: #006699; text-align: center}

.rexcsale {padding-right: 15px; padding-left: 7px; font-size: 9pt; padding-bottom: 15px; color: #333333; background-color: transparent; padding-top: 7px}

.rexcsale ul {list-style-type: none; margin: 0px; padding: 0px; text-align: center; font-weight: bold}

.rexcsale li {padding: 10px 0px}

.rexcsale b, .excsale .rexcsale li {color:#cc0000; background-color: transparent}

.bdnun {border: none !important}


/* Styles for new Dynamic Driven Content Files */

#clb-shell {
  margin : auto;
  width : 623px;
}

/* 
  My main experiment sub-heading. Just setting color
*/
#clb-shell h2 {
  color : #669900;
}

/*
  Now I'm resetting the paragraph padding (it was zeroed). I'm also clearing
  the p, but I don't really need this for the top one, only the bottom. The 
  top has no effect (it'll clear the heading by default), but it is needed 
  for the bottom (depending on the shell width versus the ul width). It may 
  not be needed at all. Your situation will determine.
*/
#clb-shell p {
  padding : 0px;
  clear : both;
}
.plain{
list-style-image:none;
border: none;!important
}
/*
  I define the width of the ul, set the height (in ems!) align the text and
  remove list styles. The last may not be needed on most browsers
*/
ul.clb {
  width : 480px;
  height : 100%;
  text-align : left;
  list-style-type : none;

}

/*
  Now I style the individual boxes (li)
*/
ul.clb .box {
  padding: 6pt 2px;
		margin:5px 0px;
  border : 1px solid #666;
  width : 450px;
  height : auto;
  background : #ffffea url(http://www.cruisebrothers.com/images/clb_li_back.jpg);
  float : left; 
  display : inline;
}

.grsm2{
color:#CC3300;
font-weight:bold;
font-size:14px;
}
/*
  Style the li links
*/
#clb-shell a {
  color : #669900;
}
#clb-shell a:hover, #clb-shell a:focus, #clb-shell a:active {
  color : #000;
  text-decoration : none;
}
#clb-shell a:focus, #clb-shell a:active {
  background-color : #fff;
}

/*
  Style the h3 links
*/
ul.clb h3 a {
  color : #FFF;
  display : block;
  width : 444px;
  padding : 2px 3px;
  background : #333 url(http://www.cruisebrothers.com/images/ulbg.jpg) repeat-x; 
  border-bottom : 1px solid #666;
  text-decoration : none;
		font-size:11px;
}
#clb-shell ul.clb h3 a:hover, #clb-shell ul.clb h3 a:focus, #clb-shell ul.clb h3 a:active {
  background : #957412 url(http://www.cruisebrothers.com/images/clb_h3_back_over.jpg) repeat-x;
  color : #fff;
}

/*
  This tyles the text p content within the li separately. The most important 
  thing here is to re-kill the padding and add the margin to create good gutters
*/
ul.clb p {
  font-size : 11px;
  padding : 0;
  margin : 10px;
}
/* style all the list items here */
/* style all the list items here */
div.cdl {
font-weight:bold;
margin-left:35px;
padding:0px;
width:75%;
}
div.cdl ul li {
border-bottom:1px solid #CCCCCC;
font-size:0.9em;
height:1em;
list-style-type:none;
padding:0.3em 17px 0.4em;
}

/* every second list item is positioned outward and moved up equal to LI height to even them */
div.cdl ul li.cdl_l2 {
border:0pt none;
padding-left:180px;
margin-top:-1.7em;
/*padding:0.3em 0pt 0.4em;*/
}   

/* Every other two list items are styled with a background for usability and style */
.cdl_alt {
}

/* star hack in use here but this is for IE 6.2 and older only and you may use a conditional comment and 2nd CSS */
* html div.cdl ul li.cdl_l2 {
  margin-top : -2.1em;
}
/* End Styles */
a.roh {color:#000; text-decoration: none}

a.roh:hover {color:#000; text-decoration: none}

a.ro {text-decoration: none}

a.ro:hover {text-decoration: underline}

/*This is for images on dynamic pages */
div.dropsh {display: inline; float: right; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 5px; background: url(cruise-images-cc/gradient-v.gif) top right repeat-y; width: 257px}

div.dsone {background-color:#ccdcf3; float:left; width: 247px}

div.dsone p {text-align:center; padding: 5px 0px !important; margin: 0px !important}

div.dsone p img {width: 237px; height: 115px; padding: 0px 0px 2px 0px}

div.dsone p strong {clear: both}

div.dstwo {background: url(cruise-images-cc/gradient-h.gif); margin: 0px; padding: 0px; height: 10px; overflow:hidden; clear: both}

div.dstwo img {height: 10px; width:10px; float:right}

div.dstwo p, div.dstwo span {background-image: url(cruise-images-cc/gradient-corner.gif); width: 10px; height: 10px; background-repeat: no-repeat; float:right; padding: 0px !important; margin: 0px !important}

div.dstwo p {background-image: url(cruise-images-cc/gradient-corner-l.gif); float: left}

div.tpgrad {width:10px;display:inline; overflow:hidden; float:right; background-image: url(cruise-images-cc/gradient-corner-t.gif); background-repeat: no-repeat}

div#moreout {display: none}

a.hlk {color: #cc3300; background-color: transparent; text-decoration: none}

a.hlk:hover {text-decoration: underline}

a.tablenav:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:none; font-weight:bold; }
a.tablenav:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:none; font-weight:bold; }
a.tablenav:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:none; font-weight:bold; }
a.tablenav:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:underline; font-weight:bold; }