html,
body {
margin:0;
padding:0;
background-color:#E6E6E6;
font-family:arial, verdana, sans-serif;
font-size:14px;
color:#808080;

}

a {
color:#8CC542;
text-decoration:underline;
}

a:hover {
color:#8CC542;
text-decoration:none;
}

#outercontainer {
width:865px;
margin-left:auto;
margin-right:auto;
position:relative;

}

#container {
width:795px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
padding-left:25px;
padding-right:25px;
}

#top {
margin-bottom:13px;
}

.loginlink {
margin:0;
padding:0;
position:absolute;
top:20px;
left:535px;
display:block;
}

.myaccount a {
margin:0;
padding:0;
height:22px;
width:59px;
position:absolute;
top:20px;
left:535px;
display:block;
background-image:url(/images/myaccount.png);
text-indent:-3000px;
overflow:hidden;
}

.myaccount a:hover {
margin:0;
padding:0;
height:22px;
width:59px;
position:absolute;
top:20px;
left:535px;
display:block;
background-image:url(/images/myaccount2.png);
text-indent:-3000px;
overflow:hidden;
}

.logout a {
margin:0;
padding:0;
height:22px;
width:57px;
position:absolute;
top:20px;
left:640px;
display:block;
background-image:url(/images/logout.png);
text-indent:-3000px;
overflow:hidden;
}

.logout a:hover {
margin:0;
padding:0;
height:22px;
width:57px;
position:absolute;
top:20px;
left:640px;
display:block;
background-image:url(/images/logout2.png);
text-indent:-3000px;
overflow:hidden;
}

.loginlink2 a {
margin:0;
padding:0;
height:22px;
width:102px;
position:absolute;
top:20px;
left:605px;
display:block;
background-image:url(/images/login.png);
text-indent:-3000px;
overflow:hidden;
}


.loginlink2 a:hover {
margin:0;
padding:0;
height:22px;
width:102px;
position:absolute;
top:20px;
left:605px;
display:block;
background-image:url(/images/login2.png);
text-indent:-3000px;
overflow:hidden;
}

.basketlink a {
margin:0;
padding:0;
height:22px;
width:93px;
position:absolute;
top:20px;
right:30px;
display:block;
background-image:url(/images/viewbasket.png);
text-indent:-3000px;
overflow:hidden;
}

.basketlink a:hover {
margin:0;
padding:0;
height:22px;
width:93px;
position:absolute;
top:20px;
right:30px;
display:block;
background-image:url(/images/viewbasket2.png);
text-indent:-3000px;
overflow:hidden;
}

.toplinks {
font-size:15px;
padding-left:22px;
color:#57B7E0;
}


.toplinks a {
color:#57B7E0;
text-decoration:none;
font-size:13px;
}

.toplinks a:hover {
color:#8BC53F;
text-decoration:underline;
font-size:13px;
}

.logingfx {
position:absolute;
}

.basketgfx {
position:absolute;
top:-4px;
}

p.logo {
margin:0;
padding:0;
height:114px;
width:191px;
text-indent:-3000px;
background-image:url(http://www.thewholeleafco.com/images/logo.png);
padding-top:18px;
background-position:bottom;
background-repeat:no-repeat;
}

#socialadd {
position:absolute;
top:22px;
left:240px;
}

.menu1 a {
position:absolute;
top:103px;
left:285px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:37px;
background-image:url(/images/menu1.png);
text-indent:-3000px;
overflow:hidden;
}

.menu1 a:hover {
position:absolute;
top:103px;
left:285px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:37px;
background-image:url(/images/menu1a.png);
text-indent:-3000px;
overflow:hidden;
}

.menu2 a {
position:absolute;
top:103px;
left:355px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:62px;
background-image:url(/images/menu2.png);
text-indent:-3000px;
overflow:hidden;
}

.menu2 a:hover {
position:absolute;
top:103px;
left:355px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:62px;
background-image:url(/images/menu2a.png);
text-indent:-3000px;
overflow:hidden;
}

.menu3 a {
position:absolute;
top:103px;
left:450px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:83px;
background-image:url(/images/menu3.png);
text-indent:-3000px;
overflow:hidden;
}

.menu3 a:hover {
position:absolute;
top:103px;
left:450px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:83px;
background-image:url(/images/menu3a.png);
text-indent:-3000px;
overflow:hidden;
}

.menu4 a {
position:absolute;
top:103px;
left:565px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:138px;
background-image:url(/images/menu4.png);
text-indent:-3000px;
overflow:hidden;
}

.menu4 a:hover {
position:absolute;
top:103px;
left:565px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:138px;
background-image:url(/images/menu4a.png);
text-indent:-3000px;
overflow:hidden;
}

.menu5 a {
position:absolute;
top:103px;
left:750px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:76px;
background-image:url(/images/menu5.png);
text-indent:-3000px;
overflow:hidden;
}

.menu5 a:hover {
position:absolute;
top:103px;
left:750px;
margin:0;
padding:0;
z-index:1;
height:20px;
width:76px;
background-image:url(/images/menu5a.png);
text-indent:-3000px;
overflow:hidden;
}

#content {
position:relative;
width:795px;
float:left;
}

#contenttext {
width:495px;
line-height:20px;
float:left;
margin-top:15px;
}

#contenttext p {
margin:0;
padding:0;
padding-bottom:7px;
}

.pageimage {
float:right;
margin-top:20px;
}

.flashmovie {
position:absolute;
right:0px;
top:25px;
padding-top:30px;
}

#new_signup {
margin-top:23px;
height:75px;
width:245px;
background-image:url(/images/newsletterbox.jpg);
margin-bottom:23px;
position:relatve;
}

#new_news {
padding-top:40px;
padding-left:10px;
position:relative;
height:22px;
}

#sociallinks {
height:115px;
width:245px;
background-image:url(/images/social.jpg);
position:relative;
}

#sociallinks p {
margin:0;
padding:0;
position:absolute;
}

p.facebook {
top:45px;
left:45px;
}

p.twitter {
left:45px;
top:85px;
}

p.digg {
left:165px;
top:45px;
}

p.reddit {
left:165px;
top:85px;
}

.newtxt {
width:170px;
color:#555555;
}

.newbtn {
position:absolute;
right:15px;
bottom:0;
}

.newsletterok {
margin:0;
padding:0;
text-align:center;
padding-top:40px;
font-weight:bold;
color:#8BC53F;
}

.flashmovie2 {
position:relative;
float:right;
margin-top:18px;
padding-top:37px;
}

.flashhead {
position:absolute;
top:0;
left:0;
}

.extralinks {
margin:0;
padding:0;
position:absolute;
left:250px;
top:75px;
width:530px;
}

.extralinks img {
position:absolute;
right:0;
top:-10px;
}

.extralinks p {
margin:0;
padding:0;
}

.extralinks p a {
color:#8BC53F;
margin-left:15px;
font-size:12px;
}

.extralinks p a:hover {
color:#8BC53F;
text-decoration:none;
font-size:12px;
}

h1 {
margin:0;
padding:0;
font-size:28px;
color:#8BC53F;
font-weight:normal;
margin-top:25px;
width:495px;
overflow:hidden;
}

.ring1 {
position:absolute;
top:90px;
left:263px;
z-index:100;
}

.ring2 {
position:absolute;
top:88px;
left:337px;
z-index:100;
}

.ring3 {
position:absolute;
top:82px;
left:428px;
z-index:100;
}

.ring4 {
position:absolute;
top:80px;
left:545px;
z-index:100;
}

.ring5 {
position:absolute;
top:86px;
left:725px;
z-index:100;
}

#loginbox {
float:left;
width:275px;
height:175px;
background-color:#E0E0E0;
padding:10px;
margin-top:20px;
}

#registerbox {
float:left;
width:175px;
height:175px;
background-color:#E0E0E0;
padding:10px;
margin-left:55px;
margin-top:20px;
}

#continuebox {
float:left;
width:175px;
height:175px;
background-color:#E0E0E0;
padding:10px;
margin-left:55px;
margin-top:20px;
}


#loginbox p, #registerbox p, #continuebox p {
margin:0;
padding:0;
margin-bottom:10px;
line-height:20px;
}

#registerform p, #form_login p {
clear:left;
}

#registerform p label, 
#form_login p label {
float:left;
width:40%;
margin-bottom:25px;
}


p.forgotpassword {
font-size:12px;
}

p.forgotpassword a {
color:#8BC53D;
text-decoration:underline;
float:left;
padding-top:5px;
}

p.forgotpassword a:hover {
text-decoration:none;
}

.createaccount {
border:0;
margin-top:8px;
}

table.registertable {
width:785px;
background-color:#E0E0E0;
padding:5px;
margin-top:20px;
}

table.registertable td {
height:30px;
} 

table.registertable input.txt {
width:248px;
font-size:13px;
color:#808080;
}

table.registertable input.txt2 {
width:248px;
font-size:13px;
color:#EE2D2C;
border:1px solid #EE2D2C;
}

table.registertable select {
width:228px;
font-size:13px;
color:#808080;
border:1px solid #8BC53F;
}

p.error {
clear:left;
color:#EE2D2C;
}

.registerbtn {
background-color:#8BC53F;
border:0;
font-size:12px;
width:95px;
padding:3px;
color:#ffffff;
float:right;
margin-right:10px;
margin-top:5px;
}



ul.otherprods {
margin:0;
padding:0;
list-style:none;
margin-top:60px;
clear:left;
}

ul.otherprods li {
width:185px;
float:left;
background-color:#E6E6E6;
margin-right:3px;
padding-left:10px;
padding-top:5px;
height:245px;
padding-bottom:30px;
margin-bottom:10px;
}

ul.otherprods li img {
border:0;
margin-left:-5px;
}

ul.otherprods li p {
margin:0;
padding:0;
padding-top:4px;
}

.pricecolour {
font-weight:bold;
color:#8BC53F;
}

p.breadcrumb {
margin:0;
padding:0;
font-size:12px;
padding-bottom:20px;
}

p.breadcrumb a {
color:#8BC53F;
}

.fullprodimage {
float:left;
}

#productinfocont {
position:relative;
margin-top:70px;
}

#fullprodinfocont {
float:left;
position:relative;
width:305px;
padding-left:35px;
}

p.fullprodtitle {
margin:0;
padding:0;
color:#8BC53F;
}

p.fullproddesc {
margin:0;
padding:0;
padding-top:30px;
padding-bottom:30px;
line-height:20px;
}

form.proddetail {
background-color:#E6E6E6;
color:#808080;
padding:10px;
position:absolute;
bottom:0;
right:0;
}

p.fullprodprice {
margin:0;
padding:0;
padding-bottom:30px;
}

p.qty1 {
margin:0;
padding:0;
position:absolute;
top:10px;
right:35px;
}

p.qty2 {
margin:0;
padding:0;
position:absolute;
top:56px;
right:35px;
}

p.qty3 {
margin:0;
padding:0;
position:absolute;
top:102px;
right:35px;
}

p.qty4 {
margin:0;
padding:0;
position:absolute;
top:10px;
right:35px;
}


.qtytxt {
width:32px;
}

.addtocartbtn2 {
background-color:#8BC53F;
border:0;
color:#ffffff;
height:20px;
}

p.addcartitem {
padding:0;
margin:0;
background-color:#8BC53F;
padding:5px;
margin-bottom:5px;
font-size:12px;
color:#ffffff;
padding-top:7px;
}

p.prodqtyerror {
padding:0;
margin:0;
background-color:#57B7E0;
padding:5px;
margin-bottom:5px;
font-size:12px;
color:#ffffff;
padding-top:7px;
}

.carttable {
border-collapse: collapse;
clear:both;
margin-top:12px;
}

.cartheading {
background-color:#808080;
color:#ffffff;
height:20px;
background-image:url(/images/cartbg2.png);
background-position:bottom;
background-repeat:repeat-x;
}

.cartheading2 {
background-color:#E0E0E0;
color:#808080;
height:10px;
background-image:url(/images/cartbg3.png);
background-position:bottom;
background-repeat:repeat-x;
}

.cartcolumn1 {
width:245px;
padding-left:5px;
padding-bottom:8px;
}

.cartcolumn2 {
width:140px;
padding-left:5px;
padding-bottom:8px;
}

.cartcolumn3 {
width:95px;
padding-left:5px;
padding-bottom:8px;
}

.cartcolumn4 {
width:145px;
padding-left:5px;
padding-bottom:8px;
}

.cartcolumn5 {
width:80px;
padding-left:5px;
padding-bottom:8px;
}

.cartcolumn6 {
width:60px;
padding-left:5px;
padding-bottom:8px;
}

.cartcolumn4a {
width:145px;
padding-left:5px;
padding-bottom:8px;
background-color:#E0E0E0;
height:45px;
background-image:url(/images/cartbg.png);
background-position:bottom;
background-repeat:repeat-x;
}

.cartcolumn5a {
width:80px;
padding-left:5px;
padding-bottom:8px;
background-color:#E0E0E0;
height:45px;
background-image:url(/images/cartbg.png);
background-position:bottom;
background-repeat:repeat-x;
}

.cartcolumn6a {
width:60px;
padding-left:5px;
padding-bottom:8px;
background-color:#E0E0E0;
height:45px;
background-image:url(/images/cartbg.png);
background-position:bottom;
background-repeat:repeat-x;
}


.cartcolumn1 img {
float:left;
}

.cartimage {
margin-right:5px;
}

p.cartprodname {
margin:0;
padding:0;
padding-top:25px;
margin-left:30px;
}

p.cartprodname a {
color:#8BC53F;
text-decoration:underline;
}

p.cartprodname a:hover {
color:#8BC53F;
text-decoration:none;
}

.cartbody {
height:85px;
background-color:#E0E0E0;
background-image:url(/images/cartbg.png);
background-position:bottom;
background-repeat:repeat-x;
}

.txtCQty {
width:32px;
}

.updatebtn {
background-color:#808080;
border:0;
color:#ffffff;
padding:2px;
width:95px;
margin-top:-5px;
margin-left:-1px;
}


#cartcontainer {
position:relative;
padding-top:48px;
margin-top:30px;
}

#cartcontainer2 {
position:relative;
}

.finalcheckoutbtn {
position:absolute;
top:96px;
right:0;
}

.finalbacktobasket {
position:absolute;
top:10px;
right:0;
}

.contshop {
border:0;
font-size:13px;
margin-bottom:5px;
position:absolute;
left:0;
top:36px;
}

.contshop2 {
border:0;
font-size:13px;
position:absolute;
bottom:5px;
left:495px;
}

.checkoutbtn {
border:0;
position:absolute;
bottom:5px;
left:650px;
}

#accountholder {
width:785px;
background-color:#E0E0E0;
padding:5px;
}

p.editbutton {
margin:0;
padding:0;
background-color:#808080;
width:95px;
text-align:center;
padding:2px;
margin-top:5px;
float:left;
}

p.editbutton a {
color:#ffffff;
font-size:12px;
text-decoration:none;
}

p.editbutton a:hover {
color:#ffffff;
font-size:12px;
text-decoration:none;
}


#checkout1form tr {
height:40px;
}

#checkout1cont {
position:relative;
clear:left;
}

.backtobasket {
position:absolute;
}

#checkout1cont .registertable {
margin-top:25px;
}

#footer {
width:845px;
margin-left:10px;
height:225px;
background:#808080;
clear:both;
position:relative;
}

.footergraphic {
position:absolute;
top:-31px;
left:366px;
}

#newfooter {
height:40px;
width:845px;
background:#8BC53F;
position:absolute;
bottom:0;
}

#footercont {
position:relative;
width:795px;
height:106px;
margin-left:auto;
margin-right:auto;
clear:both;
}

p.copy {
margin:0;
padding:0;
color:#ffffff;
font-size:12px;
float:left;
padding-top:15px;
padding-left:30px;
}

p.siteby {
margin:0;
padding:0;
color:#ffffff;
font-size:12px;
float:right;
padding-top:15px;
padding-right:25px;
}

#newfooter a {
color:#ffffff;
text-decoration:underline;
}

#newfooter a:hover {
color:#ffffff;
text-decoration:none;
}

ul.footerpages {
margin:0;
padding:0;
list-style:none;
position:absolute;
left:5px;
top:40px;
}

ul.footerpages li {
color:#ffffff;
margin-bottom:6px;
}

ul.footerlinks {
margin:0;
padding:0;
list-style:none;
position:absolute;
left:275px;
top:40px;
}

ul.footerlinks li {
margin-bottom:6px;
}

ul.footerlinks li a {
color:#ffffff;
text-decoration:none;
}

ul.footerlinks li a:hover {
color:#cccccc;
text-decoration:none;
}

ul.footerpages li a {
color:#ffffff;
text-decoration:none;
}

ul.footerpages li a:hover {
color:#cccccc;
text-decoration:none;
}

.bold {
font-weight:bold;
}

.clear {
clear:left;
padding-bottom:75px;
}

.faqlink a {
color:#8CC542;
text-decoration:underline;
}

.faqlink a:hover {
color:#8CC542;
text-decoration:none;
}

.exvat {
font-size:11px;
}

.pphome {
position:absolute;
top:40px;
right:25px;
}

.ejlogo {
margin-top:20px;
float:right;
}

.boglogo {
margin-top:20px;
float:right;
clear:right;
}

.tradeerror {
float:right;
color:#EE2D2C;
font-weight:bold;
}