/* -------------------------------------------------------------------------- */
/* GeekCruises.com - New Base CSS */
/* -------------------------------------------------------------------------- */
/* Global Definitions */
html {
	font-size: 125%; }
body {
	margin: 0;
	padding: 0;
	font-size: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../imagesb/bglines2.gif);
	text-align: center; }
body * { 
	margin: 0; 
	padding: 0; }
img {
	border-width: 0; }
form {
	margin: 0; }
.clearfloat:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

.clearfloat{display: inline-block;}

/* Hides from IE Mac \*/
* html .clearfloat {height: 1%;}
.clearfloat{display:block;} /* this tag may need to follow IE7 adjustment */
/* End Hack */

/* in anticpation of IE7 - redefinition...
* html body > .clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; } */


/* -------------------------------------------------------------------------- */
/* Home Page Elements */
#boatcontainer {
	background-image: url(../imagesb/navwrapper.gif);
	background-position: center 0;
	width: 100%;
	}
#boatcontainer p {
	text-align: right;
	width: 924px;
	margin-right: auto;
	margin-left: auto;
	}
#cruisecontainer {
	background-color: #d5d7d5;
	width: 100%;
	margin-top: 24px;
	padding-top: 8px; }
#cruisecontainer p {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 938px;
	}
.cruisespacer img{
	margin: 0 5px 0;
	}

#homebottom {
	background-color: #aaafb7;
	width: 100%;
	height: 60px; }
.picardo {
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: top;
	}


/* -------------------------------------------------------------------------- */
/* Bread Crumb Footer & Blue Horizontal Bars */
#bc {
	background-color: #5688e5;
	width: 100%;
	height: 36px; }
#bc p {
	width: 924px;
	margin: 0 auto; 
	color: #036;
	line-height: 36px;
	text-align: right; }
#bc a {
	color: #036; }
#bc a:hover {
	color: #000; }


/* -------------------------------------------------------------------------- */
/* Mast Head - logo, book a cruise, & search field */
#mhwrapper {
	background-image: url(../imagesb/topbar.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 126px; }
#mh1 {
	width: 924px;
	height: 126px;
	margin-right: auto;
	margin-left: auto; }
#ct1, #cbtop, #cbsub, #bb {
	width: 924px;
	margin: 0 auto 0; }
#bba, #bbb, #bbc, #bbd, #bbe, 
#bbf, #bbg, #bbh, #bbi, #bbj {
	width: 924px;
	margin: 0 auto 0; }
#geeklogo{
	position: relative;
	float: left;
	margin-top: 16px; }
#mh2 {
	text-align: right;
	position: relative;
	width: 568px;
	float: left;
	padding-top: 48px; }
#mh3 {  text-align:  right;
  padding-top: 36px;
  position:    relative;
  width:       568px;
  float:       left; }

#mh2 form { 
	width: 100%; }
.search {
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	display: inline; }
#arrowjs{
	text-align: right;
	vertical-align: top;
	display: inline; }


/* -------------------------------------------------------------------------- */
/* Navagation Bars*/
#navwrapper, #navwrapper2 {
	background-image: url(../imagesb/navwrapper.gif);
	width: 100%; }
#navwrapper2 {
	margin-top: 18px; }
#navcontainer1, #navcontainer2 {
	width: 924px;
	padding: 0;
	margin: 0 auto;
	display: block;
	white-space: nowrap; }
#navcontainer1 ul, #navcontainer2 ul {
	float: right;
	list-style-type: none; }
#navcontainer1 ul li, #navcontainer2 ul li, 
#navcontainer1 img, #navcontainer2 img {
	display: block;
	float: left; }
#navcontainer1 img, #navcontainer2 img {
	background-color: #f90;
	float: right;
	padding: 0.3em 6px 0.4em; }
#navcontainer1 ul li a, #navcontainer2 ul li a {
	color: #191919;
	padding: 6px 9px;
	margin: 0 1px 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	line-height: 1em;
	text-decoration: none;
	display: block; }
#navcontainer1 ul li a {
	background: #aaafb7; }
#navcontainer1 li#home a, #navcontainer2 li#home a,
#navcontainer1 li#win a, #navcontainer2 li#win a  {
	background: #f90; }
#navcontainer1 li#active a, #navcontainer2 li#active a {
	background: #fff; }
#navcontainer1 ul li a:hover, #navcontainer2 ul li a:hover, 
#navcontainer1 ul li#home a:hover, #navcontainer2 ul li#home a:hover, 
#navcontainer1 ul li#win a:hover, #navcontainer2 ul li#win a:hover, 
#navcontainer1 ul li#book a:hover, #navcontainer2 ul li#book a:hover  {
	background: #fc0; }


/* -------------------------------------------------------------------------- */
/* Cruise Top Banner - banner photo, cruise title */
#ct, #navwrapper, #navwrapper2 {
	width: 100%;
	background-repeat: repeat-y;
	background-position: center top; }
#ct {
	height: 124px; }
#ct134 {
  background-color: #333;
  background-repeat: repeat-y;
  background-position: 52% top;
  width: 100%;
  height: 134px; }
#ct1 img { 
	float: left; }
#ct1 h1 {
	color: #666;
	font-size: 4em;
	line-height: 105%;
	text-align: left;
	word-spacing: -4px;
	letter-spacing: -1px;
	float: left;
	margin: 12px 0 12px 12px; }
#ct1 span {
	color: #666;
	font-size: .25em; }


/* -------------------------------------------------------------------------- */
/* cb = Color Bar - bb = Blank Bar, has no color background */
#cbtop {
	color: white;
	font-size: 1.5em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 13px 0; }
#subwrapper, #subwrapper2 {
	width: 100%;
	background-position: center top; }
#subwrapper2{
	margin-top: 18px; }
#cbsub h1 {
	color: #fff;
	font-size: 3.6em;
	text-align: left;
	word-spacing: -2px;
	letter-spacing: -1px;
	padding-top: 18px;
	padding-left: 24px; }
#cbsub h2 {
	color: #fff;
	font-size: 1.8em;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 22px;
	padding-left: 24px; }
#bb .lefttext, 
#bba .lefttext, #bbb .lefttext, #bbc .lefttext, 
#bbd .lefttext, #bbe .lefttext, #bbf .lefttext, 
#bbg .lefttext, #bbh .lefttext, #bbi .lefttext, #bbj .lefttext {
	text-align: left;
	float: left; }
#bb .righttext, 
#bba .righttext, #bbb .righttext, #bbc .righttext, #bbd .righttext, #bbe .righttext, #bbf .righttext, #bbg .righttext, #bbh .righttext, #bbi .righttext, #bbj .righttext {
	text-align: right;
	float: right; }
#bb p {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 56px; }
#bba p, #bbb p, #bbc p, #bbd p, #bbe p, 
#bbf p, #bbg p, #bbh p, #bbi p, #bbj p {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 56px;
	padding-left: 30px;
	}

/* -------------------------------------------------------------------------- */
/* Main Contents of page */

/* 2 column layout container */
#contain2col1, #booking2, #contain2col1a, #contain2col1b, #contain2col1c, #contain2col1d, #contain2col1e, #contain2col1f, #contain2col1g, #contain2col1h, #contain2col1i, #contain2col1j {
	width: 924px;
	margin: 0 auto; }
/* the following (2col2) adds margin above #contain2col1 */
#form2col2, #contain2col2, #containfaqs, #booking {
	width: 924px;
	margin: 18px auto 0; }
/* 2 column layout */
.leftcol, .leftcola {
	width: 452px;
	float: left; }
.rightcol, .rightcola, .rightcolform {
	width: 452px;
	float: right; }

/* 3 column layout container */
#contain3col1, #contain3col3,
#contain3col1a, #contain3col1b, #contain3col1c, 
#contain3col1d, #contain3col1e, #contain3col1f, 
#contain3col1g, #contain3col1h, #contain3col1i, 
#contain3col1j {
	width: 960px;
	margin: 0 auto 0; }
/* the following (3col2) adds margin above #contain3col1 */
#contain3col2, 
#contain3col2a, #contain3col2b, #contain3col2c, 
#contain3col2d, #contain3col2e, #contain3col2f, 
#contain3col2g, #contain3col2h, #contain3col2i, 
#contain3col2j {
	width: 960px;
	margin: 18px auto 0; }
/* 3 column layout */
.col1, .col2, .col3 {
	width: 296px;
	height: 670px;
	overflow: auto;
	float: left;
	margin-bottom: 18px;
	margin-left: 18px; }
/* ns = no scroll bars */
.col1ns, .col2ns, .col3ns {
	width: 296px;
	float: left;
	margin-left: 18px; }
.col2_2wide {
	width: 610px;
	float: left;
	margin-left: 18px; }
.wideleft {
	width: 610px;
	margin-left: 18px; }

* html .col1ns, * html .col1 {
	margin-left: 9px; } 
* html .wideleft  {
	margin-right: 314px;
	} 
/* the above may need correction after IE7 release */

/* 2 column and 3 column font specs are different */
#contain3col1 ul, #contain3col2 ul, 
#contain3col1a ul, #contain3col2a ul, 
#contain3col1b ul, #contain3col2b ul, 
#contain3col1c ul, #contain3col2c ul, 
#contain3col1d ul, #contain3col2d ul, 
#contain3col1e ul, #contain3col2e ul, 
#contain3col1f ul, #contain3col2f ul, 
#contain3col1g ul, #contain3col2g ul, 
#contain3col1h ul, #contain3col2h ul, 
#contain3col1i ul, #contain3col2i ul, 
#contain3col1j ul, #contain3col2j ul 
{
	background-color: white;
	padding-top: 10px; }
#contain3col1 ul li, #contain3col2 ul li, 
#contain3col1a ul li, #contain3col2a ul li, 
#contain3col1b ul li, #contain3col2b ul li, 
#contain3col1c ul li, #contain3col2c ul li, 
#contain3col1d ul li, #contain3col2d ul li, 
#contain3col1e ul li, #contain3col2e ul li, 
#contain3col1f ul li, #contain3col2f ul li, 
#contain3col1g ul li, #contain3col2g ul li, 
#contain3col1h ul li, #contain3col2h ul li, 
#contain3col1i ul li, #contain3col2i ul li, 
#contain3col1j ul li, #contain3col2j ul li 
{
	color: #333;
	font-size: 1.1em;
	line-height: 154%;
	background-color: white;
	text-align: left;
	text-indent: -18px;
	vertical-align: baseline;
	padding: 0 12px 0 52px;
	list-style-image: url(../imagesb/gcbullet9_transparent.gif);
	list-style-position: inside; }
#contain2col1 ul, #contain2col2 ul, #contain2col1a ul, #contain2col1b ul, #contain2col1c ul, #contain2col1d ul, #contain2col1e ul, #contain2col1f ul, #contain2col1g ul, #contain2col1h ul, #contain2col1i ul, #contain2col1j ul, #booking ul {
	background-color: white;
	padding-top: 12px; }
#contain2col1 ul li, #contain2col2 ul li, #contain2col1a ul li, #contain2col1b ul li, #contain2col1c ul li, #contain2col1d ul li, #contain2col1e ul li, #contain2col1f ul li, #contain2col1g ul li, #contain2col1h ul li, #contain2col1i ul li, #contain2col1j ul li, #booking ul li {
	color: #333;
	font-size: 1.2em;
	line-height: 1.7em;
	background-color: white;
	text-align: left;
	text-indent: -17px;
	vertical-align: baseline;
	padding: 0 12px 0 60px;
	list-style-image: url(../imagesb/gcbullet7_transparent.gif);
	list-style-position: inside;}
#contain2col1 ol, #contain2col2 ol {
	background-color: white;
	padding-left: 30px; }
#contain2col1 ol li, #contain2col2 ol li {
	color: #333;
	font-size: 1.2em;
	line-height: 1.7em;
	background-color: white;
	text-align: left;
	text-indent: -20px;
	vertical-align: baseline;
	padding: 0 12px 0 63px;
	list-style-position: inside; }
#contain2col1 h3, #contain2col2 h3, #contain2col1a h3, #contain2col1b h3, #contain2col1c h3, #contain2col1d h3, #contain2col1e h3, #contain2col1f h3, #contain2col1g h3, #contain2col1h h3, #contain2col1i h3, #contain2col1j h3 {
	font-size: 1.2em;
	line-height: 1.7em;
	background-color: #e1e1e1;
	text-align: left;
	padding: 14px 0 14px 30px;
	border-bottom: 1px solid #000; }

#blue {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	background-color: #09f;
	text-align: left;
	padding: 6px 0 6px 30px;
	}

.leftcol p, .rightcol p, .rightcolform p,
#contain2col1 h4, #contain2col2 h4 {
	color: #333;
	font-size: 1.2em;
	line-height: 1.7em;
	background-color: white;
	text-align: left;
	padding: 12px 12px 0 30px; }
#contain2col1 h2, #contain2col2 h2 {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.7em;
	text-align: left;
	margin-bottom: 16px;
	padding: 14px 0 14px 30px;
	}
#contain3col1 h3, #contain3col2 h3, 
#contain3col1a h3, #contain3col2a h3, 
#contain3col1b h3, #contain3col2b h3, 
#contain3col1c h3, #contain3col2c h3, 
#contain3col1d h3, #contain3col2d h3, 
#contain3col1e h3, #contain3col2e h3, 
#contain3col1f h3, #contain3col2f h3, 
#contain3col1g h3, #contain3col2g h3, 
#contain3col1h h3, #contain3col2h h3, 
#contain3col1i h3, #contain3col2i h3, 
#contain3col1j h3, #contain3col2j h3 
{
	font-size: 1.1em;
	line-height: 154%;
	background-color: #e1e1e1;
	text-align: left;
	padding: 10px 0 10px 24px;
	border-bottom: 1px solid #000; }
#contain3col1 h4, #contain3col2 h4, 
#contain3col1a h4, #contain3col2a h4, 
#contain3col1b h4, #contain3col2b h4, 
#contain3col1c h4, #contain3col2c h4, 
#contain3col1d h4, #contain3col2d h4, 
#contain3col1e h4, #contain3col2e h4, 
#contain3col1f h4, #contain3col2f h4, 
#contain3col1g h4, #contain3col2g h4, 
#contain3col1h h4, #contain3col2h h4, 
#contain3col1i h4, #contain3col2i h4, 
#contain3col1j h4, #contain3col2j h4, 
.col1 p, .col2 p, .col3 p, .wideleft p,
.col1ns p, .col2ns p, .col3ns p, .col2_2wide p {
	color: #333;
	font-size: 1.1em;
	line-height: 154%;
	background-color: white;
	text-align: left;
	padding: 10px 8px 0 24px; }

#contain2col1 .center, #contain2col2 .center {
	color: #333;
	font-size: 1.2em;
	line-height: 1.7em;
	background-color: white;
	text-align: center;
	margin-bottom: 16px;
	padding-bottom: 12px; }

#containfaqs p {
	color: #333;
	font-size: 1.3em;
	line-height: 169%;
	background-color: white;
	text-align: center;
	padding-top: 18px; }

.col1 div p, .col2 div p, .col3 div p, 
.col1ns div p, .col2ns div p, .col3ns div p {
	text-indent: -12px;
	padding: 4px 8px 0 47px; }
	
.col1 div div p, .col2 div div p, .col3 div div p, 
.col1ns div div p, .col2ns div div p, .col3ns div div p {
	text-indent: -1em;
	padding: 0 0 0 59px; }
p span {
	color: #999; }

body #contain2col1 h4, body #contain2col2 h4, 
body #contain3col1a h4, body #contain3col2a h4, 
body #contain3col1b h4, body #contain3col2b h4, 
body #contain3col1c h4, body #contain3col2c h4, 
body #contain3col1d h4, body #contain3col2d h4, 
body #contain3col1e h4, body #contain3col2e h4, 
body #contain3col1f h4, body #contain3col2f h4, 
body #contain3col1g h4, body #contain3col2g h4, 
body #contain3col1h h4, body #contain3col2h h4, 
body #contain3col1i h4, body #contain3col2i h4, 
body #contain3col1j h4, body #contain3col2j h4 
{
	padding: 18px 8px 0 24px; }
	
body #contain2col1 .textbottom, body #contain2col2 .textbottom, 
body #contain3col1 .textbottom, body #contain3col2 .textbottom, 
body #contain3col1a .textbottom, body #contain3col2a .textbottom, 
body #contain3col1b .textbottom, body #contain3col2b .textbottom, 
body #contain3col1c .textbottom, body #contain3col2c .textbottom, 
body #contain3col1d .textbottom, body #contain3col2d .textbottom, 
body #contain3col1e .textbottom, body #contain3col2e .textbottom, 
body #contain3col1f .textbottom, body #contain3col2f .textbottom, 
body #contain3col1g .textbottom, body #contain3col2g .textbottom, 
body #contain3col1h .textbottom, body #contain3col2h .textbottom, 
body #contain3col1i .textbottom, body #contain3col2i .textbottom, 
body #contain3col1j .textbottom, body #contain3col2j .textbottom, 
body #contain3col3 .textbottom, body #containfaqs .textbottom, 
body #form2col2 .textbottom, body #contain2col1a .textbottom, body #contain2col1b .textbottom, body #contain2col1c .textbottom, body #contain2col1d .textbottom, body #contain2col1e .textbottom, body #contain2col1f .textbottom, body #contain2col1g .textbottom, body #contain2col1h .textbottom, body #contain2col1i .textbottom, body #contain2col1j .textbottom {
	margin-bottom: 16px;
	padding-bottom: 12px; }

body #form2col2 .formbottom, body #contain2col2 .formbottom, 
body #contain2col2 .rightcolform .formbottom {
	margin-bottom: 16px;
	padding-bottom: 30px; }
	
body #form2col2 .formbuttons, body #contain2col2 .formbuttons, 
body #contain2col2 .rightcolform .formbuttons {
	margin-bottom: 16px;
	padding-top: 20px;
	padding-bottom: 20px; }	

body #contain2col1 .hang7bottom, body #contain2col2 .hang7bottom, 
body #contain3col1 .hang7bottom, body #contain3col2 .hang7bottom, {
	margin-bottom: 16px;
	text-indent: -7px;
	padding-bottom: 10px;}


/* Table Configurations ----------------------------------------------------- */
/* table for top pages - 3 column layout */
#contain3col1 table {
	background-color: #fff;
	width: auto; 
	margin-bottom: 16px;
	padding: 10px 0 0; }
/* the following selector is for EI5pc - sets the default font size*/
#contain3col1 table {
	font-size: 100%; }
#contain3col1 table p {
	color: #333;
	font-size: 1.1em;
	line-height: 154%;
	text-align: left;
	padding: 5px 8px 5px 12px; }
.c16 {
	width: 16px; }
.c24 {
	width: 24px; }


/* table for booking pages - 2 column layout -------------------------------- */
.leftcola table, .rightcola table {
	background-color: white;
	width: 100%;
	padding: 20px 0 10px; }
/* the following selector is for EI5pc - sets the default font size*/
.leftcola table, .rightcola table {
	font-size: 100%; }
.leftcola table p, .rightcola table p {
	color: #333;
	font-size: 1em;
	line-height: 160%;
	text-align: center;
	padding: 10px 0; }
.leftcola table .gr p, .rightcola table .gr p {
	color: white;
	font-size: 1em;
	line-height: 160%;
	text-align: center;
	padding: 10px 0; }


/* itinerary table ---------------------------------------------------------- */
#itinerary, #itinerary2 {
	width: 100%; }
/* the following selector is for IE5pc - sets the default font size*/
#itinerary table, #itinerary2 table {
	font-size: 100%; }
#itinerary table {
	margin-top: 24px;
	margin-right: auto;
	margin-left: auto; }
#itinerary2 table {
	margin-right: auto;
	margin-left: auto; }
#itinerary td, #itinerary2 td {
	font-size: 100%;
	text-align: left;
	padding: 8px 24px 8px 0; }
#itinerary .greytext, #itinerary2 .greytext {
	color: #666; }
#itinerary .head, #itinerary2 .head {
	color: #fff;
	font-weight: bold;
	background-color: #999; }
#itinerary .w, #itinerary2 .w  {
	background-color: #fff; }
#itinerary .text_c, #itinerary2 .text_c {
	text-align: center; }
/* picture boarder on itinerary */
.b24 {
	background-color: #fff;
	margin: 24px 0;
	padding: 24px;
	border: solid 1px #666; }

/* don?t split the following */
#itinerary .g, #itinerary2 .g, .leftcola table .g, .rightcola table .g, 
/* the following selectors apply background color to stand alone forms */
#form2col2 .leftcol p, #form2col2 form .rightcol p, 
#contain2col2 .rightcol form p, body #contain2col2 .rightcolform p {
	background-color: #ccc; }


/* Form Layout -------------------------------------------------------------- */
/* the following selector allows 2 text fields on a line */
.allow2 {
	width: 40%;
	float: left; }
.rightcol .privacy, #contain2col2 .rightcolform .privacy {
	font-size: 16px;
	line-height: 16px;
	background-color: #ccc;
	text-align: center;
	margin-bottom: 16px;
	padding: 12px 0 12px 0; }


/* For Booking Page --------------------------------------------------------- */
#booking .leftcol p, #booking .rightcol p, 
#booking2 .leftcol p, #booking2 .rightcol p, 
#contain2col2 .rightcolform p {
	color: #333;
	font-size: 1.2em;
	line-height: 1.7em;
	background-color: white;
	text-align: left;
	padding: 18px 18px 0 30px; }
#booking h3, #booking2 h3 {
	font-size: 1.3em;
	line-height: 1.8em;
	background-color: #e1e1e1;
	text-align: left;
	padding: 12px 0 12px 30px;
	border-bottom: 1px solid #000; }
#bookingbottom {
	background-color: white;
	width: 924px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto; }
#bookingbottom p {
	color: #333;
	font-size: 1.3em;
	line-height: 1.7em;
	background-color: white;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px; }
body #booking .leftcol .textbottom, body #booking .rightcol .textbottom, 
body #booking2 .leftcol .textbottom, body #booking2 .rightcol .textbottom {
	margin-bottom: 18px;
	padding-bottom: 18px; }
	
/* -------------------------------------------------------------------------- */
/* Multiple Image Page */
.images {
	width: 100%;
	margin-top: 18px;
	margin-bottom: 24px; }
.images img {
  vertical-align: top;
  margin: 9px 6px; }
.images h1 {
	color: #3c61ac;
	font-size: 1.6em;
	margin-top: 24px; }
.scale130 {
  font-size: 130%; }
.scale100 {
  font-size: 100%; }
.togglelarge{
  background-image: url(../imagesd/largerbutton.gif); }
.togglesmall{
  background-image: url(../imagesd/smallerbutton.gif); }