/*
Layout Master
Author:   shenouda
Created:  5/1/2009 9:45:53 AM
*/

body { color: #333333; font-family: verdana,sans serif; text-decoration: none; font-size: 70%; font-style: normal; font-variant: normal; font-weight: normal; }
p { margin: 5px 0 0; line-height: 130%; }
h1 { }
h2 { font-weight: bold; color: #004d69; font-size: 150%; float: left; width: 300px; }
h3 { padding: 5px; font-size: 120%; color: #004D69; }
h4 { font-size: 115%; }
h5 { font-size: 105%; }
h6 { font-size: 90%; font-weight: bold; margin-bottom: 3px; }
p { }
p, label, legend, ol, table, input { }
td { padding: 0.25em; }
hr { color: #e5e5e5; background-color: #e5e5e5; height: 2px; border: 0px; }
strong { font-weight: bold; }
.pagination { font-size: 90% !important; }
ol { list-style-type: decimal; margin-left: 1.75em; }
.selectedDirection, .directionHover {background: #0099BA !important;}

.mainheader { border-bottom: 2px solid #e5e5e5; padding-bottom: 5px; height: 20px; }

a, a:visited, a:hover, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
#page { width: 722px; margin: 0 auto; }
#content { position: relative; padding: 0em 0 0.5em 0; }
#tripLocations input, #tripLocations select { border: 1px solid #B1B1B1; }
#search { /*	padding: 1em; */ background: transparent url(../images/nav_top.png) no-repeat scroll left top; }
#search-advanced { background: transparent url(../images/nav_mid.png) repeat-y; padding-left: 2em; padding-top: 2em; padding-bottom: 1em; }
#search-fields { float: left; padding-bottom: 10px; }

#search { padding: 1.5em 1.2em 0.25em 1em; }
#searchAdvanced { padding-left: 10px; }
#search fieldset input.blur { color: #999; }
#search input.postcode { width: 65px; }

/* TABS */
#topTabs { border-bottom: 2px solid #e5e5e5; height: 33px; margin-bottom: 5px; }
#topTabs img { border: 0px; padding: 0px; float: right; cursor: pointer; }

/* COLUMNS */
#FuelTypes legend, #Products legend { font-size: 120%; font-weight: bold; }
.column1, .column2, .column3 { float: left; }
.column1 { width: 280px; }
.column2, .column3 { width: 200px; }
.column3 { clear: right; }
.column1 input, .column2 input, .column3 input { float: left; clear: left; padding: 0; margin: 0; margin-right: 5px; display: block; height: 12px; }
.column1 label, .column2 label, .column3 label { display: block; clear: none; width: 200px; margin-top: 5px; padding: 0px;  }
#ddMaxVehicleSize{font-size:11px;} 
#tripLocations li label, #tripLocations li label input, #tripLocations li label select, #tripLocations li img { margin-left: .25em; }
#tripLocations { float: left; }

#searchButtons { clear: left; margin: 0.5em 0 0 10px; text-align: right; padding: 5px 10px 0 0; }
.multipleAddressMatchRow { }
#sidebar { float: left; width: 270px; height: 400px; display: none; }

/* UI THEME */
.ui-widget-content { border: 1px solid #b1b1b1; }
.ui-widget-header { background: #5C9CCC url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50%; border: 1px solid #b1b1b1; color: #00415d; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #b1b1b1; color: #00415d; }
.ui-state-active a { color: #00415d; }
.ui-tabs .ui-tabs-nav { margin-bottom: 3px; }
.ui-widget-header .ui-icon { background-image: url(../images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default, .ui-widget-content .ui-state-default { background: #DFEFFC url(../images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%; border: 1px solid #b1b1b1; color: #2E6E9E; }
/* ****************** */

.toll { color: #ff0000; font-weight: bold; display: block; }
.directionHover { background: #D0E5F5; cursor: pointer; }
.selectedDirection { background: #79B7E7; cursor: pointer; }

#drivingDirections { overflow-y: scroll !important; overflow-x: hidden !important; }

* html #drivingDirections { /* IE6 specific hack */ overflow-x: hidden !important; overflow-y: scroll !important; height: 349px !important; }

#poi h5 { font-weight: bold; margin: 0 0 10px 0; }

#poi li { padding: 3px 11px 3px 30px; margin: 0 0 .25em 0; position: relative; cursor: pointer; }

/* MAP CONTENT */
#map { float: right; height: 400px; width: 722px; /* 2px border! */ font-size: 90%; background: #fff; }
div.olMap { border: 1px solid #b1b1b1 !important; }
#map a:hover { text-decoration: none; }

/* POPUP CONTENT */
.olPopupCloseBox { background: transparent url(        '../images/btnClose.gif' ) no-repeat scroll 0 0 !important; right: 15px !important; width: 35px !important; }
.popup-content { padding: 0.5em; width: 250px; }
.popup-content img { float: left; padding-right: 0.5em; }
.popup-content-table { margin: 5px 0 0 0; width: 250px; }
.popup-location-table { margin: 5px 0 0 0; min-width: 150px; width: 150px; font-weight: bold; }
.tempclosed { color: Red; text-align: center; font-weight: bold; }
.DrivingDirections-popup { margin:0 25px;  }
.DrivingDirections-popup td{ padding:5px;  }
#footer { clear: both; margin: 1em 0 0 0; }
#footer p { text-align: center; font-size: 100%; }
.hide { }
.question { margin-bottom: 1em; }


/* BUTTON */
#advancedTab { float: left; width: 200px; }
#chkAdvancedSearch { background: url(../images/advancedFiltersUp.png) no-repeat right; width: 160px; height: 12px; border: 0px; cursor: pointer; color: #FF0000; }
#btnReset { background: url(     '../images/btnClear.gif' ) no-repeat left center; width: 67px; height: 22px; border: none; cursor: pointer; }
#btnBuildTrip { background: url(         '../images/btnSearch.gif' ) no-repeat left center; width: 67px; height: 22px; border: none; cursor: pointer; }
#AddVia { background: url(     '../images/add.png' ) no-repeat left center; margin-left: 7px; margin-top: 2px; width: 47px; height: 16px; border: none; cursor: pointer; }

.hide { display: none; }

.question { margin-bottom: 1em; }
.print { text-align: right; cursor: pointer; display:block;}

/*
	clearing a float without additional markup
	http://www.positioniseverything.net/easyclearing.html
*/

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

.clearfix { display: inline-block; }

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