
/* Donside Plastics style. set padding & margin to 0px to correct ie6 bugs*/
html {
height:100%;
}
/*show icon when leaving site*/
a[href ^="http:"] {
padding-left:20px;
background-image: url(www-icon.gif);
background-repeat: no-repeat;
}
/*space edge of browser*/
.marpage {margin-left: 1%;
}

/* Fractions style */
.frac {
font-weight: bold; font-size: 70%; color: #000000;
background-color: #EEECEC;
}
.frac80 {
font-weight: bold; font-size: 80%; color: #000000;
background-color: #EEECEC;
}
.fracsa {
font-weight: bold; font-size: 70%; color: #000000;
background-color: #C1FFC1;
}
/*green rules*/
.rule {color: #00ff00; height: 3px;}
/* index page style only */
p.greet { text-align: center;
font-weight: bold; font-size: 150%; color: #000000;
background-color: #EEECEC;
}
p.wel { text-align: center; font-weight: bold; font-size: 150%; color: #0C9C37; 
background-color: #EEECEC;
}
p.weare { text-align: center; font-weight: bold; color: #0C9C37;
background-color: #EEECEC;
}
.cap { font-weight: normal; 
text-align: left;
color: #000000;
background-color: #EEECEC; 
}
p.nojs { font-weight: normal; font-size: 80%; color: #000000;
background-color: #EEECEC; 
}
p.quick { font-weight: bold; font-size: 150%; color: #000; 
background-color: #EEECEC;
}
.addr { font-weight: normal; font-size: 80%; }
.litetype {font-weight: normal; font-size: 80%;
border: 0;
}
/*plus 10 pounds*/
.plus10 {font-weight: normal; font-size: 90%;}
p.mar { margin-left: 5%;
}
/*for pence in tables*/
.textright {text-align: right;}
/*D & O ring*/
div.doring {
padding: 1%;
margin-bottom: 2%;
width: 35%;
}
div.doringright {
display: inline;
float: right;
padding: 1%;
margin: -12% 10% 7% 10%;
width: 35%;
}
/* margin notes */
p.marginlite {font-weight: normal; font-size: 80%;
margin: -60px 0px 0px 100px;
}


div.photomid {
margin-top: 10%;
margin-right: 0%;
width: 30%;
}
div.polyprop {
float: left;
margin-top: 3%;
width: 250px;
}
div.newpolyprop {
padding: 0px;
margin: 0px;
position: relative; top: -250px; 
width: 30%
}
div.a5landpolyprop {
padding: 0px;
margin: 0px;
position: relative; top: -500px; 
width: 30%
}
div.a5sussex {
padding: 0px;
margin: 0px;
position: relative; top: 2%; 
width: 30%
}
div.cuspolyprop {
float: left;
margin: 12% 0% 0% 0%;
width: 40%;
}
#text{
margin-bottom: 1%;
margin-left: 3%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold; font-size: 100%
}
.underline { text-decoration: underline;
background-color: #EEECEC;
color:#000;
}
.blunderline { text-decoration: underline;
background-color: #C6E1FF;
color: #ff0000;
}
#caption {
float: left;
margin: 2% 0% 0% 20%;
width: 70%;
}
.credit {
margin: 3% 5% 1% 1%;
}
#credit {
margin: 3% 5% 10% 25%;
}
#counter {
float: left;
margin: 30px 100px 50px 0px;
}
/* end index */
.midcredit {text-align: center;
margin-top: 1%;
}
/* table cells center align */
.midcell {text-align: center;
}
/* centre bottom links */
div.cent { text-align: center;}
/* centre top of page */
p.topcent { 
margin: 0px 20px -30px 10px;
font-size: 125%;
padding-top: 1%;
text-align: center;
background-color: #FFFF00;
color:#000;
}
/* light grey page colour */
body { 
margin:0;
padding:0;
min-height:100%;
background-color: #EEECEC;
color:#000;
}
/* title green with white text */
h1 {font-size: 230%; font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; color: #FFFFFF; text-align: center; background: #008000; 
margin: 10px 20px 0px 10px;
}
/*sub headings yellow bar*/
h2 {font-size: 150%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; 
background-color: #FFFF00; 
color: #000;
padding: 0% 0% 0% 1%;
margin: 50px 5px 0px 135px;
}
/*tablecentre*/
table.tab {
table-layout: fixed;
margin-left: 50px;
}
/*caption*/
caption.cap {
margin-right: 3%; font-weight: bold; font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
/*large caption*/
caption.larcap {
margin-right: 3%; font-weight: bold; font-size: 150%;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
/*caption*/
caption.capgreen {
margin-right: 3%; font-weight: bold; font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
color: #1117fd; background-color: #EEECEC;
}
/*captionred*/
caption.capred {
margin-right: 3%; font-weight: normal; font-size: 100%;
color: #ff0000; background-color: #EEECEC;
font-family: Arial, Helvetica, sans-serif;
}
/*lift text up*/
.liftup {
margin-top: -150px;
}
/*sa lift text up*/
.saliftup {
margin-top: -280px;
margin-left: -3px;
padding-left: 20px;
background:#C1FFC1;
color: #000;
}
/*space*/
div.space {
margin-top: 10%;
}
/*bitspace*/
div.bitspace {
margin-top: 3%;
}
/*clear*/
.clear {
clear: both;
}
/* main black text */ 
p { margin-right: 3%; font-weight: bold; font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}
.myhis { font-weight: normal; font-size: 80% }
.small { font-size: 80% }
.large { font-weight: bold; font-size: 150% 
}
.largecust { font-weight: bold; font-size: 150%; 
background-color: #FFFF00
}
p.link { font-weight: bold; font-size: 150%;
text-align: center; 
background-color: #00D900;
color: #EEECEC;
}
p.bulk { color: #1117fd; 
background-color: #EEECEC; 
}
p.red { color: #FF0000; 
background-color: #EEECEC; 
}
.redofferad { 
padding: 1%;
color: #FF0000; 
background-color: #fff; 
}
.redlink { 
padding: 5px;
color: #FF0000; 
background-color: #fff; 
}
.offerbox {
padding: 0px;
margin-top: -1%;
margin-bottom: 5%;
}
.redonblue { color: #FF0000; 
background-color: #C6E1FF; 
}
.rednew { color: #FF0000; 
background-color: #EEECEC; 
}
.red { color: #FF0000; 
background-color: #C1FFC1; 
}
.redspan { color: #FF0000; 
background-color: #C1FFC1;
}
.textgreen { color: #008000; 
background-color: #EEECEC; 
}
.lgeredspan { font-weight: bold; font-size: 125%; color: #FF0000; 
background-color: #C1FFC1;
}
p.green { color: #FFFFFF; background-color: #008000; padding: 1%;
}
p.greencost { font-weight: bold; font-size: 100%; color: #FFFFFF; background: #008000; 
padding: 1%; width: 93%;
}
p.sagreencost { font-weight: bold; font-size: 100%; color: #FFFFFF; background: #008000;
padding: 1%; width: 98%;
}
p.titlea { font-family: Arial, Helvetica, sans-serif ; font-weight: bold; font-size: 150%;
}
div.docmar {
float:right;
margin-top: 5%;
width:60%; 
}
div#stock p:first-line {color: #ff4242;
background-color: #EEECEC;
}
div.stock p:first-line {color: #FF0000;
background-color: #EEECEC;
}
.a3text {
float:right;
margin: -225px 5% 0% 8%;
width:60%;
}
.largemara3 {  
margin: 5% 0% 0% 50%;
width:50%;
}
.pocketdislarge {
float:right;
width:50%; 
}
.tagpocketdis {
float:right;
margin: 2% 0% 0% 0%;
width:50%; 
}
.pocketdis {
margin-left: 3%;
float:right;
}
.pocketdisleft {
float:left;
width:400px; 
margin: 20px 0px 0px 50px;
}
.pocketdisps {
float:right;
margin: 10% 25% 0% 1%;
width:70%;
}
.pocketdisbp {
float:right;
margin: 5% 25% 0% 1%;
width:70%;
}
.pocketbptext {
float:right;
margin-top: 5%;
margin-left: 5%;
width:40%;
}
.overall {font-family: Arial, Helvetica, sans-serif ; font-weight: bold; font-size: 150%;
}
div#sizea p:first-line {font-family: Arial, Helvetica, sans-serif ; font-weight: bold; font-size: 125%;
}
div#sizeb p:first-line {font-family: Arial, Helvetica, sans-serif ; font-weight: bold; font-size: 125%;
}
/*subheading*/
.head {
font-family: Arial, Helvetica, sans-serif ; font-weight: bold; font-size: 150%;
}
/*header*/
#header {
margin:20px 5px 0px 5px;
}
/*tel & fax number*/
#yellowbar { 
height:30px;
margin: 30px 20px 0px 10px;
background-color: #FFFF00;
color:#000;
}
#yellowbar .faxno { 
float: right;
margin-right: 0%;
}
#yellowbar .email { 
margin-left: 2%;
}
#yellowbar .telno { 
float: left;
margin-left: 0%;
}
div.paleyel {
margin-top: 1%;
margin-left: 2%;
margin-right: 2%;
color: #000; 
background-color: #FFFFD2;
}
p.style {
text-align: center;
font-family: Arial, Helvetica, sans-serif ; font-weight: bold; font-size: 150%;
}
p.textstyle {
text-align: left;
margin-left: 3%;
}
/*-------------menu----------*/
#left {
float: left;	
width: 7em;
margin-top: -40px;
margin-left: 5px;
padding: 0px;
background: #afff1c; /*#A5B5C6;*/
color: #000;
}
ul#menu {	
list-style: none;
margin: 0px;
padding: 0px;
background-color: #EEECEC; /*#ff0000;*/
color: #EEECEC;
}
ul#menu li {
display: block;
border-top: 1px solid #afff1c; /* #A5B5C6;*/
}
ul#menu li a {
display: block;
margin: 0px;
padding: 6px 6px;
color: #000;
background-color: #00ff00;/*-green-*/
font: bold 0.8em /1.5 arial, sans-serif; 
text-decoration: none; 
width: 88%;
}
ul#menu li a:hover {
background-color: #FFFF00;
color: #000;
}
ul#menu li {
border-top: 1px solid #afff1c; /*#a5b5c6;*/
}
ul#menu ul.subnav { 
background-color: #EEECEC;
color: #fff;
list-style: none;
display: block;
margin-left: 10px;
padding: 1px;
border: 0px solid #000;
}
ul#menu ul.subnav li {
display: block;
border-top: 1px solid #A5B5C6;
}
ul#menu ul.subnav li a:hover {
font: bold 0.8em /1.5 arial, sans-serif;
text-decoration: underline; 
background-color: transparent;
color: #000;
}	
/*welcome*/
div.welcome {
float: right;
margin: -17% 0% 0% 30%;
width: 70%;
}
/*we*/
div.we {
float: right;
margin: -80px 0px 0px 120px;
width: 500px;
}
/*center*/
div.center {
margin: 30px 0px 0px 150px; 
color: #000;
background-color: #EEECEC;
}
/*centerup*/
div.centerup {
margin-left: 20%; 
color: #000;
background-color:#EEECEC;
}
div.sacenterup {
margin: 1% 0% 0% 8%; 
color: #000;
background-color:#89ff15;
}
div.saangular {
margin: 10px 0px 0px 10px; 
color: #000;
background-color:#89ff15;
}
div.ang {
margin: 150px 0px 0px 10px; 
color: #000;
}
/*bpcenter*/
div.bpcenter {
margin: 10% 3% 0% 3%; 
color: #000;
background-color: #EEECEC;
}
/*rigidcenter*/
div.rigidcenter {
margin: 15px 0px 0px 30px; 
color: #000;
background-color: #EEECEC;
}
div.fullpagenote {
margin-top: 20px;
margin-left: 18%; 
margin-right: 5px;
padding: 2px 3px;
color: #000;
background-color: #EEECEC;
}

/*image*/
.image {		
float: left;
display:block;
background: #fff;
margin-top: 3%;
}
/*saimage*/
.saimage {		
float: left;
margin: 20px 0px 0px 0px;
display:block;
}
/*saangimagelef*/
.saangimagelef {		
float: left;
margin: 1% 0% 0% 2%;
display:block;
}
/*saangimagerig*/
.saangimagerig {		
float: right;
margin: 1% 20% 0% 0%;
display:block;
}
/*lite text red*/
p.litered {font-weight: normal; font-size: 100%;
color: #FF0000; 
background-color: #EEECEC; }
/*photo text*/
p.lite {width: 280px; font-weight: normal; font-size: 100%;}
.litecap{width: 350px; font-weight: normal; font-size: 100%;}
div.leftlite {
float: right;
margin: 80px 20px 0px 0px;
width: 230px;
}
/*text right*/
div.right {
float: right;
margin: 2% 5% 0% 0%;
width: 50%;
}
/*move text to left*/
div.letfileright {
float: left;
margin: -10px 0px 0px 0px;
width: 400px;
}
/*style links right*/
div.styleright {
float: right;
margin:-80px 0px 0px 100px;
width: 350px;
}
/*photo right*/	
div.photoright {
float: right;
margin: 3% 0% 0% 8%;
}
/*a5 landscape*/
.a5landphoto {
position: relative; left:35%; 
display: block;
padding-top: 50px;
}
/*a5 sussex stripe*/
.a5sussexphoto {
position: relative; left:35%; 
display: block;
margin-top: -130px;
padding-top: 0px;
}
/*doc boxes*/
.docphoto {
position: relative; left:5%; 
display: block;
padding-top: 1px;
}
/*photo right*/	
.newphotoright {
position: relative; left:40%; 
display:block;
padding-top: 100px;
}

div.homephoto {
margin: 10% 5% 10% 25%;
}
/*photo right*/	
div.stockphotoright {
float: right;
margin: 10% 0% 0% 0%;
}
/*stock text*/
div.stocktext {
float: left;
margin: 10% 0% 0% 3%;
width: 40%;
}
/*pocket right*/	
div.pocketright {
float: right;
margin: -100px 50px 0px 0px;
}
/*pocket rightmore*/	
div.pocketrightmore {
float: right;
margin: -100px 50px 0px 0px;
}
/*photomar*/
.photomar {		
float: left;
margin: 0px 20px 0px 5px;
display:block;
}
/* list */
#list{
margin-top: 5%; 
margin-left: 15%;
}
.accesslist{
margin:10px 0px 0px 20px;
}
ul.acc {
list-style: none;
}
div.narrowright {
float:right;
width:300px;
margin: 2px 0px 0px 0px;
}
div.tightright {
float:right;
margin: 2% 5% 0% 0%;
width:40%;
}
#fullpage {
margin-left: 18%; 
margin-right: 5px;
padding: 2px 3px;
background: #EEECEC;
color: #000;
}

/*text*/
div.fullpage {
margin-left: 18%; 
margin-right: 5px;
padding: 2px 3px;
background: #EEECEC;
color: #000;
}
/* white back ground black print */
.whitebg {
margin-left: 18%; 
margin-right: 5px;
padding: 0px 1px 3px 10px;
background: #ffff80;
color: #000;
}
/*text*/
#safullpage {
margin-left: 18%; 
margin-right: 5px;
padding: 2px 3px;
background:#C1FFC1;
color: #000;
}
div.safullpage {
margin-left: 18%; 
margin-right: 5px;
padding: 2px 3px;
background:#C1FFC1;
color: #000;
}
/*text*/
div.ppfullpage {
margin-left: 18%; 
margin-right: 5px;
padding: 2px 3px;
background:#C6E1FF;
color: #000;
}
/*text*/
div.ppa5fullpage {
margin-left: 18%; 
margin-right: 5px;
padding: 2px 3px;
background:#C1FFC1;
color: #000;
}
/*text*/
div.fullpageup {
margin-top: -100px; 
margin-left: 20%; 
margin-right: 5px;
padding: 2px 3px;
background: #EEECEC;
color: #000;
}
 /*centre*/
.mid {
margin: 30px 20px 0px 0px; 
}
/*samargin*/
.samar {
padding: 0px;
margin-left: 1%;
}
/*centrewhite*/
.samid {
margin: 1% 15% 0% 0%;
padding: 2px 3px; 
background-color:#C1FFC1;
color: #000;
}
/*self-adhesivebreak*/
div.sabreak {
clear:both;
height:1px;
overflow:hidden;
background-color:#C1FFC1;
color:#000;
}
/*wrap*/
div.wrap {
min-height:100%;
width:100%;
margin:auto;
}
/*greenwrap*/
div.greenwrap {
min-height:100%;
background-color:#C1FFC1;
color: #000;
width:780px;
}
/*secondwrap*/
div.secwrap {
min-height:100%;
background-color: #EEECEC;
color: #000;
width:780px;
margin:auto;
}
* html #wrap {height:100%

}
/*pocketmenu*/
#pocketleft {
float: left;	
width: 10em;
margin-left: 40px;
padding: 0px;
background: #A5B5C6;
color: #000;
}
ul#pocketmenu {	
list-style: none;
margin: 0px;
padding: 0px;
background-color: #D6D6D6;
color: #EEECEC;
}
ul#pocketmenu li {
display: block;
border-top: 1px solid #A5B5C6;
}
ul#pocketmenu li a {
display: block;
margin: 0px;
padding: 6px 6px;
background-color: #00FF00;
font: bold 0.8em /1.5 arial, sans-serif; 
color: #000;
text-decoration: none; 
width: 95%;
}
ul#pocketmenu li a:hover {
background-color: #ffe700;
color: #000;
}
ul#pocketmenu li {
border-top: 1px solid #a5b5c6;
}
/*pocketcenter*/
div.pocketcenter {
margin: -20px 0px 0px 140px; 
color: #000;
background-color: #EEECEC;
}
/*pocketimage2*/
.pocketimage2 {		
float: left;
margin: -125px 0px 0px 20px;
display:block;
color: #fff;
background-color: #EEECEC;
}
/*pocketmid*/
.pocketmid {
margin-top:1px;
}
/*bppocketimage*/
.bppocketimage {		
float: left;
margin: 5% 0% 0% 0%;
display:block;
color: #fff;
background-color: #EEECEC;
}
/*rigidpvcimage*/
.rigidpvcimage {		
float: left;
margin-top: 10%;
display:block;
color: #fff;
background-color: #EEECEC;
}

/*online link*/
.online { font-weight: normal; 
font-size: 80%;
margin-top: -2%;
}
/*address*/
p.addr { font-weight: normal; 
font-size: 80%;
margin-left: 5%;
}
#botleft {
float: left;
width: 250px;
}
#botright {
float: right;
text-align: center;
width: 400px;
}
/*validator icons*/
#val {
	margin: 5% 0px 0px 0px;
}
.blue {
background-color: #8080c0;
}
.pink {
background-color: #ffceff;
}
.yellow {
background-color: #ffff5e;
}
.redb {
background-color: #ff4646;
}
.outofstock {
text-align: center;
color: #ff8040;
font-size: 80%;
}
 /*Tue, Jun 14 2011*/

