/* CSS Document */
/* CSS Layout code, author: Butter Creative */

html, body { padding: 0; margin:0; }
body {
	font: 82%/1.6 Trebuchet, "Trebuchet MS", Verdana, Helvetica, Arial, Helvetica, sans-serif;
	background-color: #fafafa;
	color: #333333;
	line-height:1.0;

}

#body1 {position: relative; margin: 0 auto;  padding:0;}
#body1.IE {zoom: 1;}
 p {font-size:1em; line-height:1.3em}
 a:link,  a:visited, a:active { color: #333333; text-decoration:underline; }
 a:hover {  color: #555555; text-decoration:none; }
	
/* put style back on elements */

pre, blockquote, fieldset, table {margin: 0;}
.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}


#middle2 ul, #middle2 ol  {margin:0.8em 0 0.8em 2.5em; line-height:1.4em;font-size:1em;}
#middle2 li {padding: 0;  }
#middle2 ul li { list-style: circle outside;	/* margin: 0 0 0.63em;padding: 0 0 0 0.5em; background:url(../imgs/list-on.gif) 0 0.6em no-repeat;*/ }
#middle2 ol li {list-style: decimal outside;}

	

.floatLeft {float:left; margin: 0 15px 15px 0 ;}
.floatRight {float:right; margin: 0  0 15px 15px;}

img { -ms-interpolation-mode: bicubic; }

.red {color:#FF0000; font-size:1.4em;}

h1,h2,h3,h4,h5,h6 
{margin:0; padding:0; font-family:Trebuchet, "Trebuchet MS", Tahoma, Arial, Geneva, Verdana, Helvetica, sans-serif; font-weight:bold; }

h1 {font-size:1.5em; color:#0072bc; text-transform:uppercase;margin:0 0 10px 10px;}

h2 {font-size:1.4em; color:#0072bc; text-transform:uppercase;margin:1px 0; padding:1px 0;}
h3 {font-size:1.3em; color:#0072bc; text-transform:uppercase; margin:3px 0; padding:3px 0;}

h4 {font-size:1.3em; margin:5px 0; padding:5px 0;}

h5 {padding:4px 0; }

#ship-details { position:relative;}	
#ship-details h4 {margin-top:30px; margin-left:235px;}

		#ship-details a:link, #ship-details a:visited, #ship-details a:active { color: #333333; text-decoration:underline;}
		#ship-details a:hover {  color: #555555; text-decoration:none; }	
	#shipDetails3 {float:left; margin:5px; width:135px;}
.IE #ship-details a {line-height:1.2em;}
#shipDetails1 {float:left; width:220px; margin:-25px 0 0 0;  padding:0;}
#shipDetails2 {margin:0 0 0 230px; padding: 0; height:80px;}

		
			
/* Layout */
#wrapper { background-color:#ffffff; padding-bottom:10px; }

#header {position:relative; width:960px; margin:0 auto;}
		.W3C #header {min-height:57px;}
		.IE #header {height:57px;}
			.titleHeader {display: block; background-position:0 0;background-repeat: no-repeat;	background-color: transparent; 	text-indent: -1200px;	overflow: hidden; 	}
			.titleHeader  {background: url(../imgs/alaska-cruise-logo.gif);	height: 36px;	width: 259px;	margin:0;padding:0;}
	#logo {float:left; margin-top:10px}	
	#logo p {margin:0; padding:0;}	
	#menu-top {font-size:0.9em; float:right;width:960px; margin:7px 15px 0 0; padding:0; text-align:right; width:500px; color: #0072bc;}
			
		#menu-top ul { margin:0; padding:0;  list-style:none;}
		#menu-top li { display:inline; margin:0; padding:0; }
		#menu-top a:link, #menu-top a:visited, #menu-top a:active { color: #0072bc; text-decoration:none; }
		#menu-top a:hover {  color: #0076a3; text-decoration:underline; }	
	
	#reservations p {color:#0072bc; font-size:1.6em; font-weight:bold; margin:10px 0 0 0; padding:0;}	

	
	
	
	
	#wrapperContent {width:960px;  margin:0 auto;}
	.IE6 #wrapperContent h1 {width:700px; }
		/* 3Colum Layout */
		#left3 {float:left;	width:180px; margin:0; padding:0; }
		#right3 {float:right; width:190px; margin:0; padding:0; }
		#middle3 {margin:0 190px 0 180px; padding: 0;;}
		.column-in3 {margin:0; padding: 0 15px;}
	
	/* 2Colum Layout */
		#right2 {float:right; width:220px; margin:0; }
		#middle2 {margin:0 230px 0 0; padding: 0; }
	
	#footer {  padding:10px 0; background-image:url(../imgs/footer-bg.jpg); background-repeat:repeat-x; background-position: top left; border-top:1px solid #c1c1c1; line-height:1.4em}
			.W3C #footer {min-height:160px;}
		.IE #footer {height:160px;}

		#footer-container { text-align:left; color:#959595; margin:0 auto; width:960px;}
			#footer-container  a:link, #footer-container  a:visited, #footer-container  a:active { color: #959595; text-decoration:underline; }
			#footer-container  a:hover {  color: #959595; text-decoration:none; }
		#footer-logo {float:left; width:150px;}
		#footer-text {margin:0 0 0 130px;}

.box-bg {margin-top:10px; background-image:url(../imgs/box-bg.jpg); background-repeat:repeat-x; background-position: top left; background-color:#d9d9d9; padding:20px;}
	
#box-bg-email {margin-top:10px; background-image:url(../imgs/bg-email.jpg); background-repeat:no-repeat; background-position: top left; background-color:#1586cf; padding:20px; color:#ffffff;}
#box-bg-email h3 { text-align:right; margin:0 0 0 50px; padding:0; color:#ffffff;}

.box-bg-bottom {background-image:url(../imgs/box-bg.jpg); background-repeat:repeat-x; background-position: top left; background-color:#d9d9d9; padding:20px;}

#box-bg-testimonial {position:relative; margin-top:10px; background-image:url(../imgs/bg-testimonial.jpg); background-repeat:no-repeat; background-position: top left; background-color:#d9d9d9; padding:20px;}
#box-bg-testimonial h3 {padding:0  0 0 40px;  margin:0;}
#quote-br {position:absolute; bottom:0; right:0; z-index:1; height:57px; width:54px; background-image:url(../imgs/bg-testimonial-br.jpg); background-repeat:no-repeat; background-position: top left;}


#table-style table {width:99%;}
#table-style table th {	background-color: #0072BC;	border: 1px solid #CCCCCC;		padding: 4px; color:#ffffff; font-weight:bold;}
#table-style table tbody tr td {border:1px solid #cccccc; padding:5px; background-color: #ffffff;}

#table-style table tbody tr.odd td {
	/*background-color:#F0F0F6;*/ background-color:#F0EEEF; }


#groupTable {width:99%;}
#groupTable td {vertical-align:top;} 

#groupTable .colg1 {width:42%; padding:5px 0;}
#groupTable .colg2 {padding:5px 0;}



.port {width:50%;}
.arrival {width:25%;}
.departure {width:25%;}

.ltday {width:20%;}
.ltdes {width:20%;}
.ltdet {width:60%;}

	
.W3C #map {width: 390px; height: 280px}
.IE6 #map {width: 380px; height: 280px}



/*pagination menu */
.rsmenu {font-size: 0.8em ;margin:6px 0 ; padding:6px 0; background: none;}
	.rsmenu ul { margin:0; padding: 0 ;  list-style:none; text-transform: uppercase; text-align:right;}
	.rsmenu li { display:inline; margin:0; }
	.rsmenu  p {float:left;}


 .rsmenut{
margin: 1px;padding: 1px 5px;}

.rsmenuw {float:right; width:150px;}

.rsmenu a:link, .rsmenu a:visited, .rsmenu a:active {
color:white;background-color: #0072BC;border:none;
margin: 1px; text-decoration: none; padding: 1px 5px;}

.rsmenu a:hover, .current {
color:white;background: #F7941D; border:none;
margin: 1px; text-decoration: none; padding: 1px 5px;}
/*pagination menu */







/* other bits*/

form {margin:0; padding:0;}
input, select, textarea {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; z-index:5;}
fieldset, label {  padding:0; margin:0;}
#requestform legend {color:#333333;}
#requestform fieldset {  border:solid 1px #333333; font-size:1.2em; font-weight:bold;}
.W3C #requestform fieldset { padding:15px 15px; margin:15px 15px;}
.IE #requestform fieldset { padding:35px 15px; margin:35px 15px;}
#requestform label {    width:140px; float:left; font-weight:normal; font-size:0.8em;}
#requestform div {padding:5px;}
#requestform input, #requestform select, #requestform textarea, #requestform img {margin:0 0 0 30px;}
#requestform label.required {color:#333; font-weight:bold;}
#requestform .submit {width:100px; padding:5px; margin-left:500px;}
#requestform  input, #requestform select, #requestform textarea {width:255px}


	

/* tabs*/	
	
 #tabs {}
   #tabs { font-size:1em;  margin:0 auto;  }

   #tabs ul {height:30px;margin:0 0 0 0;padding: 0;  list-style:none;      font-weight:bold; background-image:url(../imgs/tab-bg.jpg); background-repeat:repeat-x; background-position: top left; background-color:#908f8f; line-height:30px}
   #tabs li {margin:0; padding:0; list-style: none; display:inline;  text-align:center; width:120px; display:block; float:left; }
  
  * html #tabs li {display: inline; /* ie6 double float margin bug */ padding:0;}
  #tabs li,  #tabs li a {  }
  
  #tabs ul li a {  text-decoration: none;    color: #ffffff;  font-weight: bold; text-align:center;  padding:0;  display:block;}
   #tabs ul li a span {    }
	#tabs ul li.active a span {  text-align:center; display:block; background:transparent url(../imgs/tab-bg.gif) no-repeat top left; }


  #tabs ul li.active a {     color: #333333;   text-align:center;}
  #tabs div {clear:left;}
  #tabs div h3 {      }
  #tabs div p {     }
  
 /* tabs*/ 
  
 /* slideshow*/ 
    #slideshow-wrapper {z-index:1; position:relative;padding: 12px 0 0 5px;  /*margin-top:-6px;*/}
  
  #slideshow {z-index:1; position:relative;width:960px; height:274px; overflow:hidden;}

 /* slideshow*/   
  
#frame {z-index:2; background-image: url(../imgs/photo-frame.png); position:absolute; top:0; left:0; width:960px; height:280px; }
.IE6 #frame { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/photo-frame.png', sizingMethod='scale'); }

#caption {z-index:99; position:absolute; background-image: url(../imgs/blink-caption.png); position:absolute; top:100px; left:20px; width:290px; height:50px; }
.IE6 #caption { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/blink-caption.png', sizingMethod='scale'); }

  
 /* search */ 
#search {z-index:900; position:absolute; top:50px; right:45px;  width: 265px; }
#search h3 {margin:0; padding:0;}
 
#searchwrapper {z-index:500; position:absolute; top:40px; right:45px;  width: 280px; height:190px; }



.W3C #searchwrapper, .IE7 #searchwrapper {background-image:url(../imgs/search-bg.png); background-repeat:repeat-x; background-position: top left;}
.IE6 #searchwrapper {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/search-bg.png', sizingMethod='scale');} 



#searchform {margin:0; padding:0;}
#searchform label {    width:90px; float:left; font-weight:normal; font-size:1em; line-height:1.3em;}
#searchform div {padding:3px 0;}
#searchform input, #searchform select, #searchform textarea, #searchform img {margin:0 0 0 0;}

#searchform input#Submit {margin:0 0 0 88px; padding:0; z-index:999;}


 
 
  /* table specials */ 
   #tabs table {width:99%;}
   #tabs table p {margin:3px 0 3px 0; padding:0;}
 #tabs td {vertical-align: top}
  #specials-1 , #specials-2 , #specials-3 , #specials-4 , #specials-5 { width:99%;}
 #specials-1 td, #specials-2 td, #specials-3 td, #specials-4 td, #specials-5 td {border-bottom:1px solid #c9c9c9; padding:5px 0; }

 
  .slogo {width:125px;}
  .slink {width:345px;}
 #specials-w-1 img, #specials-w-2 img, #specials-w-3 img, #specials-w-4 img, #specials-w-5 img {margin: 5px 12px 0 0 ;}
 .imgBorder { border:3px solid #ffffff; margin-top:5px;}
 
/* menu */	
  
#mainnav-wrapper {margin:0 auto; width:960px;}
#mainnav {
	width: 945px;
	height: 30px;
	
	color: #ffffff;
	background: #f7941d url(../imgs/menu-bg.jpg) repeat-x;
	font-size:1.1em;  font-weight:bold; 
}
.W3C #mainnav {margin:0;}
.IE6 #mainnav {margin-left:3px;}


/* -------------------------- */
/* We begin by styling the main navigation on the page... */
/* -------------------------- */
/* Overall main navigation styles */
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 30px;
	color: #ffffff;
	background-color: transparent;
	font-weight: bold;
	padding:  0 0 0 10px;
	margin: 0 0 0 0;
}
/* -------------------------- */
/* The top main navigation links */
#nav a {
	display: block;
	
	color: #ffffff;	
	background-color:#f7941d;
	padding: 0 15px 0 14px; background: url(../imgs/menu-seperater.jpg) no-repeat center right ;  /* puts a "bar" on right of the main nav links */
	text-decoration: none;
}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#nav a.last {
	background-image: none;
}
#nav a.one, #nav a.two, #nav a.three, #nav a.four, #nav a.five, #nav a.six {
	text-align: left;
	font-size: 1em;
}
#nav li {
	float: left;
	padding: 0;
}
/* -------------------------- */
/* The dropdown links lists */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 210px; 
	font-weight: normal;
	font-size: 0.8em;
	background-color: #f7941d;
	margin: 0; padding:0;
	z-index:99; /* FIX FOR W3C*/
}
#nav li li {
	padding: 0;
	width: 210px; 
}
#nav li ul a {
	padding: 0 10px 0 10px;
	width: 190px;
	* html width: 100px;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
	margin: -2em 0 0 210px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
	background-color: #f7941d;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
	color: #ffffff;
	background-image: none;
}
#nav li ul.under a:hover {
	background: #F7AF1D;
	color: #fff;
}
/* -------------------------- */