/*--- was 538 wide --*/
#pagecontent
{
	
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 30px 10px;
	border: 1px solid #bbbbbb;
	overflow: hidden;

}

/* ------ Fixes Firefox clearing floats ------ */
#pagecontent:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#pagecontent p
{
	margin-bottom: 10px;
}

#pagecontent h1
{
	margin-bottom: 10px !important;

}

#pagecontent h2
{
	margin-bottom: 10px !important;
}

#pagecontent a {text-decoration: underline; color: #940707; padding: 0px; margin: 0px;}
#pagecontent a:link {color: #9e1414;}
#pagecontent a:visited {color: #984a4a;}
#pagecontent a:hover {color: #bb9d9d; text-decoration: none;}



#pagecontent ul.menulist
{
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
#pagecontent ul.menulist li
{
	float: left;
	padding: 0px 3px 0px 3px;
	margin: 0px 5px 8px 5px;
	color: White;
	/*
	background-color: #cb0000;
	background-image: url("../../Images/button-gradient-red.jpg");
	background-position: left;
	background-repeat: repeat-y;*/
}

#pagecontent ul.menulist li.text 
{
    background: none;
    color: #a6a5a5;
    font-weight: bold;
    padding: 0px 2px 5px 2px;
}

#pagecontent ul.menulist li.grey 
{
    color: #4c4949;
	background-color: #e6e6e6;
	background-image: url("../../Images/button-gradient-grey.jpg");
	background-position: left;
	background-repeat: repeat-y;
}
	
#pagecontent ul.menulist li a
{
	color: White;
	display: block;
	font-size: 90%;
	font-weight: bold;
	background-repeat: no-repeat;
	text-decoration: none;
}	


#pagecontent ul.menulist li a:visited
{
	color: White;
	text-decoration: none;	
}	


#pagecontent ul.menulist li a:hover
{
	color: #cecece;
	text-decoration: none;	
}

#pagecontent ul.menulist li.grey a
{
    color: #4c4949;
}

#pagecontent ul.menulist li.grey a:hover
{
    color: #939292;
}

#pagecontent ul.menulist li.grey a:visited
{
	color: #4c4949;
}	

#pagecontent ul.menulist li a.right
{
	background-image: url("../../Images/bullet_right.gif");
	padding: 10px 32px 10px 5px;
	background-position: right;
}

#pagecontent ul.menulist li a.right_grey
{
	background-image: url("../../Images/bullet_right_grey.gif");
	padding: 10px 32px 10px 5px;
	background-position: right;
}

#pagecontent ul.menulist li a.left
{
	background-image: url("../../Images/bullet_left.gif");
	padding: 10px 5px 10px 32px;
	background-position: left;
}

#pagecontent ul.menulist li a.up
{
	background-image: url("../../Images/bullet_up.gif");
	padding: 10px 32px 10px 5px;
	background-position: right;
}

#pagecontent ul.menulist li a.down
{
	background-image: url("../../Images/bullet_down.gif");
	padding: 10px 32px 10px 5px;
	background-position: right;
}
	
#pagecontent ul.stopoffpoints
{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
}
	
#pagecontent ul.stopoffpoints li
{
	display: block;
	padding: 0px;
	background-color: #ffffff;
}
	
.errormessage
{ 
	margin: 5px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	background-color: #efdfde;
	border: 2px solid #d01813;
	font-weight: bold;
	background-image: url("../../Images/warn.gif") !Important;
	background-repeat: no-repeat;
	background-position: 5px;
	
}


.informationmessage
{ 
	
	width: 668px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	background-color: #fffeb0;
	border: 2px solid #888888;
	font-weight: bold;
	background-image: url("../../Images/info.gif") !Important;
	background-repeat: no-repeat;
	background-position: 5px;
	
}

#pagecontent div.basepanel
{
	width: 706px;
	background-color: white;
	padding: 10px;
	border: 1px solid #bbbbbb;

}

#pagecontent div.halfpanel
{
	width: 312px;
	float: left;
	
}

#pagecontent ul.quicklinks li
{
	padding: 0px 0px 8px 10px;
}

#pagecontent ul.quicklinks li.important
{
	font-weight:bold;
}

#pagecontent ul.quicklinks a
{
	padding: 0px 15px 0px 0px;
	background-image: url("../../Images/bullet_arrow.gif");
	background-position: right 50%;
	background-repeat: no-repeat;
}

#pagecontent div.links {clear:both; overflow:hidden; margin-bottom:10px;}
#pagecontent div.links ul {float:left; margin-right:20px;}
#pagecontent div.links ul li {padding: 0px 0px 8px 10px;}
#pagecontent div.links ul li.important {font-weight:bold;}
#pagecontent div.links ul li a {padding: 0px 15px 0px 0px; background: url("../../Images/bullet_arrow.gif") right 50% no-repeat;}


table.bookingstable
{
	border: 1px solid #444444;
	margin: 0px 0px 30px 0px!important;
	width: 100%;
			
}



table.bookingstable tr.bookingstableheader th
{
	padding: 10px;
	text-align: left;
	background-color: #555555;
	color: White;
	font-weight: bold;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
				
}


table.bookingstable td
{
	padding: 5px;
	border-top: 1px solid #444444;
	border-bottom: 0px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background-image: url("../../Images/bookings_shade2.gif");
	background-position: bottom;
	background-repeat: repeat-x;	
		
}

table.bookingstable td.bookingdetails
{
	background-color: #eeeeee;
	border-right: 1px solid #444444;
	background-image: url("../../Images/bookings_shade1.gif");
	background-position: left;
	background-repeat: repeat-y;
	width: 150px;			
}

table.bookingstable td.bookingdetails a
{
	background: url(../../images/new/smallredarrow.gif) right center no-repeat;
	margin-right: 7px!important;
	padding-right: 7px!important;

}




table.bookingstable td.cancelled
{
	background-color: #ffeeee;
	color: #777777;		
	background-image: none!important;
}







table.bookingstable tr.bookingstablepager td
{
	border: none !important;
	background-image: none;
	padding: 5px 0px 5px 0px;
}

table.bookingstable tr.bookingstablepager span
{
	border: none !important;
	background-image: none;
	padding: 0px 3px 0px 3px;
	margin: 0px 4px 0px 0px;
	
}

table.bookingstable tr.bookingstablepager a
{
	border: 1px solid #444444 !important;
	background-image: none !important;
	padding: 0px 3px 0px 3px !important;
	margin: 0px 4px 0px 0px !important;
	background-color: #ffffff !important;
	color: #940707 !important;
	text-decoration: none !important;
}

table.bookingstable tr.bookingstablepager a:visited
{
	color: #940707 !important;
}

table.bookingstable tr.bookingstablepager a:hover
{
	background-color: #cccccc !important;	
	color: #940707 !important;
}

#pagecontent table.registration td
{
	padding: 3px 10px 3px 3px;
	margin: 0px;
	border: none;
	
}

#pagecontent table.registration div.popparent input.text {width: 103px;}


#pagecontent table td.label
{
	font-weight: bold;
	padding-right: 5px;
	
}

#pagecontent table td.label span {color: #b60101;}

#pagecontent table.booking td
{
	padding: 3px 10px 3px 3px;
	margin: 0px;
	border: none;
	
}

#pagecontent label.label
{
	font-weight: bold;
	padding-right: 5px;	
	color: #333333;
}

#pagecontent label.label span
{
	color: #f00;
}

#pagecontent input.text
{
	background-position: left;
	background-color: #ffffff;
	border-color: #444444; 
	border-style: solid;
	border-width: 1px; 
	padding: 2px;
	float:left;
	margin-right: 5px;

}

#pagecontent textarea.text
{
	background-position: left;
	background-color: #ffffff;
	border-color: #444444; 
	border-style: solid;
	border-width: 1px; 
	padding: 2px;
	float:left;
	margin-right: 5px;

}


#pagecontent select.dropdown
{
	padding: 1px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #444444;

}

pagecontent select.listbox
{
	background-image: url("../../Images/inputshade.gif");
	background-position: left;
	background-repeat: repeat-y;
	background-color: #ffffff;
	border-color: #444444; 
	border-style: solid;
	border-width: 1px; 
	padding: 2px;

}

#pagecontent span.checkbox input
{
	background-image: none;
	margin: 0px;
	padding: 0px;
	border: none;
	
}

#pagecontent span.checkbox label
{
	font-weight: bold;
	padding-left: 5px;
	
}

#pagecontent table.radiolist label
{
	font-weight: bold;
	padding-left: 5px;
}


#pagecontent .validator
{
	padding: 0px 5px 0px 5px;
	color: #940707;
	font-weight: bold;	
}

#pagecontent ul.stopofflist li
{
	padding: 0px 0px 0px 40px;
	background-image: url("../../Images/bullet_square.gif");
	background-position: 25px 50%;
	background-repeat: no-repeat;
}




#pagecontent div.filterlist
{
	margin-bottom: 10px;	
}

#pagecontent div.filterlist h3
{
	color: #333333;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	font-weight: bold;
	
}

#pagecontent div.filterlist ul
{
	margin-left: 25px;
}

#pagecontent div.block
{
	margin-bottom: 10px !important;	
	clear: both!important;	
}

#pagecontent div.block:after
{
    content: "."!important;	 
    display: block!important;	 
    height: 0!important;	 
    clear: both!important;	 
    visibility: hidden!important;	
}

/* Stuiff for the calendar */
#pagecontent img.calendarbutton
{
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	cursor:  pointer;
	cursor: hand;	
}

#pagecontent div.hidecalendar
{
	display: none;
}


#pagecontent div.showstartcalendar
{
	display: block;
	position: absolute;
	top: 150px;
	left: 420px;
	z-index: 100;
	border: 1px solid black !important;
	padding: 5px;
	margin: 0px;
	background-color: #ffffff;
}

#pagecontent div.showendcalendar
{
	display: block;
	position: absolute;
	top: 185px;
	left: 420px;
	z-index: 100;
	border: 1px solid black !important;
	padding: 5px;
	margin: 0px;
	background-color: #ffffff;
}

#pagecontent div.showadminstartcalendar
{
	display: block;
	position: absolute;
	top: 440px;
	left: 460px;
	z-index: 100;
	border: 1px solid black !important;
	padding: 5px;
	margin: 0px;
	background-color: #ffffff;
}

#pagecontent div.showadminendcalendar
{
	display: block;
	position: absolute;
	top: 465px;
	left: 460px;
	z-index: 100;
	border: 1px solid black !important;
	padding: 5px;
	margin: 0px;
	background-color: #ffffff;
}

#pagecontent div.showdepartcalendar
{
	display: block;
	position: absolute;
	top: 90px;
	left: 310px;
	z-index: 300;
	border: 1px solid black !important;
	padding: 5px;
	margin: 0px;
	background-color: #ffffff;
}

#pagecontent div.showreturncalendar
{
	display: block;
	position: absolute;
	top: 225px;
	left: 310px;
	z-index: 300;
	border: 1px solid black !important;
	padding: 5px;
	margin: 0px;
	background-color: #ffffff;
}



#pagecontent table.calendardetails
{
	font-size: 0.85em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}

#pagecontent table.caltitle 
{
	font-size: 1em !important;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold !important;	
}

#pagecontent td.caltoday
{
	border: 1px solid #222222 !important;
}

#pagecontent td.calothermonth
{
	color: #00ff00 !important;	
}

/**------------ New CSS for bookings pages SJJ April 2008 --------------------*/

div.fullpage {background: #ffffff url(../../images/new/bg/bg-fullpage.gif) left top repeat-y; padding-left:0px!important; padding-right:0px!important; overflow:visible!important;}
div.fullpage div.fullpagebottom {background: url(../../images/new/bg/bg-fullpagebottom.jpg) left bottom no-repeat; border-bottom: 1px solid #979797; padding: 5px 15px 15px 15px; overflow:hidden;}
div.fullpage div.fullpagebottom ul{float:right; margin-top:0px;}
div.fullpage div.fullpagebottom ul li {display:inline; margin-left: 10px;}
div.fullpage div.fullpagebottom p {float:left; width: 400px; margin-top:0px!important;}

div #passengerdetails {width: 748px; min-height: 87px;  background:  url(../../images/new/bg/bg-passengerdetails.jpg) left top no-repeat; color : #000000; padding: 0px 10px 0px 10px; margin: 0px; border-top: 1px solid #d3d1d1; overflow:hidden;  }
div #passengerdetails ul {float: left; margin-top: 8px;}

div #passengerdetails ul li {display:inline; font-weight: bold;}
div #passengerdetails ul li.name {padding-left: 20px; background: url(../../images/new/passengericon.gif) 10px top no-repeat;}
div #passengerdetails ul li label {color: #b50101; margin-left: 10px;}
div #passengerdetails input.edit { background: url(../../images/new/buttons/editdetails.gif) top left no-repeat; width: 101px; height: 38px; border: none; float: right; margin-right: 37px; cursor:pointer; cursor: hand;	}
div #passengerdetails p {margin: 0px 15px 10px 15px; clear: both; padding-top: 50px; font-weight: bold;}

div #passengerdetails h1 { display: inline; background : url(../../images/new/bg/bookingheading.jpg) right top no-repeat; color : #000000; padding: 0px 30px 0px 0px; height: 43px; border: none; position:absolute; top: 37px; left: 53px; font-size: 150%; color: #b50101; line-height: 150%;}
div #passengerdetails ul.steps { position: absolute; top: 33px; left: 353px; }
div #passengerdetails ul.steps li { background: url(../../images/new/bg/inactivestep.jpg) left top no-repeat; width: 128px; height:43px; text-align: center; line-height:150%; color: #989898; font-size:150%; float: left;}
div #passengerdetails ul.steps li.active { background: url(../../images/new/bg/activestep.jpg) left top no-repeat; color: #ffffff; }

div.fullpage div.addoutbound {clear: both; overflow:hidden; margin-bottom: 10px; padding-right: 15px;}
div.fullpage div.addoutbound input { width: auto; float: right;}

div.fullpage h2 {background: #000000 url(../../images/new/bg/blackheading.gif) left top repeat-x;  color:#ffffff; font-weight: normal; font-size: 120%; font-weight: bold; margin-bottom:0px; padding: 5px 15px 5px 15px; line-height: 150%; margin-top: 0px!important; overflow: hidden; height: 1%;}
div.fullpage h2 span {background: url(../../images/new/smallredarrow.gif) left center no-repeat; padding-left: 10px; float: right; font-size: 90%; font-weight: normal;}
div.fullpage h2 span.title {float:left; background-image: url(../../images/new/bigredarrow.gif); padding-left: 30px; font-size:120%;  font-weight: bold; }
div.fullpage h2 input {float:right;}

div.fullpage div.greypanel {background: #ececec url(../../images/new/bg/greygradient.gif) left top repeat-x; padding: 15px 10px 10px 10px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #979797; border-top: 1px solid #979797; overflow:hidden; height: 1%; }
div.fullpage div.greypanel p {clear: both; padding: 0px 0px 0px 0px; display: block; margin:0px 0px 10px 0px!important;}
div.fullpage div.greypanel span.validator img {margin-left: 3px;}

div.fullpage div.greypanel div.postcodelookup {float: left; text-align: right; width: 260px; margin-right: 10px; padding-left: 0px; }
div.fullpage div.greypanel div.postcodelookup h3 { float:left; margin-bottom: 2px; font-size: 120%;}
div.fullpage div.greypanel div.postcodelookup select {margin-bottom: 5px; border: 1px solid #999999; width: 259px; height: 70px;	}
div.fullpage div.greypanel div.postcodelookup input { background: url(../../images/new/buttons/selectaddress2.gif) top left no-repeat; width: 108px; height: 25px; border: none; cursor: pointer; cursor: hand;	}
div.fullpage div.greypanel div.postcodelookup input.back {background-image: url(../../images/new/buttons/savedaddresses.gif); width: 108px; margin-right: 10px;}

div.fullpage div.greypanel div.addressdetails { width: 478px; float: left; clear: right; margin: 0px;}
div.fullpage div.greypanel div.addressdetails ul {float: left; width: 229px; margin-right: 10px;}
div.fullpage div.greypanel div.addressdetails ul li {margin-bottom: 5px; font-size: 95%; line-height:160%; clear: both;}
div.fullpage div.greypanel div.addressdetails ul li label {font-weight: bold; width: 70px; margin-right: 5px; float: left; overflow: hidden; display: block;}
div.fullpage div.greypanel div.addressdetails ul li input {width: 130px; border: 1px solid #999999;}
div.fullpage div.greypanel div.addressdetails ul li label span {color: #b60101;}
div.fullpage div.greypanel div.addressdetails ul li.postcode input.postcode {width: 75px; margin: 0px 5px 0px 0px; float:left; border: 1px solid #b60101; }
div.fullpage div.greypanel div.addressdetails ul li.postcode input.lookup { cursor: pointer; cursor: hand; background: url(../../images/new/buttons/lookuppostcode.gif) top left; height: 25px; width: 50px; border: none; float:left; margin-top: -2px; }
div.fullpage div.greypanel div.addressdetails ul li.postcode label { float:left; color: #b60101;}

div.popupcalendar {position: absolute; left: 440px; top: -25px; padding: 5px; border: 1px solid #000000; background-color: #b70101; font-size: 90%; line-height: 130%;}
div.popupcalendar table.calendardetails {background-color: #eeeeee; margin: 0px!important; padding: 0px!important;}
div.popupcalendar table.caltitle {font-size: 1em !important; font-weight: bold !important;}
div.popupcalendar td.caltoday { border: 1px solid #222222 !important;}
div.popupcalendar td.calothermonth{	color: #00ff00 !important;}

div.message {margin: 0px 15px 10px 15px; padding: 10px 10px 10px 40px; font-weight: bold;}
div.information {border: 1px solid #888888; background: #fdfce4 url(../../images/new/info.gif) 7px center no-repeat;}
div.error {border: 1px solid #b70101; background: #ffeeee url(../../images/new/warn.gif) 7px center no-repeat;}

div.fullpage div.greypanel h3.left {font-size: 115%; display: inline; margin-right: 10px; float: left; color: #b70101;}
div.fullpage div.greypanel ul.form li { padding-bottom: 4px!important; font-size: 95%; line-height:160%; clear: both; overflow: hidden; height: 1%; }
div.fullpage div.greypanel ul.form li.showoverflow {overflow:visible!important;}
div.fullpage div.greypanel ul.form li label {font-weight: bold; width: 150px; margin-right: 5px; float: left; overflow: hidden; display: block;}
div.fullpage div.greypanel ul.form li input { width: 130px; margin-right: 5px; float: left; }
div.fullpage div.greypanel ul.form li input.edit { width: auto; float: right;}
div.fullpage div.greypanel ul.form li span.checkbox input {width: auto;}
div.fullpage div.greypanel ul.form li input.checkbox {width: auto;}
div.fullpage div.greypanel ul.form li select { margin-right: 5px; }
div.fullpage div.greypanel ul.form li span {float: left;}
div.fullpage div.greypanel ul.form li textarea { width: 350px; height: 75px; margin-right: 5px;  float: left;}
div.fullpage div.greypanel ul.form li span.radiolist {}
div.fullpage div.greypanel ul.form li span.radiolist label {margin-right: 15px; width: auto!important; font-weight:inherit!important;}
div.fullpage div.greypanel ul.form li span.radiolist input {margin-right: 5px; float:left; width: auto!important; margin-top: 3px;}
div.fullpage div.greypanel ul.form li ul.stopoffs {float: left;}
div.fullpage div.greypanel ul.form li ul.stopoffs li {margin-bottom: 0px;}
div.fullpage div.greypanel ul.form li div.departdateandtime {float: left; clear:none!important; font-size: 100%!important; }
div.fullpage div.greypanel ul.form li strong.error {color: #b70101;}


div.fullpage div.greypanel div.datetimeselection {margin: 0px 10px 10px 0px; clear: right; float: left; display: block; line-height: 160%; }
div.fullpage div.greypanel div.datetimeselection label {font-weight: bold; margin-right: 5px; float: left; width: auto!important; }
div.fullpage div.greypanel div.datetimeselection input { width: 80px!important; float: left; margin-right: 5px; }
div.fullpage div.greypanel div.datetimeselection img {margin:0px 10px 0px 0px; padding:0px; display: block; float: left; margin-top: -1px; }
div.fullpage div.greypanel div.datetimeselection select { float: left; margin-right: 5px; }



div.fullpage div.greypanel ul.stopofflist li {margin-bottom: 2px;}
div.fullpage div.greypanel ul.stopofflist li a {text-decoration: underline; background: url(../../images/new/smallredarrow.gif) left 50% no-repeat; color: #9e1414; padding-left: 10px; margin-right: 10px; }
div.fullpage div.greypanel ul.stopofflist li a:hover {color: #bb9d9d; text-decoration: none;}

div.fullpage div.greypanel ul.quicklinks {margin: 0px 0px 10px 0px;}
div.fullpage div.greypanel ul.quicklinks li {padding: 0px 0px 8px 10px;}
div.fullpage div.greypanel ul.quicklinks li.important {font-weight:bold;}
div.fullpage div.greypanel ul.quicklinks a {padding: 0px 15px 0px 0px; background: url("../../Images/bullet_arrow.gif") right 50% no-repeat; color:#b60101;}


div.validationsummary {font-weight: bold; margin: 0px 15px 10px 15px; border: 1px solid #b70101; background: #ffeeee url(../../images/new/warn.gif) 7px center no-repeat; padding: 10px 10px 10px 40px;}
div.fullpage div.showoverflow {overflow:visible!important;}

table.locationstable {margin:0px 0px 20px 0px!important; }
table.locationstable td a {padding-left: 20px!important; background: url(../../images/new/smallredarrow.gif) 10px 50% no-repeat;}

/* Popup calendar*/
div.popparent {position:relative; z-index:999;}
div.popparent img {cursor: pointer; cursor: hand;}
div.popparent span.validator {float: left!important; display: block;}
div.popparent input {z-index:998; }
div.popupcal {position: absolute; background-color:#ffffff; padding: 3px!important; border: 2px solid #666666; font-size: 11px; line-height: 130%; z-index:999; display:block; }
div.popupcal table {font-size: 100%; background-color: #ffffff; margin:0px!important; position:relative!important; }
div.popupcal table td {text-align: center; padding:0px!important; }
div.popupcal td a {text-decoration:none!important; color: #000000!important; font-weight: bold!important; display:block; padding: 1px 3px 1px 3px!important;}
div.popupcal td a:hover {background-color: #dddddd;} 
div.popupcal tr.header {font-weight: bold;}
div.popupcal tr.header td.prev {text-align:left!important; padding: 0px;}
div.popupcal tr.header td.next {text-align:right!important; padding: 0px;}
div.popupcal td.daysofweek {font-weight: bold; padding: 1px!important; color: #b70101;}
div.popupcal td.days {padding: 0px; color: #000000;}
div.popupcal td.days a.today {border: 1px solid #b70101;}

/*---- Address lookup on register and card screens ----*/
#pagecontent div.postcodelookup {float: left; text-align: right; width: 260px; margin-right: 10px; padding-left: 0px; }
#pagecontent div.postcodelookup h3 { float:left; margin-bottom: 2px; font-size: 120%;}
#pagecontent div.postcodelookup select {margin-bottom: 10px; border: 1px solid #000000; width: 259px;	}
#pagecontent div.postcodelookup input { background: url(../../images/new/buttons/selectaddress2.gif) top left no-repeat; width: 108px; height: 25px; border: none; cursor: pointer; cursor: hand;	}
#pagecontent div.postcodelookup input.back {background-image: url(../../images/new/buttons/savedaddresses.gif); width: 108px;}



#pagecontent div.addressdetails { float: left; width:265px; clear: right; margin-left:20px; }
#pagecontent div.addressdetails ul li {margin-bottom: 5px; font-size: 95%; line-height:160%; clear: both;}
#pagecontent div.addressdetails ul li label {font-weight: bold; width: 70px; margin-right: 5px; float: left; overflow: hidden; display: block;}
#pagecontent div.addressdetails ul li label span {color: #b60101;}
#pagecontent div.addressdetails ul li input {width: 130px; border: 1px solid #000000;}

#pagecontent div.addressdetails ul li.postcode input.lookup {cursor: pointer; cursor: hand; background: url(../../images/new/buttons/lookuppostcode.gif) top left; height: 25px; width: 50px; border: none; float:left;  margin-top: -2px; }
#pagecontent div.addressdetails ul li.postcode input.postcode {width: 75px; float:left; margin: 0px 5px 0px 0px; border: 1px solid #b60101;}
#pagecontent div.addressdetails ul li.postcode label {float:left; color: #b60101;}

#pagecontent h5 {clear:both; margin-left: 10px; color: #444444; margin-bottom: 0px; padding-bottom: 0px;}

/*---------General Buttons ------*/
input.cancelbutton {background: url(../../images/new/buttons/cancel.gif) top left no-repeat; width: 146px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.nextbutton {background: url(../../images/new/buttons/next.gif) top left no-repeat; width: 131px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.bookbutton {background: url(../../images/new/buttons/book.gif) top left no-repeat; width: 131px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.backbutton {background: url(../../images/new/buttons/back.gif) top left no-repeat; width: 131px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.savebutton {background: url(../../images/new/buttons/save.gif) top left no-repeat; width: 131px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.homebutton {background: url(../../images/new/buttons/home.gif) top left no-repeat; width: 135px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.addaccountbutton {background: url(../../images/new/buttons/addaccount.gif) top left no-repeat; width: 141px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.addcardbutton {background: url(../../images/new/buttons/addcard.gif) top left no-repeat; width: 124px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.editaccountbutton {background: url(../../images/new/buttons/editaccount.gif) top left no-repeat; width: 143px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.editcardbutton {background: url(../../images/new/buttons/editcard.gif) top left no-repeat; width: 124px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.continuebutton {background: url(../../images/new/buttons/continue.gif) top left no-repeat; width: 161px; height: 37px; border: none; cursor: pointer; cursor: hand;}
input.searchbutton {background: url(../../images/new/buttons/search.gif) top left no-repeat; width: 140px; height: 37px; border: none; cursor: pointer; cursor: hand;}






div.fullpage div.greypanel ul.stopoff input.addstopoffbutton {background: url(../../images/new/buttons/addstopoff2.gif) top left no-repeat; width: 143px!important; height: 37px; border: none; cursor: pointer; cursor: hand; float: right!important; }
div.fullpage div.greypanel ul.stopoff { clear: both; padding-top: 10px;}
div.fullpage div.greypanel ul.stopoff label {width: auto!important; padding-right: 10px;}

div.field input.sendbutton {background: url(../../images/new/buttons/send.gif) top left no-repeat; width: 135px; height: 37px; border: none; cursor: pointer; cursor: hand; margin-top: 20px;}
div.field input.loginbutton {background: url(../../images/new/buttons/login.gif) top left no-repeat; width: 135px; height: 37px; border: none; cursor: pointer; cursor: hand; margin-top: 20px;}

#pagecontent div.cmdata ul {list-style-type: disc; margin-left: 25px;}