/* common.css,v 1.0 06/23/2006 */

/*--------------------------------------------------
  All of these styles are common to most pages.
  --------------------------------------------------*/

/*--------------------------------------------------
  Content
  These styles are with in the overall content Div.
  --------------------------------------------------*/
#content *{font-family:Arial,Helvetica,sans-serif;font-size:100%;}
#mainContent{width:780px;background:#FFF url("../images/page_back.gif");position:relative;z-index:1;  }
#content{font-size:.69em;line-height:1.2em;}
#content img{border:0;}
#content form{margin:0;padding:0;}
#content p{margin:0;padding:0;}
#content p,#content div,#content ul,#content ol,#content dl,#content li,#content dd,#content dt,#content span,#content a,#content table,#content td{font-size:1.0em;line-height:1.2em;}
#content h1{margin:0;padding-left:5px;font-size:1.65em;line-height:1.65em;}
#content h2{margin:0;padding:0;font-size:1.4em;line-height:1.4em;}
#content h3{margin:0;padding:0;font-size:1.2em;line-height:1.2em;}
#content ul{margin:0;padding:0;list-style:none;}
#content ol{margin:0;padding:0;}
#content li{margin:0;padding:0;line-height:1.2em;}
#content hr.hr1{height:1px;color:#ccc;margin:5px 0px;}
#content .clear{clear:both;float:none;}
#content .superclear{float:none;clear:both;width:1px;height:1px;overflow:hidden;visibility:hidden;padding:0px;margin:0 0 0 0;}
#content .normal{font-weight:normal;}
#content .bold{font-weight:bold;}
#content .italic{font-style:italic;}
#content .smfont{font-size:.9em;}
#content .nodecoration{text-decoration:none;}
#content a{color:#0061D2;}
#content a: hover{color:#ff9900; text-decoration:none;}

/*--------------------------------------------------
  PAGE
  These styles set-up the left side of a content page
  pageSub = orange section under the tabs
  pageFrame = middle or content area of the box
  pageBottom = bottom orange rule and shadow 
  --------------------------------------------------*/
#page{float:left;width:600px;}
#pageTitle{margin:0px; color:#333;}
#pageTitle 11{margin-left:8px;}
#pageSub {background:#FFF1DC;border-left:1px solid #ff9900; border-right:1px solid #ff9900; padding:4px 4px 4px 4px;}
#pageFrame {background:#FFF;border-left:1px solid #ff9900; border-right:1px solid #ff9900; padding:8px 8px 8px 8px;}
#pageBottom {background:#FFF;border-top:1px solid #ff9900; height:1.6em; padding:0px 10px 0px 0px;}
#page #leftColum{float:left;width:240px;margin-right:8px;}

/*--------------------------------------------------
  Homepage Left Column
  These are for home page use only
  --------------------------------------------------*/
#hmleftside{text-align:center;} 
#hmleftside #head{background:#FFFFFF;padding:0;text-align:left;}
#hmleftside #head h3{background:#5BB7F8;color:#0446A7;margin-bottom:.5em;padding:.35em 2px;text-align:left;}

/*--------------------------------------------------
  SideColumn
  These styles control elements in the right site column.
  --------------------------------------------------*/
#content #promo1{position:absolute;left:630px;z-index:2;margin:10px 0 0 0;padding:0 0 10px 10px;background:#fff;}
#content #promo1.noprog{margin-top:0px;}
#content #promo1 #no_promo1{width:140px;height:120px;background:#fff;}
#sideColum{text-align:center;}
#sideColum #tools,#sideColum #quotes,#sideColum #faqs{background:#9FD8FE;width:140px;padding:0;text-align:left;}
#sideColum #tools h3,#content #sideColum #quotes h3,#sideColum #faqs h3{background:#5BB7F8;color:#0446A7;margin-bottom:.5em;padding:.35em 2px;text-align:center;}
#sideColum #spotlight{width:140px;background:#fff;border:1px solid #9FD8FE;padding:5px 5px 5px 5px;}
#sideColum ul{padding:0px 5px 8px 5px;margin:0px 0px 0px 5px;}
#sideColum ul li{padding:2px 0px 0px 0px;list-style-type:none;}
#sideColum #search{width:140px; text-align:center; background:#9FD8FE;}
#sideColum #search .form{width:130px;color:#666;}

/*--------------------------------------------------
  The remaining styles are used for specific 
  components or pape elements
  --------------------------------------------------*/

/** BUTTONS **/
#btn_gray {text-align:center;  width:80px; color:#FFFFFF; background-color:#3366FF; font-weight:bold;border-top: 1px solid #fcfcfc; border-bottom: 1px solid #333333; border-left: 1px solid #fcfcfc; border-right: 1px solid #333333; padding: 2px;}
#btn single {font:bold 11px Arial, Verdana;  color:#FFFFFF; cursor: hand; text-decoration: none;}
#btn_gray a:link, #btn_gray a:visited, #btn_gray a:hover, #btn_gray a:active {  font: Bold 11px Arial, Verdana;  color:#FFFFFF; cursor: hand; text-decoration: none;}
#btn_bBig {text-align:center;  width:130px; background-color: #3366FF; cursor: hand; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #333333; border-left: 1px solid #fcfcfc; border-right: 1px solid #333333; padding: 4px;}
#btn_bBig a:link, #btn_bBig a:visited, #btn_bBig a:hover, #btn_bBig a:active {  font: Bold 11px Arial, Verdana;  color:#FFFFFF; cursor: hand; text-decoration: none;}
#btn_Biglite {text-align:center;  width:130px; background-color: #CCCCCC; cursor: hand; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #333333; border-left: 1px solid #fcfcfc; border-right: 1px solid #333333; padding: 4px;}
#btn_Biglite a:link, #btn__Biglite a:visited, #btn__Biglite a:hover, #btn__Biglite a:active {  font: Bold 11px Arial, Verdana;  color:#3366FF; cursor: hand; text-decoration: none;}
#btnBorder {text-align:center;  width:100px; background-color: #FFFFFF; cursor: hand; border: 1px solid #cccccc; padding: 2px;}
#btnBorder a:link, #btnBorder a:visited, #btnBorder a:hover, #btnBorder a:active {  font: 11px Arial, Verdana;  color:#000000; cursor: hand; text-decoration: none;}

/** AlertPopUp **/
#boxAlert {float:right; text-align:center;margin: 0; width:120px; background-color: #FFBA53; cursor: hand; border: 0; padding: 2px; font: 11px/14px Arial; color: #ffffff;}
#boxAlert a {color:#000000; text-decoration:none;}
#boxAlert a:hover {  color:#000000; text-decoration:underline; }

/** Calenders **/
#calCruise { }
#calCruise #month{ background-color: #5BB7F8; font-weight:bold; }
#month a:link, #month a:visited, #month a:hover, #month a:active{ color:#FFFFFF;font-weight:bold;}
#calCruise .year{ background-color: #A0D7FE; font-weight:bold;}
#calCruise #month2{ background-color: #D48100; font-weight:bold; }
#month2 a:link, #month2 a:visited, #month2 a:hover, #month2 a:active{ color:#ffffff;font-weight:bold;}
#calCruise .year2{ background-color: #FBE5C5;font-weight:bold; }
#calCruise .title{ background-color: #FFBA53;font-weight:bold; }
#shipRow{padding-left:4px;}

/** PhotosRule **/
#photo240{width:240px;border: 1px solid #000;}
#photo120{width:120px;border: 1px solid #000;}
#photo90{width:90px;border: 1px solid #000;}
#photo{border: 1px solid #000;}
#photo200{width:200px;border: 1px solid #000;}

/** DealsResults **/
#resCruise #resHeader{background:#249AF1;font-weight:bold;color:#fff;font-size:1.1em;}
#resCruise a.resPricebox {color:#FFF;font-weight:Bold;font-size:1.35em;}
#resCruise a.resPrice {font-weight:Bold;font-size:1.35em;}
#resCruise a.resPriceshort {font-weight:Bold;font-size:1.35em;text-decoration: underline}
#resCruise .showstate {cursor:pointer;cursor:hand;} 
#resTablerules {border-left:1px solid #D7F1FE;border-bottom: 1px solid #D7F1FE;} 
.resTable2 {border-left:1px solid #D7F1FE;border-right:1px solid #D7F1FE;border-bottom:1px solid #D7F1FE;} 
.resTable {border-left:1px solid #D7F1FE;border-bottom:1px solid #D7F1FE;} 
.resTabletitle {background:#D7F1FE; border-left:1px solid #FFFFFF; font-weight:bold;} 

/** ToggleTool **/
.TogShowstate{ cursor:hand;cursor:pointer;float: right;margin-top: 2px;margin-right: 3px;}
.TogHeaders{width: 400px;font-size: 120%;font-weight: bold;border: 1px solid black;background-color: lightyellow;}
.TogSwitchcontent{width: 400px;border: 1px solid black;border-top-width: 0;}

/** Bullets **/
#bullet ul{margin:5px 5px 5px 20px;padding:5px;list-style:square;}
#bullet li{margin:0;padding:0;line-height:1.2em;}