/* 
Theme Name: Severn Hospice
Theme URI: http://www.severnhospice.org.uk/
Description: Version: 1.0
Author: Jemma Turner
Author URI: http://matm.co.uk
*/

* {
	padding: 0; 	
	margin: 0;
	border: 0;
}
body {
	background: #fff;
	font: 1em/1.5 Verdana, Arial, Sans-Serif;
	text-align: center;	
	color: #444;
}
body#shop {	
	background: #E9E9E9 url(images/shopbg.gif) repeat-x;
}
a { text-decoration: none; }
p, ul, ol, table, dl, blockquote { margin-bottom: 1.5em; }
dt { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Sans-Serif;	
	color: #6cc;
}
#container {
	background: #EDEDED url(images/bg-gradient.gif) repeat-x top left;
}
#wrapper,#footer {
	margin: 40px auto 0 auto;
	text-align: left;
	width: 752px;
}
body#shop #wrapper { margin-top: 26px; }
#header {
	background: #fff; 
	border-right: 1px solid #b0b0b0;
}
#topspan {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	right: -1px;
}			form#searchform {								margin-right: 30px;				float: right;			}			* html form#searchform {				margin-left: 220px;			}			#shopsearchetc form#searchform {				margin-left: 0;				margin-top: 70px;			}				form#searchform label, 				form#searchform input#searchsubmit {					font-size: 60%;					font-weight: bold;					color: #3E4D6A;					text-transform: lowercase;				}				form#searchform input#s {					background: #F7F7F7;					border-right: 1px solid #B2B2B2;					border-bottom: 1px solid #B2B2B2;					width: 110px;					font: inherit;					font-size: 60%;					padding: 2px;				}				form#searchform input#searchsubmit {					background: #fff;				}			#topspan #topbuttons {				float: right;				width: 192px;			}				#topspan a img {					float: left;					display: block;				}				#topspan a img.lotterybtn {					padding-right: 10px;				}				#topspan .socialbutton img{					padding-right: 20px;				}						#logospan {			background: url(heroes/home_banner4.jpg) no-repeat top right;			width: 732px;			height: 156px;			margin: 0 auto;		}			#logospan h1 {				background: #3E4D6A;				width: 183px;				height: 156px;				text-align: center;			}				#logospan h1 img {					padding-top: 48px;				}				#logospan h1 span {					display: block;					text-indent: -9999px;				}	#donate {		float: left;		background: #fff;		width: 115px;		text-align: center;		padding: 25px 0 8px 0;		border-right: 1px solid #b0b0b0;		border-bottom: 1px solid #b0b0b0;	}	#navbox {		float: right;		background: #fff;		width: 607px;		padding: 20px 10px 0;		height: 57px;		border-right: 1px solid #b0b0b0;		border-bottom: 1px solid #b0b0b0;	}		#navbox ul#primary, 		#navbox ul#secondary {			list-style: none;			font-size: 70%;			float: right;			margin-bottom: 15px;			line-height: 1;		}			#navbox ul#primary li, 			#navbox ul#secondary li {				/*display: inline;*/				float: left;			}				#navbox ul#primary li a, 				#navbox ul#secondary li a {					color: #3E4D6A;					font-weight: bold;					display: block;					padding: 0 6px;					background: url(images/navdiv.gif) no-repeat center left;					float: left;				}				#navbox ul#primary li.first a, 				#navbox ul#secondary li.first a {					background: 0;				}						ul#primary li a, 			ul#secondary li a {				display: block;			/*	width: 100px;*/				padding: 10px;			/*	text-align: center;*/				color: #5e5e5e;				font-weight: normal;			}			ul#primary li a:hover, 			ul#secondary li a:hover {				color: #1C9DB2;			}			ul#primary li ul, 			ul#secondary li ul { /* second-level lists */				list-style: none;				background: #fff;				border-right: 1px solid #b0b0b0;				border-bottom: 1px solid #b0b0b0;				position: absolute;				width: 200px;				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */				margin: 12px 0 0 0;				padding: 5px 0 4px 0;			}				ul#primary li ul li a, 				ul#secondary li ul li a {					padding: 5px;					text-align: left;					width: 188px;					font-weight: normal !important;					line-height: 1.7;				}					ul#primary li ul li a:link, 					ul#secondary li ul li a:link {						background: 0 !important;					}					ul#primary li ul li a:hover, 					ul#secondary li ul li a:hover {						background: #DEDEDE !important;					}				ul#primary li ul ul, 				ul#secondary li ul ul { /* third-level lists */					margin: -.2em 0 0 180px;				}					ul#primary li:hover ul ul, 					ul#primary li.sfhover ul ul,					ul#secondary li:hover ul ul, 					ul#secondary li.sfhover ul ul {						left: -999em;					}			ul#primary li:hover ul, 			ul#primary li.sfhover ul,			ul#primary li li:hover ul,			ul#primary li li.sfhover ul, 			ul#secondary li:hover ul, 			ul#secondary li.sfhover ul {				clear: left;				* margin-top: 0;				left: auto;			}				/*	ul#primary li { border-right: 2px solid #fff; }*/			ul#primary li ul li { border-right: none; }			ul#secondary li ul li { border-right: none; }			ul#primary li.active a, 			ul#secondary li.active a {				font-weight: normal;				color: #1C9DB2;			}	#content {		margin-top: 10px;		width: 520px;		float: right;		font-size: 70%;	}		#content a:link, 		#content a:visited {			color: #4C98E9;		}		#content h2 {			font-size: 130%;		}		.boxleft, 		.boxright {			background: #fff;			padding: 10px;			width: 235px;			height: 140px;			margin-bottom: 10px;			border-right: 1px solid #b0b0b0;			border-bottom: 1px solid #b0b0b0;			font-size: 90%;		}			.boxleft h2, 			.boxright h2 {				color: #6cc;				margin-bottom: .2em;			}			.boxleft h2 a, 			.boxleft h2 a:link, 			.boxleft h2 a:visited, 			.boxright h2 a, 			.boxright h2 a:link, 			.boxright h2 a:visited {				color: #6cc !important;				font-size: 115%;				line-height: 1;			}		.boxleft {			float: left;		}		.boxright {			float: right;		}		.boxleft img, 		.boxright img {			float: left;			display: block;			border-right: 1px solid #b0b0b0;			border-bottom: 1px solid #b0b0b0;			margin-right: 10px;		}	#sidebar {		float: left;		width: 195px;		padding: 10px;		margin-top: 10px;		background: #DEDEDE;		font-size: 70%;	}		#sidebar h2 {			background: #F8F8F8;			padding: 5px;			margin-bottom: 5px;			font-size: 100%;			font-family: Verdana;			color: #444;		}		#sideinner, 		div.highlight {			background: #F8F8F8;			padding: 5px;			margin-bottom: 5px;			color: #666;		}		div.highlight {			margin-bottom: 1em;		}			ul#latestnews {				list-style: none;			}				ul#latestnews li {					display: block;					margin: 0 0 10px 0;				}					ul#latestnews li p {						margin-bottom: 0;					}				ul#latestnews h3 {					font-size: 100%;					font-family: Verdana;				}				ul#latestnews h3, 				ul#latestnews h3 a {					color: #6CC;				}		ul#newsmenu {			list-style: none;			margin-bottom: 0;		}			ul#newsmenu a {				color: #fff;				font-weight: bold;			}				.content-sidebar ul {			margin-left: 3em;		}	.content-sidebar,	#content-main {		font-size: 70%;		margin-top: 20px;		padding: 10px;	}	#sideboxcontainer {		float: right;		width: 195px;	}	.content-sidebar {		float: right;		width: 193px;	}		ul#subpagenav {			list-style-type: none;			font-size: 90%;			margin-bottom: 0;			margin-left: 0 !important;		}			ul#subpagenav a {				color: #3E4D6A;				font-weight: bold;			}			ul#subpagenav li ul {				margin: 0 0 0 2em;				list-style-type: none;			}				ul#subpagenav li ul a {					font-weight: normal;					color: #999;				}						ul#subpagenav a:hover {				color: #39f;			}				#content-main {		width: 500px;		float: left;		font-size: 70%;		min-height: 600px;	}	* html #content-main {		height: 600px;	}		#content-main label {			font-weight: bold;			display: block;			float: left;			width: 150px;		}		#content-main input, 		#content-main textarea {			background: #F7F7F7;			border-right: 1px solid #B2B2B2;			border-bottom: 1px solid #B2B2B2;			font: inherit;			padding: 2px;			margin-bottom: 5px;			vertical-align: middle;			width: 200px;		}		#content-main select {			background: #F7F7F7;			border-right: 1px solid #B2B2B2;			border-bottom: 1px solid #B2B2B2;			width: 200px;			margin-bottom: 5px;			vertical-align: middle;		}		#content-main input.small {			width: 100px;		}		
#content-main input.radiobtn,
#content-main input.checkbox,
span.checkbox input {
	background: 0;
	border: 0;
	width: 14px !important;
	vertical-align: middle;
}		#content-main input#submit, 		#content-main input.submit {			width: 70px;		}		#content-main a {			font-weight: bold;		}		#content-main a:link {			color: #39f;		}		#content-main a:visited {			color: #3E4D6A;			border-bottom: 1px dotted #eee;		}		#content-main a:hover, 		#content-main a:active {			color: #3E4D6A;			border-bottom: 0;		}		#content-main h2 {			font-size: 220%;			font-weight: normal;			color: #3E4D6A;			margin-bottom: .6em;		}		#content-main h3 {			color: #6cc;			font-weight: normal;			font-size: 160%;		}			#content-main h3 a, 			#content-main h3 a:link {				color: #6cc;			}		#content-main h4 {			color: #333;			font-size: 120%;		}		#content-main ul, 		#content-main ol {			margin-left: 3em;		}			#content-main li {				margin-bottom: .5em;			}				.searchresult {			margin: 1.5em 0 0;		}		#contactinfo {			border-collapse: collapse;		}			#contactinfo tr, 			#contactinfo th, 			#contactinfo td {				border: 1px solid #eee;			}			#contactinfo th {				text-align: center;			}			#contactinfo th, 			#contactinfo td {				padding: .5em;			}				#contactinfo td p {					padding: .5em 0;					margin: 0 0 0 0;				}				form.lotteryform {			margin-bottom: 2em;		}		table.lotterynumbers {			border-collapse: collapse;		}			table.lotterynumbers th,			table.lotterynumbers td {				padding: 3px 1px;				vertical-align: middle;			}			table.lotterynumbers td.padright, 			table.lotterynumbers th.padright { 				padding-right: 20px;			}			table .lfhighlight {				background: #F7F7F7;			}				.whitebox {		background: #fff;		border-right: 1px solid #b0b0b0;		border-bottom: 1px solid #b0b0b0;	}		#footer {		margin-top: 20px;	}	* html #footer {		padding-top: 20px;	}		#footleft {			float: left;			width: 420px;		}			#footleft h4 {				color: #003;				font-size: 18px;				line-height: 56px;				font-weight: normal;			}		#footright {			float: right;			width: 282px;		}		#footer p, 		#footer ul {			font-size: 65%;			color: #c1c1c1;		}		#footer ul {			clear: both;			list-style: none;			margin: 20px 0 0;		}			#footer ul li {				display: inline;			}				#footer ul li a {					display: block;					float: left;					color: #999;					padding: 0 5px;					border-left: 1px solid #ccc;				}				#footer ul li.first a {					padding-left: 0 !important;					border-left: 0 !important;				}		#footer p {			padding: 5px 0;		}			#shopheader {		padding-top: 7px;	}		#shopbuttons {			height: 27px;			text-align: right;			padding-right: 259px;		}			#shopbuttons img {				padding-left: 10px;			}		#shoplogo, 		#shopsearchetc {			height: 141px;		}		#shoplogo {			background: #3E4D6A url(images/shop-welcome.gif) scroll no-repeat 90% 50%;			float: left;			width: 492px;			height: 141px;			margin-bottom: 15px;		}			#shoplogo h1 {				width: 151px;				height: 53px;			}				#shoplogo h1 img {					padding: 40px 0 0 15px;				}				#shoplogo h1 span {					display: block;					text-indent: -9999px;					font-size: .5em;				}			#shoplogo #shopwelcome {				display: block;				margin-left: 220px;				margin-top: -10px;			}		#shopsearchetc {			float: right;			width: 230px;			margin-bottom: 15px;			text-align: right;		}	#shopfrontmain {		clear: both;	}		#shophero {			float: left;			width: 591px;			height: 183px;			background: url(images/clothinghero.jpg) no-repeat;			border-right: 1px solid #fff;			border-bottom: 1px solid #fff;		}			#shophero ul {				width: 161px;			}				#shophero ul li.nolink {					height: 58px;				}				#shophero ul li.link {					height: 33px;				}				#shophero ul li a {					display: block;				}		#shopnewgoods {			float: right;			width: 111px;			height: 183px;			margin-right: 4px;		}			#shopnewgoods a, 			#shopnewgoods a:link {				color: #4E7191;			}		#shopnewgoods, 		.shopcat {			background: #fff;			border-right: 1px solid #b0b0b0;			border-bottom: 1px solid #b0b0b0;			text-align: center;			font: bold 90%/20px Arial, Sans-Serif;		}		.shopcat {			float: left;			width: 111px;			height: 95px;			margin: 10px 15px 0 0;		}			.shopcat a, 			.shopcat a:link {				color: #000;			}		.shopcatlast {			margin-right: 0;		}				#shopfooter {			width: 752px;			margin: 0 auto;			text-align: center;			font-size: 65%;		}			#shopfooter ul {				list-style: none;				color: #c1c1c1;			}				#shopfooter ul li {					display: inline;				}			#shopfootnavbar {				width: 100%;				height: 37px;				margin-bottom: 50px;				background: #3E4D6A;			}				#shopfootnavbar ul {					background: #808080;				}					#shopfootnavbar ul li {						float: left;						padding-right: 35px;					}						#shopfootnavbar ul img {							display: block;						}			ul#shopcatlinks {				width: 70%;				margin: 0 auto 40px auto;			}				ul#shopcatlinks li {					padding: 0 10px;				}					ul#shopcatlinks li a {						font-weight: bold;						color: #3E4D6A;					}			ul.footerlinks li a {				color: #999;				padding: 0 5px;				border-left: 1px solid #ccc;			}			ul.footerlinks li.first a {				padding-left: 0 !important;				border-left: 0 !important;			}	#shopinner {		}		#shopcatlist {			background: #ccc;			float: left;			width: 150px;			padding: 20px 0 5px 0;		}			#shopcatlist h2, 			#shopcatlist ul li ul.SubCategories {				display: none;			}			#shopcatlist ul {				list-style: none;				font-size: 65%;			}				#shopcatlist ul li {					margin-bottom: 0 !important;					border-bottom: 1px dotted #999;				}					#shopcatlist ul li strong {						font-weight: normal;					}					#shopcatlist ul li a {						display: block;						color: #000;						font-weight: normal;						padding: 2px 10px;					}		#shopcontent {			float: left;			width: 365px;			margin: 0 15px;		}			table.list_productdisplay {				border-collapse: collapse;			}				table.list_productdisplay tr.prodrow {					background: #fff;				}					table.list_productdisplay tr.prodrow td {						padding: 5px;					}						table.list_productdisplay tr.prodrow td table {							margin-left: -2px;						}							table.list_productdisplay tr.prodrow td table td {								padding: 0;								font-size: 90%;							}								table.list_productdisplay tr.prodrow td table td b {									color: #333;								}						table.list_productdisplay tr.prodrow strong.prodtitle {							color: #3E4D6A;						}						table.list_productdisplay tr.prodrow div.productdesc {							color: #999;							font-size: 90%;						}						input.wpsc_buy_button {							display: block;							float: right;						}				table.list_productdisplay tr.prodspace {					height: 10px;				}		#shopcart {			float: right;			width: 205px;		}			#shopcart .whitebox {				padding: 10px 10px 0 10px;			}			#shopcart h2 {				color: #f93;				font-size: 80%;				font-family: Verdana, sans-serif;			}			#shopcart ul {				list-style: none;			}					p.visitshop,			p.empty {				font-size: 75%;				margin: 2em 0 !important;			}				p.visitshop a {					color: #3E4D6A;					font-weight: bold;				}					/* WIDGETS */h3.volunteering {	font-size: 180%;	line-height: 1.3;	height: 80px;	background: url(images/question_mark.gif) no-repeat top left;	padding-left: 63px;	margin-bottom: -10px;}	h3.volunteering a, 	h3.volunteering a:link {		display: block;		color: #39f;		font-weight: normal;		padding: 10px 0 0 0;	}h3.onlineshop {	font-size: 160%;	line-height: 1.3;	height: 80px;	background: url(images/shopiconwidg.gif) no-repeat top left;	padding-left: 105px;	margin: -10px 0;}	h3.onlineshop a, 	h3.onlineshop a:link {		display: block;		color: #39f;		font-weight: normal;		padding: 16px 0 0 0;	}	div.changing-story-widget {	font-size: 90%;}	div.changing-story-widget img {		display: block;		float: right;		width: 70px;		margin: 0 0 0 5px;		border-right: 1px solid #b0b0b0;		border-bottom: 1px solid #b0b0b0;	}	div.changing-story-widget h2 {		font-size: 140%;		margin: 5px 0 2px;	}	div.changing-story-widget p {		margin-bottom: 5px;	}	div.changing-story-widget a {		color: #39f;	}div.adobe-reader {	font-size: 90%;}	div.adobe-reader a {		color: #3E4D6A;	}	div.adobe-reader img {		display: block;		float: right;	}	div.contact-widget {	background: #DEDEDE;	margin-bottom: 5px;}	div.contact-widget h3,	div.contact-widget h2, 	div.contact-widget p {		background: #F8F8F8;		padding: 5px;		margin-bottom: 5px;		font-size: 100%;		font-family: Verdana;		color: #444;	}	div.contact-widget p {		font-weight: normal;		color: #666;		margin-bottom: 0;		font-size: 90%;	}		div.contact-widget p a {			color: #66CCDB;		}	div.sociable h2 {	font-size: 130%;	margin: 5px 0 2px;	color: #33ACFF;}	.clearer { clear: both; }.normargin { margin: 0 0 0 0; }.nolimargin li { margin-bottom: 0 !important; }.nolimargin li img { display: block; }.nobullets {	list-style: none;	margin-left: 0 !important;}.leftalign, .alignleft {	float: left; }.rightalign, .alignright { float: right; }.center, .aligncenter { margin: 0 auto; }/* colours */.orange { color: #f93; }.blue { color: #39f; }.darkblue { color: #3E4D6A; }.grey { color: #999; }/* effects */.bold { font-weight: bold; }.unbold { font-weight: normal; }.italic { font-style: italic; }/* sizes */.small { font-size: 90%; }/* images */img.postimg {	display: block; }img.fullwidth { width: 500px; }img.halfwidth { width: 250px; }img.quarterwidth { width: 125px; }img.alignleft { margin-right: 10px; }img.alignright { margin-left: 10px; }div.sociable { margin: 16px 0; }span.sociable_tagline { position: relative; }span.sociable_tagline span { display: none; width: 14em; }span.sociable_tagline:hover span {	position: absolute;	display: block;	top: -5em;	background: #ffe;	border: 1px solid #ccc;	color: black;	line-height: 1.25em;}.sociable span {	display: block;}.sociable ul {	display: inline;	margin: 0 !important;	padding: 0 !important;}.sociable ul li {	background: none;	display: inline !important;	list-style-type: none;	margin: 0;	padding: 1px;}.sociable ul li:before { content: ""; }.sociable img {	float: none;	width: 16px;	height: 16px;	border: 0;	margin: 0;	padding: 0;}.sociable-hovers {	opacity: .4;	-moz-opacity: .4;	filter: alpha(opacity=40);}.sociable-hovers:hover {	opacity: 1;	-moz-opacity: 1;	filter: alpha(opacity=100);}#disclaimer{	padding: 10px;	margin-bottom:10px; 	background-color:#D8E6F0; 	color:#000000;}

.imagecol div {
	font-size: 10px;
	color: #444;
	text-align: center !important;
	line-height: 12px !important;
	font-weight: bold;
	margin-left: -5px;
}
