/*

	Page Redesings: V0.1
	CSS File contains channel-specific styling information.
	This includes channel look and feel, structure and layout.	

*/

/**** Search Gadget ****/
#frmMain fieldset select
{
	margin:0;
	line-height: 20px;
	font-size: 11px;
	font-family: Arial;
}

#frmMain div.msfg-travel-search-gadget h2 
{
	margin-top:15px;
}

#frmMain div.msfg-travel-search-gadget fieldset label
{
	line-height: 20px;
	width:60px;
}

#frmMain div.msfg-travel-search-gadget fieldset div.msfg-travel-carhire-decilocations label
{
	margin-bottom:5px;
	width: 100% !important;
}

/* Reset the dropdown/label sizes */
div.msfg-travel-carhire-decilocations select
{
	width: 208px !important;
}

#frmMain div.msfg-travel-search-gadget fieldset select#ucCarHireGadget_ddlDriverAge
{
	width: 51px !important;
}

select#ucCarHireGadget_ddlCarType
{
	width: 120px !important;
}

fieldset.msfg-travel-carhire-driver-details div label 
{
	width: 98px !important;
	line-height: 20px;
}

#frmMain div.msfg-travel-search-gadget fieldset div select.msfg-travel-carhire-locationdropdowns
{
	clear:left;
}

p.msfg-travel-carhire-cannotfindlocation a
{
	color:blue;
}

p.msfg-travel-carhire-cannotfindlocation
{
	margin-top: 15px !important;
}

/* Search - Dates*/

#frmMain div.msfg-travel-search-gadget .date-picker-control
{
	left:128px;
}

#frmMain div.msfg-travel-search-gadget fieldset.msfg-travel-gadget-dates div select 
{
	position: absolute;
	top: 0px;
	left: 159px;
	width:62px;
}


fieldset.msfg-travel-gadget-dates div
{
	float: left;
	position: relative;
}

fieldset.msfg-travel-gadget-dates div#ucCarHireGadget_deciDropOff
{
	margin-bottom: 15px;
}

fieldset.msfg-travel-gadget-dates div em
{
	position: absolute;
	left: 223px;
	top: 2px;
}

fieldset.msfg-travel-carhire-driver-details div#ucCarHireGadget_deciCarType select
{
	width:140px!important;
}

#frmMain fieldset.msfg-travel-gadget-dates div div.msfg-floatvalidation
{
	position:absolute;
	left:215px !important;
}

/* submit button */

div.msfg-travel-search-gadget-submitpanel 
{
	margin-left: 106px !important;
	margin-top: 20px !important;
}

/* Help text overrides */

div#ucCarHireGadget_deciDriverAge div.msfg-helplayer-float-active {
background:transparent url('../images/shared/travel-bkhelp-small-black-carhire.png') left top no-repeat;
color:#fff!important;
width:320px!important;
border:none!important;
padding-left:8px!important;
padding-top:15px!important;
height:145px!important;
}

div#ucCarHireGadget_deciDriverAge iframe
{
	display:none!important;
}

#frmMain .msfg-helplayer-float-active a {
background:url('../images/shared/msm-close-icon.png') no-repeat top right!important;
margin-right: 0 !important;
}

#frmMain .msfg-helplayer-float-active a:hover {
background:url('../images/shared/msm-close-icon-hover.png') no-repeat top right!important;
}

#frmMain .msfg-helplayer-float-active p strong {
font-size:14px;
padding-left:25px;
background:url('../images/shared/travel-info-icon-trans.png') left top no-repeat;
padding-bottom: 0 !important;
}

#frmMain .msfg-helplayer-float-active p 
{
	color:#FFFFFF !important;
	font-size:12px;
	overflow:hidden;
}

/******* End of Search Gadget *********/

/* search summary */

div#headerBlock {
margin-bottom:3px !important;
}

p.carhire-search-summary a 
{
	color: #33A6C6;
	display: inline-block;
}

p.carhire-search-summary
{
	line-height: 18px;
	color: #333333;
	margin-bottom:5px;
}

p.carhire-search-summary span em
{
	font-style: normal;
	font-weight: bold;
}

.div-carhire-results-offline{margin-bottom:5px;clear:left;overflow:hidden;max-width: 760px !important;}

img#offlineApply{
max-width: 760px !important;
}

/* Results page*/

div#travel-header{
	margin-bottom:10px;
}

table.providers-not-quoted
{
	border:2px solid #CCCCCC;
	xwidth:756px;
}

th.carhire-NotQuotedHeader
{
font-size:12px;		
text-align:left !important;
}

div.div-carhire-results-main
{
	display:inline;
	float:left;
	margin:0 0 10px;
	width:760px;
}


/*progress bar*/

.CarHireResults-Progressbar {
float: left;
width:760px;
height:37px;	
margin-bottom:10px;
overflow:hidden;
font-size:14px;
background:url(../images/shared/travel-results-progress-yellow.PNG) no-repeat left top;
}

.CarHireResults-Progressbar p {
float:left;
margin-top:11px;
color:#000000;
}

.CarHireResults-Progressbar p.results-progress {
font-weight:bold;
font-size:14px;
margin-left:20px;
display:inline; /*ie dbl float margin fix*/
}

.CarHireResults-Progressbar p.progress-bar-tip {
margin-left:50px;
color:#333;
}

.CarHireResults-Progressbar p.progress-bar-tip em {
font-style:normal; font-weight:bold;
}

.CarHireResults-Progressbar div.progress-bar-holder {
float:right;
margin-top:12px;
margin-right:5px;
width:201px;
}



div.CarHireResults-Progressbar .msfg-progressindicator-bar p {
display:none;
margin-right:10px;
}

div.CarHireResults-Progressbar .msfg-progressindicator-bar div {
float:left;
margin-top:0;
height:10px;
}

div.CarHireResults-Progressbar .msfg-progressindicator-bar strong {	
float:right;
margin-left:5px;
color:#333;
}
/* end of Results Page*/

/* Results Grid*/

td.msfg-carhire-columns-bordertopbottom
{
	border-bottom:0px solid #CCC;
	border-top:	1px solid #CCC;
}

tr.msfg-carhire-resultrow
{
	width:760px;
}

tr.spacer-row
{
	line-height:10px;
	border-top:1px solid #CCCCCC;
}

/* Table header styling*/

table.results
{
	border:none;
	margin-top:5px;
	border-top:5px solid #33A6C6;
}

table.results tr.table-header-row
{
	font-size:12px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.results tr th.details
{
	text-align:left;
	padding-left:5px;
	border-right: 1px solid #ccc;
}

/* Results row styling*/

td.msfg-carhire-providerlogo
{
	width:130px;
	border-left:1px solid #CCC;
	vertical-align:top;
	padding-top:10px;
}

table.results tr th {text-align:center; }

table.results tr th.provider-logo{
	border-left: 1px solid #ccc;
}

th.carhire-NotQuotedHeader
{
font-size:12px;		
text-align:left !important;
}


td.msfg-carhire-providerlogo span, td.msfg-carhire-providerlogo a
{
	text-align:center;
	font-weight:bold;
	display:block;
	padding-bottom:10px;
}

td.msfg-carhire-providerlogo a
{
	width:90px;
	height:53px;
	padding-left:20px;
}

td.msfg-carhire-price
{
	width:80px;
	background-color:#F1F9FB;
	border-left:1px solid #E4F3F7;
	border-right: 1px solid #E4F3F7;
	vertical-align:top;
}

td.msfg-carhire-price span
{
	font-size: 16px;
	text-align: center;
	display:block;
	font-size:14px;
	color: #333;
	padding-top: 10px;
}

td.msfg-carhire-price a 
{
	text-align: center;
	font-weight: bold;
	font-size:16px;
	display:block;
	padding-top:10px;
	color:#333;
	text-decoration:none;
}

td.msfg-carhire-price a:hover
{
	text-decoration: underline;	
}

td.msfg-carhire-cartype
{
	width:150px;
	text-align:center;
	border-right: 1px solid #EEE;
	line-height:20px;
}

td.msfg-carhire-cartype a 
{
	padding-bottom:5px;
}

td.msfg-carhire-details
{
	border-left:1px solid #EEE;
}

td.msfg-carhire-details, td.msfg-carhire-details table
{
	width:285px;
	vertical-align:top;
}

td.msfg-carhire-details table tr td
{
	padding:5px 0;
	border-bottom: 1px dotted #CCC;
}

tr.msfg-carhire-details-lastrow td
{
	border-bottom:0!important;
}

div.msfg-carhire-optionlist-text
{
	text-align:center;
	font-weight:bold;
	padding-left:5px;
}

div.msfg-carhire-optionlist-option
{
	padding-left:5px;
}


td.msfg-carhire-gotosite
{
	width:110px;
	text-align:center;
	border-right:1px solid #CCC;
	border-left:1px solid #EEE;
	padding-top:10px;
	vertical-align:top;
}

.msfg-carhire-images 
{
	background-repeat:no-repeat; 
	overflow:hidden; 
	text-indent:-9000px; 
	background-position:right; 
	text-align:center; 
	width:20px; 
	float:right; 
	margin-right: 0;
}

td.msfg-carhire-infoprovider a 
{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding-left:5px;
	text-decoration:none;
}

td.msfg-carhire-infoprovider span
{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding-left:5px;
	text-decoration:none;
	font-size:12px;
}

td.msfg-carhire-infoprovider 
{
	border-left:2px solid #00AEEF;
	border-bottom:2px solid #00AEEF;
	border-right:2px solid #00AEEF;		
	padding:2px; 
	background-color:#00AEEF;
}


.msfg-carhire-yesimage {background-image: url(../framework/img/icon/tick_16.png);}

.msfg-carhire-noimage {background-image: url(../framework/img/icon/cross_16.png);}

.msfg-carhire-questionimage {background-image: url(../framework/img/icon/question_16.png);}

/* End of results grid*/

div.msfg-infobox-warning, div.msfg-infobox-information
{
	width:690px;
	float:left;
}

/* not quoting provider grid */
div#notQuotingGrid table.providers-not-quoted
{
	border:1px solid #CCC;
	float:left;
}

table.providers-not-quoted td.hfColumn1
{
	width:130px;
}

table.providers-not-quoted td.hfColumn2
{
	width:80px;
	background-color:#F6F6F6;
	border-right:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
}

table.providers-not-quoted td.hfColumn1 img
{
	width:90px;
	padding:10px 0;
}



div#frmMain div.results-content{margin:0px;display:none;}

div#frmMain div#headerBlock {
	display:block !important;
}


div.expert div.expert-image-block {
	position: static;
	height: 85px;
}

div.expert div.expert-image-block div.expert-image-block-signature {
	width: auto;
	left: auto;
	position: static;
	bottom: auto;
}

#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget-inner {background:none;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget-container {background:none;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget-container {width:345px;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget fieldset div select.msfg-travel-carhire-locationdropdowns {clear:none;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-carhire-decilocations select {width:150px !important; float:left;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-carhire-decilocations label {width:120px !important; float:left;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget fieldset.msfg-travel-gadget-dates div select {top:0px;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget fieldset label {width:115px;}
#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget fieldset {margin-bottom:0px;}
#frmMain .carHireGadgetEnhanced .msfg-travel-gadget-dates div {margin-bottom:0px;}
#frmMain .carHireGadgetEnhanced .msfg-travel-carhire-driver-details label {width:120px !important;}
#frmMain .carHireGadgetEnhanced .msfg-travel-carhire-driver-details select {width:150px !important;}

#frmMain .carHireGadgetEnhanced .msfg-travel-carhire-gadget-textbox-email .msfg-halfwidth {width:100%;}
#frmMain .carHireGadgetEnhanced .msfg-travel-carhire-gadget-textbox-email #ucCarHireGadget_PolicyLink {width:48%; margin-top:10px;}
#frmMain .carHireGadgetEnhanced .msfg-travel-email-noBackground {width:150px;}

#frmMain div.carHireGadgetEnhanced div.msfg-travel-search-gadget fieldset div.msfg-travel-carhire-decilocations label {width:120px !important;}

#frmMain .carHireGadgetEnhanced .msfg-travel-search-gadget-submitpanel {width:48%;}

#frmMain .car-hire-guide-feature {margin-top:20px;}

html>body #frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget .msfg-travel-gadget-dates button.date-picker-control { *margin-left: -22px !important; }
html>body #frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget .msfg-travel-gadget-dates select { *top: -15px !important; }
html>body #frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget .msfg-travel-gadget-dates { *height: 20px; }

#frmMain .image-container-right {margin-left:5px;}

#frmMain .carHireGadgetEnhanced div.msfg-travel-search-gadget .msfg-travel-gadget-dates button.date-picker-control {margin-left:8px; position:relative;left:0;margin-left:-82px;}

.carHireGadgetEnhanced fieldset.msfg-travel-gadget-dates div em {position:relative;left:72px;}

#frmMain .carHireGadgetEnhanced .msfg-travel-gadget-dates div {width:320px;}

div.html-fragment {border:none;}

.emaildeals .msfg-floatvalidation a {
    background:url("../images/shared/msm-close-icon.png") no-repeat scroll right top transparent !important;
    color:#FFFFFF !important;
    font-size:11px !important;
    font-weight:bold;
    margin:0;
    padding-right:25px;
    position:relative;
    text-decoration:none !important;
}

.emaildeals .msfg-floatvalidation p {
	background-image:url("../images/shared/msm-validation-end-blacktrans.png");
	background-position:right top;
	background-repeat:no-repeat;
	display:block;
	left:14px;
	padding:23px 14px 20px 20px;
	position:relative;
	white-space:nowrap;
	width:auto;
}

.emaildeals .msfg-floatvalidation {
    background:url("../images/shared/msm-bottomvalidation-blacktrans.png") no-repeat scroll 0 0 transparent !important;
    clear:none;
    display:inline;
    float:none;
    padding:0;
    position:absolute;
    z-index:2;
}

/* Email fragment for deals pages */	
.emaildeals div.emailDealsFragment-380
{
	font-family: Arial;
	font-weight: bold;
	color: white;
	background-repeat:no-repeat;
}


.emaildeals div.emailDealsFragment-380 {
	background-color: #2794B3;
	margin-top: 25px;
	height: 250px;
}

	
	.emaildeals div.emailDealsFragment-380 img.emailImage {
		display: inline-block;
		margin-top: -15px;
		margin-left: 218px!important;
		width: 120px;
	}
	
	.emaildeals div.emailDealsFragment-380 div.rightSection {
		position: relative;
		top: 20px;
	}
	
	
	.emaildeals div.emailDealsFragment-380 div {
		margin-left: 0px!important;
		top: 20px;
		
	}
	
	.emaildeals div.emailDealsFragment-380 div.topRightSection {
		float: left;
		width: 180px;
		margin-top: -130px;
		padding-left: 5px;
	}
		
		.emaildeals div.emailDealsFragment-380 div.rightSection span.emailDealsHeader {
			font-size: 20px;
		}
		
		.emaildeals div.emailDealsFragment-380 div.rightSection span.emailDealsSubHeader {
			display: inline-block;
			margin: 20px 5px 0px 0px;
			width: 219px;
			font-size:12px;
		}
		
		.emaildeals div.emailDealsFragment div.rightSection div.lowerRightSection {
			float: left;
			display: inline-block;
			margin-bottom: 5px;
		}
		
		.emaildeals div.emailDealsFragment-380 div.rightSection div.lowerRightSection {
			display: inline-block;
			margin-top: 5px;
			
		}
			
			.emaildeals div.emailDealsFragment-380 div.lowerRightSection span.latestEmail {
				display: block;	
				margin-left: 118px;
			}
			
				.emaildeals div.emailDealsFragment-380 div.rightSection div.lowerRightSection span.latestEmail a  {
					color: white!important;
					float: left;
					margin-left: -113px;
				}

			.emaildeals div.emailDealsFragment-380 div.rightSection div.lowerRightSection input.emailInput {
				display: inline-block;
				width: 222px;
				float: left;
				height: 20px;
				margin-left: 4px;
				margin-top: 10px;
			}
			
			.emaildeals div.emailDealsFragment-380 div.rightSection div.lowerRightSection span.signupButton {
				display: inline-block;
				margin-left: 4px;
				margin-top: 5px;
			}
			
			.emaildeals div.emailDealsFragment-380 div.deals-signup-policy {
				display: block;
				margin-left: 6px!important;
				margin-top: 2px;
			}
			
			.emaildeals div.emailDealsFragment-380 div.deals-email-signup-thankyou div.deals-signup-policy {
				margin-top: 10px!important;
			}
			
			.emaildeals div.emailDealsFragment-380 div.rightSection div.deals-signup-policy li a {
				font-size: 10px;
				margin-top: 15px;
			}
			
			.emaildeals div.emailDealsFragment-380 span.deals-email-signup-thankyou-message {
				display: block;
				margin-top: 15px;
				margin-left: 0px!important;
				width: 230px;
			}
			
				.emaildeals div.emailDealsFragment-380 div.deals-signup-policy li {
					display: inline;
					margin-right: 5px;
				}
					.emaildeals div.emailDealsFragment-380 div.deals-signup-policy li a {
						color: white!important;
					}
					
			.emaildeals div.emailDealsFragment-380 div.deals-email-signup-subMain {
				margin-top: -115px;
				display: block;
				padding-left: 5px;
			}
			
			
			.emaildeals div.emailDealsFragment-380 span.deals-email-signup-thankyou-submessage {
				display: inline-block;
				margin-top: 15px;
				margin-left: 0px;
			}
			.emaildeals div.email-fields {
				clear:both;
				margin-top:20px;
				padding:0 !important;
			}

/* Compliance message in the result page for the Free Cancelletion option */
#message-free-cancelletion {
    -moz-border-radius: 15px;
	border-radius: 15px;
    background-color: #000000;
    border-color: #000000;
    bottom: -90px;

    cursor: default;
    height: 50px;
    left: 40px;
    margin-right: 20px;
    opacity: 0.95;
    overflow: inherit;
    position: absolute;
    width: 200px;
    z-index: 20;
}
#message-free-cancelletion-content  p{
    color: #FFFFFF;
	line-height: 16px;
    padding: 10px 0px 0px 10px;
}

#message-free-cancelletion-pointer {
    background: url("/shared/img/icons/triangle.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    left: 60px;
    padding: 0 !important;
    position: absolute;
    top: -20px;
    width: 65px;
}