/*
Created on 01/04/08
by Danny Hayfield
for West Midlands Media
*/
body {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #EC297B;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
}
#container {
	width: 786px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#top {
	width: 786px;
	height: 289px;
	padding: 0;
	margin: 0;
	display: block;
}
#top #mascot {
	background-image: url(../images/mascot.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 226px;
	height: 289px;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
}
#top #logo {
	background-image: url(../images/logo.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 290px;
	height: 125px;
	padding: 0;
	margin: 50px 0 0 228px;
	display: block;
	position: absolute;
}
#middle {
	background-image: url(../images/content-bg.gif);
	background-position: 0px 42px;
	background-repeat: no-repeat;
	width: 786px;
	padding: 0;
	margin: -93px 0 0 0;
	display: block;
	clear: both;
}
#middle #tabs {
	width: 786px;
	height: 25px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	text-align: right;
}
#middle #tabs .tab {
	background-image: url(../images/tab.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 118px;
	height: 20px;
	padding: 5px 0 0 0;
	margin: 0 0 0 6px;
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
#middle #tabs a.t, #middle #tabs a.t:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 4px 0 0 0;
	clear: both;
	cursor: pointer;
}
#middle #left-column {
	width: 187px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#middle #left-column #nav-top {
	background-image: url(../images/nav-top.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 187px;
	height: 106px;
	padding: 0;
	margin: 6px 0 0 0;
	display: block;
	clear: both;
}
#middle #left-column #navigation {
	background-image: url(../images/nav-bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	width: 187px;
	padding: 6px 0 10px 0;
	margin: 0;
	display: block;
	clear: both;
}
#middle #left-column #navigation ul {
	width: 187px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#middle #left-column #navigation ul li {
	background-image: url(../images/nav-item.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 176px;
	height: 25px;
	padding: 0;
	margin: 0;
	float: right;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
#middle #left-column #navigation ul li a {
	background-image: none;
	width: 150px;
	height: 19px;
	padding: 5px 0 0 24px;
	margin: 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
#middle #left-column #navigation ul li a:hover {
	background-color: none;
	background-image: url(../images/star.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
	width: 150px;
	height: 19px;
	padding: 5px 0 0 24px;
	margin: 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#middle #left-column #navigation ul li a.active, #middle #left-column #navigation ul li a.active:hover {
	background-color: none;
	background-image: url(../images/star.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
	width: 150px;
	height: 19px;
	padding: 5px 0 0 24px;
	margin: 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#middle #left-column #nav-bottom {
	background-image: url(../images/nav-bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 187px;
	height: 17px;
	padding: 0 0 30px 0;
	margin: 0;
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
}
#middle #right-column {
	width: 599px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#middle #right-column #top-bar {
	background-image: url(../images/top-bar.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 599px;
	height: 36px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#middle #right-column #left-bar {
	width: 400px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#middle #right-column #left-bar #header {
	width: 599px;
	height: 247px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#middle #right-column #left-bar #header img {
	border: 0;
}
#middle #right-column #left-bar #content {
	width: 340px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	margin-top: 28px;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
}
#middle #right-column #left-bar #content #logos {
	background-image: url(../images/logos.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 340px;
	height: 175px;
	padding: 0;
	margin: 10px 0 10px 0;
	display: block;
	clear: both;
}
#middle #right-column #left-bar .product_light {
	background-color: #F5E8EF;
	width: 340px;
	padding: 14px 0 14px 0;
	margin: 0;
	display: block;
	clear: both;
	border-bottom: 1px #E5C0D3 solid;
	font-size: 13px;
}
#middle #right-column #left-bar .product_dark {
	background-color: #ECD2E0;
	width: 340px;
	padding: 14px 0 14px 0;
	margin: 0;
	display: block;
	clear: both;
	border-bottom: 1px #E7D0DD solid;
	font-size: 13px;
}
#middle #right-column #left-bar .description {
	width: 198px;
	padding: 0px 2px 0px 10px;
	margin: 0;
	float: left;
	display: block;
	font-size: 13px;
}
#middle #right-column #left-bar .price_area {
	width: 130px;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	vertical-align: middle;
}
#middle #right-column #left-bar .price {
	background-image: url(../images/price.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 77px;
	height: 28px;
	padding: 3px 0 0 0;
	margin: 0 auto;
	display: block;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	bottom: 0;
}
#middle #right-column #left-bar .small {
	font-size: 12px;
}
#middle #right-column #right-bar {
	width: 199px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#middle #right-column #right-bar #discount {
	background-image: url(../images/discount.jpg);
	width: 148px;
	height: 185px;
	padding: 0;
	margin: 0 auto;
	margin-top: 18px;
	margin-bottom: 18px;
	display: block;
	clear: both;
}
#middle #right-column #right-bar #discount a, #middle #right-column #right-bar #discount a:hover {
	width: 148px;
	height: 185px;
	padding: 0;
	margin: 0 auto;
	display: block;
	text-decoration: none;
}
#middle #right-column #right-bar .rightblock {
	width: 146px;
	padding: 0;
	margin: 0 auto;
	margin-top: 18px;
	margin-bottom: 18px;
	display: block;
	clear: both;
}
#middle #right-column #right-bar .right-bar-top {
	background-image: url(../images/right-bar-top.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 138px;
	height: 20px;
	padding: 5px 0 0 8px;
	margin: 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#middle #right-column #right-bar .right-bar-mid {
	background-color: #ffffff;
	width: 130px;
	padding: 6px 8px 0 8px;
	margin: 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
}
#middle #right-column #right-bar .right-bar-bot {
	background-image: url(../images/right-bar-bottom.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 146px;
	height: 12px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
}
#middle #right-column .ot {
	padding: 0 0 0 10px;
	width: 37px;
	display: block;
	float: left;
	font-size: 11px;
}
#bottom {
	width: 786px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#bottom #footer {
	background-image: url(../images/footer.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 786px;
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#bottom #footer #address {
	width: 572px;
	height: 14px;
	padding: 0;
	margin: 14px 0 0 200px;
	display: block;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

/* form style elements */
#contact label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	width: 105px;
	float: left;
	display: block;
	padding: 0;
	margin: 2px 0 0 0;
}
form {
	padding: 0;
	margin: 0;
}
input {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	width: 195px;
	margin: 0 0 4px 0;
	border: 1px #949494 solid;
}
textarea {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	width: 195px;
	height: 80px;
	margin: 0 0 4px 0;
	border: 1px #949494 solid;
}
select, option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	width: 198px;
	margin: 0 0 2px 0;
}
.default {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	width: 195px;
	margin: 0 0 4px 0;
	border: 1px #949494 solid;
}
.button {
	background-image: url(../images/submit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 82px;
	height: 29px;
	padding: 0;
	margin: 6px 0 0 220px;
	display: block;
	border: 0;
	cursor: pointer;
}
.go {
	background-image: url(../images/go.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 42px;
	height: 29px;
	padding: 0;
	margin: 0 0 0 6px;
	display: block;
	float: left;
	border: 0;
	cursor: pointer;
}
#errors ul {
	width: 290px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 12px;
	display: block;
	clear: both;
}
#errors ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #262425;
	padding: 0;
	margin: 0;
}

/* various style elements */
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	color: #EB008B;
	text-decoration: none;
	padding: 0;
	margin: 0 0 16px 0;
	display: block;
	clear: both;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #EB008B;
	text-decoration: none;
	padding: 0;
	margin: 0 0 4px 0;
	display: block;
	clear: both;
}
p {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
}
p.text {
	padding: 0;
	margin: 0 0 14px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	display: block;
}
.clear {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	clear: both;
	line-height: 0;
	font-size: 0;
}
.divide {
	height: 26px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
.horizontal {
	background-image: url(../images/hr.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 110px;
	height: 5px;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
}

/* seo links elements */
#sitemap {
	width: 786px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	text-align: right;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #cccccc;
	text-decoration: none;
}
#seolinks {
	width: 786px;
	padding: 0;
	margin: 0;
	clear: both;
}
#seolinks .link {
	width: 162px;
	padding: 0 4px 0 4px;
	margin: 0 0 2px 0;
	display: block;
	float: left;
	text-align: left;
}
#seolinks .link a, #seolinks .link a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #cccccc;
	text-decoration: none;
}

/* all ie6 .png fix elements */
* html #top #mascot,
* html #top #logo,
* html #middle #tabs .tab,
* html #middle #right-column #left-bar .price {
	azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}