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:0;
}

a:link,a:visited {
color:#595959;
}

a:hover,a:active {
color:#1e90ff;
}

#header {
border-bottom:1px solid #e3e4e5;
height:49px;
padding:0;
}

#topnav {
height:49px;
float:right;
}

#topnav ul {
display:block;
width:710px;
margin:0;
padding:0;
}

#topnav ul li {
float:left;
font-size:1.083em;
white-space:nowrap;
padding:0;
}

#topnav a,#topnav span {
float:left;
vertical-align:bottom;
}

#topnav span {
padding:20px 0 0;
}

#topnav a:link,#topnav a:visited {
color:#a4a3a3;
font-size:9pt;
text-decoration:none;
font-weight:700;
padding:20px 7px 5px;
}

#topnav a:hover,#topnav a:active {
color:#000;
}

#topnav ul li a.selected {
color:#000;
background:url(../images/p4d-normal-sprites-opt.png) -440px -10px no-repeat;
}
#topnav li.basket{
	padding: 17px 7px 5px;
}
#topnav li.basket a{
	width:26px;
	height:26px;
	padding:0;
	overflow: hidden;
	text-indent: -9999px;		
	background:url(../images/p4d-normal-sprites-opt.png) -88px -10px no-repeat;}
	
#middle {
margin:0 auto;
}

#content {
padding:20px;
}

.left-column {
float:left;
padding:0;
}

.right-column {
float:left;
margin:0 0 0 20px;
padding:0;
}

.bottom-column {
float:left;
clear:left;
}

.separator {
background:url(../images/separator1.png) 0 50% repeat-x;
height:27px;
}

.separator2 {
border-bottom:1px solid #ddddde;
width:96%;
line-height:1px;
font-size:1px;
margin:0 auto;
}

.graybox-small {
background:url(../images/graybox-bg-small.gif) 0 0 no-repeat;
width:220px;
font-size:10px;
color:#6f6f6f;
}

.graybox {
background:url(../images/p4d-normal-sprites-opt.png) -10px -249px no-repeat;
width:220px;
font-size:10px;
color:#6f6f6f;
margin-bottom:7px;
}
.graybox .title{
	height:41px;
	overflow:hidden;
	background:url(../images/p4d-normal-sprites-opt.png) -465px -131px no-repeat;}
.graybox-small {
background:url(../images/p4d-normal-sprites-opt.png) -242px -249px no-repeat;
width:220px;
font-size:10px;
color:#6f6f6f;
overflow:hidden;
padding-top:1px;
}
.graybox-small .title{
	height:41px;
	background:url(../images/p4d-normal-sprites-opt.png) -465px -200px no-repeat;}

.specials-box {
background:url(../images/specials-box.png) 0 0 no-repeat;
width:185px;
height:120px;
float:left;
padding:20px;
}

.specials-box a {
display:block;
text-decoration:none;
font-size:14px;
color:#000;
}

.specials-box a span {
font-size:10px;
font-weight:700;
line-height:3em;
}

.specials-box img {
position:absolute;
z-index:2;
margin-left:131px;
margin-top:50px;
}

/* BLUE */

.specials-box-blue {
background:url(../images/specials-box-blue.gif) 0 0 no-repeat;
width:185px;
height:100px;
float:left;
padding:20px;
}

.specials-box-blue a {
display:block;
text-decoration:none;
font-size:12px;
color:#000;
}

.specials-box-blue a span {
font-size:10px;
font-weight:700;
line-height:3em;
}

.specials-box-blue img {
position:absolute;
z-index:2;
margin-left:141px;
margin-top:50px;
}

.specials-box-blue-small {
background:url(../images/specials-box-blue-small.gif) 0 0 no-repeat;
width:185px;
height:24px;
float:left;
padding:20px;
font: 12px/1.2em Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.specials-box-blue-small a {
display:block;
text-decoration:none;
font-size:12px;
color:#000;
}

.specials-box-blue-small a span {
font-size:10px;
font-weight:700;
line-height:3em;
}

.specials-box-blue-small img {
position:absolute;
z-index:2;
margin-left:141px;
margin-top:50px;
}

/* END BLUE */

/* START GREEN */

.specials-box-green-small {
background:url(../images/specials-box-green-small.gif) 0 0 no-repeat;
width:185px;
height:24px;
float:left;
padding:20px;
font: 12px/1.2em Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.specials-box-green-small a {
display:block;
text-decoration:none;
font-size:12px;
color:#000;
}

.specials-box-green-small a span {
font-size:10px;
font-weight:700;
line-height:3em;
}

.specials-box-green-small img {
position:absolute;
z-index:2;
margin-left:161px;
margin-top:-5px;
}


/* END GREEN */

.specials-box-small {
background:url(../images/specials-box-small.png) 0 0 no-repeat;
width:118px;
height:70px;
float:left;
padding:10px 14px 5px 13px;
line-height: 13px;
}

.specials-box-small a {
display:block;
text-decoration:none;
font-size:11px;
color:#000;
}

.specials-box-small a span {
font-size:10px;
font-weight:700;
}

.specials-box-small img {
position:absolute;
z-index:2;
margin-left:100px;
margin-top:45px;
}

.quote-result {
padding-bottom:20px;
}

.weight,.dimensions,.collectionarea,.deliveryarea {
font-weight:700;
}

.breadcrumbs {
color:#39B54A;
}

.breadcrumbs a {
text-decoration:none;
}

.clear {
clear:both;
width:100%;
line-height:1px;
font-size:1px;
height:1px;
}

#footer {
background:url(../images/stripes2-opt.png) 50% 0 repeat-x;
}

.footer-content {
width:960px;
height:65px;
margin:0 auto;
}

#bottomnav,#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:.833em;
padding:45px 20px 0;
}

#bottomnav {
float:left;
}

#bottomnav a {
color:#000;
text-decoration:none;
}

.blogTitle {
font-size:20px;
font-weight:400;
line-height:1.5em;
color:#00aeef;
padding:5px 0;
}

.blogInfo {
font-size:10px;
font-style:italic;
font-weight:400;
line-height:1.5em;
color:#666;
padding:5px 0;
}

.bigPrice{
	font-size: 24px;
	font-weight: bold;
	color: #00aeef}
	
.very-small-text	{
	font:9px/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC3300;	
}

h1 {
font-size:24px;
font-weight:400;
/* line-height:1.5em; */
color:#00aeef;
padding:5px 0;
}

h2 {
font-size:17px;
font-weight:700;
color:#00aeef;
padding:0 0 5px;
}

h3 {
font-size:15px;
font-weight:700;
color:#39B54A;
padding:10px 0;
}

h4 {
font-size:12px;
font-weight:700;
padding:10px 0;
}

h5 {
font-size:15px;
font-weight:700;
color:red;
padding:10px 0;
}

h6 {
font-size:15px;
font-weight:700;
color:#39B54A;
padding:0;
}

h7 {
font-size:17px;
font-weight:700;
color:#39B54A;
padding:5px 0;
}


.priceBreakdown {
font-size:8pt;
color:#686868;
padding:0;
}

.bulkDiscount {
font-size:10pt;
color:#C30;
font-weight:700;
padding:0;
}

.bulkDiscountSmall {
font-size:8pt;
color:#C30;
font-weight:700;
padding:0;
}

.bulkDiscountStrike {
text-decoration:line-through;
color:#C30;
}

#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:0;
float:left;
font-size:14px!important;
font-weight:700;
color:#fff;
text-align:center;
cursor:pointer;
text-decoration:none;
padding:5px 0;
}

a.quoteinfo {
text-decoration:none;
position:relative;
color:#000;
}

a.quoteinfo span {
display:none;
width:150px;
text-align:left;
color:#FFF;
}

a.quoteinfo:hover span {
display:block;
position:absolute;
top:-30px;
left:50px;
z-index:100;
background:#000;
border:1px dotted silver;
opacity:0.9;
margin:10px;
padding:5px;
}

.p4direct-ended-auctions-content-cell-pending {
font-family:arial;
font-size:8pt;
color:#000;
background:#CFC;
text-align:center;
}

.p4direct-ended-auctions-content-cell-book {
font-family:arial;
font-size:8pt;
color:#000;
background:#FF9;
text-align:center;
}

.quote-additional {
font-size:8pt;
color:#666;
font-style:italic;
}

.p4direct-ended-auctions-content-cell-book-cheap {
font-family:arial;
font-size:8pt;
color:#000;
background:#FFE6B0;
text-align:center;
}

.p4direct-ended-auctions-content-cell-book-multi {
font-family:arial;
font-size:8pt;
color:#000;
background:#FF6;
text-align:center;
}

.row-yellow {
font-family:arial;
font-size:8pt;
color:#000;
background:#FF6;
text-align:left;
}

.row-orange {
font-family:arial;
font-size:8pt;
color:#000;
background:#FFE6B0;
text-align:left;
}

.row-blue {
font-family:arial;
font-size:8pt;
color:#000;
background:#CAE4FF;
text-align:left;
}

.alert {
display:none;
position:absolute;
top:1px;
left:1px;
width:300px;
background-color:#FFF;
border-style:solid;
border-width:1px;
padding:15px 20px 5px;
}

.postcodeWarning {
background-color:#CAE1FF;
font-size:8pt;
border:1px dashed #00AEEF;
padding:5px;
}

.p4direct-weight-box {
width:10px;
}

.p4direct-ended-auctions-content-cell {
font-family:arial;
font-size:8pt;
color:#000;
background:#fff;
}

.p4direct-ended-auctions-content-cell-alternate {
font-family:arial;
font-size:8pt;
color:#000;
background:#F5F5F5;
}

.p4direct-ended-auctions-content-cell-selected {
font-family:arial;
font-size:8pt;
color:#fff;
background:#000;
}

.extraParcel {
color:#000;
background:#cf9;
text-align:center;
border-color:#093;
border-style:dashed;
border-width:1px;
}

.smdAdded {
color:#000;
background-color:#CAE1FF;
text-align:center;
border:1px dashed #00AEEF;
padding:10px;
}

a.book,a.book:visited {
font-family:arial;
color:#000;
font-size:8pt;
text-decoration:none;
margin:0;
}

a.book:hover {
color:#360;
text-decoration:none;
}

.requiredPrint {
border:1px solid red;
}

div.tooltip {
background:#000;
height:153px;
width:310px;
display:none;
color:#fff;
z-index:9999;
border-color:#fff;
border-style:dashed;
border-width:1px;
padding:8px 8px 8px 12px;
}

div.tooltip h3 {
font-size:18px;
color:#fff;
margin:0;
}

div.tooltip p {
font-size:11px;
line-height:170%;
}

.right-column td,.bottom-column td {
padding:10px 0;
}

#copyright,.discount-image {
float:right;
}

a.quoteinfo:hover,a.quoteinfo:active,a.quoteinfo:visited {
position:relative;
color:#000;
}

#main-nav{
  width:960px;
  margin:0 auto;
  height:49px;
}
#leftnav {
float:left;
padding-left:0;
}

#leftnav ul {
margin:0;
padding:0;
}

#leftnav li {
float:left;
/*height:49px;*/
padding:15px 5px 5px;
}

#leftnav li a {
color:#a4a3a3;
text-decoration:none;
text-indent:-9999px;
font-weight:700;
display:block;
width:26px;
height:26px;
overflow:hidden;
background-image:url(../images/p4d-normal-sprites-opt.png)}
#leftnav li a.twitter{background-position:-10px -10px;}
#leftnav li a.facebook{background-position:-62px -10px;}
#leftnav li a.linkedin{background-position:-36px -10px;}

.left-column li{list-style-type: disc;}

.graybox .title {
    background: url("../images/p4d-normal-sprites-opt.png") no-repeat scroll -465px -131px transparent;
    height: 41px;
    overflow: hidden;
}

/* Quotes New Layout */

.headers{ position: relative; height: 140px; width: 100%; }
.headers p{
  position: absolute;
  z-index: 100;
  bottom: 30px;
  float:left;
  color:#ffffff;
  padding: 5px 0 5px 30px;
  width: 154px;
  height:38px;
  font-size: 12px;
  background: url(../images/header1.gif) 0 0 no-repeat;
  -sand-transform:rotate(-45deg);}
.headers p.one{ left:0 ;  }
.headers p.two{ left:100px ; }
.headers p.three{ left:210px ; }
.headers p.four{ left:320px ;  }
.headers p.five{ left:430px ; }
.headers p.six{ left:540px ; }

.quotes{ border-collapse: collapse; }
.quotes tr.hover{ background:#ffffff; }
.quotes th, .quotes td{ text-align: center;  font:bold 14px/20px Verdana, Arial, sans-serif;  }
.quotes td{border-top:1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;padding:10px 0;  }
.quotes h4{ padding: 0; margin: 0; }
.printer{ background: url(../images/icon-printer.gif) 50% 0 no-repeat; margin: 0 auto; padding-top: 19px; text-align: center; }
.printer span{ display: block; padding-top: 15px; font-size: 10px; }
.printer span.required{ background: url(../images/icon-checked.png) 60% 0 no-repeat;}
.printer span.notrequired{ background: url(../images/icon-delete.png) 60% 0 no-repeat;}
.quotes .price,
.quotes .collection,
.quotes .delivery{ text-align:left;}
.quotes .price span,
.quotes .collection span,
.quotes .delivery span{ font-size: 10px;display:block; line-height: 14px;font-weight:normal;padding-right:10px;}
.quotes .btn1:link, .quotes .btn1:visited{
  background: url(../images/btn1.png) 0 0 repeat-x;
  color: #ffffff;
  text-decoration: none;
  padding: 4px 10px;
  border:2px solid #1f9ed5;
 -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;  }
.quotes .hover .btn1{ background-position: 0 -32px; color: #000000; border-color: #9ec43b; }

.quotes .pallets{ display: block; padding: 0 0 0 10px; font-family: Arial; font-size: 9px; }
.quotes .pallets input{ float: left; clear: left;}
.quotes .pallets label{
    display: block;
    float: left;
    line-height: 16px;
    text-align: left;
    width: 150px;
    padding-bottom: 2px;
    color: #ff0000;}

.quotes .tooltip{
  display: none;
  position: relative;
  background: #c5c5c5;
  color:#000000;
  text-align: left;
  font-weight: normal;
  padding: 10px;
  width:200px;
  height:auto;
  border: 1px solid #b5b5b5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
.quotes .tooltip .arrow{ display: block; width: 9px; height: 6px; position: absolute;z-index:300; bottom:-6px; left: 48%; background: url(../images/tooltip-arrow.png) 0 0 no-repeat; }
.quotes .tooltip h5{ margin: 0; padding: 0; color: #000000; }

.quotes .tooltip li{ list-style-type: disc; font-family:arial;font-size:8pt;margin-left: -20px;}
