body{
	margin: 0;
	padding: 0;
}
#loading{
	position:absolute;
	width: 110%;
	height: 600px;
	background-color: white;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	top: 0px;
	left: 0px;
	z-index: 10000;
	text-align: center;
	padding-top: 100px;
}
#loading p{
	font-size: 10px;
	color: grey !important;
}

#container {
	position:relative;
	width: 754px;
	height: 693px;
	background:transparent url(../images/background.gif) no-repeat;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#container h3 {
	color:#6a7445;
	font-weight: normal;
	background-color: white;
}

#container p {
	color: #000;
}

#container p a {
	color: #aa4532;
	text-decoration:none;
	cursor:inherit;
}

#container p a:hover {
	color: #aa4532;
	text-decoration:none;
	cursor: pointer !important;
}

.hidden {
	display:none;
}

#progress {
	position: absolute;
	top: 25px;
	left: 39px;
	background: transparent url(../images/progress-back.gif) no-repeat;
	width: 669px;
	height: 38px;
	
}

.progress-inner {
	background:transparent url(../images/progress-back-over.gif) no-repeat scroll left center;
	height:18px;
	left:7px;
	position:absolute;
	top:0;
}

.progress-inner.Page_Home {
	width: 70px;
}

.progress-inner.Page_Holiday {
	width: 200px;
}

.progress-inner.Page_Transport {
	width:330px;
}

.progress-inner.Page_Accomodation {
	width:460px;
}

.progress-inner.Page_Recreation {
	width:580px;
}

.progress-inner.Page_Results {
	width:645px;
}

.sliding-content {
	position:relative;
	width: 754px;
	height: 539px;
	top: 55px;
	left: 5px;
}

#header {
	position: absolute;
	top: 22px;
	left: -2px;
	width: 749px;
	height: 49px;
	background: transparent url(../images/header-back.gif) repeat-y;
}

#Page_Home #header {
	top: 188px;
}

#home_banner {
	position: absolute;
	top: 24px;
	left: -2px;
	width: 749px;
	height: 115px;
	background: transparent url(../images/home-banner.jpg) center no-repeat;
}

#header h2 {
	padding: 0 0 0 27px;
	line-height: 49px;
	margin:0;
	color: #aa4532;
	font-size: 30px;
	font-weight: normal;
}

#left-col {
	position: absolute;
	top: 74px;
	left:0;
	width: 380px;
	padding: 0 27px;
}

#Page_Home #left-col {
	width: 330px;
	top: 260px;
}

#left-col p {
	font-size: 13px;
	line-height: 17px;
	margin:10px 0;
	padding:0;
	background-color: white;
}

#left-col p.intro {
	color:#6a7445;
	background-color: white;
}

#right-col{
	padding:0 27px;
	position:absolute;
	right:0;
	top:74px;
	width:250px;
}

#Page_Home #right-col{
	top: 100px;
}

.tip{
	position: absolute;
	right:-7px;
	top:21px;
	width: 304px;
	height: 175px;
	background:url(../images/tip-background.gif) no-repeat;
	text-decoration:none;
	color: #000;
}


#Page_Home .tip {
	top:181px;
	background:url(../images/tip-background-alt.gif) no-repeat;
}

#Page_Home .tip div {
	top:45px;
}

/*.tip:hover{
	background:url(../images/tip-background-over.gif) no-repeat;
}*/

.tip div {
	font-size:11px;
	height:85px;
	left:30px;
	margin:0;
	padding:0;
	position:absolute;
	top:64px;
	width:200px;
}

#sign-in{
	background:transparent url(../images/button-sign-in.gif) no-repeat scroll 50% 23px;
	color:#AA4532;
	font-size:13px;
	height:50px;
	position:absolute;
	right:40px;
	text-align:center;
	text-decoration:none;
	top:372px;
	width:105px;
}

a#sign-in:hover{
	background: transparent url(../images/button-sign-in.gif) no-repeat scroll 50% 23px;
	text-decoration: none;
}

.emissions{
	color:#92A26F;
	font-family:impact,charcoal,sans-serif;
	font-size:50px;
	font-weight:normal;
	height:85px;
	position:absolute;
	right:70px;
	text-align:center;
	top:207px;
	width:175px;
	
	background-color: white;
}

.emissions p{
	color:#92A26F !important;
	margin:0;
	padding:0;
}

.emissions i, .emissions sup, .emissions sub{
	color:#92A26F !important;
	font-family: "Arial Black", Arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	display: block;
	margin:0;
	padding:0;
	color: #a9ac89;
	line-height: 1.2em;
}

.emissions sup{
	color: #bfc2a3  !important;
}
.emissions sub{
	color: #bfc2a3  !important;
	margin-top: -5px;
}

.emissions p span {
	font-size: 20px;
}

.image {
	position:absolute;
	z-index:100;
}

.image#holiday {
	left:6px;
	top:310px;
	height:170px;
	width:262px;
	z-index:100;
}

.image#travel {
	left:36px;
	top:340px;
	height:162px;
	width:270px;
	z-index:100;	
}

.image#accomodation {
	left:-5px;
	top:307px;
	height:197px;
	width:230px;
	z-index:100;	
}

.image#activities {
	left:36px;
	top:329px;
	height:197px;
	width:230px;
	z-index:100;	
}



ul.navigation {
	list-style:none;
	margin:0;
	padding:0;
	list-style:none;
	margin:0;
	padding:0;
}

#header ul.navigation {
	position: absolute;
	right: 27px;
	top:5px;
	width:200px;
	height: 45px;
}

#Page_Home #header ul.navigation {
	position: absolute;
	right: 27px;
	top:5px;
	width:118px;
	height: 45px;
}

ul.navigation li{
	float: left;
	display: block;
}

ul.navigation li a span{
	margin-left: -99999px;
}

ul.navigation li.back{
	margin-top: 9px;
}

ul.navigation li.back{
	width:80px;
	height: 25px;
	background: url(../images/button-back.gif) no-repeat;
}

ul.navigation li.next{
	width:120px;
	height: 40px;
	background:url(../images/button-next.gif) no-repeat;
}

#Page_Home ul.navigation li.next {
	background:transparent url(../images/button-start.gif) no-repeat scroll 0 0;
	height:40px;
	width:120px;
}



ul.navigation li.back a{
	width:73px;
	height: 25px;
	display:block;

}

ul.navigation li.next a{
	width:120px;
	height: 40px;
	display:block;
}

#Page_Results ul.navigation li.finish {
	background:transparent url(../images/button-finish.gif) no-repeat scroll 0 0;
	height:40px;
	width:118px;
}

#Page_Results ul.navigation li.finish a{
	width:118px;
	height: 40px;
	display:block;
}


#footer{
/*	background:transparent url(../images/header-back.gif) repeat-y scroll 0 0;
*/	bottom:22px;
	color:#BFBFBF;
	font-size:11px;
	height:58px;
	left:3px;
	margin:0;
	padding:0;
	position:absolute;
	width:749px;
	z-index: 1;
}

#footer a,
#footer ul.navigation li a,
#footer p a{
	color:#bfbfbf;
	text-decoration:underline;
}

#footer a:hover,
#footer ul.navigation li a:hover,
#footer p a:hover{
	color:#bfbfbf;
	text-decoration:underline;
}

#footer p{
	left:10px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:8px;
	color:#BFBFBF;
}

#footer ul.navigation {
	top:13px;
	left:10px;
	position:absolute;
}

#footer ul.navigation li {
	margin: 0 10px 0 0;
}


.form {
	margin-top:24px;
}

.question {
	padding: 10px;
	position: relative;
	overflow: hidden;
	border: 2px solid #c7e0ff;
	width: 376px;
	height: 17px;
}

.question.odd{
	background:#F9F9F9 none repeat scroll 0 0;
	border:2px solid #F8F7F7;
}

.question.even {
	border: 2px solid white;
	background: white none repeat scroll 0 0;
}

.question.open {
	background: #f2f2f2 url(../images/quesiton-open-back.gif) top repeat-x;
	border: 2px solid #f5d8bd;
}

.question h3 {
	font-size: 13px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	background-color: transparent !important;
}

.question.open h3 {
	color: #AA4532;
}

#left-col .question p{
	color:#141414;
	margin: 15px 0 0 0;
	font-size:11px;
	line-height: 20px;
	background-color: transparent !important;
}

.question .input{
	position: absolute;
	top: 8px;
	left: 140px;
	height: 22px;
	width: 120px;
	
}

#Page_Transport .question .input{
	left: 133px;
}

.question .inputButtons{
	position: absolute;
	top: 8px;
	left: 215px;
	height: 27px;
	width: 124px;
	display:block;
	background:url(../images/buttons-add-journeys.gif) no-repeat;
}

.question .inputButtons span{
	margin-left:-999px;
}

.question .input input{
	width: 38px;
	height: 13px;
	position: absolute;
	left:0;
	top: 0px;
	text-align:right;
	font-size: 11px;
}

.question .input .unit, .question .inputButtons .unit  {
	width: 65px;
	height: 20px;
	position: absolute;
	left: 53px;
	font-size: 11px;
	font-weight: normal;
	line-height: 22px;
}

.question .inputButtons .unit{
	left: 110px;
}

.question #holidayname.input{
	/*width: 221px;*/
	
}

.question #holidayname.input input{
	width: 207px !important;
	/*padding-right: 50px;*/
	text-align: left;
}

.question #homelocation.input{
	/*width: 221px;*/
	background:none;
}

.question #homelocation.input select{
	width: 210px !important;
	text-align:left;
	height:22px;
	width: 214px;
}

.question .slider {
	background:transparent url(../images/icon-slider-back.gif) repeat-x scroll 0 50%;
	position: absolute;
	top: 4px;
	right: 55px;
	width: 100px;
	height: 27px;
}

.slider .handle {
	width: 28px;
	height: 28px;
	background:url(../images/handle-alternative.gif) no-repeat;
}
.slider .handle:hover {
	cursor:move;
}
#Page_Holiday .question .slider {
	width: 140px;
	right: 15px;
}

#Page_Recreation .question .slider,
#Page_Accomodation .question .slider{
	width: 92px;
	right:60px;
}


.question .result {
	position: absolute;
	top: 7px;
	right: 5px;
	width: 44px;
	height: 20px;
	line-height: 22px;
	font-size:11px;
	color:#aa4532;
	text-align: right;
}

#Page_Recreation .question .result,
#Page_Accomodation .question .result{
	width:50px;
}

#Page_Transport .question .result {
	color:#AA4532;
	font-size:11px;
	height:20px;
	line-height:22px;
	position:absolute;
	right:5px;
	text-align:right;
	top:7px;
	width:64px;
}

.question .open h3 {
	font-size: 12px;
	font-weight:bold;

}


#Field_Accomodation_SelfCatered.closed {
	height: 30px !important;
}

.save-results input#keep-updated{
	float: left;
}


.save-results{
	background-color:white;
	height:160px;
	position:absolute;
	right:41px;
	top:323px;
	width:230px;
	z-index:100;
}

.save-results label {
	font-size:11px;
	line-height:17px;
	padding:0;
}

.save-results h3 {
	margin:0;
	padding:0;
}

.save-results .input{
/*	height: 22px;
	width: 120px;
	padding-bottom: 10px;*/
}


.save-results .input input{
	background: url(../images/text-field-back.gif) no-repeat;
	width: 211px;
	height: 20px;
	position: relative;
	left:1px;
	border: none;
	/*padding: 3px 4px 2px;*/
	text-align:right;
	color:#7a8550;
	text-align:left;
}

.save-results p{
	font-size:11px;
	line-height:17px;
	margin:10px 0;
	padding:0;
}

#results {
	width: 380px;
	height: 385px;
	position:relative;
}

.graph {
	width: 118px;
	/*border: 1px solid red;*/
	position:absolute;
	height:340px;
	left: -1px;
	background-color: white;
}

.graph#graph_Page_Transport{
	left: 0;
	
}

.graph#graph_Page_Accommodation{
	left: 130px;
	
}

.graph#graph_Page_Recreation{
	left: 260px;
	
}

.graph_Page_Recreation {
	position: absolute;
	bottom:0;
	width: 118px;
	height: 171px;
}

.graph .inner-wrap {
	bottom:0;
	height:74px;
	position:absolute;
	width:118px;
}


.graph .inner-wrap .graph-results{
	position: absolute;
	bottom:-6px;
	width: 118px;
	height: 75px;
	text-align:center;
	color:#a7aa8b;
	font-weight:normal;
	font-size:15px;
}

.graph-results span.percent{
	display:block;
	font-size:45px;
	font-weight:normal;
	font-family:impact,charcoal,sans-serif;
}

.graph-results span.kilos{
	display:block;
	font-size:10px;
	font-weight:bold;
	background-color: white;
}

/*#graph_Page_Transport .inner-wrap{
	background:url(../images/graph-plane.gif) 10px -5px no-repeat;
}

#graph_Page_Accommodation .inner-wrap{
	background:url(../images/graph-tipi.gif) 0 -10px no-repeat;
}

#graph_Page_Recreation .inner-wrap{
	background:url(../images/graph-bucket.gif) 0 0 no-repeat;
}*/

.graph .cell-wrapper{
	bottom:91px;
	height:240px;
	left:9px;
	position:absolute;
	width:102px;
}

.cell {
	width: 100px;
	border-left: 1px solid #cccbcb;
	border-right: 1px solid #cccbcb;
	border-bottom: 1px solid #cccbcb;
}

.cell.padder{
	border: none white 1px;
	border-bottom: 1px solid #cccbcb;
}

.cell.cell0 {
	background: #fff;
}

.cell.cell1 {
	background: #f1f1f1;
}

.cell.cell2 {
	background: #e3e2e2;
}

.cell.cell3 {
	background: #dddbdb;
}

.cell.cell4 {
	background: #d1d1d1;
}

.cell.cell5 {
	background: #b6b6b6;
}

.cell.cell6 {
	background: #9b9b9b;
}

#legend{
	font-size:13px;
	line-height:17px;
	margin: 0;
	padding:0;
	text-align:center;
	position:absolute;
	bottom:-18px;
	left: 24px;
	width: 330px;
	background-color: white;
}

#print-results{
	background:transparent url(../images/tips-print.gif) no-repeat scroll 0 0;
	bottom:135px;
	display:block;
	height:19px;
	left:173px;
	position:absolute;
	text-decoration:none;
	width:61px;
	z-index:120;
}

#legend span {padding:4px;}

#legend select{
	width: 210px !important;
	text-align:left;
	height:22px;
	width: 214px;
	color:#7A8550;
	padding:3px 4px 2px;
}


#callout {
	position: relative;
	width: 138px;
	height: 86px;
	z-index: 9999999;
	background: url(../images/callout-back.gif) no-repeat;
}

#callout .inner {
	position:absolute;
	top: 10px;
	left:16px;
	width: 100px;
	height: 44px;
	font-size:9px;
	color:#7a8550;
}

#callout .inner h3 {
	font-size:8px;
	font-weight: bold;
	margin:0;
	padding:0;
	line-height:20px;
}


.tipsPopup {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:13px;
	margin:20px;
}

.tipsPopup h1 {
	color:#aa4532;
	font-size:25px;
	font-weight:normal;
}

.tipsPopup .section {
	border: 1px solid #ebb96c;
	padding: 0 10px;
	margin: 25px 0;
}

.tipsPopup ul, ul.nav{
	list-style:none;
	margin:0;
	padding:0;
}

.tipsPopup li, ul.nav li {
	background:url(../images/tips-lightbulb.gif) no-repeat;
	padding:0px 0 15px 25px;
}

.tipsPopup.privacy li {
	background:url(../images/tips-arrow.gif) no-repeat;
	padding: 0 0 0 20px;
}

.tipsPopup.privacy ol li {
	background:none;
	padding: 0 0 0 20px;
}

ul.nav li {
	background:url(../images/tips-arrow.gif) no-repeat;
	margin:0;
	padding: 0 0 20 20px;
	
}

ul.nav li a {
	color:#716c6c;
	text-decoration:none;	
	font-size: 12px !important;
	color: #2760b0;
}

.tipsPopup h2 {
	color:#6a7445;
	font-weight:normal;
	font-size:20px;
}

.tipsPopup .buttons {
	width: 100px;
	float: right;
	text-align:center;
}

.tipsPopup.privacy .buttons {
	width: 100px;
	float: right;
	text-align:center;
}

.tipsPopup #close{
	background:url(../images/tips-close.gif) no-repeat;
	height:26px;
	width:74px;
	display:block;
	text-decoration:none;
}

.tipsPopup #close span {
}

.tipsPopup #print{
	background:url(../images/tips-print.gif) no-repeat;
	height:23px;
	width:61px;
	display:block;
	text-decoration:none;
	margin-left: 15px;
	margin-top:10px;
}

.tipsPopup #print span {
}

.tipsPopup .to-top {
	background:url(../images/tips-up.gif) no-repeat;
	padding: 0 0 0 15px;
	font-size:80%;
	width: 70px;
	float:right;
	margin-top: 25px;
}
 
.tipsPopup .to-top a {
	color:#716c6c;
	text-decoration:none;
}


#popup-hider {
	opacity:0.2;filter:alpha(opacity=20);
	background:black;
	height:666px;
	left:3px;
	position:absolute;
	top:3px;
	width:747px;
	z-index:105;
}

.popup-wrapper {
	position:absolute;
	width: 563px;
	height: 373px;
	top: 74px;
	left: 95px;
	background:url(../images/popup-back.png) no-repeat;
	z-index: 110;
	
}

.popup {
	height:300px;
	left:32px;
	overflow:auto;
	overflow-x:hidden;
	position:absolute;
	top:30px;
	width:500px;
	font-size:70%;
}

.popup p{
	margin:5px 0 10px 0;
	padding:0 0 0 5px;
}
.popup h3, #loading h3{
	padding: 0;
	line-height: 49px;
	margin:0;
	color: #aa4532 !important;
	font-size: 25px;
	font-weight: normal;
}

.popup h4 {
	font-size: 12px;
	margin:0 0 0 3px;
	padding:0;
	color:#6A7445;
	font-weight:normal;
}

.popup span#from,
.popup span#to,
.popup span#type{
	width:37px;
	float: left;
}

#popup-drivingcalc .popup span#from,
#popup-drivingcalc .popup span#to,
#popup-drivingcalc .popup span#distance{
	width:60px;
	float: left;
}

#popup-drivingcalc .popup span#distance{
	width: 74px;
}

#popup-drivingcalc .popup span#distance,
#popup-drivingcalc .popup span#driving_distance{
	font-size: 126%;
}
	
.popup table {
	width: 100%;
	margin:10px 0 20px 0;
}
.popup th{
	background:#E5E5E1 none repeat scroll 0 0;
	padding:2px;
	text-align:left;
}

.popup select {
	margin-right:12px;
	width:173px;
}

.popup a#flight-add{
	background:transparent url(../images/buttons-add-flight.gif) no-repeat scroll 0 0;
	border:medium none;
	display:block;
	height:27px;
	left:288px;
	position:relative;
	text-decoration:none;
	top:-48px;
	width:124px;
	z-index:90;
}

.popup a#flight-done, .popup a#kmsDone {
	height:27px;
	width:74px;
	background:url(../images/buttons-done.gif) no-repeat;
	border:medium none;
	display:block;
	margin:10px;
	position:absolute;
	right:0;
	text-align:center;
	text-decoration:none;
	top:0;
}

.popup a.done  {
	height:27px;
	width:124px;
	background:transparent url(../images/buttons-add-journeys.gif) no-repeat scroll 0 0;
	border:medium none;
	display:block;
	margin:10px;
	position:absolute;
	right:0;
	text-align:center;
	text-decoration:none;
	top:0;
}

.popup a.cancel{
	background:transparent url(../images/button-cancel.gif) no-repeat scroll 0 0;
	border:medium none;
	display:block;
	height:27px;
	margin:10px;
	position:absolute;
	right:26px;
	text-align:center;
	text-decoration:none;
	top:35px;
	width:74px;
}

.popup a#flight-done span,
.popup a#flight-add span{
	margin-left: -9999px;
}

.popup .flights-form, .greyForm{
	background:#F8F8F8 none repeat scroll 0 0;
	margin:6px 0 13px;
	padding:2px 16px 4px;
	width:90%;
}

.transport-calc { 
	background: url(../images/buttons-add-journey-small.gif);
	width: 92px;
	height: 20px;
	position: absolute;
	right: 5px;
	top: 85px;
}