/*  
Theme Name: Travel Vantage
Description: Custom WP theme for Travel Vantage.
Version: 0.1
Author: OrangeCoat, LLC
*/



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata {
	color: #669966;
	margin-bottom: 2.8em;
	}
	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}
	.postmetadata a, .postmetadata a:link, .postmetadata a:visited {
		color: #669966;
	}
	.postmetadata a:hover {
		color: #557855;
	}
ol li{
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px; 
text-align: center;
}

select {
width: 130px;
}

#contact-form {
	margin: 0;
	display: table-cell;
	float: right;
	width: auto;
	}
	#contact-form  form {
		display: block;
		float: right;
		width: auto;
	}
	#contact-form  form td{
		display: block;
		float: left;
		width: 308px;
		padding-right: 1.7em;
		}
		#contact-form  form td div{
			border-left: 1px solid #F1F1C2;
			border-right: 2px solid #E7E7B3;
			border-bottom: 2px solid #E7E7B3;
			border-top: 1px solid #F1F1C2;
			background: #FFFFD7;
			margin:0;
			width: auto;
			padding: 0 1.5em 1.5em 1.5em;
		}
	#contact-form fieldset {
		border: 6px double #DCD7AD;
		padding: 1.6em 1.2em 1.2em 1.2em;
		margin: -1em 0 1em 1em;
		width: 280px;
		display: block;
		float: right;
	}
	#contact-form legend {
		color: #C16300;
		font-size: 1.5em;
	}
	#contact-form label {
		display: block;
		color: #969265;
		font-size: 1.1em;
		font-family: Verdana, Arial, Tahoma, sans-serif;
		margin: .9em 0 2px 0;
	}
	#contact-form .option {
		font-size: .9em;
		font-family: Verdana, Arial, Tahoma, sans-serif;
		color: #999;
		padding: 8px 0 8px 0;
		vertical-align: middle;
		margin: 4px 6px 0 0;
		
	}
	#contact-form .button {
		margin: 1em 0 0 0;
		display: block;
		padding: 1em;
		text-align: center;
		width: 292px;
		background: #EFEFEF;
		color: #000;
		font-size: 1.4em;
		border: 1px solid #CCC;
		/* _margin-left: -1em; */
		cursor: pointer;
		float: left;
		font-family: georgia, "times new roman", serif;
	}
	#contact-form .button:hover {
		background: #C16300;
		color: #FFF;
	}
	#contact-form input, textarea {
		border: 1px solid #CCC;
		color: #969265;
		font-size:  8pt;
		padding: 3px;
		font-family: verdana, tahoma, arial, sans-serif;
	}
	#contact-form .option input {
		border: 0;
		display: inline;
		height: 1.2em;
		padding:0;
		margin: 0;
		vertical-align: middle;
	}
	
/* End Form Elements */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
/* End Various Tags & Classes*/




/* Travel Vantage global CSS */

html, body { border: 0; margin: 0; padding: 0;}

/* Jello -- start copying here */
body {
	padding: 0 380px 0 380px;
	margin: 0;
	text-align: center;
	background: url("images/header-bg.gif") repeat-x top left transparent;
}

a:link,
a:visited{
	color: #50350C;
	text-decoration: underline;
}

a:hover,
a:active{
	color: #668866;
}
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 88%;
	max-width: 230px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: transparent;
	margin: 0 -384px 0 -384px;
	min-width: 768px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 


/* * --- stop copying, but be sure to grab IE's max-width, just above the body-tag --- * * * * * * * * * * * * * * */

body { font: 65% Georgia, "Times New Roman", serif; }

#sidebar {
	border-bottom: 1px solid #CDCDB8;
	float: right;
	margin-left: 1.6em;
	margin-right: -4px;
	width: 228px;
	clear: none;
	background: url("images/sidebar-bg-mid.gif") repeat-y top center transparent;
	}
	#sidebar div.cap {
		background: url("images/sidebar-bg-top.gif") no-repeat top center #CCC;
		padding: 10px 12px 0 12px;
		margin: 0;
		overflow: hidden;
		text-align: center;
		font: 1em/1.4em Gerogia, "Times New Roman", serif;
		color: #666D72;
		font-weight: normal;
		text-indent: -10000px;
	}
	#sidebar p {
		color: #47565F;
		padding: .3em 1.5em .7em 1.5em;
	}
	#sidebar ul,
	#content ul{
		list-style-type: none;
		font-size: 1.1em;
		padding: 0 0 0 6px;
		margin: 5px 0 5px 5px;
	}
	#sidebar ul li,
	#content ul li {
		list-style-type: none;
		padding: 0 0 0 12px;
		margin: 0 0 0 5px;
		background: transparent url("images/content-bullet.gif") no-repeat 0px 4px;
		font: .95em verdana, tahoma, arial, sans-serif;
		line-height: 1.5em;
		color: #47565F;
		}
		#content ul li ul  {
			font: .95em verdana, tahoma, arial, sans-serif;
		}
	#sidebar ul li{
		background: url("images/side-bullet.gif") no-repeat center left;
		width: 170px;
		margin: 0 0 0 15px;
	}
#contact #sidebar {
	float: left;
}
	
#content {
	width: 99%;
	margin: 0;
	text-align: left;
	display: inline;
	clear: none;
	float: left;
	padding: 1.5em 0 3em 1%;
	}

#header {
	background: transparent;
	margin: 0 0 1em 0;
	padding: 5px 0 0 0;
	position: relative;
	float: left;
	display: block;
	clear: both;
	text-align: left;
	width: 100%;
}

#r {
	float: right;
	width: 814px;
	clear: none;
	margin:0;
	padding: 0;
	display: block;
	position: relative;
}

#about-left {
	width: 50%;
	margin: 0;
	display: inline;
	clear: none;
	float: left;
	padding: 1.5em 0 3em 0;
}

#about-right {
	width: 40%;
	margin: 0;
	display: inline;
	clear: none;
	float: left;
	padding: 1.5em 0 3em 4%;
}

#post-utils {
	padding: 1em 0 1em 0;
	margin-top: 1.5em;
	}

	#post-utils ul {
		padding: .9em;
		background: #FFFFD7;
		border: 2px solid #F9F9C5;
		height: 2em;
	}
	#post-utils p {
		padding-top: 1em;
	}
	#post-utils ul, #post-utils ul li {
		display: inline;
		list-style: none;
		}
		#post-utils ul li {
			padding: 3px;
			margin: 0 1em 0 0;
			background: transparent;
			height: 2em;
		}
		#post-utils ul li.live-person {
			padding-left: 23px; 
			background: transparent url('http://hc2.humanclick.com/hc/10164777/?cmd=repstate&site=10164777&&ver=1&imageUrl=http://www.travelvantage.com/images/liveperson') no-repeat center left;
		}
		
#country-block {
	border: 1px solid #CCC; 
	display: block; 
	float: left;
	padding: 2em;
}

#footer { 
	clear: both; 
	padding: 2.8em 0 0.5em 0; 
	margin: 2em 1% 1em 1%; 
	border-top: 3px solid #573A0F;
	background: transparent;	
	}
	#footer p {
		display: block;
		clear: none;
		float: left;
		text-align: center;
		width: 54%;
		padding: 0 0 0 4%;
		margin: 0;
		border-left: 1px dashed #D5D597;
		color: #C5C586;
	}
	#footer p .imgRight {
		margin: 0 0 0 1.4em;
		padding: 0;
		float: right;
	}
	#footer p a {
		/* margin-right: 1em; */
		color: #C96500
	}
	#footer p a:hover {
		text-decoration: none;
	}
	
	#footer ul {
		text-align: left;
		list-style-type: none;
		font-size: 1.1em;
		padding: 0 0 0 6px;
		margin: 0 2% 5px 0;
		float: left;
		clear: none;
		width: 18%;
	}
	#footer ul li {
		list-style-type: none;
		padding: 0 0 0 12px;
		margin: 2px 0 0 5px;
		background: url("images/content-bullet.gif") no-repeat center left;
		font: .95em verdana, tahoma, arial, sans-serif;
		line-height: 1.5em;
		color: #47565F;
	}
	#footer ul li a{
		color: #877654;
		text-decoration: underline;
	}
	#footer ul li a:hover{
		color: #50350C;
		text-decoration: none;
	}
	



/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { /* display: inline-table; */ }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* * * Decorative Styles * * */
h1 {
	left: 0px;
	position: absolute;
	background: url("images/vantage-world-travel-logo.gif") no-repeat top left transparent;
	height: 170px;
	text-indent: -10000px;
	min-width: 217px;
	width: 217px;
	margin: 2px 0 0 0;
	padding: 0;
	}
	h1 a{
		display: block;
		height: 170px;
		text-decoration: none;
		width: 217px;
		cursor: pointer;
	}

h2{
	color: #50350C;
	font-weight: normal;
	padding: 2px;
	margin: 0;
	font-size: 1.9em;
	font-family: Georgia, "Times New Roman", serif;

}

#sidebar h2{
	color: #50350C;
	font-weight: normal;
	padding: 0 10px 5px 25px;
	margin: 0;
	font-size: 1.7em;
	font-family: Georgia, "Times New Roman", serif;

}
#contact #sidebar h2 {
	text-align: center;
	padding-left: 8px;
}

address{
	color: #877654;
	font-weight: normal;
	padding: 0 10px 5px 8px;
	margin: 0;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", serif;
	text-align: center;
}

h3, h4 {
	color: #C16300;
	font-weight: normal;
	padding: 2px;
	margin: 0;
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", serif;
	}
	h3 a, h3 a:link, h3 a:visited {
		color: #A95700;
	}
	h3 a:hover {
		text-decoration: none;
	}
	.search_excerpt h3.is_page {
		color: #CD8840;
		padding-right: 79px;
		background: transparent url("images/mark-info.jpg") no-repeat center right;
	}
	.search_excerpt h3 {
		padding-right: 79px;
		background: transparent url("images/mark-adventure.jpg") no-repeat center right;
	}	

#sidebar h3, #sidebar h4{
	padding: 0 10px 5px 25px;
	font-size: 1.3em;

}

p { 
	font: 1.1em verdana, tahoma, arial, Sans-Serif;
	color: #57401F;
	line-height: 150%;
	text-align: justify;
}
 
td p {
	margin: 1px;
}

div.search_excerpt {
	width:50%;
}
.fill { color: #aaa; }

.back {text-align: right; padding: 3px 10px 0 0;}

.alignright {margin: 30px 0; text-align: right;}

.small {font-size: .8em;}

.return {position: absolute; top: 10px; right: 20px; width: 20em; text-align: right; font-size: .9em; line-height: 1.4;}

.return a {color: #000;}

#sidebar a {color: #686;}

/* * * Form Styles * * */

form {
margin: 0 0 2em -20%; 
position: relative;
}

#sidebar form{ margin: 0; }

/*\*/
* html form {height: 0;}
/* Holly hack */

label input { width: 40%; }

label span {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
	padding-right: 2%;
}

label.max { padding-top: 25px; }

.submit { text-align: center; padding-top: 20px; }

#secondary_nav {
	display: block;
	width: 75%;
	margin:0 0 0 1.1em;
	padding:0;
	clear: none;
	float: right;
	height: 87px;
	font-size: 1.1em;
	}

	#secondary_nav li
	{
		display:inline;
		list-style-type:none;
		margin: 3px 4% 0 0;
		padding: 6px 0 0 0;
		min-height: 19px;
		height: 19px;
		line-height: .86em;
		float: right;
		width: 26%;
		text-align: right;
		}
		#secondary_nav li a {
			color: #553A13;
			text-decoration: none;
		}
		#secondary_nav li a:hover, #secondary_nav li a:hover:active {
			text-decoration: underline;
		}
		
#tabnav
{
	display: block;
	height:96px;
	margin:-5px 0 0 0;
	padding:0;
	clear: none;
	float: right;
	min-width: 715px;
	background: url("images/header-bg.gif") repeat-x top left transparent;
	}
	#tabnav li
	{
		display:inline;
		list-style-type:none;
		margin:0;
		height:96px;
		float: right;
		}
		#tabnav li a
		{
			height:96px;
			float: left;
			padding: 0;
			text-decoration:none;
			text-indent: -10000px;
		}
		#tabnav li.about, #tabnav li.about a{ 	background:url("images/nav-about.gif") no-repeat top left transparent; width: 74px;}
		#tabnav li.special-celebrations, #tabnav li.special-celebrations a{ 	background:url("images/nav-special-celebrations.gif") no-repeat top left transparent; width: 114px; }
		#tabnav li.world-destinations, #tabnav li.world-destinations a{ 	background:url("images/nav-destinations.gif") no-repeat top left transparent; width: 114px; }
		#tabnav li.independent-journeys, #tabnav li.independent-journeys a{ 	background:url("images/nav-independent.gif") no-repeat top left transparent; width: 112px;}
		#tabnav li.escorted-journeys, #tabnav li.escorted-journeys a{ 	background:url("images/nav-escorted.gif") no-repeat top left transparent; width: 94px; }
		#tabnav li.adventure-expeditions, #tabnav li.adventure-expeditions a{ 	background:url("images/nav-adventure.gif") no-repeat top left transparent; width: 109px; }
		#tabnav li.cruise-expeditions, #tabnav li.cruise-expeditions a{ 	background:url("images/nav-cruise.gif") no-repeat top left transparent;  width: 106px; }
		#tabnav li.contact, #tabnav li.contact a{ 	background:url("images/nav-contact.gif") no-repeat top left transparent;  width: 87px; }
		
		#about #tabnav li.about a, #tabnav li.about a:hover, #tabnav li.about a:hover:active{ 		background:url("images/nav-about.jpg") no-repeat top left transparent;}
		#special-celebrations #tabnav li.special-celebrations a, #tabnav li.special-celebrations a:hover, #tabnav li.special-celebrations a:hover:active{ 	background:url("images/nav-special-celebrations.jpg") no-repeat top left transparent; }
		#world-destinations #tabnav li.world-destinations a, #tabnav li.world-destinations a:hover, #tabnav li.world-destinations a:hover:active{ 	background:url("images/nav-destinations.jpg") no-repeat top left transparent; }
		#independent-journeys #tabnav li.independent-journeys a, #tabnav li.independent-journeys a:hover, #tabnav li.independent-journeys a:hover:active{ 	background:url("images/nav-independent.jpg") no-repeat top left transparent; }
		#escorted-journeys #tabnav li.escorted-journeys a, #tabnav li.escorted-journeys a:hover, #tabnav li.escorted-journeys a:hover:active{ 		background:url("images/nav-escorted.jpg") no-repeat top left transparent; }
		#adventure-expeditions #tabnav li.adventure-expeditions a, #tabnav li.adventure-expeditions a:hover, #tabnav li.adventure-expeditions a:hover:active{ 	background:url("images/nav-adventure.jpg") no-repeat top left transparent; }
		#cruise-expeditions #tabnav li.cruise-expeditions a, #tabnav li.cruise-expeditions a:hover, #tabnav li.cruise-expeditions a:hover:active{ 		background:url("images/nav-cruise.jpg") no-repeat top left transparent;  }
		#contact #tabnav li.contact a, #tabnav li.contact a:hover, #tabnav li.contact a:hover:active{ 		background:url("images/nav-contact.jpg") no-repeat top left transparent;  }
		
.img, .imgRight, .imgLeft {
	padding: 4px;
	border: 1px solid #573A0F;
	background: #FFF;
	float: left;
	}
	.imgRight {
		float: right;
		margin: 0 0 0 1.2em;
	}
	.imgLeft {
		float: left;
		margin: 0 1.2em 0 0;
	}

table, td {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

table.noresults {
	background: #fafafa;
	border: 1px solid #EEEEDA;
	padding: 1.3em;
	}
	.noresults td{
		padding-right: 1.3em;
	}

#sidebar p{ margin: 0 !important; }

#searchform input,
#searchform select{
	background: #F8F8EC;
	border: 0px solid;
	border-color: #CCCCB7 #D7D7C5 #D7D7C5 #CCCCB7;
	color: #50350C;
	padding: 3px;
}

#searchform select{ padding: 0; }

#searchform input.text{
	margin-bottom: 10px;
	width: 179px;
}

#searchform input.button{
	padding: 1px;
}

#sidebar img{
	border: 1px solid #573A0F;
	padding: 2px;
}

.alignleft a:link,
.alignleft a:visited,
.alignright a:link,
.alignright a:visited{
	background: #E4E4D0;
	border: 1px solid #CCCCB7;
	color: #C86300;
	font: bold 1.2em "Trebuchet MS", Sans-serif;
	padding: 2px 5px;
	text-decoration: none;
}

.alignleft a:hover,
.alignleft a:active,
.alignright a:hover,
.alignright a:active{
	background: #D0D0B0;
	color: #668866;
}

span.caption, span.caption a {
	overflow: hidden;
	padding: 0;
	margin: 0;
	font-size: 8pt;
	font-family: verdana, sans-serif;
	color: #7FA47F;
	text-decoration: none;
}

#homepage .caption {
	position: relative;
	top: -.9em;
	padding-left: 580px;
}
.button {
	BACKGROUND-COLOR: #000036; BORDER-BOTTOM-COLOR: #000036; BORDER-LEFT-COLOR: #000036; BORDER-RIGHT-COLOR: #00069F; BORDER-TOP-COLOR: #000066; COLOR: #fff; 
 	BORDER-STYLE: OUTSET;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: x-small; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.Button1 {
    BACKGROUND-COLOR: #c96500; BORDER-BOTTOM: #003366 thin solid; BORDER-LEFT: #ffffff thin solid; BORDER-RIGHT: #003366 thin solid; BORDER-TOP: #ffffff thin solid; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; float: top;

}
.Button2 {
    BACKGROUND-COLOR: #cecece; BORDER-BOTTOM: black 1px groove; BORDER-LEFT: black 1px groove; BORDER-RIGHT: black 1px groove; BORDER-TOP: black 1px groove; COLOR: black; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 8pt
}
.Button3 {
    BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM: black thin solid; BORDER-LEFT: black thin solid; BORDER-RIGHT: black thin solid; BORDER-TOP: black thin solid; COLOR: black; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 8pt
}
.Data {
	COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal
}
.Datab {
	COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: bold
}
.Datag {
	COLOR: #000066; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal;
	height: 1.2 em; /* replace 2em with your chosen value, in px or whatever */
}
.Labels {
	COLOR: #cc6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: x-small
}
.Label2 {
	COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: bold
}
.odds{
	BACKGROUND-COLOR: #99ccff; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal
}
.evens {
	BACKGROUND-COLOR: #ffffff; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal
}
.evengrey {
	BACKGROUND-COLOR: #CCCCCC; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: x-small; FONT-STYLE: normal
}
.oddgrey {
	BACKGROUND-COLOR: #CCCCCC; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: x-small; FONT-STYLE: bold
}
.oddgold {
	BACKGROUND-COLOR: #FFCC99; COLOR: #000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: x-small; FONT-STYLE: bold
}
.balloon P {
	PADDING-RIGHT: 1.5em; PADDING-LEFT: 1.5em; PADDING-BOTTOM: 0.7em; COLOR: #47565f; PADDING-TOP: 1.2em
}

div.olmenu {
position: relative;
width: 600px;
height: 75px;
margin-left: auto;
margin-right: 100px;
border: none;
padding: 8px;
}

div.products{
width:600px; margin-left: 2px; margin-top: 80px; margin-right: 45px; margin-bottom: -5px; 

}