﻿
/* font resizer styles */
/* hide from incapable browsers */
#sizer { display:none } 

/* NEW BOOKING PROCESS STYLES */
#trackprogress_bar
{
background-color: #eaeaea;
width: 340px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}

.roomcategory
{
padding:5px;
}


.deck
{
padding:6px;
font-size:10px;
}

.roomdescr
{
font-size:11px;
color:#333333;
padding:6px;
}

.roomtype 
{
padding:6px;
}

.steplistMargin
{
margin-top:5px;
margin-bottom:5px;
line-height:18px;
}
	
.suiteheader 
{
background-color:#deecff;
}

.suite
{
border:1px solid #deecff;
}

.box-head 
{ 
background-color:#4081e3; 
color:#FFFFFF;
font-weight:bold;
}

.insurancebox 
{
padding:10px;
background-color:#deecff;
border: 1px solid #4081e3;
}

.ins_title
{
color:#4081e3;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom:10px;
font-weight:bold;
}

.sectiondivider
{
padding:5px;
}

.price 
{
background-color:#ffbd3d; 
color:#000000;
}

.content-md
{
font-family: arial,helvetica;
color: #000000;
font-size: 13px;
}

#gray
{
color: #999999;
}


/* NEW BOOKING PROCESS STYLES */

/* NEW STYLES */
.total {background-color: rgb(255, 255, 219); font-weight:bold; font-size:14px; font-family:Arial, Helvetica, Veranda, sans-serif;}

/* a.menu-link:link { 
color:#0095da; 
font-size:12px;
text-decoration:none;
}
a.menu-link:active { 
color:#0095da;
font-size:12px;
text-decoration:none;
}
a.menu-link:visited { 
color:#0095da;
font-size:12px;
text-decoration:none;
}
a.menu-link:hover { 
color:#0095da;
font-size:12px;
text-decoration:underline;
}

*/

.x_tab {
     	background: #E2E7F9; 
		border: solid 1px #9EABD2; 
		border-bottom: none; 
		padding: 4px;}
		
.x_tab_a {
		  background: #CCD3E9; 
		  border: solid 1px #9EABD2; 
		  border-bottom: none; 
		  padding: 4px; 
		  font-weight: bold;}
		  
.x_horiz {
		  border-top: 1px solid #9EABD2;}
		  
body {background:#c7e0f8 url(https://secure.topcruiseclub.com/images/bg.gif) repeat-x top left;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

td, ul, div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#414141; line-height:17px;}

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#414141; line-height:17px;}
				
					  
select, option {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color:#fbfdff; color:#235189;}

form {margin: 0px; padding: 0px; line-height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif;}

INPUT, TEXTAREA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fbfdff; border: 1px solid #84a5cf; color:#235189;}
						 
hr {
    border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 100%;
	height: 1px;
}

a.headlnk:link
{
color:#d7170d;
font-size:11px;
}
a.headlnk:active
{
color:#d7170d;
font-size:11px;
}
a.headlnk:hover
{
color:#d7170d;
font-size:11px;
text-decoration:none;
}
a.headlnk:visited
{
color:#d7170d;
font-size:11px;
}

a.footlnk:link
{
font-size:11px;
}
a.footlnk:active
{
font-size:11px;
}
a.footlnk:hover
{
font-size:11px;
text-decoration:none;
}
a.footlnk:visited
{
font-size:11px;
}

.departure_return_header {border-top:1px solid #9EABD2; border-bottom:1px solid #9EABD2}
.block_air {border-left:1px solid #9EABD2; border-right:1px solid #9EABD2; border-bottom:1px solid #9EABD2}
.blank  {background: none;}
.block  {background: #E2E7F9; border: solid 1px #9EABD2;}
.blockover  {background: #F7F3E7; border: solid 1px #e6e6e6;}
.borderright {border-right: solid 1px #9EABD2;}
.borderleft {border-left: solid 1px #9EABD2;}
.bordertop {border-top: solid 1px #9EABD2;}
.borderbottom {border-bottom: solid 1px #9EABD2;}
.headerrow {background: #CCD3E9; border: solid 1px #9EABD2;}
.row1 {background: #FFFFFF;}
.row2 {background: #F3F6FF;}
.smaller {font-size: 10px; color:#666666;}
.larger {font-size: 12px;}
.heading {font-size: 18px; font-weight: bold; color: #005FA9;}
.membersheading {font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #4081e3; padding:10px;}
.errortxt {font-weight: bold; color: #CC0000;}
.redtxt {color: #CC0000;}
.bluetxt {color: #000099;}
a.orange:link {color: #ff662a;}
a.orange:active {color: #ff662a;}
a.orange:visited {color: #ff662a;}
.imageborder {border:3px #e6e6e6 solid;}
.earningamount {color: #FF3333; font-weight: bold;}

/* Added in support of new hotel interface search results */
.tab_selected {background-color: #E2E7F9; border:1px solid #9EABD2; border-bottom:none; font-weight: bold; cursor: pointer;}
.tab_selected a {text-decoration: none;}
.tab_default {background-color: #FFFFFF; border-bottom:1px solid #9EABD2; text-decoration: underline; font-weight: bold; cursor: pointer;}
.page_filter {background:#E2E7F9; border:solid 1px #9EABD2; border-top:none}

.tab_default:hover {background: #3333cc; color: #FFFFFF; text-decoration: underline; font-weight: bold; cursor: pointer;}  
.tab_small {background: #FFFFFF; color: blue; text-decoration: underline; font-weight: normal; font-size: 9px; cursor: pointer;} 
.tab_small_hover {background: #FFFFFF; color: blue; text-decoration: underline; font-weight: bold; font-size: 9px; cursor: pointer;}
.page_selected, .page_selected a {font-weight: bold; text-decoration: underline; color: #0000CC; font-size: 12px;}
.page_default, .page_default a {font-weight: normal; text-decoration: none; color: blue; font-size: 12px; cursor: pointer;}
.page_noresults, .page_noresults a {font-weight: normal; text-decoration: none; color: black; font-size: 10px;}  
.page_default a:hover {text-decoration: underline; font-size: 12px; cursor: pointer;}
a.tab {color: blue; text-decoration: underline; font-weight: bold;}
.book_link {background: #FFFFFF; color: blue; text-decoration: underline; font-weight: bold; font-size: 12px; cursor: pointer;}



/* TOP CRUISES STYLE */

a:link {
    color: #0095da;
    text-decoration: underline;
}

a:visited {
    color: #0095da;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a:active {
    color: #0095da;
    text-decoration: underline;
}

a.blue:link { 
color:#4A66A6;
font-weight: normal;
text-decoration:none;
}
a.blue:active { 
color:#4A66A6;
font-weight: normal;
text-decoration:none;
}
a.blue:visited { 
color:#4A66A6;
font-weight: normal;
text-decoration:none;
}
a.blue:hover { 
color:#4A66A6;
font-weight: normal;
text-decoration:underline;
}

a.redgreen:link { 
color:#ED0000;
font-weight: bold;
}
a.redgreen:active { 
color:#ED0000;
font-weight: bold;
}
a.redgreen:visited { 
color:#ED0000;
font-weight: bold;
}
a.redgreen:hover { 
color:#16B41A;
text-decoration: none;
font-weight: bold;
}

a.green:link { 
color:#669ACF
}
a.green:active { 
color:#669ACF
}
a.green:visited { 
color:#669ACF
}
a.green:hover { 
color:#669ACF
}


a.white:link { 
color:#FFFFFF
}
a.white:active { 
color:#FFFFFF
}
a.white:visited { 
color:#FFFFFF
}
a.white:hover { 
color:#c3d5e6 
}

a.footer:link { 
color:#0095da;
font-size:11px;
}
a.footer:active { 
color:#0095da;
font-size:11px;
}
a.footer:visited { 
color:#0095da;
font-size:11px;
}
a.footer:hover { 
color:#0095da;
font-size:11px;
}

.side-search{line-height:14px}
.formbutton { background:#ff662a; color:#FFFFFF; font-weight:bold; border: 0px;}

.formbuttonover{ background:#FFFFFF; color:#1dcb00; font-weight:bold; border: 0px;}

.block {background:#FFFFFF; border:1px solid #cbd3d9;}
.headerrow {background:#D1EDFE;  border:0px solid #cbd3d9; padding:3px;}

.text2 {
    font-size: 11px;
    color: #707E8D;
}
.text3 {
    font-size: 10px;
    color: #959595;
}

.smtxt { 
    font-size: 9px;
    color: #6898b9}
	
.gray-small {color:#666666; font-size:9px;}
.gray {color:#666666;}

.heading {color:#034db0; text-transform:uppercase; padding:5px;}

.star {color:#e04500;}

.breadcrumbs {color:#a5a5a5; font-size:10px;}

h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color: #0095da;
	font-weight: normal;
	}

	

h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8b8b8b;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}


h2 
{
font-size:17px;
margin:0 0 0 0;
font-weight:bold;
color:#80868f;
font-family:Arial, Helvetica, sans-serif;
}


h5 
{
color:#4081e3;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
h4 
{
font-size:18px;
color:#0066CC;
font-family:Arial, Helvetica, Veranda, sans-serif;
margin:0 0 0 0;
font-weight:normal;
}

.contact-foot
{
border-top:1px solid #b3d9ff;
background-color:#edf5ff;
border-bottom:1px solid #b3d9ff;
margin-top:10px;
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
color:#455a73;
}

.top
{
margin-top:10px;
font-size:11px;
}

.hiH 
{
border-top:1px solid #b3d9ff;
background-color:#edf5ff;
margin-top:10px;
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#455a73;
}
		/* container around each post exerp */
		.the_post {
			border-bottom: 1px solid #efefef;
			margin-bottom: 30px;
			padding-bottom: 30px;
		}
		.the_post img { /* padding images in exerps */
			border: 0px;
			padding-right: 5px;
			padding-bottom: 5px;
		}
		.the_title { /* div container the post title */
			 padding-top: 2px; 
			 padding-bottom: 0px;
			 text-align: left;
			 margin-bottom: 15px;
		}
		a.titlelink:active, a.titlelink:link, a.titlelink:hover, a.titlelink:visited { /* styling the title */
			font-size: 16px;
			letter-spacing: 0px;
			font-family: Veranda, Helvetica, Arial, sans-serif;
			line-height: 1em;
			margin-top: 0pt;
			margin-right: 0pt;
			margin-bottom: 0pt;
			margin-left: 0pt;
			padding-top: 0pt;
			padding-right: 0pt;
			padding-bottom: 0pt;
			padding-left: 0pt;
			color:#467cbf;
			color: #425e82;
			text-decoration:none;
			font-weight: bold;
		}
		h2.post_title { /* spacing the title */
			 padding: 0px;
			 margin-bottom: 5px;
		}
			h2.post_title a:hover { /* hover for the title */
				color: #d7170d;
			}
			*h2.post_title a:hover {
				color: #d7170d;
			}
		.the_time { /* styling the time it was posted */
			font-size: 10px;
			color: #ccc;
		}
		.post_info { /* bar seperating post */
			clear: both;
			width: 100%;
			background-color: #f5f5f5;
			margin-top: -25px;
		}
		.post_info p { /* bar seperating post */
			padding: 10px;
		}
		.post_info img {
			border: 0px;
		}
		.balloon {
			vertical-align: middle;
			height: 16px;
			padding-top: 1px;
		}
		*.balloon { vertical-align: middle;  height: 16px; padding-top: 4px; }
		
		.navigation { width: 100%; }
		.navigation .alignleft { float: left; }
		.navigation .alignright { float: right; }


/*blog home stuff*/
#update-time { background-color: #FFFFFF; padding: 5px 10px 5px 10px; font-weight: bold; margin-bottom: 10px; }
#update-time #time { float: left; font-size: 10px; color: #aaa;}
#update-time #bookmark { float: right; font-size: 10px; }
#update-time #bookmark a { color: #aaaaaa; font-weight: normal; }

#featured-post { background: #FFFFFF; padding: 10px; margin-bottom: 10px; clear: both; }
#featured-post img { padding-right: 10px; }
#featured-post .entry { line-height: 18px; color: #545454; text-align: left; }
a.home-titlelink { font-weight: normal; font-size: 24px; color: #4081e3; letter-spacing: 0.5px; text-decoration: none;}
h2.featured-title { text-align: left; margin-bottom: 15px; }

.home-title { font-size: 20px; color: #7d7d7d; margin-bottom: 10px; text-align: left; font-weight: normal; }

#bloghomeleft { width: 385px; float: left; }
#bloghomeright { width: 295px; float: right; }

#latest-deals { background: #FFFFFF; margin-bottom: 10px; padding: 10px; text-align: left; }
h6.deals { font-size: 11px; color: #4081e3; margin: 0px; padding: 0px 0 6px 0;}

#headlines { background: #FFFFFF; padding: 10px; text-align: left;}
.headline-entry { margin-bottom: 10px; }

#cruising-tips { background: #FFFFFF; margin-bottom: 10px; padding: 10px; text-align: left;}

#how-to { background: #FFFFFF; padding: 10px; text-align: left;  margin-bottom: 10px; }

#search { background: #FFFFFF; padding: 10px; text-align: left; }

a.more { color: #cf0000; font-size: 10px; }



/* new blog side menu styles */
#blog-cats {
	margin-left: -14px;
	margin-right: -14px;
}

li.categories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0px;
	padding: 5px 10px 0px 10px;
	color: #0095da;
	font-weight: normal;
	list-style-type: none;
	
}
	li.categories a {
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		background-color: #ffffff;
		
	}
	li.categories li {
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		background-color: #ffffff;
		border-top: 1px solid #f5f5f5;
	}
	
	li.categories a:hover {
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		background-color: #f5f5f5;
		color: #e90000;
		
	}
	li.categories li:hover {
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		background-color: #f5f5f5;
		color: #000066;
	}
		li.categories li:hover a {
			background-color: #f5f5f5;
		}

	li.categories ul {
		padding: 0px;
		margin: 0px;
		margin-top: 15px;
	}

		li.categories ul li {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			padding: 3px 10px 3px 10px;
		}
		
			li.categories ul li ul.children {
				padding: 0px;
				margin: 0px;
				padding-top: 3px;
				margin-bottom: -3px;
				margin-right: -20px;
			}
			
			li.categories ul li ul.children li:hover a {
				background-color: #f5f5f5;
			}
			
			li.categories ul li ul li {
				margin: 0px;
				padding: 3px 0px 3px 30px;
				margin-left: -10px;
				margin-right: 10px;
				border-top: 1px solid #ffffff;
			}
			li.categories ul li:hover ul li a {
				background-color: #ffffff;
			}

#creditfooter { display: none; }
.feedburnerFeedBlock ul {
	margin: 10px 0 0 0;
	padding: 0px;
}
.feedburnerFeedBlock ul li {
	list-style-type: none;
	font-size: 11px;
	color: #4081e3; 
	margin: 0px; 
	padding: 0px 0 6px 0;
	font-weight: bold;
}

.menu {width:960px; height:23px; font-size:11px; position:relative; z-index:10000;border-right:1px solid #026297;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px; w\idth:960px;}
* html .menu {margin-top: 3px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; z-index:10000}
.menu ul ul {width:119px; z-index:10000}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative; z-index:10000}
/* style the links for the top level */
.menu a, .menu a:visited {background: #FFFFFF url('/images/tab-bg.gif'); width: auto; display:block;font-size:11px;text-decoration:none; color:#026297; height:23px; border:1px solid #026297; border-width:0px 0px 0px 1px; padding-left:10px; padding-right:10px; line-height:23px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:117px; w\idth:117px; display: inline; padding-top: 5px; padding-bottom: 5px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#026297;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#026297;}
.menu ul ul :hover > a.drop {background:#026297;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#026297;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#026297;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0; width:119px;border-top:1px hidden #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:23px;t\op:23px;}

/* position the third level flyout menu */
.menu ul ul ul{left:119px; top:-1px; width:119px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-119px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#026297; color:#ffffff; height:auto; text-align: left; line-height:1em; padding:5px 10px; width:118px;border-width:0 0px 0px 0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:119px;w\idth:118px; display: block;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#026297; text-decoration: none; background: #fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#026297; text-decoration: none; background: #fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}