* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
       background-image: url(http://4charity.org.uk/Images/column_wide.jpg);
       background-repeat: repeat-y; background-position: center;
       width: 100%; height: 100%;
       background-color: #eaeaea;
text-align:center;
}
/* standard stuff here */
.small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #00485d; text-decoration: none; }
a.small { text-decoration: none; }
a:HOVER.small { text-decoration: none; background-color: #baebfe; color: #f25c45; }	

ul { padding: 0 0 0 20px; }
ul.checklist {list-style-type: disc;
	          color: #c74a5d;}
li { padding: 0 0 0 10px; }

/* menu stuff */
.menu-links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.menu-links { text-decoration: none; }
a:HOVER.menu-links { text-decoration: none; background-color: #baebfe; color: #f25c45; }	

h1 { color: #c74a5d; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 28px; font-weight: bold; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
h2 { color: #c74a5d; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 18px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
h3 { color: #c74a5d; font-size: 18px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; }
h4 { color: #b3960f; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; margin: 0px; padding: 0 0 10px 0; }
h5 { color: #c74a5d; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 16px; font-weight: bold; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; }

h2 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #f25c45; letter-spacing: -1px; }
h2 a:HOVER { text-decoration: underline; color: #00485d; }	
h3 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #00485d; letter-spacing: -1px; }
h3 a:HOVER { text-decoration: underline; color: #f25c45; }	
h4 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #00485d; letter-spacing: -1px; }
h4 a:HOVER { text-decoration: underline; color: #f25c45; }	
	
	
p { padding: 5px 0 5px 0; margin:0; color: #565758; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; }
.mainTextHomeSmall {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Gray; font-weight: normal; }
A.mainTextHomeSmall {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Gray;	text-decoration: none;}
A:HOVER.mainTextHomeSmall {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #3c7193; text-decoration: underline;}

#outer{
height:100%;
width:100%;
display:table;
}
#container {
text-align: center;
position:relative;
display:table-cell;
height: 100%;
}
#inner {
width: 921px;
background: #e9e9e9;
height: 100%;
text-align: center;
margin-left:auto;
margin-right:auto;
}
#top
{
padding: 0px;
text-align: left;
width: 920px;
background-color: #ffffff;
margin: 0 0px 0 0px;
}
#menutop { text-align: center; width: 840px; height: 42px; background-color: #ffffff; margin: 0; padding: 0;}

#flashhome { 
float: left;
width: 840px;
height: 400px;
padding: 20px 0px 0 0px;
text-align: center;
}
#flashcontent { clear: both; float: left; width: 700px; text-align: center; padding: 0 0px 0 0px; margin: 0; }

#subfooter
{
clear: both;
padding: 5px 0 0 0px;
width: 840px;
height: 55px;
text-align: center;
}

/* form field stuff */
.fieldTitle { clear: both; float: left; color: #565758; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; width: 250px; padding: 0 0 5px 0; }
.fieldNames { float: left; border: font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 0 0 5px 10px; }
#cardfields { float: left; padding: 9px 9px 9px 9px; margin: 0px 0px 0px 15px; width: 900px; text-align: right; }
#contactleft { float: left; padding: 9px 9px 9px 9px; margin: 0px 0px 0px 0px; width: 500px; text-align: right; }
#contactright { float: left; padding: 9px 9px 9px 9px; margin: 0px 0px 0px 15px; width: 250px; text-align: left; }

/* categories page stuff */
#categoriesTitle { float: left; width: 910px; text-align: left; padding: 10px 0 10px 10px; font-family: Arial; font-size: 18px; color: #000000; }
#categoriesPane { float: left; width: 840px; text-align: center; padding: 10px 0px 10px 10px; }
#categoriesTitle p { clear: both; float: left; margin: 0; padding: 0; }
#categoriesTitle h1 { margin: 0; padding: 0 0 10px 50px; font-size: 36px; letter-spacing: -3px; line-height: 35px; text-align: left;  }
#categoriesButton { float: left; width: 137px; height: 39px; text-align: left; padding: 8px 0 0 14px; background-repeat: no-repeat; background-image: url(/Images/Button.jpg); }
.categoriesButton { float: left; width: 137px; height: 39px; text-align: left; padding: 8px 0 0 14px; background-repeat: no-repeat; background-image: url(/Images/Button.jpg); }
#categoriesItem { clear: both; float: left; text-align: left; padding: 10px 0 0 0; width: 270px; }
.categoriesItem { clear: both; float: left; text-align: left; padding: 10px 0 0 0; width: 270px; }
#categoriesItemRight { float: left; width: 100px; padding: 10px 0 0 0; text-align: left; }
#categoriesItemPage { float: left; width: 700px; padding: 10px 0 0 0; text-align: left; }
.categoriesText { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: none; text-align: left; font-weight: bold; padding-top: 20px; }
#categoriesThumb { border: sold 1px #eaeaea; padding: 5px 5px 5px 5px; margin: 5px 2px 5px 2px; border: solid 1px #eaeaea; }
.discount { font-family: Arial, Verdana; color: #ffffff; font-weight: bold; text-align: center; }
#categoriesItemRight2 { float: left; width: 555px; padding: 10px 0 0 0; text-align: left; }

/* charities stuff */
#charityTable
{
padding: 30px 20px 10px 20px;
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #21486f; text-decoration: none;
}
#charitytext { text-align: left; width: 430px; padding: 0 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #21486f; text-decoration: none; }
#charityimage { text-align: left; width: 430px; padding: 20px 10px 0 10px; }

/* Price Calculator stuff */
#pricepane{
padding: 10px 0 0 0;
width: 600px;
margin: 30px 0 0 0;
text-align: left;
}
#total{
padding: 10px 0 0 0;
width: 600px;
margin: 10px 0 0 0px;
text-align: left;
}
#calcleftnav
{
float: left;
width: 600px;
height: 300px;
margin: 0px 40px 0 90px;
padding: 10px 10px 0 10px;
text-align: left;
background-color: #eaeaea;
font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #21486f; text-decoration: none;
}
#calculator{
padding: 10px 0 0 0;
width: 600px;
margin: 30px 0 0 0;
text-align: left;
}
.tableTitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #007dc3; }
.tablefont { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }

/* Misc */
.address { color: #565758; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 16px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
.crumb1 { color: #c74a5d; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 18px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
a.crumb1 { color: #c74a5d; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 18px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
a:HOVER.crumb1 { text-decoration: none; background-color: #baebfe; color: #565758; }	

.crumb2 { color: #565758; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 18px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
a.crumb2 { text-decoration: none; }
a:HOVER.crumb2 { text-decoration: none; background-color: #baebfe; color: #f25c45; }	

.SmallCart { font-size: 14px; font-weight: normal; color: #c74a5d; font-family: Arial, Helvetica, sans-serif; }
a.SmallCart { font-size: 14px; font-weight: normal; color: #c74a5d; font-family: Arial, Helvetica, sans-serif; }
a:HOVER.SmallCart { text-decoration: none; background-color: #90cff0; color: #565758; }	

/* Checkout page */
.TitleText { clear: both; float:left; width: 700px; font-family: Arial, Verdana; font-size: 14px; color: #000000; padding: 10px 0 10px 0; }
.BoxText { float:left; width: 550px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.FieldText { float:left; width: 250px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.HeaderText { padding: 20px 0 10px 0; clear: both; float: left; border-bottom: dotted 1px #000000; width: 100%; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.TextLine { float: left; padding: 10px 0 10px 0; width: 820px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.CheckText { clear: both; float: left;  width: 40px; font-family: Arial, Verdana; font-size: 14px; color: #000000; padding: 10px 0 10px 0; }
#TextCell { clear: both; float: left; padding: 10px 0 10px 0; width: 820px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.TotalText { clear: both; float:left; width: 200px; font-family: Arial, Verdana; font-size: 14px; color: #000000; font-weight: bold; }
.TotalField { float:left; width: 600px; font-family: Arial, Verdana; font-size: 14px; color: #000000; font-weight: bold; }
.SamplesText { float:left; width: 150px; font-family: Arial, Verdana; font-size: 14px; color: #000000; padding: 0px 5px 5px 5px; }
.SamplesField { float:left; width: 200px; font-family: Arial, Verdana; font-size: 14px; color: #000000; padding: 0px 5px 5px 5px; }

.Message-red { font-family: Arial, Verdana; font-size: 14px; color: Red; font-weight: bold; }
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #eaeaea;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #c74a5d;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
/* Brochure Link */
div.brochurelink 
{
}
div.brochureimg 
{
    float: left;
    padding-top: 3px;
    background-color: #ffffff;
    text-align: left;
}
div.brochuretxt
{
    float: right;
    padding-top: 30px;
    font-size: 16pt;
    font-weight: bold;
    font-family: Arial,sans-serif;
}
a.brochurelink
{
    text-decoration: none;
}