/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #296689;
	background-color: #73A2BF;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
        background-position: center;
}
#wrapper {
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
#faux {
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#header {
	color: #333;
	padding: 10px;
	height: 95px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}




#special_box a {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.special_box2 a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #2F586F;
}
#navigation {
	color: #333;
	padding: 0px;
	margin: 0px;
	background: #ABBEBE;
}
#leftcolumn {
	display: inline;
	color: #333;
	padding: 0px;
	width: 690px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(images/hero.jpg);
	background-repeat: no-repeat;
}
#rightcolumn {
	float: right;
	color: #333;
	padding: 0px;
	width: 260px;
	display: inline;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#footer {
	clear: both;
	color: #333;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFFFFF;
}
#cruise_finder {
	width: 240px;
	padding: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#cruise_finder select {
	width:210px;
	height:22px;
	margin-bottom: 8px;
	color: #759EA2;
}
.clear { clear: both; background: none; }
.cruise_finder_header {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}


/*------------------------
	---------------- NAVS
	------------------------*/


		/*------------------------
		--------------- LEFT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_left {
			
			bottom: 10px;
			cursor: pointer !important;
			float: left;
			height: 22px;
			left: 10px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* left arrow image */
		.slider_arrow_left {
			
			background: url(images/left_arrow.png) no-repeat top left;
			
		}


		/*------------------------
		-------------- RIGHT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_right {
			
			bottom: 10px;
			cursor: pointer;
			float: left;
			height: 22px;
			left: 37px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* Right arrow Background */
		.slider_arrow_right {
			
			background: url(images/right_arrow.png) no-repeat top left;
			
		}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	.slider_selector, .slider_selector_dis {
		
		bottom: 10px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		right: 10px;
		z-index: 5;
		
	}
	
		/* Sets image of selectors */
		.slider_selector li, .slider_selector_dis li {
			
			display: block !important;
			background: url(images/slider_selector.png) no-repeat top left;
			cursor: pointer;
			float: left;
			margin: 0 3px !important;
			height: 10px !important;
			position: relative !important;
			width: 10px !important;
			
		}
		
		/* Sets the current selector */
		.slider_selector li.current, .slider_selector_dis li.current {
			
			background: url(images/slider_selector_current.png) no-repeat top left;
			
		}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}
	
	.container {
		
		float: left;
		position: relative;
		width: 665px;
		z-index: 15;
		
	}
	
	
	
#footer {
	clear: both;
	color: #666666;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFFFFF;
	font-size: 11px;
}
.footer_header {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
#footer h3 {
	font-size: 14px;
	font-weight: bold;
	color: #296689;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #296689;
}
#special_box {
	padding: 10px;
	width: 197px;
	margin-right: 10px;
	float: left;
	-webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
       	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
	margin-top: 15px;
	background-image: url(images/special_box_bg.jpg);
	background-repeat: no-repeat;
	color: #296689;
}
.special_box2 {
	padding: 10px;
	width: 195px;
	margin-right: 10px;
	float: left;
	border-style: solid;
        border-color: #E3E3E3;
        border-width: 1px;
	-webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
       	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
	margin-top: 15px;
	background-color: #F6F6F6;
	color: #296689;
}

#info_box {
	padding: 10px;
	width: 650px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-image: url(images/big_box_bg.jpg);
	background-repeat: no-repeat;
	color: #296689;
}

.info_box {
	padding: 10px;
	width: 650px;
	border-style: solid;
        border-color: #E3E3E3;
        border-width: 1px;
        -webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
       	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
	background-color: #F6F6F6;
	color: #296689;
}
.index_textbox {
	width: 662px;
	margin-left: 1;
	margin-bottom: 2;
	margin-top: 0;
	background-color: #FFFFEB;
	background-image: url(images/index_bg.jpg);
        border-style: solid;
        border-color: #BBD8EB;
        color: #296689;
        border-width: 1px;
	padding: 2px 3px 2px 5px;
	-webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
       	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
}

.cruise_special_box {
	width: 625px;
	margin-left: 1;
	margin-bottom: 2;
	margin-top: 2;
	background-color: #FFFFEB;
	background-image: url(images/cruise_bg.jpg);
        border-style: solid;
        border-color: #BBD8EB;
        color: #296689;
        border-width: 1px;
	padding: 4px 3px 6px 5px;
	-webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
       	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
}

.special-page_box {
	width: 635px;
	margin-left: 1;
	margin-bottom: 3px;
	margin-top: 0;
	background-color: #FFFFEB;
	background-image: url(images/cruise_bg.jpg);
        border-style: solid;
        border-color: #BBD8EB;
        color: #296689;
        border-width: 1px;
	padding: 4px 3px 6px 5px;
	-webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
       	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
}



#ship_box_sml a {
	text-decoration: none;
}

.ship_box_sml {
	background-color: #F2F2F2;
	background-image: url(images/sml_ship_bg.jpg);
	background-repeat: repeat-y;
	padding: 4px;
	width: 90px;
	height:105px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	float: left;
	margin-right: 20px;
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #2F586F;
}
.ship_box_sml a {
	text-decoration: none;
}

h2 {
	font-family:"Trebuchet MS";
	size:22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #73A2BF;
	margin-bottom: 15px;
	font-size: 18px;
	color: #73A2BF;
	margin-top: 5px;
	clear: both;
}

.content_title_large {font-size:18px; font-family:  "Trebuchet MS", tahoma, geneva, arial, sans-serif; font-weight: bold; text-decoration: none; color: #449B19}

.content_norm {font-size:11px; font-family:  Verdana, tahoma, arial, sans-serif ,"Trebuchet MS",  geneva; font-weight: normal; text-decoration: none; color: #296689}

.special_head {font-size:16px; font-family:  "Trebuchet MS", tahoma, geneva, arial, sans-serif; font-weight: bold; text-decoration: none; color: #C00000}

.content_title {font-size:16px; font-family:  "Trebuchet MS", tahoma, geneva, arial, sans-serif; font-weight: bold; text-decoration: none; color: #449B19}


.content_red_bold {font-size:11px; font-family:  Verdana, tahoma, arial, sans-serif ,"Trebuchet MS",  geneva; font-weight: bold; text-decoration: none; color: #C00000}
.content_green_bold {font-size:11px; font-family:  Verdana, tahoma, arial, sans-serif ,"Trebuchet MS",  geneva; font-weight: bold; text-decoration: none; color: #449B19}
.content_title_red {font-size:18px; font-family:  "Trebuchet MS", tahoma, geneva, arial, sans-serif; font-weight: bold; text-decoration: none; color: #C00000}
.content_title_blue {font-size:18px; font-family:  "Trebuchet MS", tahoma, geneva, arial, sans-serif; font-weight: bold; text-decoration: none; color: #7999AB}

.header {font-size:18px; font-family:  "Trebuchet MS", tahoma, geneva, arial, sans-serif; font-weight: bold; text-decoration: none; color: #FFFFFF}




.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(images/chromebg2.gif) center center repeat-x;   /*THEME CHANGE HERE*/
background-color: #B7E14E;
padding: 9px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 3px;
margin: 0;
text-decoration: none;
border-left: 1px solid #CFDAF1; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(images/chro.gif) repeat; THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #FFFFFF; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:12px;
z-index:100;
background-color: #669816;
width: 100px;
visibility: hidden;
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 4px;
border-bottom: 1px solid #FFFFFF; /*THEME CHANGE HERE*/
padding: 4px 0;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #B7E14E;
}