#headermenu {
	color: #FFFFFF;
	background-color:#484848;
	font-size:10px;
	padding-left:10px;
	height:43px;
	text-align:left;
	line-height:13px;
	top:0px;
	left:0px;
}
#headermenu a{
	color:#FFFFFF;
}
#headermenu a:hover{
	text-decoration:none;
}
#headermenu p{
	float:left;
	margin:0px;
	padding:6px 0 0 0;
}
#headermenu img{
	float:left;
	margin-left:10px;
	margin-right:5px;
	padding:6px 0 0 0;
}

#headermenu img.logo{
	float:right;
	margin-right:10px;	
	padding:0px 0 0 0;
}

body.mceContentBody {
   background: #FFFFFF;
   text-align:left;
   margin:0px;
   color:black;
}

.mceContentBody a {
	color: black !important; /* FF requires a important here */
	text-decoration:underline;
}
body {
	font-family: Arial, "Helvetica UltraCompressed", sans-serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-size:0.75em;
	color:#474843;
}
ul{
	margin:0px 0px 0px 15px;
	padding:0px;
}
p{
	padding:0px;
	margin:0px 0px 5px 0px;
}
a{
	color:#474843;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
#wrapper{
	margin:0 auto 0 auto;
	text-align:left;
	width:760px;
}
#headerpanel {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin: 0 0 20px 0;
	height: 105px;
	padding:14px 30px 0 30px;
}
#headerpanel a{
	display:block;
	width:127px;
	height:22px;
	background-image:url(../images/yellowtab.gif);
	background-position:top left;
	padding-top:7px;
	padding-left:12px;
	float:left;
	text-decoration:none;
	margin-right:1px;
	font-size:1.1em;
	font-weight:bold;
}
#headerpanel a#prelast{
	margin-right:0px;

}
#headerpanel a#last{
	margin-right:0px;
	width:126px;
}
#headerpanel a.selected{
	background-image:url(../images/whitetab.gif);
}

#headerpanel a:hover{
	background-image:url(../images/bluetab.gif);
	color:white;
}
#contentArea{
	padding:0px 30px 0px 30px;
}

h1{
	color:#092A87;
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 5px;
}
h2{
	font-weight: bold;
	font-size: 115%;
	margin-bottom: 5px;
}

#title{
	height:76px;
	margin-left:250px;
	width:250px;
	vertical-align:top;
}

#title h1{
	color:white;
	font-size:24px;
	padding:0px;
	margin:0px;
	line-height:normal;
	font-weight:normal;
}

/** POSITIONING ***/

#leftside{
	float:left;
	width: 430px;
}

#leftside p{
		margin: 5px 0 0 0px;
}

#veryleft {
	float:left;
	margin-right:30px;
}

#rightside {
	width: 229px;
	float: right;
}


/** LOZENGES ***/

#lozengesDiv{
	margin-bottom:20px;
}

#lozengesDiv a{
	text-decoration:none;
}
#lozengesDiv a:hover{
	text-decoration:underline;
}
#lozengesDiv h2, #lozengesDiv p{
	padding:0px;
	margin:0px;
} 
.easipakLozenge{
	color:white;
	background-color:#0065A9;
	font-size:14px;
	width:224px;
}
.easipakLozenge h2 a{
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#BBDEE0;
}
.easipakLozenge p a{
	padding:0px;
	margin:0px;
	color:white;
}


.parcelLozenge{
	color:white;
	background-color:#EFDD23;
	font-size:14px;
	width:224px;
}
.parcelLozenge h2 a{
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#0065A9;
}
.parcelLozenge p a{
	padding:0px;
	margin:0px;
	color:#0065A9;
}

.palletLozenge{
	color:white;
	background-color:#F7B721;
	font-size:14px;
	width:224px;
}
.palletLozenge h2 a{
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#0065A9;
}
.palletLozenge p a{
	padding:0px;
	margin:0px;
	color:#0065A9;
}

.samedayLozenge{
	color:white;
	background-color:#83DA00;
	font-size:14px;
	width:224px;
}
.samedayLozenge h2 a{
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#0065A9;
}
.samedayLozenge p a{
	padding:0px;
	margin:0px;
	color:white;
}



.priceCell{
	color:white;
	font-size:12px;
	background-color:#777755;
	background-image:url(../images/pricebg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	padding-top:5px;
	display:block;
	height:20px;
	width:211px
}

.greyBox{
	background-color:#E4E3DE;
}

.greyFeatureBox{
	background-color:#E4E3DE;
	padding:15px;
}

.greenText{
	color:#83DA00;
}

.larger{
	font-size:1.2em;
}

.smaller{
	font-size:0.8em;
}
#footer{
	width:700px;
	margin:15px auto 0px auto;
	background-color:#999999;
	padding:5px 30px 5px 30px;
	color:white;
	text-align:left;
}
#footer2{
	width:700px;
	margin:5px auto 0px auto;
	text-align:left;
}

#footer a{
	color:white;
	font-size:0.9em;
}
/** GLOBAL STYLES **/

.center {text-align:center;}
.row-odd { background-color:#CCCCCC; }
.image-right { float: right; }
.left { float: left;}
img {border: none;}
.clear {clear: both; }

/* TAKE NOTICE BOX STYLES */

.takenotice {
	border: 2px dashed #990066;
	padding: 3px 3px 3px 45px;
	width: 70%;
	margin-bottom: 20px;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	background: url(../images/take-notice.gif) no-repeat left top;
}

.takenotice p {
	/*font-size: 110%;*/
	font-weight: bold;
}

.takenotice h2{
	/*font-size: 110%;*/
	font-weight: bold;
}

/* FORM STYLES */

.form-address {
	background-color: #ffffff;
	margin-bottom: 20px;
	width: 100%;
}
.form-address p {
	margin-bottom: 1px;
	background-color: #CCCCCC;
	padding: 2px;
	clear: left;
	height: 100%;
}
.form-address p label {
	font-weight: bold;
	float: left;
	clear:left;
	width: 130px;
	padding-top: 5px;
}

.form-address .buttonright {
	text-align: right;
	margin: 5px;
	background-color: #CCCCCC;
}

.form-address h2 {
	/*font-size: 110%;*/
	margin-bottom: 1px;
	background-color: #CCCCCC;
	padding: 2px;
}




.form-dimension {
	background-color: #ffffff;
	margin-bottom: 20px;
	width: 100%;
}
.form-dimension p {
	margin-bottom: 1px;
	background-color: #CCCCCC;
	padding: 2px;
	clear: left;
	width: 100%;
}
.form-dimension p label {
	font-weight: bold;
	float: left;
	padding-top: 5px;
	margin: 0 3px 0 7px;
	background-color: #CCCCCC;
}



.form-dimension .buttonright {
	clear: both;
	text-align: right;
	margin: 5px;
	background-color: #CCCCCC;
	float: right;
}








#form-login {
	border: 1px solid #666666;
	background-color: #ffffff;
	margin-bottom: 20px;
	width: 100%;
	/*font-size: 80%;*/
}
#form-login p {
	/*font-size: 90%;*/
	margin: 0 5px;
	clear: left;
}
#form-login p label {
	float: left;
	width: 70px;
	vertical-align:middle;
}
#form-login input {
	width: 130px;
	margin-right: 5px;
}

#form-login h2 {
	/*font-size: 100%;*/
	font-weight:bold;
	text-align: left;
	padding: 5px 0px 5px 5px;
	background-color: #CC00CC;
	margin-bottom: 0px;
}


/**  Collection / Delivery Styles   **/

.collection {
	width: 45%;
	float: left;
	margin-right: 10px;
}

.collection h1 {

}

.collection p {
	margin-bottom: 1px;
	background-color: #CCCCCC;
	padding: 2px;
	margin-top:5px;	
}
.collection p .section {
	font-weight: bold;
	float: left;
	width: 90px;
	background-color: #CCCCCC;
}

.collection p .small {

}

.consignmentdetails {
	width: 60%;
	float: left;
	margin-right: 10px;
}

.consignmentdetails h1 {

}

.consignmentdetails p {
	margin-bottom: 1px;
	background-color: #CCCCCC;
	padding: 2px;
	clear:  left;
	margin-top:5px;
	
}
.consignmentdetails p .section {
	font-weight: bold;
	float: left;
	width: 150px;
	background-color: #CCCCCC;
}

.consignmentprice {
	width: 30%;
	float: left;
	font-size: 150%;
	font-weight: bold;
}

.consignmentprice .total {
	font-size: 200%;
	font-weight: bold;
}
#consignmentprice .tandc {
	font-size: 80%;
}

#sidemenu ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#sidemenu ul li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#sidemenu ul li a{
	display:block;
	font-weight:bold;
	padding:3px;
	text-decoration:none;
	margin:0px;
}
#sidemenu ul li.selected a{
	background-color:#83DA00;
	color:white;
}
#sidemenu ul li a:hover{
	background-color:#75C200;
	color:white;
}
#sidemenu ul li a:active{
	background-color:#83DA00;
	color:white;
}