body{
	font:12px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#e8e7e7 url(../images/bg.gif) 0 0 repeat-x;
	color: #272425;
margin-top:0px;}
a:link, a:visited{color: #595959;}
a:hover, a:active{color: #1e90ff;}

/* --- HEADER NAVIGATION --- */
#header{	border-bottom:1px solid #e3e4e5; height: 49px; padding: 0px; }

#topnav{	width: 710px;	margin: 0 auto; padding: 0 0 0 250px; height: 49px;}
#topnav ul{	display: block; margin:0; padding:0; width: 710px;}
#topnav ul li{float:left; font-size: 1.083em; padding: 0; white-space: nowrap;}
#topnav a, #topnav span{ float: left;	vertical-align: bottom;}
#topnav span{padding:20px 0 0 0;}
#topnav a:link, #topnav a:visited{ color: #a4a3a3; padding: 20px 10px 5px; text-decoration: none; font-weight: bold;}
#topnav a:hover, #topnav a:active{	color: #000000;}
#topnav ul li a.selected{color: #000000; background: url(../images/topnav-selected.png) 50% 0% no-repeat;}

#middle{margin: 0 auto; }
#content{ padding:20px; }
.left-column{float:left; padding: 0;}
.right-column{float:left; padding: 0; margin: 0 0 0 20px;}
.right-column td{	padding: 10px 0;}

.bottom-column{float:left; clear: left;}
.bottom-column td{	padding: 10px 0;}

.separator{	background: url(../images/separator1.png) 0% 50% repeat-x;	height: 27px;}
.separator2{ border-bottom: 1px solid #ddddde; width: 96%; margin:0 auto; line-height:1px; font-size: 1px;}
.graybox{
	background: url(../images/graybox-bg.png) 0 0 no-repeat;
	width: 220px;
/*	height: 121px;*/
	font-size: 10px;
	color: #6f6f6f;}
.specials-box{
	background: url(../images/specials-box.png) 0 0 no-repeat;
	width: 185px;
	height: 120px;
	padding: 20px;
	float: left;
/*	margin: 0 2px;*/}
.specials-box a{display:block; text-decoration: none; font-size:14px; color: #000;}
.specials-box a span{
	font-size: 10px;
	font-weight: bold;
	line-height: 3em;
}
.specials-box img{
	position: absolute;
	z-index: 2;
	margin-left: 131px;
	margin-top: 50px;}
.quote-result{
	//padding-bottom: 20px;
}
.weight, .dimensions, .collectionarea, .deliveryarea{
	font-weight: bold;
}
.breadcrumbs {	color: #39B54A;}
.breadcrumbs a{	text-decoration: none;}
.clear{clear: both; width: 100%;line-height:1px; font-size: 1px; height: 1px;}


/* --- FOOTER CONTENT --- */
#footer{background: url(../images/stripes2.png) 50% 0 repeat-x;}
.footer-content{
	width: 960px;
	height: 65px;
	margin: 0 auto;
	background: url(../images/logo-small.png) 100% 0 no-repeat;}
#bottomnav, #copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.833em;
	padding: 45px 20px 0;}
#copyright{	float: right;}
#bottomnav{	float: left;}
#bottomnav a{	color: #000000; text-decoration: none;}

/* --- TYPE STYLES --- */
h1{
	font-size: 24px;
	font-weight: normal;
	line-height: 1.5em;;
	color: #00aeef;
	padding: 5px 0;}
h2{
	font-size: 17px;
	font-weight: bold;
	color: #00aeef;
	padding: 0 0 5px;}
h3{
	font-size: 15px;
	font-weight: bold;
	color: #39B54A;
	padding: 10px 0;}
h4{
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0; 
}
h5{
	font-size: 15px;
	font-weight: bold;
	color: red;
	padding: 10px 0;}
h6{
	font-size: 15px;
	font-weight: bold;
	color: #39B54A;
	padding: 0;}	

.priceBreakdown {
	font-size: 8pt;
	color: #686868;	
	padding: 0px;
}

.bulkDiscount {
	font-size: 10pt;
	color: #CC3300;	
	font-weight: bold;
	padding: 0px;
}

.bulkDiscountSmall {
	font-size: 8pt;
	color: #CC3300;	
	font-weight: bold;
	padding: 0px;
}

.bulkDiscountStrike {
	text-decoration: line-through;
	color: #CC3300;	
}

/* --- GET QUOTE FORM --- */	
#getquote table td{	padding: 4px 2px;}
#getquote label, #getquote input, #getquote select{font-size: 11px; line-height: 1.5em;}
#getquote input, #getquote select, #getquote sup {	vertical-align: middle;}
#getquote sup{line-height: 1em; padding: 5px;}
#getquote label{display:block; vertical-align: middle; }
#getquote select{	width: 158px;}
#getquote label span{display:block; width:94px; float: left; vertical-align: middle;}
input.shortval {width:34px;}

#getquote .greenbtn,
a.greenbtn{
	background: url(../images/greenbtn.png) 0% 0% no-repeat;
	height: 29px;
	width: 90px;
	border: 0px;
	padding: 5px 0;
	float: left;
	font-size: 14px!important;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;
	text-decoration: none;}
	
	
a.quoteinfo {
    text-decoration: none;
}

a.quoteinfo:hover {
    position: relative;
	color: black;
}

a.quoteinfo:active {
    position: relative;
	color: black;
}

a.quoteinfo:visited {
    position: relative;
	color: black;
}

a.quoteinfo {
    position: relative;
	color: black;
}

a.quoteinfo span {
    display: none;
	width: 150px;
	text-align: left;	
	color: white;
}

a.quoteinfo:hover span {
    display: block;
    position: absolute; top: -30px; left: 50px;
    /* formatting only styles */
    padding: 5px; margin: 10px; z-index: 100;
    background: #000000; border: 1px dotted #c0c0c0;
    opacity: 0.9;
    /* end formatting */;
}

.p4direct-ended-auctions-content-cell-pending {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #CCFFCC;
	text-align: center;
}

.p4direct-ended-auctions-content-cell-book {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFFF99;
	text-align: center;
}

.quote-additional {
	font-size: 8pt;
	color: #666666;
	font-style: italic;
}

.p4direct-ended-auctions-content-cell-book-cheap {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFE6B0;
	text-align: center;
}

.p4direct-ended-auctions-content-cell-book-multi {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFFF66;
	text-align: center;
}

.row-yellow {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFFF66;
	text-align: left;
}

.row-orange {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFE6B0;
	text-align: left;
}

.row-blue {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #CAE4FF;
	text-align: left;
}

.alert {
   display:none;
   position:absolute;
   top:1px;
   left:1px;
   width:300px;
   background-color:white;
   border-style:solid;
   border-width:1px;
   padding:15px 20px 5px 20px;
   }
   
.postcodeWarning {
 background-color: #CAE1FF;
 font-size: 8pt;
 border: 1px dashed #00AEEF;	
 padding:5px;
}

.p4direct-weight-box {
	witdh: 10px;
}

.p4direct-ended-auctions-content-cell {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #ffffff;
}

.p4direct-ended-auctions-content-cell-pending {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #CCFFCC;
	text-align: center;
}

.p4direct-ended-auctions-content-cell-book {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFFF99;
	text-align: center;
}

.p4direct-ended-auctions-content-cell-book-cheap {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFE6B0;
	text-align: center;
}

.p4direct-ended-auctions-content-cell-book-multi {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #FFFF66;
	text-align: center;
}

.p4direct-ended-auctions-content-cell-alternate {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	background: #F5F5F5;
}

.p4direct-ended-auctions-content-cell-selected {
	font-family: arial;
	font-size: 8pt;
	color: #ffffff;
	background: #000000;
}

.extraParcel {
	color: #000000;
	background: #ccff99;
	text-align: center;
	border-width: 1px;
	border-style: dashed;
	border-color: #009933;
}

.smdAdded {
	color: #000000;
	background-color: #CAE1FF;
	text-align: center;
	border: 1px dashed #00AEEF;
	padding: 10px;
	
}

a.book, a.book:visited{
	font-family: arial;
	color: #000000;
	font-size: 8pt;
	margin: 0px;
	text-decoration: none;
}

a.book:hover{ 	color: #336600;text-decoration: none;}

.requiredPrint {
  	border: 1px solid #ff0000;
}

/* --- TOOLTIP --- */
.discount-image{float: right;}
div.tooltip { 
    background:#000;
    border-width:1px;
    border-style: dashed;
    border-color:#fff;
    // height:153px; 
    padding: 8px 8px 8px 12px;
    width:310px; 
    display:none; 
    color:#fff;
	 z-index: 9999;} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 {margin:0; font-size:18px; color:#fff;}
div.tooltip p{font-size: 11px; line-height:170%;}