﻿body {	
	background-color: #8dc63f;
	text-align: center;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 11px;
	margin: 0px;
}
a
{
	color: #E97724;
	background: none;
	text-decoration: none;
}

a:hover
{
    color: #545454;
	background: none;
	text-decoration: underline;
}
.outer {
	margin-left: auto;
	margin-right: auto;
	width: 784px;
	background: #ffffff url("images/background.jpg") center repeat-y;
	padding: 0px 0px 12px 0px;
}
	
.header {
	width: 100%;
	background: #ffffff url("images/personalised-trading-cards.jpg") center no-repeat;
	height: 136px;
}
	
.box {
	text-align: left;
	margin: 0px 63px;
	background-color: #f0fcd7;
	padding-bottom: 16px;
}
	
.box p {
	margin: 0px 24px;
}
	
.paragraph {
	margin: 0px 26px;
	clear: both;
	text-align: left;
}

.paragraph.contact 
{
	margin: 0px 26px;
	text-align: left;
}

.paragraph.copy {
	text-align: center;
}

.paragraph img 
{
    text-align: right;
	/*float: right;
	margin-right: 12px;
	margin-top: -6px;*/
}
	
.centrepic {
	margin: 0px 242px;
}
	
.leftpic {
	margin-left: 60px;
	*margin-left: 30px;
	float: left;
}
	
.rightpic {
	margin-right: 60px;
	float: right;
	padding: 12px 0px;
}	
	
.bullets {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
.bullets li {
	text-align: left;
	background: url("../images/bullet.jpg") 12px 0px no-repeat;
	margin: 0px;
	padding: 4px 16px 10px 48px;
}
	
input {
	width: 300px;
}

textarea {
	width: 300px;
}
	
h1 {
	font-family: verdana, arial, tahoma, sans-serif;
	line-height: 0.8;
	text-align: center;
	font-size: 22px;
}
	
h2 {
	font-family: verdana, arial, tahoma, sans-serif;
	line-height: 0.8;
	text-align: center;
	font-size: 16px;
}

.green {
	color: #8dc63f;
}

.grey {
	color: #999999
}

.red {
	color: #ff0000;
	font-weight:bold;
}
	
#webdev {
	font-size: 10px;
	color:#666666;
	text-align:center;
}
	
#webdev a, #webdev a:visited, #webdev a:active {
	font-size: 10px;
	color:#666666;
	text-decoration: underline;
}
	
/*MPEsample Popup*/
.modalBackground {
	background-color:#E97724;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #E97724;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFF8D9;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}