/* MASTER CSS for Dest. Oceans */
/* This file contains all common elements for pages: header, footer, content and basic */
/* style defintions. Individual pages and sections may include additional css files as  */
/* needed. Designed is fixed width, fixed size - Bill Aug 07 */
/* color codes */
/*darkbar: 4a77a5*/
/*litebar: ccc08f*/
/*darktext: b8c8d9*/
/*litetext: e4ddc3*/
/*lite orange: DA511F*/
/*dark orange: EC7430*/
/*lite green: 3D981D*/
/*dark green: 2C6E1D*/
/*lite rust: B55216*/
/*dark rust: 853B0F*/
/*lite blue: 62A8D6*/
/*dark blue: 005AA8*/
/*headerbar blue: 0072BC*/


/* generic body style and font size/color */
html{
	background-image: url(/images/SourceImage/page_bkgd3.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-attachment: fixed;
}
body
{
	margin: auto;
	width:780px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0072bc;
}

/* site-wide elements */

.rule_blue /* used for a rule in div with only empty div  */
{
	background-image: url(/images/SourceImage/divider-horiz-dkblu.gif);
	background-repeat: repeat-x;
	clear: both;
	margin:5px 0px;
	padding-top: 5px;	
}

a img{
	border:none;
}

a{
	color:#3232f0; 
}

a:visited{
	color:#C30;
}

a:hover{
	color:#0072bc;
}

a:visited:hover{
	color:#8A0100;
}

/*
h1, h2, h3, h4{
	color:#DA511F;
}
*/

/*h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}*/
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input,.bin {margin: 0; padding: 0;}

a img,:link img,:visited img {
	border: none;
}

address {
	font-style: normal;
}

h1
{
	font-size: 22px;
	color: #0072BC;
	line-height: 24px;
}
h2{
	font-size:18px;
	line-height: 20px;
	color:#0072bc;
	
}
h3{
	font-size:1.3em;
	color:#0072bc;
}


h4{
	color:#0072bc;
	font-size:12px;
}

table td{
	vertical-align:top;
}

/* used for chart tables */
.gridCell
{
	padding: 3px;
	border-bottom: #0072bc;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

.talltext p{
	line-height: 18px;
	margin-bottom: 12px;
}

.ul_master {
	margin: 0 0 0 18px;
	padding: 0 0 0 18px;
}

.ul_master li {
	margin-bottom: 12px;
}

/* styles for boxes - headers, bottom rules, etc */
.bottomRule
{
	/* used to put a bottom border on sideboxes */
	border-bottom: #4C9CD0;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding-bottom: 3px; /* offset text from bottom */
	margin-bottom: 3px;
}

.headerbar
{
	/*blue bar for sub sections */
	/*background: url(/images/SourceImage/headerbar.gif) repeat-x top;*/
	background-color: #0072BC; /*2b9dd6*/
	color: #ffffff;
	height: 14px;
	padding: 4px 2px 1px 2px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 3px 0;
	text-transform:uppercase;
}

.headerbar a, .headerbar a:hover,.headerbar a:visited {
	text-decoration:none;
	color: #ffffff;
}

.headerbarLite
{
	/*blue bar for sub sections */
	/*background: url(/images/SourceImage/headerbar.gif) repeat-x top;*/
	background-color: #DA511F; 
	color: #ffffff;
	height: 14px;
	padding: 4px 2px 1px 2px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 3px 0;
	text-transform: uppercase;
	
/*
original orange: #DA511F
*/
}

.headerbarLite a {
	text-decoration:none;
	color: #ffffff;
}

/* header block */
#header
{
	width: 780px;
	height: 166px;
	margin: 0;
	background-image: url(/images/SourceImage/header-bkgd3.jpg);
	background-position: 0;
	background-repeat: no-repeat;
}

/*
#logo{
	padding: 12px 0 0 8px;
	display:block;
	width: 317px;
	float:left;
	border:0;
	
}
*/

#logo
{
	padding: 12px 0 0 8px;
	/* padding: 0; */
	border:0;
	background: none;
/*
	width: 780px;
*/
	width: 772px;
	height: 154px;
}

	/* NAV - top horizontal nav */
/* NAV from farcry main ***************
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {background: #c00;border-bottom: 3px solid #c00}
	#nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

*/
	/* hide from IE mac \*/
/*	#nav li {width:auto}
*/
	/* end hiding from IE5 mac */

/* nav menu block */
/*#nav {height:2.09em;font: bold 96% arial;}*/
#nav, #nav ul 
{
	float:left;
	list-style: none;
	position: relative;
	/*
	top: 166px; 
	left: 0em;
	top: 117px;
	*/
	left: auto; 
	right: auto; 
	bottom: auto;
	padding: 0 0 0 0;
	margin: 0;
	
	/* display: block;
	background: #666666 url("images/navbg.gif") ; width: 100%;*/
	width: 780px;
	height: 30px;/**/
	/*margin: 0 auto 0 auto;*/
	/* position: absolute;
	left:auto;
	top: 0;
	padding: 167px 0 0 auto; */
	/*margin: 167px 0 0 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background:url(/images/SourceImage/navbar2.gif) no-repeat top left;

}

/*
#nav ul
{
	margin:167px 0 0 0px;
	padding: 4px 0 4px 0;
	height:30px;
	padding: 4px 0 4px 13px;
	font-size: 12px;
	text-transform:uppercase;
} 

#nav li
{
	padding:3px 10px;
	list-style: none;
	float:left;
	vertical-align: middle;
}
*/
		
#nav li.first {
	/*border-left:none;*/
	padding-left:20px;
	}

/* This one is key for nav appearance in Farcry */
#nav li 
{
	position:relative;
	/* background: #999; */
	float: left;
	/*width: 10em;*/
	display:block;
	margin: 0;
	/* border-bottom: 3px solid #666;
	border-right: 3px solid #252525; */
	text-align:center;
	/* vertical-align: middle; */
	/* padding:7px 11px 7px 10px; */
	padding:7px 20px 7px 20px;
}

#nav a {
	/*font-weight: bold;*/
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;	
}

#nav a:hover
{
	/*font-weight: bold;*/
	color: #90C5E3;
	text-decoration: none;
}


/* content wrapper block */
#content
{
	width: 780px;
	margin: 35px 0px 15px 0px;
	/* Original
	margin: 0 auto 15px auto;
	*/
	background-color: #fff;
	/*
	padding: 30px 0 0 0;
	*/
	/* In original master.css it was -
	padding: 30px 0 0 0; */
}


/* content > home page columns - Primary and Secondary */
#homePrimary
{
	background-color: #fff;
	float: left;
	width: 450px;
	/* margin: 0 10px 10px 10px; */
	padding: 10px 0px 10px 10px;
	background-color: #fff;
}

#homeSecondary
{
	float: right;
	width: 300px;
	/* margin: 0 10px 10px 0; */
	padding: 10px 10px 10px 0;
	background-color: #fff;
}


/* home page ads */
#homeAdone {
margin-bottom:5px;
width:446px;
display: block;
}

#homeAdtwo {
margin-right:5px;
margin-bottom:10px;
width:255px;
height:102px;
float: left;
display: block;
}

#homeAdthree {
margin-bottom:10px;
width:186px;
height:102px;
float: left;
display: block;
}

/* 4 ad grid */
#homeAd1, #homeAd2, #homeAd3, #homeAd4 {
width:222px;
height:138px;
float: left;
display: block;
}

#homeAd1 {
margin-right:6px;
margin-bottom:6px;
}

#homeAd2 {
margin-bottom:6px;
}

#homeAd3 {
margin-right:6px;
margin-bottom:10px;
}

#homeAd4 {
margin-bottom:10px;
}

#rightAd {
width:300px;
height:120px;
display: block;
margin-bottom:10px;
}

/** REGIONCONTAINER ID **/

#regionContainer
{
	width: 100%;
	/*background-color: #EC7430;*/
	background-color: #E6DFC7;
	padding-bottom: 5px;
	border: 1px solid #ccc08f;
}


#regionContainer table{
	width:100%;
	/*color: #FFF;*/
}

#regionContainer td.ruleCell{
	border-right: 1px #0072BC dotted;
}

#regionContainer td{
	text-align:center;
	width: 50%;
	font-size:11px;
	padding: 0px 5px 5px 0px;
	border-bottom: 1px #0072BC dotted;
}
	
#regionContainer img.destImg{
	text-align:center;
	padding:10px 2px 5px 2px;
}

#regionContainer a,
#regionContainer a:hover,
#regionContainer a:visited
{
	color:#0072BC;
	text-decoration: none;
	font-weight: bold;
}
#regionContainer h2 a,
#regionContainer h2 a:hover,
#regionContainer h2 a:visited
{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}


#regionContainer h4, 
#regionContainer h4 a,
#regionContainer h4 a:hover,
#regionContainer h4 a:visited
{
	/* color: #FFF; */
	color:#FFF;
	text-decoration: none;
	font-size:12px;
}

/* END REGIONCONTAINER ID */


/** RESOURCECONTAINER ID **/
#resourceContainer
{
	width: 100%;
	background-color: #E6DFC7;
	padding-bottom:  5px;
	margin-top: 10px;
	border: 1px solid #ccc08f;
}


#resourceContainer table{
	width:100%;
	/*color: #FFF;*/
}


#resourceContainer td{
	float:left;
	font-size:11px;
	padding: 10px 0px 5px 0px;
	border-bottom: 1px #0072BC dotted;
	width: 100%;
}
	
#resourceContainer .rescImg
{
	float: left;
	padding: 2px 5px 5px 2px;
	width: 90px;
}

#resourceContainer .rescText{
	float:left;
	padding:0px 2px 5px 2px;
	width: 190px;
}



#resourceContainer ul {
	margin: 0;
	padding: 0;
}

#resourceContainer li {
	margin-left: 1.5em;
	line-height: 15px;
}


#resourceContainer a,
#resourceContainer a:hover,
#resourceContainer a:visited
{
	color:#0072BC;
	text-decoration: none;
	font-weight: bold;
}

#resourceContainer h2 a,
#resourceContainer h2 a:hover,
#resourceContainer h2 a:visited
{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}


#resourceContainer h4, 
#resourceContainer h4 a,
#resourceContainer h4 a:hover,
#resourceContainer h4 a:visited
{
	color: #FFF;
	text-decoration: none;
	font-size:12px;
}

/* END RESOURCECONTAINER ID */


/* BEGIN PRIMARY BOTTOM BOXES */

#boxLeft
{
width: 220px; height: 220px; margin: 0px 5px 0 0; background: #0072BC; float:left;
}

#boxRight 
{
width: 220px; height: 220px; margin: 0px 0 0 5px ; background: #0072BC; float:left;
/* old green: #3D981D */
}

.boxImg {
	float: left;
	padding: 5px 5px 5px 5px;
	width: 67px;
}

.boxText
{
	color: #fff;
	float: left;
	width: 137px;
	padding: 5px 5px 5px 0;
}

.boxText a,.boxText a:hover,.boxText a:visited 
{
	color:#fff;
}

.boxText h3 {
	color: #fff;
	font-size: 18px;
}

.boxText p {
	margin-bottom: 10px;
}
/* END PRIMARY BOTTOM BOXES */


#main_column{
	width:500px;
	padding: 0px 10px 0px 0px;
}

#main_column h3{
	margin-top: 10px;
	color:#0072bc;
	/*color:#DA511F;*/
}

#main_column p{
	line-height: 18px;
	margin:15px 0px;
}

#right_nav{
	width:250px;
	padding-right:10px;
}

.nav_accessory {
	display: block;
	background-color:white;
	text-transform: uppercase;
	font-size: 9px;
	padding: 10px 0;
	color: #0072bc; 
	
}

.nav_accessory a, .nav_accessory a:hover,
.nav_accessory a:visited, .nav_accessory a:active {
	text-decoration:none;
	color: #0072bc; 
}

.search {
	background-color:white;
	padding: 5px 0 0 10px;
	/*width: 320px;*/
	float: right;
	clear:both;
}

.query
{
	/*background:url(/images/SourceImage/magnify-glass.gif) no-repeat top right;*/
	float: right;
	margin-right: 2px;
	width: 185px;
	border-color: #C0C0C0;
	border-width: 1px;
	border-style: solid;
}
.f-submit{
	float:right;
	padding-right:5px;
}
.crumbs{
	background-color:white;
	font-size:9px;
}


/* footer block */
#footer
{
	/*width: 780px;
	width: inherit;*/
	/*margin: 0 auto;
	padding:5px;*/
	background-color:#fff;
}

.fine {
	font-size: 10px;
}

/* footer > link cloud (home page) */
 #cloud
 {
 	width: 780px;
	margin: 15px auto 0 auto;
	clear: both;
 	padding: 5px;
 	text-align: center;
 }

/** Presentation Assets for Marketing rules */

	.bin{
		margin:0 0 10px 0;
		list-style-type:none;
		color: #fff;
		padding: 15px 5px 5px 5px;
		width:188px;
	}
	
	.bin a{
		color: #fff;
	}

	.bin h2{
		font-size: 14px;
		line-height: 17px;
	}

	.bin h2 a{
		text-decoration: none;
	}
	.bin a:hover{
		color:#fff;
	}
	.blue {
		background:url(/images/SourceImage/blue-bin.gif) no-repeat top left;
	}

	.red .top{
		background:url(/images/red-bin.gif) no-repeat top left;
	}
	.red .top h2{
		background:url(/images/red-bin.gif) no-repeat top right;
		font-size: medium;
		padding-bottom: 3px;
	}

	.red .top h2 a{
		text-decoration: none;
		color:#FFF;
	}


	.red .bottom{
		background:url(/images/red-bin.gif) no-repeat bottom left;
	}
	.red .bottom div{
		background:url(/images/red-bin.gif) no-repeat bottom right;
	}
	/**
	 * @author Matthew Foster
	 * @date   November 27th 2007
	 * @purpose This defines a simple class for a ul element to implement.  Gives it an image icon for its list item icon.
	 */
	.catalog{
		list-style-type:none;
	}
	.catalog li{
		background:url(/images/SourceImage/arrow-blue-sprite.gif) no-repeat left 4px;
		padding-left:10px;
		margin-bottom:15px;
	}
	
	/**
	 * @author Matthew Foster
	 * @date   November 27th 2007
	 * @purpose Defines a gradient headlining element.
	 */
	.headline{
		background:#0072BC; /*  url(/images/headerbar.gif) repeat-x scroll center top; */
		color:#fff;
		font-weight:bold;
		padding:2px;
		margin: 10px 0 5px 0;
	}
	/**
	 * @author Matthew Foster
	 * @date   November 27th 2007
	 * @purpose Defines a clean simple grid, great for itinerary info.

	 */
	.grid{
		border-collapse:collapse;
	}
	.grid th, .grid td{
		padding:3px;
	}
	.grid thead th{
		background-color:#0554A3;
		border:1px solid #000033;
		color:#fff;
	}
	.grid tbody td{
		background-color:#EAEEF2;
		border:1px solid #4A4A4A;
	}
	.grid a{
		text-decoration:none;
		color:#0072bc;
	}
	.grid a:hover{
		text-decoration:underline;
		color:#0072bc;
	}

/**
 * @contributor Matt Foster
 * @date		December 6th 2006
 * @purpose 	To create a search result format for people to find package information.
 */
.search_result{
	margin:25px 0px;
	background: url(/images/SourceImage/light_gray_gradient.gif) repeat-x bottom;
	/*border-bottom:1px dotted #DA511F;*/
	border-bottom:1px dotted ;
	padding-bottom:25px;
	padding-left:15px;
	}


/* HOME PAGE CSS moved from index */
	
	#cruise_form{
		/*background:#fff url(/images/search-bkgd.gif) no-repeat top left;*/
		background:#99c7e4;
		margin-bottom: 10px;
		clear: both;
		width:450px;
	}
	#cruise_form td{
		padding:5px;
	}
	#cruise_form input, #cruise_form select{
		height: 20px;
		font-size: 11px;
	}
	
	/**Tabs and boxes*/
	#tabFeed{
		width:100%;
		clear:both;
	}
	.box{
		float:left;
		clear:left;
		height:250px;
		width:100%;
		overflow:auto;
		border:1px solid #041060;
	}
	
	/** 
 * @contributor Matt Foster
 * @date		January 17th 2007
 * @purpose 	To define a rule sets for the FAQ feed
 * @altered 	April 2nd 2007
 * @purpose		Added the faq_feed selector. This was used to differentiate from the index faq and the specific faq pages, preserve rule set but alternate the selector.
*/

#feed p
{
	display: none;
	background: url(/images/SourceImage/light_gray_gradient.gif) repeat-x bottom;
	border-bottom: 1px dotted;
	margin-left: 5px;
	padding: 0 5px 15px 5px;
	line-height: 150%;
}


#feed .faq_question
{
	padding-left: 10px;
	background: url(/images/SourceImage/arrow-r-blue.gif) left center no-repeat;
	/* background: url(/images/SourceImage/arrow-blue-sprite.gif) left center no-repeat; */
	display: block;
	margin: 15px 0px;
}
#feed p a{
	background:none;
	display:inline;
	padding:0px;
	margin:0px;
}
#feed .highlight .faq_question{
	font-weight:bold;
	font-size:1.1em;
}
#feed .highlight p{
	display:block;
}

/* These last two added 2009/03/20 by Forrest to get list styles correct */
#feed .top {
	list-style:none;
}

#feed .bottom {
	list-style:none;
}

	/* CSS for tabbed boxes on section index pages  */
	.intro {
			margin: 10px;
			/*
			padding: 0 50px 0 0;
			*/
			line-height: 1.5;	
	}
	.intro p{
		margin-bottom: 10px;
	}
	
	.tab, .tab1{
		margin-top: 10px;
		background:url(/images/SourceImage/orange-scan-bar.gif) repeat-x;
		height:28px;
		/*clear:both;*/
	}
	.box{
		width:750px;
	}
	.tab, .tab1{
		width:748px;
	}
	.box{
		height:auto;
		min-height:400px;
		border:none;
	}	
	.box div{
		margin:10px 5px;
	}

	.box li{
		display:none;
	}
	.box li.active{
		display:block;
	}
	
	/*
	.tab li{
		width:125px;
		float:left;
		list-style:none;
	} */

	.tab li, .tab1 li{
		/* Original size - for 8 tabs in tab1....since we set the 
		destinations and offers tabs the same, they can now both be defined here
		width:107px; */
		width:187px;
		float:left;
		list-style:none;
	}
	.tab li a, .tab1 li a{
		background-color:#0072bc; /*#EC7430;*/
		border:none;
		display:block;
		text-decoration:none;
		text-transform: uppercase;
		font-size: 11px;
		font-weight:bold;
		line-height: 11x;
		padding-top: 6px;
		height:18px;
		text-align:center;
	}
	.tab li a, .tab li a:visited, .tab li a:hover, .tab1 li a, .tab1 li a:visited, .tab1 li a:hover{
		color:#FFF;
	}
	.tab li.active a, .tab1 li.active a{
		background-color:transparent;
	}
	.tab li.active a, .tab1 li.active a{
		border:none;
		background-position:right -120px;
		color:#fff;
	}
	.tab li a:hover, .tab1 li a:hover{
		border:none;
	}
	
	/* end CSS for tabbed boxes on section index pages  */
	
	/* styles to mimic column output in browse */
	
	.colTable /* only needed if column table isn't running full width of content area */
		{width:500px;}
	
	.colItem /* used for divs in output loop */
		{margin:10px 5px;}
		
	.colBorder /* used for td cells with borders */
		{border-left:#DA511F dotted 1px;}
		
	/* END styles to mimic column output in browse */
		
	
	
/* rounded boxes for travel insurance */
/**
 * @contributor Matt Foster
 * @date		November 21st 2006
 *
 * Rounded Box rules.  The objective of these rule sets is to accomplish the structure of a box with rounded corners
 * by the means of having three sections, top, content, and bottom. top and bottom always hold the same 4 elements, which have the classes, r1, r2, r3, r4.
 * These elements have a incrementing margin which is respective to the elements they are in, top or bottom.  
 * .content should always hold two elements, h1 for the main title of the box and h2 for the regular text, at least that has been accomodated for in this css framework.
 *
 *
 **********************************************************               BEGIN ROUNDED_BOX                ************************************************************
 *
 */
	.rounded_box{
		width:10em;
	}
	
	.rounded_box .box_content div{
		padding:3px;
	}
	.rounded_box .top, .rounded_box .bottom{
		margin:0px;
	}
	.rounded_box .top div, .rounded_box .bottom div{
		height:1px;
		padding:0px;
		font-size:1px;
		line-height:1px;
	}
	.rounded_box .top .r4{
		height:2px;
	}
	.rounded_box .bottom .r1{
		height:2px;
	}
	/**
	 * To ensure that backwards compatability
	 */
	.rounded_box .r1, .rounded_box .r2, .rounded_box .r3, .rounded_box .r4{
		display:block;
	} 
	/**
	 * Styles to implement rounded borders for the top section of the box
	 */
	.rounded_box .top .r1{
		margin:0px 5px;
	}
	.rounded_box .top .r2{
		margin:0px 3px;
	}
	.rounded_box .top .r3{
		margin:0px 2px;
	}
	.rounded_box .top .r4{
		margin:0px 1px;
	}
	/**
	 * Styles to implement rounded borders for the bottom section of the box
	 */
	.rounded_box .bottom .r1{
		margin:0px 1px;
	}
	.rounded_box .bottom .r2{
		margin:0px 2px;
	}
	.rounded_box .bottom .r3{
		margin:0px 3px;
	}
	.rounded_box .bottom .r4{
		margin:0px 5px;
	}
	
	.rounded_box .box_content h1, .rounded_box .box_content h2{
		margin:0px;
	}
	.rounded_box .box_content h1{
		font-size:20px;
	}
	.rounded_box .box_content h2{
		font-size:13px;
	}

	/**
	 * @contributor Matt Foster
	 * @date		November 29th 2006
	 * @purpose 	An implementation color for the rounded_box class
	 */
	 .light_blue div *{
			background-color:#CFF0FA;
			cursor:pointer;
		}
	.light_blue h1 a, .light_blue h1 a:visited{
		color:#000088;
		text-decoration:none;
		font-size:1em;
		line-height:25px;
	}
	
	.dark div *{
		background-color:#bf452f;
		color:#f1d291;
	}
	
	.dark h1, .light h1{
		font-size:1.1em;
		text-decoration:none;
		font-weight:normal;
	}
	
	.light h1 a, .light h1 a:visited{
		font-size:1.1em;
		text-decoration:none;
		font-weight:normal;
	}
	
	.dark h1 a, .dark h1 a:visited{
		font-size:1.1em;
		color:#f1d291;
		text-decoration:none;
		font-weight:normal;
	}
	
	.dark p, .dark p a{
		color:white;
	}
	.light div *{
		background-color:#f1d291;
		color:#bf452f;
	}
	
	.light_bg, .custom_box{
		background-color:#FFF3E1;
	}
		
	/* end rounded boxes for travel insurance */
	
	
	/* insurance charts */
	.charthead
	{
		font-weight: bold;
		color: #f1d291;
		background-color:#bf452f;
	
	}
	
	.charttext-alt
	{
		color: #bf452f;
		background-color: #f9f2bc;
		
	}
	
	.charttext
	{
	
		color: #bf452f;
		background-color: #f1d291;
	
	}
	/* end insurance charts */


	/* forms */
	/* used to color background on table td */
	.form_header{
		background-color:#EC7430;
		padding:2px;
		color: #fff;
	}

	/* used to make a border on table td */
	.form_divider {
		border-bottom:#EC7430 1px dotted;
		font-size: 2px;
		line-height: 2px;
	}

	/* used to make an empty spacer row on table td */
	.form_spacer {
		font-size: 2px;
		line-height: 2px;
	}
	
	.form_checkboxpad
		{margin-bottom:6px;}
		
	/* used on package and special pages */
	.requestButton {
		text-align: center;
	}
	
	.requestButton img {
		padding: 20px 0 5px 0;
	}
	/** 
 * @contributor Matt Foster
 * @date		February 27th 2007
 * @purpose 	A series of rulesets to assist with the link formatting of the "direct import" links in the web feed such that each link has links floated to the right, these rules
 *				are primarily used in /Feeds/index.cfm
 */
#web_feed a{
		width:225px;
		display:block;
		margin-bottom:1.5em;
		background:url(/images/broad_rss.gif) no-repeat right;
		float:left;
		clear:left;
		padding:3px;
	}
#web_feed h2{
	clear:both;
}
#web_feed .Google,
#web_feed .Yahoo,
#web_feed .Live,
#web_feed .Bloglines,
#web_feed .Newsgator{
	width:95px;
	float:right;
	height:25px;
	padding:0px;
	margin:0px;	
} 
#web_feed .Google{
	background:url(/images/add-to-google.gif) no-repeat top right;
	width:75px;
}
#web_feed .Yahoo{
	background:url(/images/add-to-yahoo.gif) no-repeat top right;
}
#web_feed .Live{
	background:url(/images/add-to-live.gif) no-repeat top right;
}
#web_feed .Bloglines{
	background:url(/images/add-to-bloglines.gif) no-repeat top right;
}
#web_feed .Newsgator{
	background:url(/images/add-to-newsgator.gif) no-repeat top right;
}


/* OFFER LISTING CSS */

.latestofferslist /* containter for all offers */
{
	margin-top: 10px;
}

.offerListing /* standard display for offers on offers page */
{
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
}

.saleItem	/* used to denote sale offers on offers page */

{
	color: #C14E0C;
	font-weight: bold;
	background-image: url('/images/icons/special-icon-sm.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	min-height:20px;
	padding: 0 0 0 25px;
}


.boxHeaderColor {
	color: #0072bc;
}

#saleStyle
{
	/* border: dotted 1px; */
	background: #fff;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 6px 0;
	border-color: #C14E0C;
	border-width: 0 0 1px 0;
	border-style: dotted;
}

#saleStyle img {
	margin: 0 0 6px 0;
	padding: 0;
}
#saleStyle h2{
	/*color: #C14E0C;*/
	font-size: 16px;
	line-height: 18px;
	padding: 0 0 6px 0;
	margin: 0;
}

#saleStyle p {
	/*color: #C14E0C;*/
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
}

.sortBy /* used for sort by links */
{
	padding: 3px 0;
	border-color: #0072BC;
	border-width: 0 0 1px 0;
	border-style: dotted;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}

.sortBy h4 {
	margin: 0 0 6px 0;
}

/* SMALL SLIDING DOORS BUTTON */
a.slideButtonSm {
	border: 0;
	display: block;
	font-weight: bold;
	margin-left: 25px; /* gutter on left side of button */
	/*padding-left: 12px;*/ /* Width of left menu image */
	background: url('/images/buttons/button_slide_right_sm.gif') no-repeat top right;
	float: left;
	font: 11px Verdana, Arial, Tahoma, Helvetica; /* Change 13px as desired */
	line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	cursor:pointer;
}

 

a.slideButtonSm span {
	position: relative;
	display: block;
	white-space: nowrap;
	padding-left: 24px; /* width of left button side */
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	background: url('/images/buttons/button_slide_left_sm.gif') no-repeat top left;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	margin-right: 12px; /* Right side of button gutter */
	padding-right: 12px; /* Width on right side of button */



}

 

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}


/* END SMALL SLIDING DOORS BUTTON */


/* ERROR box css */
.errorDiv
{
	width: 500px;
	padding: 15px;
	margin: 0 auto;
	border-color: #C14E0C;
	border-width: 1px 0 1px 0;
	border-style: dotted;
}

.errorDiv h2 {color: #C14E0C;}