h2 {
    	font-size:18px;
    }
    
    .quoteTitle {
        margin: 0pt; padding: 30px 0pt 0pt 30px;
    }
    
    .ContainerBox {
        float:left;
        margin:0;
        padding:0;
        width:480px;
    }
    
    .LeftBox {
        background:#F6F6F6;
        border:1px solid #E0E0E0;
        margin:25px 5px 0 30px;
        width:415px;
        display:inline;
        float:left;
        padding:10px;
    }
    
    .RightBox {
        background:#F6F6F6;
        border:1px solid #E0E0E0;
        margin:25px 30px 0 5px;
        width:415px;
        display:inline;
        float:left;
        padding:10px;        
    }    
    
    .blackBox {
        width:375px;
        float:left;
        display:block;
        background:#3c4142;
        color:#d6d6d6;
        padding:20px;
        margin:20px 0;
        -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }
    
    .blackBox p{
        margin:0;
    }
    
    .blackBox table {
        width:100%;   
    }
    
    .blackBox table td {
        width:50%;   
    }
    
    .blackBox span {
    	float:none;
    }
    
    .quoteComments {
        width:95%;
        height:60px;
        float:left;   
    }
    
    .subHeader {
        font-weight:normal;   
    }
    
    .blackBoxTitle {
        font-weight:bold;
        color:#fff;      
    }
    
    .formLabelText {
        width:130px;
        float:left;
    }
    
    .formInput {
        width:180px;
        display:block;
    }
    
    .personal p {
        margin-bottom:5px;
    }
    
    textarea {
        margin:5px 0;
        
    }
    
    .quoteSubmit a {
        font-size:16px;
        color:#565afb;
        text-decoration:none;
        width:auto;
    }
    
    .questionOne {
        background:url(http://www.ef.com/_imgs/ils/09/reserve/grey1.gif) no-repeat left top;
        padding-left:52px;
        padding-top:6px;
        height:26px;
    }
    
    .questionTwo {
        background:url(http://www.ef.com/_imgs/ils/09/reserve/grey2.gif) no-repeat left top;
        padding-left:52px;
        padding-top:6px;
        height:26px;
    }
    
    .questionThree {
        background:url(http://www.ef.com/_imgs/ils/09/reserve/grey3.gif) no-repeat left top;
        padding-left:52px;
        padding-top:6px;
        height:26px;
    }
    
    .checkboxSpace {
        margin-bottom:10px; 
    }
    
    /* send button */
    
    a.button 
    {
        background: transparent url('http://media.ef.com/_imgs/ils/09/button_right.jpg') no-repeat scroll top right; 
	    display: block;
	    float: right;
	    margin:15px 6px 0 0;
	    padding-right: 26px;
	    font-weight:bold;
	    text-decoration:none;
	    color:#14a4e9;
    }
    a.button span 
    {
	    background: transparent url('http://media.ef.com/_imgs/ils/09/button_left.jpg') no-repeat; 
	    display: block;
	    line-height: 61px;
	    padding: 5px 0 5px 26px;
	    width:300px;
	    text-align:center;
	    font-size:24px;
	    cursor:pointer;
    } 

    
	.sendContainer {
		float:left;
		margin:40px 0 20px 0;
		background:#3C4142;
		display:inline;
	}
	
	.sendContainer div {
	    margin:0 auto;
	}
	
	.sendLeft {
		width:25px;
		height:61px;
		background:transparent url(http://media.ef.com/_imgs/ils/09/sendLeft.gif) no-repeat left top;
		float:left;
	}
	
	.sendMiddle {
		height:21px;
		float:left;	
		background:transparent url(http://media.ef.com/_imgs/ils/09/sendMiddle.gif) repeat-x left top;
		text-align:center;
		padding:20px;
		font-size:24px;
		font-weight:normal;
		width:280px;
	}
	
	.sendMiddle a {
	    color:#14a4e9;
	    text-decoration:none;
	}
	
	.sendMiddle a:hover {
	    text-decoration:underline;   
	}
	
	.sendRight {
		width:25px;
		height:61px;
		background:transparent url(http://media.ef.com/_imgs/ils/09/sendRight.gif) no-repeat left top;
		float:right;
	}    
	
	.quoteThanksText {
	    padding:30px;   
	}
	
		option
	{
		background-color:#FFFFFF;
	}
	option.country
	{
	    font-weight:bold;
	    color:#000;
	}

/*
	Author: YB / May 04, 2010 / EF, Zurich
	Description: new pricequotation styles
*/

#priceQuoteIntro {
    width: 958px;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;   
	clear: both; 
}

    #priceQuoteIntro h1 {
        background: #fff;
        padding: 15px;    
        font-size: 18px; 
    }

    #priceQuoteIntro .text {
        background: #e1edf9 url("http://media.ef.com/_imgs/ils/2010/priceQuote_header_bg.gif") no-repeat 100% 100%;
        padding: 25px 515px 25px 15px;     
        height: 123px;
        line-height: 17px;
    }

    #priceQuoteIntro p { margin: 0px; }

#priceQuote {
	width: 928px;
	margin: 0 auto;
	padding: 15px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;	
}

#priceQuote .row { 
	float: left; 
	width: 100%; 
	padding: 0 0 15px;
	border: none;
}

#priceQuote .row .leftcol {
	width: 320px;
	float: left;
}

#priceQuote .row .leftcol .columntitle {
	background: #4190d7 url("http://media.ef.com/_imgs/ils/2010/numberOne.gif") no-repeat 8px 16px;
	color: #fff;
	padding: 25px 5px 25px 50px;
	font: bold 16px Arial, Helvetica, sans-serif;
	position: relative;

	/* ------ Rounded Corners ------ */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;    
    -moz-border-radius: 5px;
	
	/* ------ Shadow ------ */
	-moz-box-shadow: 2px 2px 8px #ddd;
	-webkit-box-shadow: 2px 2px 8px #ddd;
	box-shadow: 2px 2px 8px #ddd;
}

    #priceQuote .row .leftcol .columntitle h2 { font-size: 16px; }

	#priceQuote .row .leftcol .columntitle.two {
		background: #4190d7 url("http://media.ef.com/_imgs/ils/2010/numberTwo.gif") no-repeat 8px 16px;
	}
	
	#priceQuote .row .leftcol .columntitle.three {
		background: #4190d7 url("http://media.ef.com/_imgs/ils/2010/numberThree.gif") no-repeat 8px 16px;
	}
	
	#priceQuote .row .leftcol .columntitle.none { 
		background: #4190d7;
		padding: 25px;
	}	
	
	#priceQuote .row .leftcol .columntitle span.quoteImage 
	{
    	background: url("http://media.ef.com/_imgs/ils/2010/quoteImage.png") no-repeat;
		position: absolute;
		right: -23px;
		top: 10px;
		width: 23px;
		height: 56px;
	}

#priceQuote .row .rightcol {
	width: 580px;
	float: right;
	background: #deecf8 url("http://media.ef.com/_imgs/ils/2010/righcol_top.gif") repeat-x;
	padding: 19px 0 0;

	/* ------ Rounded Corners ------ */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
    -moz-border-radius:  5px 5px;
}

#priceQuote .row .rightcol ul.theForm { 
	border: 1px solid #C8DFF3; 
	margin: 0px;

	/* ------ Rounded Corners ------ */
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
    -moz-border-radius: 0 0 5px 5px;
	
}

	#priceQuote .row .rightcol ul.theForm li {
		padding: 12px 20px 15px;
	}
	
	#priceQuote .row .rightcol ul.theForm li .title { 
		font-weight: bold;
		padding: 0 0 5px; 
		float: left;
		width: 100%;
	}

	#priceQuote .row .rightcol ul.theForm li .title span { 
		float: left; 
		padding: 3px 5px 0 0;
	}
	
	#priceQuote .row .rightcol ul.theForm li .title .moreInfo { 
		float: left; 
		cursor: pointer; 
		position: relative;
	}
	
		#priceQuote .row .rightcol ul.theForm li .title .moreInfo .tooltipBox {
			position: absolute; 
			width: 306px;
			padding: 10px 15px 26px 25px;
			background: url("http://media.ef.com/_imgs/ils/2010/tooltip.png") no-repeat 0 100%;
			bottom: 18px;
			left: -56px;
			cursor: auto;
			font-weight: normal;
			color: #333;
			display: none;
		}
		
		#priceQuote .row .rightcol ul.theForm li .title .moreInfo .tooltipBox p { margin: 0px; padding: 0px; }	

#priceQuote .row .rightcol ul.theForm table { width: 540px; float: left; margin: 0px; }
	#priceQuote .row .rightcol ul.theForm table td { width: 50%; }
	#priceQuote .row .rightcol ul.theForm table tr { line-height: 20px; }

#priceQuote .row .rightcol ul.theForm li.even { background: #c8dff3; }

#priceQuote .row .rightcol ul.theForm li.checkbox input { margin: 0 5px; }

#priceQuote .row .rightcol ul.theForm li.sendbutton { text-align: center; }

#priceQuote .row .rightcol ul.theForm li.sendbutton .loader { position: relative; }

#priceQuote .row .rightcol ul.theForm li.sendbutton .loader img {
    position: absolute;
    top: 13%;
    left: 36%;
    cursor: wait;
    padding: 7px 68px;
    background: url("http://media.ef.com/_imgs/ilc/2010/submitButton_bg.gif") repeat scroll -4px 0 transparent;
    width: 16px;
    height: 11px;
}

#priceQuote .row .rightcol ul.theForm li.sendbutton .loader span.overlay {
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%;
    height: 100%;
    background: #C8DFF3;
    opacity: 0;
    filter: alpha(opacity = 0);    
}

#priceQuote .row .rightcol ul.theForm li ul.formLeft,
#priceQuote .row .rightcol ul.theForm li ul.formRight {
	float: left;
	width: 260px;
	margin: 0px;
}

#priceQuote .row .rightcol ul.theForm li ul.formRight { float: right; }

	#priceQuote .row .rightcol .theForm li ul.formLeft li,
	#priceQuote .row .rightcol .theForm li ul.formRight li { padding: 0 0 5px 0; }
	
	#priceQuote .row .rightcol ul.theForm li ul.formLeft  li.inputfield,
	#priceQuote .row .rightcol ul.theForm li ul.formRight  li.inputfield {
		background: #fff;
		padding: 4px;
		border: 1px solid #ccc;
		float: left;
		width: 248px;
	}
	
	#priceQuote .row .rightcol ul.theForm li ul.formRight  li.inputfield.selectbox { padding: 3px; }	

	#priceQuote .row .rightcol ul.theForm li ul.formRight  li.inputfield.date {	width: 71px; padding: 3px; }
	#priceQuote .row .rightcol ul.theForm li ul.formRight  li.inputfield.date.middle { margin: 0 10px; }
			
	#priceQuote .row .rightcol ul.theForm li ul.formLeft li.inputfield input,
	#priceQuote .row .rightcol ul.theForm li ul.formRight li.inputfield input,
	#priceQuote .row .rightcol ul.theForm li ul.formLeft li.inputfield select,
	#priceQuote .row .rightcol ul.theForm li ul.formRight li.inputfield select {
		width: 100%;
		border: none; 
		background: none;
		margin: 0px;
		padding: 0px;
		float: left;
	}	
	
	#priceQuote .row .rightcol ul.theForm li ul.formLeft li.inputfield.active,
	#priceQuote .row .rightcol ul.theForm li ul.formRight li.inputfield.active,
	#priceQuote .textarea.active { border-color: #666; }	
	
#priceQuote .row .rightcol ul.theForm li ul.formLeft.short { width: 171px; }
#priceQuote .row .rightcol ul.theForm li ul.formLeft.short li.inputfield { width: 153px }
	
#priceQuote .row .rightcol ul.theForm li ul.formLeft.middle { width: 89px; }
#priceQuote .row .rightcol ul.theForm li ul.formLeft.middle li.inputfield { width: 77px; }
	
#priceQuote .textarea { 
	padding: 5px;
	background: #fff;
	width: 525px;
	border: 1px solid #ccc;
	float: left;
	clear:both;
}

	#priceQuote .textarea textarea {
		font: 12px Arial, Helvetica, sans-serif;
		border: none;
		background: white;
		width: 100%;
		margin: 0px;
		float: left;
	} 

#priceQuote #ilscontent_0_submitText {
	background: url("http://media.ef.com/_imgs/ils/2010/submitButton_bg.gif") repeat;
	border: 1px solid #aaa;
	color: #4cc158;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 8px 45px;
	text-transform: uppercase;
	cursor: pointer;
	width: 160px;

	/* ------ Rounded Corners ------ */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
    -moz-border-radius: 5px;
} 

#priceQuote #ilscontent_0_submitText:hover {
	background: url("http://media.ef.com/_imgs/ils/2010/submitButton_bg_hover.gif") repeat;  
	border: 1px solid #a1a1a1;
}

#priceQuote input { background: none; border: none; }

#priceQuote input[type=radio]:focus,
#priceQuote input[type=submit]:focus,
#priceQuote input[type=checkbox]:focus {
    outline-style: dotted;
	outline-color: #333;
	outline-width: 1px;  
}

/* ---------- priceQuote thankyou page ---------- */

.bannerButtonOpen { display: none; }

#priceQuotePageTitle  
{
    width: 958px; 
    border-bottom: 1px solid #E7E7E7; 
    border-left: 1px solid #E7E7E7; 
    border-right: 1px solid #E7E7E7; 
    clear: both;
}

#priceQuotePageTitle h1 { padding: 15px;}

#priceQuote .rightcol .address {
	padding: 25px 50px;
	font: 14px/20px Arial, Helvetica, sans-serif;
	background: #E1EDF9;
}

#priceQuote .rightcol .links {
	background: #C8DFF3;
	padding: 10px 60px;
	margin: 0px;
}

#priceQuote .rightcol .links li.left { 
	float: left;
	background: url("http://media.ef.com/_imgs/ils/2010/arrow-left.gif") no-repeat 0 55%;
	padding-left: 10px;
}
#priceQuote .rightcol .links li.right { 
	float: right; 
	background: url("http://media.ef.com/_imgs/ils/2010/arrow-right.gif") no-repeat 100% 55%;
	padding-right: 10px;
}

#priceQuote .rightcol .links li a { 
	color: #1e79cb; 
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#priceQuote .rightcol .links li a:hover { text-decoration: underline; }

#priceQuote .rightcol .thx-footer {
	background: #E1EDF9 url("http://media.ef.com/_imgs/ils/2010/priceQuote_header_bg.gif") no-repeat scroll -331px -26px;
	height: 146px;
	width: 100%;
}

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

.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */