body { 
margin : 0px; 
background-color: white;
}

.closedtext{
position:relative;
top:100px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
}


#page {
position: relative;

width: 800px;
margin:0 auto;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}



#toplogo {
top:0px;
left:0px;
width:122px;
height:122px;
padding-top: 3px;
padding-bottom:5px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

#companyname {
position: absolute;
top:0px;
left:122px;
padding-left: 4px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.basket {
position: absolute;
top:45px;
right:0px;
padding: 8px;
padding-top: 12px;

width: 160px;
height: 35px;


font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.basketnumproducts{
position: absolute;
top: 8px;
left: 44px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.basketsubtotal{
position: absolute;
top: 25px;
left: 44px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.basketlastitemadded{
position: absolute;
top: 22px;
left: 37px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
}

.basketemptytext{
position: absolute;
top: 19px;
left: 44px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}


.menubar {
position: relative;
top:0px;
width: 100%;
height: 33px;
background-color: black;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.menubar img{
position: relative;
top:0px;
height: 33px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}


#breadcrumb {
position: relative;
top:0px;
width: 100%;
height: 25px;
padding-top: 4px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
color: #707070;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.charityheader {
position: relative;
top:0px;
width: 100%;
float: left;
/*
height: 154px;

border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.charityheader img{
float:left;
width: 150px;
height:150px;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.charityheadertext{
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
position:relative;
padding-left: 10px;
padding-right:5px;
width: 630px;
float: right;
z-index: 100;
/*
top: 0px;
left: 160px;
height:145px;
border-color: red;
border-style: solid;
border-width: 1px;
*/

}


#productsection {
position: relative;
top:0px;
width: 100%;
padding-left:2px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.footerbar {
position: relative;
clear:both;
top:0px;
width: 100%;
height: 80px;
background-color: #D0D0D0;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.footertext{
position: absolute;
top:20px;
left: 15px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.footertext a{
text-decoration:none;
}

.footertext a:link, .footertext a:visited, img{
border-style: none;
color: black;
}

.product {
position: relative;
float: left;
height: 320px;
width: 264px;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}


.productthumbimage {
position: relative;
top: 30px;
left: 82px;
height:100px;
width:100px;

}

.producttitle {
position: relative;
top: 45px;
left:20px;
width: 229px;
height: 50px;

font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.productoneliner {
position: relative;
top: 45px;
left: 20px;
width: 222px;
height: 50px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.productprice {
position: relative;
top: 50px;
left: 20px;
width: 75px;
height: 30px;

font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.producttypeicon{
position: absolute;
top: 230px;
left: 205px;
/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.productmorebtn {
position: absolute;
top: 265px;
left: 170px;
width: 70px;
height: 30px;
/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.productmorebtn a:link, .productmorebtn a:visited, img{
border-style: none;
}


.productbackground {
position: absolute;
top: 0px;
left: 0px;
}

.productdetailssection {
position: relative;
top:0px;
width: 100%;
padding-left:2px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.productpagenav{
position:relative;
float:left;
width:100%;
height:30px;

/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/
}
.alignleftnavimg{
float:left;
}


.alignrightnavimg{
float:right;
}

.productheader{
position:relative;
float:left;
width:100%;
height:60px;
padding-top:5px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.productheadertext{
position: relative;
padding-top: 5px;
float:left;

font-size: 16pt;
font-family: verdana, helvetica, sans-serif;
font-weight:bold;

padding-left: 10px;
padding-right:5px;
height:50px;
width: 400px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.productprodprice{
position: relative;
float:left;

padding-top: 5px;
font-size: 16pt;
font-family: verdana, helvetica, sans-serif;
font-weight:bold;

margin-left:30px;
padding-left: 10px;
padding-right:5px;
height:40px;
width: 140px;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.producttypeiconpdpage{
position: relative;
float:left;
padding-top: 8px;
}

.productinfo{
position: relative;
float:left;
font-size: 8pt;
font-family: verdana, helvetica, sans-serif;
color: #707070;
height:30px;
padding-top: 8px;
margin-left: 20px;

/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/
}

.productdetailsrow{
position:relative;
float:left;
width:100%;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.productproddesc{
position: relative;
float:left;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

width: 400px;
padding-left:5px;
padding-right:10px;
padding-bottom:10px;
padding-top:0px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/}

.buttongubbins{
position:relative;
float:left;
width:370px;
margin-top: 10px;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/}

.virtualdeliverytext{
position:relative;
float:left;
width:100%;
padding-left:5px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

}

.productprodimgncaption{
position: relative;
float:right;

width: 350px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}


.productprodimage{
position: relative;
float:right;
margin-right:50px;
width: 300px;
height: 300px;

border-color: #003767;
border-style: solid;
border-width: 1px;
}

.productprodcaption{
position: relative;
float:right;
margin-right:50px;
width: 300px;
margin-top: 3px;

font-size: 8pt;
font-family: verdana, helvetica, sans-serif;
/*
border-color: #003767;
border-style: solid;
border-width: 2px;
*/
}

.productoostext{
position: relative;
top: 0px;
left: 0px;
width: 300px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.productprodqty{
position: relative;
float:left;
top: 0px;
left: 0px;
width: 70px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.variablepriceproductprice{
position: relative;
float:left;
top: 0px;
left: 0px;
width: 155px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.productprodquantityfield{
position: relative;
float:left;
margin-left: 10px;


top: 0px;
left: 0px;
width: 28px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.variablepriceprodpricefield{
position: relative;
float:left;
margin-left: 5px;
margin-right: 5px;


top: 0px;
left: 0px;
width: 40px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.productprodaddtobasket{
position: relative;
float:left;
margin-left: 10px;


top: -6px;
left: 0px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/

}

.productpostagetable{
position: relative;
float:left;
margin-top: 15px;

font-size: 8pt;
color: #707070;
font-family: verdana, helvetica, sans-serif;


table-layout: fixed;
border-collapse:collapse;
border-color: #707070;

}

.deliverytimestring{
position: relative;
float:left;
width: 100%;
margin-top: 10px;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.productcharityfooter{
position: relative;
float:left;
width: 100%;
height: 160px;
margin-top: 8px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.productcharitylogo{
float:left;
height: 150px;
width:150px;
}

.productcharitydetails {
float:left;
padding-left:30px;
width: 600px;
height: 148px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.homepagemainbit{
position: relative;
float:left;
width: 100%;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.homepagetoptext{
position: relative;
float:left;
height:100px;
width: 100%;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.homepagefeaturedprodbox
{
position: relative;
float:left;
width:425px;
height:370px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.homepageproductbackground
{
position: absolute;
left: 0px;
top:0px;
}

.homepagefeaturedprodheading
{
position: relative;
float:left;
width:385px;
height:30px;

margin-top: 10px;
margin-left: 20px;
margin-right: 20px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagefeaturedprodtitle
{
position:relative;
float:left;
width: 380px;
margin-left: 20px;
margin-right: 20px;
padding: 5px;

font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagefeaturedprodimg
{
position:relative;
float:left;
margin-left: 20px;
margin-top: 5px;
margin-right: 20px;
}

.homepagefeaturedprodimg img
{
position:relative;
float:left;
width: 180px;
height: 180px;
}


/*
.homepagefeaturedprodpricenlogo
{
position:relative;
}
*/
.homepagefeaturedprodprice
{
position:relative;
float:left;
width: 160px;
height: 23px;
margin-top: 5px;
padding-top: 5px;
padding-left: 5px;

font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagefeaturedprodcharitylogo
{
position: relative;
float:left;
width:150px;
height:150px;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagefeaturedprodcharitylogo img
{
float:right;
}

.homepagefeaturedprodcaption
{
position:relative;
float:left;
width: 385px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 5px;
margin-top:5px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/}

.homepagefeaturedprodbeneficiarytext
{
position:relative;
float:left;
width: 290px;
padding-left: 20px;
padding-right: 10px;
padding-top: 3px;


font-size: 9pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepageproductmorebtn
{
position: relative;
float:right;
width: 75px;

margin-right: 20px;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/}

.homepageproductmorebtn img
{
float:right;
}


.homepagehowitworksbox
{
position:relative;
float:left;
width:330px;
height:160px;
padding:10px;
padding-bottom:5px;
margin-left:10px;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.homepagehiwbackground
{
position: absolute;
left: 0px;
top:0px;

}

.homepagehiwbstepl
{
position:relative;
float:left;
width:330px;;
padding-left: 5px;
padding-right: 5px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagehiwbstepl img
{
position:relative;
float:left;
padding-right: 10px;
}

.homepagehiwbstepr
{
position:relative;
float:right;
text-align:right;
width:330px;
padding: 5px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagehiwbstepr img
{
position:relative;
float:right;
padding-left: 10px;

}


.homepagehiwbsteptext
{
position:relative;
float:left;
width:250px;
padding: 5px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}


.homepagehiwbstep2
{
position:relative;
float:left;
width:100%;
padding 5px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagehiwbstep3
{
position:relative;
float:left;
width:100%;
padding 5px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}


.homepagetopproductsbox
{
position:relative;
float:left;

width:330px;
height:175px;
padding:10px;
margin-left:10px;
/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagetopproductsbackground
{
position: absolute;
left: 0px;
top:0px;

}

.homepagetopproductsheading
{
position: relative;
float:left;
width:320px;
height:30px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagepopproductitem{
position: relative;
float:left;
width: 320px;
height:46px;
padding-top:1px;
padding-bottom:1px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagepopproductitem:hover {
     background-color: #D0D0D0;
}



.homepagepopproductitemthumb img
{
position:relative;
float:left;
height:40px;
width:40px;
padding: 2px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.homepagepopproductitemtitle
{
position:relative;
float:left;
height:37px;
width:160px;
padding-top:5px;
padding-left:4px;
padding-right:4px;
font-size: 8pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}
.homepagepopproductitemtitle a
{
text-decoration:none;
color: black;
}

.homepagepopproductitemprice
{
position:relative;
float:left;
height:32px;
width:55px;
padding-top:10px;

font-size: 8pt;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}
.homepagepopproductitemprice a
{
text-decoration:none;
color: black;
}


.homepagesubmainbit{
position: relative;
float:left;
width: 100%;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.homepagestepbox{
position: relative;
height: 230px;
float:left;
width: 264px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.homepagestepboximage{
position: absolute;
top: 0px;
left: 0px;
width: 260px;
height:230px;

z-index: -1;
}

.stepnumberimage{
position: absolute;
top: 12px;
left: 20px;

}

.steptitle{
position: absolute;
font-weight:bold;
top: 15px;
left: 79px;
width: 163px;
height: 50px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.steptext{
position: absolute;
top: 69px;
left: 20px;
width: 220px;
height: 147px;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.homepagenavbit{
position: relative;
float:left;
width: 100%;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.charityselecttext{
position: relative;
float: left;
width: 350px;
padding: 8px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

}

.charitydropdownhomepage
{
position: relative;
float: left;
padding-left: 8px;
}

.homepagenavpane{
position: relative;
float:left;
width: 350px;
height: 70px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.homepageimgsubmit{
position: relative;
float:left;
top: -3px;
padding-left:10px;
}

.nochextext{
display:none;
}


.prodpersnav{
position: relative;
float:left;
width: 100%;
height: 30px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.personalisepagemainbit{
position:relative;
float:left;
margin-bottom: 15px;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.persproductheadertext
{
position: relative;
padding-top: 5px;
float:left;

font-size: 16pt;
font-family: verdana, helvetica, sans-serif;
font-weight:bold;

padding-left: 10px;
padding-right:5px;
padding-bottom: 8px;
height:25px;
width: 750px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}



.prodpersleftcol{
position: relative;
float:left;
width: 555px;
height: 650px;
padding-right:20px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.personaliseheadertext{
position: relative;
float:left;
width: 100%;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.prodpersrightcol{

position: relative;
float:left;
width: 220px;
height: 600px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.persproductcharitylogo{
float:right;
padding-right: 35px;
padding-bottom: 20px;
height: 150px;
width:150px;
}

.persproductcharitydetails {
float:left;
padding-left:5px;
width: 210px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

/* can remove one day 
.addressfieldtext {
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
position: relative;
width: 140px;
left: 0px;
height: 22px;

}
*/

.personaliseinstructions{
position: relative;
float: left;
width: 518px;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.addressfieldpair{
position: relative;
width: 100%;
float: left;
padding-top:2px;
padding-bottom:2px;
/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/
}


.addresspromptfield{
position: relative;
float: left;
width: 150px;
min-height: 18px;
text-align: left;
padding-right:8px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.addresspromptfieldnarrow
{
position: relative;
float: left;
width: 75px;
min-height: 18px;
text-align: left;
padding-right:8px;

}

.addressfield{
position: relative;
float: left;
width: 180px;
min-height: 18px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.addressfieldnarrow{
position: relative;
float: left;
width: 130px;
min-height: 18px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.addressfieldwide{
position: relative;
float: left;
width: 290px;
min-height: 18px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}


.greetingtextarea{
position: relative;
float: left;
width: 330px;
height: 50px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.addressfieldinstructions{
position: relative;
float:left;
width: 100%;
margin-top: 12px;
margin-bottom: 5px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/

}

.personlisedetails{
position: relative;
float:left;
padding-left: 5px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.personalisegreeting{
position: relative;
float:left;
width: 435px;
margin-top: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;

border-color: #7AC143;
border-style: solid;
border-width: 1px;

}

.personaliseconfirmbit{
position: relative;
float:left;
width:100%;
margin-top: 5px;
margin-bottom: 5px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.personaliseconfirmtext{
position: relative;
float:left;
width:518px;
margin-bottom:10px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}


.addressfieldsubmit{
position: relative;
float: left;
}





.checkoutmainsection{
position: relative;
float:left;
width: 100%;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.checkoutheaderbox{
position: relative;
float:left;
width: 100%;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.productlistitem{
position: relative;
float: left;
width: 100%;
padding-top:2px;
padding-bottom:2px;
margin-top: 4px;
margin-bottom: 2px;

border-color: #7AC143;
border-style: solid;
border-width: 1px;
}


.checkoutcharitylogo{
position: relative;
float:left;
width: 75px;
height: 75px;
margin-right:10px;
}

.checkoutproduct{
position: relative;
float:left;
width: 362px;
height: 75px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.checkoutproducttitle{
position: relative;
float:left;

font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
/*
font-weight:bold;
*/

height:60px;
width: 275px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.checkoutprodimagethumb{
position: relative;
float:right;
width: 75px;
height: 75px;
margin-right:5px;
}

.checkoutproductprice{
position: relative;
float:left;

font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
/*
font-weight:bold;
*/
padding: 5px;

height:65px;
width: 75px;
text-align: right;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.plusminusbuttons{
position: relative;
float: left;
width:32px;
height: 75px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.checkoutproducttypeicon{
position:relative;
float:left;
width: 35px;
height: 75px;
}

.checkoutproductvirtual{
position: relative;
float: right;

height:75px;
width: 190px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.addressedto{
position: relative;
float: left;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
width: 100%;
height: 20px;
padding-left: 8px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.checkoutvirtualaddressee{
position: relative;
float: left;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
width: 100%;
height: 20px;
padding-left: 8px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.checkoutprodpersupdatebtn{
position: relative;
float: right;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}


.checkoutheadernavbreadcrumb {
position: relative;
float:left;
width: 100%;
height: 25px;
padding-top: 5px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
color: #707070;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.boldertext{
float:left;
font-weight:bold;
color: black;
}

.checkoutpagenav{
position:relative;
float:left;
width:100%;
height:30px;
padding-bottom:8px;
/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/}

.checkoutpagenavbtm{
position:relative;
float:left;
width:100%;
height:30px;
padding-bottom:8px;
margin-top:20px;

/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/
}


.checkoutpostageassumptiontext{
position:relative;
float:left;
width: 600px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.checkoutnavbtn{
position: relative;
float:left;
padding-right: 15px;
}

.checkoutsubmitbtn{
position: relative;
float:right;
padding-right: 5px;
}

.checkoutbottomrow{
position:relative;
float:left;
width:100%;
}

.ordercontainsrow{
position:relative;
float:left;
width:100%;
font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
margin-top:4px;
margin-bottom:4px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/

}

.emptyordertext{
position: relative;
float:left;
width:100%;
font-size: 12pt;
font-family: verdana, helvetica, sans-serif;
margin-top:15px;
margin-bottom:15px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.checkoutlineheading{
position:relative;
float:left;
width:437px;
height:20px;
text-align:right;
padding-right:10px;
font-size: 12pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.checkoutlineamount{
position:relative;
float:left;
width:75px;
height:20px;
padding-left:5px;
padding-right:5px;
text-align:right;
font-size: 12pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}


.checkoutlineamounttotal{
position:relative;
float:left;
width:75px;
height:20px;
padding-left:5px;
padding-right:5px;
text-align:right;
text-decoration:overline;
font-size: 12pt;
font-family: verdana, helvetica, sans-serif;

}

.vatfootnote{
position:relative;
float:right;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
margin-bottom:5px;
}


.billingdetailsmainbit{
position:relative;
float:left;
width:100%;
}



.billingheadernavbreadcrumb1 {
position: relative;
float:left;
height: 25px;
padding-top: 5px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
color: #707070;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/}


.billingheadernavbreadcrumb1 B {
color: black;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.boldertext2{
float:left;
font-weight:bold;
color: black;
height: 25px;
padding-top: 5px;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

}


.billingpreamble{
position:relative;
float:left;
width:100%;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
margin-top: 5px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}




.billaddressfieldpair{
position: relative;
width: 100%;
float: left;
padding-top:2px;
padding-bottom:2px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/
}


.billaddresspromptfield{
position: relative;
float: left;
width: 165px;
min-height: 18px;
text-align: left;
padding-right:8px;
padding-left: 5px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.billaddressfield{
position: relative;
float: left;
width: 180px;
min-height: 18px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.billaddressfieldnarrow{
position: relative;
float: left;
width: 130px;
min-height: 18px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.billaddressfieldwide{
position: relative;
float: left;
width: 290px;
min-height: 18px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.billingrequiredfields{
position:relative;
float:right;

}

.billingoptouts{
position:relative;
float:left;
width:100%;

font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

}

.agwgoptouttext{
position:relative;
float:left;
width:650px;
margin-top: 15px;
margin-bottom: 15px;
padding: 4px;

border-color: #7AC143;
border-style: solid;
border-width: 1px;
}


.agwgoptoutcheckbox
{
position:relative;
float:left;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}


.billinggiftaidsection{
position:relative;
float:left;
width:100%;
margin-top: 20px;
margin-bottom: 15px;
padding: 4px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

border-color: #7AC143;
border-style: solid;
border-width: 1px;
}


.billinggiftaidsectionimg{
position:relative;
float:right;

}


.billinggiftaidtable{
position: relative;
margin-top: 15px;

table-layout: fixed;
border-collapse:collapse;
border-color: #707070;

}

.billingtsandcs{
position:relative;
float:left;
width: 650px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
margin-top: 15px;
margin-bottom: 15px;
padding: 4px;

/*
border-color: #7AC143;
border-style: solid;
border-width: 1px;
*/
}

.billingformsubmitbtn{
position:relative;
float:right;
width: 100%;
margin-bottom:8px;
}

.billingformsubmitbtnimg{
position:relative;
float:right;

}

.billingul
{
padding-top: 5px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


.paymentmainsection{
position:relative;
float:left;
width: 100%;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

margin-bottom: 15px;
}

.paymentnavimg{
position: relative;
float:left;
margin-right:10px;
}

.paymentwhatsbeingordered{
position: relative;
float:left;
margin-top: 10px;
width: 100%;

border-color: #7AC143;
border-style: solid;
border-width: 1px;


}

.paymentpostagesummary{
position: relative;
float:left;
margin-top: 20px;
width: 530px;

border-color: #7AC143;
border-style: solid;
border-width: 1px;

}

.paymentpostagesummary P{
margin-top:3px;
margin-bottom:3px;
}

.postagesummarytable{
position: relative;
/*margin-top: 15px;
border-spacing: 15px 3px;
*/
table-layout: fixed;
border-collapse:separate;
border-color: #707070;

}

.postagesummaryheaderrow{
font-weight: bold;
}


.paymentordersummarytable{
position: relative;
margin-top: 15px;
border-spacing: 15px 3px;

table-layout: fixed;
border-collapse:separate;
border-color: #707070;

}

.paymentformsubmitbtn{
position:relative;
float:right;
width: 250px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


/*
.paymentformsubmitbtn{
position:absolute;
right:0px;
width: 210px;

bottom: 0px;

border-color: red;
border-style: solid;
border-width: 1px;
}
*/

.chqwithcardpaymentformsubmitbtn{
position:relative;
float:left;
width: 100%;
margin-top:15px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.chqwithcardpaymentformsubmitbtntext{
position:relative;
float:left;
width: 100%;
margin-top: 10px;
text-align: center;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}


.chqpaymentformsubmitbtn{
position:relative;
float:right;
width:100%;

}

.paymentformsubmitbtnimg{
position:relative;
float:right;
margin-top: 10px;
}

.chqpaymentformsubmitbtnimg{
position:relative;
float:right;
padding-left:10px;
}

.paymentformsubmitbtnimgback{
position:relative;
float:left;
}


.paymentnoxheximg{
position:relative;
float:right;
padding-top: 5px;
}

.paymentpricealign{
text-align:right;
padding-right: 5px;
}

.paymentpricealigntotal{
text-align:right;
padding-right: 5px;
text-decoration:overline;
}


.paymentpricealignbold{
text-align:right;
padding-right: 5px;
font-weight:bold;
text-decoration:overline;
}


.paymentprodtypeicon{
position: relative;
float:left;

}

.paymentheaderrow{
font-weight: bold;
}

.paymentvatifapplicabletext{
position: relative;
float: right;
margin-top:15px;
}

.paymentleadintext
{
position: relative;
float:left;
font-weight: bold;
margin-top:15px;
}

.paymentbillingaddresssummary{
position:relative;
float:left;
width: 100%;
margin-top:10px;

/*
border-color: #7AC143;
border-style: solid;
border-width: 1px;
*/
}

.paymentbillingaddress{
position:relative;
float:left;
width:350px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.paymentformbuttons{
position:relative;
float:right;
width:350px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.paymentcantpaybycard{
position: relative;
float:left;
color:red;
margin-top: 10px;
margin-bottom: 10px;
}

.paymentaddresslines{
position: relative;
float:left;
width: 100%;
padding-left: 10px;
margin-top: 5px;
margin-bottom: 5px;

/*
border-color: #7AC143;
border-style: solid;
border-width: 1px;
*/
}


.paymentlandingmainbit{
position:relative;
float:left;
width: 100%;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;


}


.paymentlandingintrotext{
position:relative;
float:left;
font-size: 16pt;
font-weight: bold;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.paymentlandingrevisittext{
position:relative;
float:left;
font-size: 12pt;

width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.paymentdetailsconfirmpanel{
position: relative;
float:left;
width: 100%;
margin-bottom:10px;
padding-left: 5px;


border-color: #7AC143;
border-style: solid;
border-width: 1px;

}

.bankdetailrow{
position: relative;
float:left;
width: 690px;
padding-left: 25px;
margin-top: 2px;
margin-bottom: 2px;

/*
border-color: #7AC143;
border-style: solid;
border-width: 1px;
*/
}

.bankdetailheader{
position: relative;
float:left;
width: 140px;
font-weight: bold;
/*
border-color: #7AC143;
border-style: solid;
border-width: 1px;
*/
}

.bankdetailtext{
position: relative;
float:left;
width: 540px;

/*
border-color: #7AC143;
border-style: solid;
border-width: 1px;
*/
}

.paymentlandingvatsummary{
position: relative;
float:left;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 5px;


border-color: #7AC143;
border-style: solid;
border-width: 1px;

}

.paymentlandingpagenav{
position:relative;
float:left;
width:100%;
height:30px;
padding-bottom:8px;

/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/
}

.paymentlandsubmitbtn{
position: relative;
float:right;
padding-right: 5px;
}

.vatsummarytable{
position: relative;
margin-top: 15px;
border-spacing: 15px 3px;

table-layout: fixed;
border-collapse:separate;
border-color: #707070;

}

.vatsummaryheaderrow{
font-weight: bold;
}

.paymentlandingtextparagraph{
position: relative;
float:left;
margin-top: 10px;
margin-bottom: 10px;

/*
border-color: orange;
border-style: solid;
border-width: 1px;
*/
}

.padcell{
padding-left: 5px;
}


.browsecharitiesmainbit{
position:relative;
float:left;
width: 100%;
margin-bottom: 15px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;

}


.charitycategoryrow{
position: relative;
float:left;
width: 100%;
padding-left: 5px;
margin-top: 0px;

/*
border-color: orange;
border-style: solid;
border-width: 1px;
font-weight: bold;
*/

}

.browsecharitiesmainbit ul{
float:left;
list-style-position:inside;
list-style-type:circle;
width: 100%;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
margin-top: 1px;
margin-bottom: 1px;


}

.browsecharitiesmainbit li{
/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
width: 100%;

}

.browsecharitiesintrotext{
position: relative;
float:left;
margin-top: 10px;
margin-bottom: 10px;
}

.contactmainbit{
position:relative;
float:left;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
width: 790px;
margin-top:15px;
margin-bottom:15px;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 5px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}



.contactemail{
position:relative;
float:left;
width:775px;
margin-top:10px;
margin-bottom:10px;
padding: 5px;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.contacttext{
position:relative;
float:left;
width:400px;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.contactvalue{
position:relative;
float:left;
width:300px;
/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.contactrow
{
position:relative;
float:left;
width:100%;

/*
border-color: green;
border-style: solid;
border-width: 1px;
*/
}

.contactpostaladdress{
position:relative;
float:left;
width:350px;
margin-top: 10px;
margin-bottom: 10px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}

.contactnewslettersignup{
position:relative;
float:right;
width:350px;
margin-top: 10px;
margin-bottom: 10px;

/*
border-color: yellow;
border-style: solid;
border-width: 1px;
*/
}


.howitworksmainbit{
position:relative;
float:left;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
width: 790px;
margin-top:15px;
margin-bottom:15px;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 5px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.howitworkssectiontitle{
position:relative;
float:left;
width: 600px;
font-weight:bold;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.howitworkstext{
position:relative;
float:left;
width: 790px;
padding-top: 5px;
padding-bottom: 5px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.howitworkstablerow{
position:relative;
float:left;
width: 790px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.howitworkssectionspacer{
position:relative;
float:left;
height:30px;
width: 100%;
/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.howitworkstablecell{
position:relative;
float:left;
width: 300px;
padding-left: 5px;
padding-right: 5px;
margin-right:20px;

/*
border-color: red;
border-style: solid;
border-width: 1px;
*/
}

.howitworksimg{
position:relative;
float:left;
padding-left:15px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}

.howitworksimgtext{
position:relative;
float:left;
padding-left:15px;
padding-top: 10px;

/*
border-color: blue;
border-style: solid;
border-width: 1px;
*/
}


.tsandcsmainbit{
position:relative;
float:left;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
width: 790px;
margin-top:15px;
margin-bottom:15px;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 5px;
}


.tsncsheading{
font-size: 12pt;
font-weight:bold;
padding-bottom: 10px;
}

.postalnote{
position:relative;
float:left;
padding:5px;
padding-left:10px;
width:600px;
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
color: blue;

}