/* 
Mondial Homepage - CDG Interactive, Inc.
--------------------------------------------*/
/*

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
 
html { color: #000000; background: #F6F6F6 none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th { margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }

/*because legend doesn't inherit in IE */
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
*:first-child+html input, *:first-child+html textarea, *:first-child+html select { font-size: 100%; }

/*
Initialization/Defaults
--------------------------------------------*/

/* --- Block Elements --- */
br {}
hr {}
img {}
a img { border: 0 none; }

a:link {
    color: #0072BC;
    text-decoration: none;
}

/* --- Header Text --- */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, FreeSans, sans-serif; } 
h1 { font-size: 32px; color: #000000; margin-bottom: 15px; }
h2 { font-size: 16px; color: #000000; margin-bottom: 2px; }
h3 { font-size: 13px; color: #000000; margin-bottom: 2px; }
h4 { font-size: 12px; color: #000000; margin-bottom: 2px; }
h5 { font-size: 11px; color: #000000; margin-bottom: 2px; }
h6 { font-size: 10px; color: #000000; margin-bottom: 2px; }

/* --- Block Text --- */
p, blockquote, caption, div { margin-bottom: 2px; } 
p { }
blockquote {}
caption {}
div {}

/* --- Text Elements --- */
pre {}
span {}
sup { font-size: 9px; }
small { font-size: 10px; }
address {}
strong { font-weight: bold; }
em { font-style: italic; }

/* --- List Items --- */
ul, ol {}
ul {}
ul li {}
ol {}

/* --- Definition Elements --- */
dl, dt, dd {}
dl {}
dt {}
dd {}

/* --- Table  Elements --- */
table {}
th {}
thead {}
tbody {}
/* tr {} */
td {}
tfoot {}
legend {}

/* --- Inputs --- */
input, select, button, textarea { font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: 11px; }
fieldset { font-size: 11px; border: 0; }
legend { }
form { }
input { margin-bottom: 0; }
select { margin-bottom: 0; }
button {}
textarea { margin-bottom: 0; }

/* --- Clearfix Hack --- */

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; line-height: 0; content: " "; clear: both; height: 1px; width: 1px; margin: 0 -1px -1px 0; overflow: hidden; }
.clearfix { display: inline-block; }

/* 
     Utility ID's
     ----------------------- */      
.clear { display: block; clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; font-size: 0; line-height: 0; }
.hide { position: absolute !important; left: -9999px; }
.show { position: static !important; }
.header { margin-bottom: 10px; }

/*
Site Styles
--------------------------------------------*/
/* 
	Body
-----------------------------*/
body { font: 12px/19px Arial, Helvetica, FreeSans, sans-serif; color: #000000; background: #F6F6F6; } 

/* 
	Container
-----------------------------*/
#container { margin: 0 auto; min-height: 915px; padding: 0; width: 972px; background:#F6F6F6;} /* width: 972px; min-height: 930px; */ 


/* 
	Header
-----------------------------*/
#header { width: 955px; height: 980px; margin: 0 0px -795px 0px; padding: 0 12px; z-index:2;} /* height: 479px*/ 

	#header h1 { position: absolute; left: -9999px; }	
	#header li { float: right; text-align: right; width: 49%; padding-top: 10px;}
    #header li.first { float: left; text-align: left; padding-top: 10px; }
	a#logo { display: block; width: 301px; height: 175px; margin: 0; position: relative; top: 13px; float: left; }

/* 
	Content
-----------------------------*/
#content { margin: 0 0 0px 25px; min-height: 620px; width: 947px; padding: 0px 0px 0px 0px; background: #FEFDFB; float:none;}
	#contenttop {  display: block; height: 29px; width: 868px; font-size: 0; line-height: 0; margin: 0; padding: 0;}
	#contentbottom { display: block; height: 279px; width: 982px; top:930px;  font-size: 0; line-height: 20; margin: -280px 0 0; padding: 0; position:absolute; z-index:-1;}

	
.colHeaderLable
{
    font-size: 24px; 
    line-height: normal; 
    font-weight: bold; 
    color: #000000; 
    border-bottom: 0px solid black; 
    padding: 1px 0 0px 0px; 
    margin: 0px 0px 0px; 
    background: transparent none;
}

.colATextLable 
{
    font-size: 12px;
    font-weight:bold;
}

.colATextLableIn
{
    font-size: 12px;
    font-weight:bold;
    padding: 0 0 0 20px;
}

.colAValLabel  
{
    font-size: 12px; 
    font-weight:normal; 
    color: #000000; 
    padding: 0 0 0 0; 
    margin:0 5px 0 0px;
}

.price
{
    margin: 0 0 0px 0;
    padding: 0; 
    font-size: 30px; 
    line-height: normal; 
    color: #000000; 
    float: left;    
}
.colANames 
{
    font-size: 12px;
    padding: 0 0 0 20px;
}

.imgTop
{
    background: transparent url(../../Content/images/backgrounds/HotwireHeader.png) no-repeat 0 0; 
    margin:0 0 0 0; 
    padding:0 0 0 0;
}

/*
.imgTop
{
    background: transparent url(../../Content/images/backgrounds/1Insura-your-travel_orbitz_top_new.jpg) no-repeat 0 0; margin:0 0 0 0; padding:0 0 0 0;
}
*/
.imgMiddle
{
    align="center";
    valign="top";
    background: transparent url(../../Content/images/backgrounds/1Insura-your-travel_hotwire_middle.jpg) repeat-y  0 0;
}
.imgBottom
{
    background: transparent url(../../Content/images/backgrounds/1Insura-your-travel_hotwire_bottom.jpg) no-repeat 0 0;
}

.headermessage
{
    padding: 0 0 0 10px;
}

.headermessageline
{
    padding: 0 0 0 10px;
}

.insurance-coverage
{
	clear: left;
	font-size: 12px;
	color: #382C17;
	margin-top: 5px;
	float: left;
	background-position: bottom left;
	background-repeat: repeat-x;
	margin: 5px 2px 1px 1px;
	padding: 0 5px 0 0;
	width: 330px !important;
}
.insurance-coverage TH
{
	/* 
    border-top: 1px dotted #A9A18F;
	border-left: 1px dotted #A9A18F;
	border-bottom: 1px dotted #A9A18F;
    */
	padding: 1px;
	height: 15px;
	font-weight:bold;
}
.insurance-coverage TH.benrightth
{
	padding: 1px;
	height: 15px;
	font-weight:bold;
}
.insurance-coverage TD
{
	padding: 1px;
	height: 20px;
}
.insurance-coverage TD.benrighttd
{

}

.insurance-coverage TD.title
{
	border-left: none;
	width: 171px;
}

.insurance-coverage TD.title P
{
	padding: 0;
	margin: 0;
}

.insurance-coverage TD.title SPAN
{
	display: block;
}

.insurance-coverage TD.title A
{
	color: #A43C03;
}

.insurance-coverage TR:HOVER TD
{
	background-color: #B5EAAA;
	cursor: pointer;
}

.insurance-coverage TD.hl
{
	background-color: #E7E5D2;
}

.insurance-coverage TR:HOVER TD.hl
{
	background-color: #E2BD01;
}

/*Popup Windows*/
.pph-content
{
	display: none;
	width: 227px !important;
	position: absolute;
	z-index: 2 !important;
	margin: 5px 0 0;
}
TR.pph-hint TD.title pph-content
{
	margin-left: 0px;
	margin-top: 0px;
}

TR.pph-hint .pph-content
{
	margin-left: -60px;
	margin-top: -7px;
}

TR.pph-hint TD.title .pph-content
{
	margin-left: -60px;
	margin-top: -5px;
}
.pph-content STRONG
{
	background: transparent url(../images/backgrounds/bg_header.png) no-repeat 0 0;
	min-height: 24px;
	display: block;
	width: 227px;
	padding: 5px 20px 0;
	margin: 0;
	font-size: 14px;
	line-height: 17px;
	color: #D12F2C;
}

SPAN.pphtop
{
	display: block;
	width: 227px;
	height: 21px;
	background: transparent url(../images/backgrounds/bg_top.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
SPAN.pphbottom
{
	display: block;
	width: 227px;
	height: 13px;
	background: transparent url(../images/backgrounds/bg_bottom.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
SPAN.pphseparator
{
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 7px 0 0;
	padding: 0;
	border-top: 1px dotted #000000;
}
.pph-content DIV
{
	background: transparent url(../images/backgrounds/bg_content.png) no-repeat 0 0;
	width: 227px !important;
	padding: 7px 20px;
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	color: #53472D;
	overflow: hidden;
}
.compare-products TR.pph-hint .pph-content
{
	margin-top: -2px;
}

.benhover
{
    
}

/* 
	Article
-----------------------------*/
#article { width: 940px; min-height: 470px; color: #22201e; margin: 0 0px 0px 0px; padding: 0px 0px 0px 0px; height: 28px; background: #FEFDFB repeat-y 0 0; }


	/* Standard Article Styles */
	#article h1 { margin: 0 0 0px 0; padding: 0; font-size: 30px; line-height: normal; color: #000000; float: left}
	#article h2 { font-size: 16px; line-height: 20px; color: #492b06; font-weight: bold; margin-bottom: 10px; }
	#article h2 a, #article h2 a:hover { color: #492b06; }
	#article h3 { font-size: 12px; color: #000000; font-weight: bold; }
	#article h4 { font-size: 13px; margin-bottom: 15px; }
	#article h5 { font-size: 10px; line-height: 20px; color: blue; font-weight: bold; margin-bottom: 10px; }
	
	#article ul { margin: 0 0 20px; }
		#article ul li { list-style: none none outside; padding: 0 0 5px 10px; }

	#article ol { margin: 0 00px 0px; padding: 0;}	
	    #article ol li { list-style-type: none; padding: 0 0 2px;  height: auto; }
	    #article ol li div { height: 18px;}
	        #article ol li label { font-size: 12px; font-weight:bold;}
	        #article ol li label.first { font-size: 12px; font-weight:bold; margin: 0 15px 0 30px;}
	        #article ol li span.col_a_values { font-size: 12px; font-weight:normal; color: #000000; padding: 0 0 0 0; margin:0 5px 0 0px;} /* #000000 */
	        #article ol li table {margin: 0 0 0 30px; padding: 0 0 0 0px;}
	        #article ol li table tr {margin: 0 0 0 0px; padding: 0 0 0 0px; height:15px;}
	        #article ol li table tr td {height: 20px; margin: 0 0 0 0px; padding: 0 5px 0 0px;}
	        #article ol li div.td_table { height: 18px;}	    

	#article p { margin-bottom: 20px; }
	#article hr { margin: 0 0 25px; background: #e6e6d0 none; color: #e6e6d0; border: 1px solid #e6e6d0; height: 0; padding: 0; font-size: 0; line-height: 0; }
	
	#article .disclaimer { color: #6f716a; font-size: 11px; line-height: 15px; border-bottom: none; padding: 0; margin: 0 0 5px; }

	
	#article form div { float: left; padding: 0; margin: 0 12px 0 0; }
	#article form fieldset { padding: 0; margin: 0; }
	#article form fieldset div { float: left; padding: 0; margin: 0; }
	
	#article form fieldset ul { margin-bottom: 0; }	
		#article form fieldset ul label { position: absolute; left: -9999px; }
		#article form fieldset ul select { width: auto; }
		#article form fieldset ul li { display: -moz-inline-box; display: inline-block; margin-right: 5px; padding-bottom: 0; background: transparent none; }
		#article form fieldset ul li.yearlist select { width: auto; }
	
	#article form fieldset fieldset { margin-bottom: 7px; }	
		#article form fieldset fieldset legend { font-weight: normal; margin-bottom: 0; }

	#article form fieldset div label { font-weight: normal; display: inline; padding-right: 5px; }
	#article form fieldset div select { width: 50px; display: inline; }
	
	#article form div.buttonWell { float: none; clear: both; margin: 0 0 5px; }

	/* Column A */
	#col_a { width: 240px; min-height:396px; margin: 0; padding: 0 15px 2px; float: left;} /* 290 280  */ 
	
	/* Get Quote Area */
		#article h2 { font-size: 24px; line-height: normal; font-weight: bold; color: #000000; border-bottom: 0px solid black; padding: 1px 0 0px 0px; margin: 0px 0px 0px; background: transparent none; }
		
		/* Flexible, graphical submit buttons */
		#article .getquote span.startquote, #article .getquote a.startquote { display: none; font-size: 18px; line-height: normal; color: #ffffff; font-weight: bold; text-transform: none; height: 30px; margin: 5px 0 10px !important; padding: 0 0 0 15px; cursor: pointer; overflow: hidden; text-decoration: none; }
		#article .getquote a.startquote { display: -moz-inline-box; display: inline-block; margin-bottom: 0 !important; }
		#article .getquote span.startquote span, #article .getquote a.startquote span { display: block; margin: 0; padding: 4px 25px 0 0; height: 26px; }
		#article .getquote a.startquote span { display: -moz-inline-box; display: inline-block; }		
		#article .getquote span.startquote:hover { text-decoration: none !important; }		
		
		/* Flexible, graphical submit buttons */
		#article .purchase span.startquote, #article .getquote a.startquote { display: none; font-size: 18px; line-height: normal; color: #ffffff; font-weight: bold; text-transform: none; height: 30px; margin: 5px 0 10px !important; padding: 0 0 0 15px; cursor: pointer; overflow: hidden; text-decoration: none; }
		#article .purchase a.startquote { display: -moz-inline-box; display: inline-block; margin-bottom: 0 !important; }
		#article .purchase span.startquote span, #article .getquote a.startquote span { display: block; margin: 0; padding: 4px 25px 0 0; height: 26px; }
		#article .purchase a.startquote span { display: -moz-inline-box; display: inline-block; }		
		#article .purchase span.startquote:hover { text-decoration: none !important; }	
	
		.getquotebottom { display: block; width: 297px; height: 18px;  margin: 0; padding: 0; font-size: 0; line-height: 0; clear: both  }
	
         #col_b { width: 670px;  margin: 0; padding: 0; float:right;} /* 650  660*/
        
	/* Column C */
	#col_b1 { width: 335px; min-height:466px; margin: 0; padding: 0; float: left; background: #FEFDFB; height:100%;} /* 315 325 335 #C3FDB8; #C3FDB8; */

        #col_b1 #travelprotection {background: red line-height : 20px; }

		.byline { color: #4b3314; font-size: 15px; line-height: 20px; margin-bottom: 2px; }		
		
		.producttable { width: 493px; margin-bottom: 20px; }
		
		#article .producttable h2 { color: #492b06; font-size: 22px;  }
		img.photo { float: left; margin: 0 10px 10px 0; padding: 0; }
		
		.producttable div { float: right; width: 373px; margin: 0; }
		#article .producttable p { font-size: 12px; margin-bottom: 7px; }
	
		#article .producttable ul { margin-bottom: 0; }
			#article .producttable ul li { background: none; padding-left: 0; float: left; font-size: 11px; }
			#article .producttable ul li.first { padding-right: 15px; }
		
		.producttable a.startquote { font-size: 13px; line-height: normal; color: #e00000 !important; height: auto; padding: 0 11px 0 0; }
		.producttable a.startquote span { display: inline; padding: 0; height: auto; background: transparent none;font-weight: bold; }
		.producttable a.startquote:hover { text-decoration: underline !important; }
				
		#article .producttable .lister li { padding: 0 0 20px; width: 493px; }		
			#article .producttable .lister ul li { width: auto; background: none; padding-left: 0; float: left; font-size: 11px; border-top: none; padding: 0; }
			#article .producttable .lister ul li.first { padding-right: 15px; }
	
		#article .singleproduct h2 { color: #e10302; font-size: 26px; line-height: 34px; font-weight: normal; margin: 0 0 14px; padding: 0; }	
			.singleproduct div { width: 293px; }	
			#article .singleproduct p { font-size: 14px; line-height: 21px; margin-bottom: 10px; }		
			#article .singleproduct p.coverage { width: auto; }				
	
		#main { padding: 30px 0 0; margin: 0 20px 0 0; border-top: 1px solid #dfdfce; }
			#main h2 { color: #000000; font-weight: normal; font-size: 24px; line-height: 27px; margin-bottom: 15px; padding-right: 70px; }
			#main strong.header { color: #6f6f67; font-size: 18px; line-height: 21px; margin-bottom: 20px; display: block; font-weight: normal; padding-right: 40px; }
			#article #main p { margin-bottom: 10px; }
			a.startquote { padding-right: 10px; font-size: 14px; }

        #article .paymenttable { background: transparent; }
        #article .paymenttable tr { height: 22px; background: transparent; padding: 0 0 0 0; margin:0 0 0 0;}
        #article .paymenttable tr td {height: 22px; background: transparent; padding: 0 2px 0 0px; margin: 0 0 0 0 0;}
        #article .paymenttable .paymenttabletr td select {height: 20px; padding: 0px 0 0 0; margin: 0 0 0 0;}
        
        
        #article .benefittable { background: transparent; }
        #article .benefittable tr { height: 22px; background: transparent; padding: 0 0 0 0; margin:0 0 0 0;}
        #article .benefittable tr td {height: 22px; background: transparent; padding: 0 2px 0 0px; margin: 0 0 0 0 0;}

        #col_b2 { width: 330px; min-height:396px; margin: 0; padding: 0 0px; float: right; z-index: 100} /* 330 335 */
            #col_b2 ol li { } 
            #col_b2 ol li table td tr { font-size: 14px; font-weight:bold;}

/* 
	Footer
-----------------------------*/
#footer { background: #F6F6F6; margin: 0;  padding: 0px 0px 3px 0px; position:relative;top:70px;}

	#footer a:hover { color: #f20807; text-decoration: underline; }
	#footer .disclaimer { font-size: 11px; line-height: 16px; padding: 0 0 3px; }

	#footercontainer { width: 868px; margin: 0 auto; padding: 2px 0 0 0; border-top: 6px solid #c0f1f;position:relative; }
	
	#footercontent { margin: 0; padding: 0 7px 0 0; }
	
	#sponsors { margin: 2px 0 2px; }
		#sponsors li { display: -moz-inline-box; display: inline-block; margin: 0 7px 0 0; padding: 0;}
	
	#masthead { font-size: 10px; line-height: 10px; color: #46443b; }
		#masthead li { float: left; padding: 2px 7px 0px 7px; } 
		#masthead li.first { background: transparent none; padding-left: 0; }	
		#masthead li.last { background: transparent none; padding-right: 0; }
		#masthead a { text-decoration: none; color: #a43c03; }
		#masthead a:hover { color: #f20807; text-decoration: underline; }
/* 
	Form Validation
-----------------------------*/
span.error { display: block; font-size: 13px; color: #ec2118; margin: 7px 0; padding: 3px 0 0 32px; min-height: 20px; }

input.error, select.error, textarea.error { border: 1px solid #ec2118 !important; }

a.btn {
	background: green; /* old browsers */
	background: -moz-linear-gradient(top, green 0%, green 51%, green 51%, green 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,green), color-stop(51%,green), color-stop(51%,green), color-stop(100%,green)); /* webkit */
	border: 2px solid #CD8134;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 3px 5px;
	color: white;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
/*
	scrollbar-base-color: none;
	border-radius: 4px;
*/
	position:relative;
}

.ie6 .btn { margin-top: 0; height: 16px;}
.ie7 .btn { margin-top: 2; height: 20px;}
.ie6 input.btn, .ie7 input.btn { border: none; padding: 3px 0px; width: auto;}
.ie6 .form-row a.btn { height: 16px; margin-top: -2px;}