/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	margin: 0 2px;
}
.button a, input.button{
	background: #000;
	border: 1px solid #696969;
	font-size: 90%;
	color: #fff;
	padding: 5px;
}
input.usbutton {
	background: #000;
	border: 1px solid #696969;
	font-size: 90%;
	color: #fff;
}
.left{
	float: left;
}
.right{
	float: right;
}

.button a:hover, input.button:hover{
	color: #FFF;
	background: #696969;
	border: 1px solid #696969;
}
input.button, input.button:hover{
	cursor: pointer;
	border: 1px solid #696969;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {	
	border: 1px solid #696969;
}
fieldset{
	border: 1px solid #696969;
}
/*Generic styles across all pages- This also contains all of the default colours and layouts from the initial web build. Overrides can be found in <PUBLICATIONCODE>_dynamic.aspx*/
*{
	padding: 0px;
	margin: 0px;
}
body{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(/images/body_bg.jpg) repeat-x #909090;
	padding-bottom: 10px;
	color: #fff;
}

a, a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #CCC;
}

ul{
	list-style: none;
}

img, img a{
	border:0;
}
img.left {
	float: left;
	margin-right: 10px;
}
img.right {
	float: right;
	margin-left: 10px;
}
p {
	margin: 5px 0 10px 0;
}

/* used as main heading */
h1 {
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 20px;
}
h1.overheader {
	position: absolute;
	top: 240px;
	left: 462px;
	z-index: 3000;
	width: 500px;
	height: 60px;
	font-size: 300%;
	text-align: right;
}
h2 {
	font-size: 110%;
}
h1, h2, h3{
	margin: 5px 0px 8px 0px;
}
/*seperate if visited is different*/
h2 a {
	text-decoration: none;
}
/*table styles*/
table{
}

th {
}

td {
	padding: 3px;
}

tr{
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
/* layout ids */
#frame{
	width: 982px;
	margin: auto;
	position: relative;
	height: auto;
}
#controlpanel {
	color: #fff;
	float: left;
	margin-top: 10px;
}
#innerframe {
	border: 1px solid #696969;
	border-bottom: 0 none;
	clear: both;
	width: 982px;
}
#colourframe {
	padding: 5px;
	background: #442349;
}
#bottomlogo {
	background: url(/images/bottomlogo-top-purple.jpg) bottom right no-repeat #442349;
	height: 30px;
}
#footer {
	border-top: 1px solid #fff;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
	background:url(/images/bottomlogo-bottom-purple.jpg) top right no-repeat #8C63AB;
	height: 50px;
	margin: 0px;
	width: 980px;
	clear: both;
	float: left;
}
#upperarea {
	clear: both;
	width: 970px;
	color:#fff;
}
#header{
	margin-top: 5px;
	clear: both;
	float: left;
}
#headerimage {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 968px; height: 248px;
	border: #696969 solid 1px;
}

#logo {
	position: absolute;
	top: 46px;
	left: 810px;
	z-index: 1000;
}
#login {
	position: absolute;
	top: 60px;
	left: 810px;
	width: 156px;
	text-align: center;
	color: #fff;
	height: 26px;
	z-index: 1000;
	padding-top: 5px;
}
#loginbg {
	position: absolute;
	top: 60px;
	left: 810px;
	width: 156px;
	height: 26px;
	background-color: #fff;
	filter:alpha(opacity=40); 
	-moz-opacity: 0.40; 
	opacity: 0.40;
	z-index: 1000;
}
#universalsearch {
	float: left;
	color: #fff;
	height: 20px;
}
#topnav {
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0;
	color: #fff;
}
#subnav {
	clear: both;
}
#crumbtrail {
	clear: both;
	border-bottom: 1px solid #696969;
	color: #fff;
	font-size: 80%;
	padding: 5px;
}
#home #content {
	clear: both;
	color: #fff;
	margin-top: 10px;
}
#content {
	clear: both;
	color: #fff;
	margin-top: 10px;
}
#contentleft {
	float: left;
	width: 653px;
	margin-left: 10px;
	clear: left;
}
#contentright {
	float: left;
	width: 270px;
	margin-left: 15px;
}
#contentfullwidth {
	margin: 0 10px;
}
/* nav styles */
#skiplinks {
left:-9000px;
position:absolute;
top:0;
z-index:20;
}
#controlpanel li {
	float: left;
	margin-left: 5px;
	border: 1px solid #696969;
	border-bottom: none;
}
#controlpanel a {
	display: block;
	color: #fff;
	padding: 5px 10px;
	font-weight: normal;
}
#controlpanel a:hover, #controlpanel a:focus {
	background-color: #696969;
}
#controlpanel a#fontsmall
{
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	float: left;
}

#controlpanel a#fontmedium
{
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
	float: left;
	padding-top: 4px;
}

#controlpanel a#fontlarge
{
	font-size: 16px;
	cursor: pointer;
	text-decoration: none;
	float: left;
	padding-top: 2px
}

#topnav ul{
}
#topnav li{
	float: left;
	border: 1px solid #696969;
	text-align: center;
	margin-right: 5px;
}
/* group nav */
#topnav li.tab1g {
	width: 89px;
}
#topnav li.tab2g {
	width: 133px;
}
#topnav li.tab3g {
	width: 93px;
}
#topnav li.tab4g {
	width: 125px;
}
#topnav li.tab5g {
	width: 120px;
}
#topnav li.tab6g {
	width: 135px;
}
#topnav li.tab7g {
	width: 120px;
}
#topnav li.tab8g {
	width: 104px;
	margin-right: 0;
}

#topnav a{
	display: block;
	color: #fff;
	padding: 5px 0;
	background-color: #000;
	font-weight: normal;
}
#topnav a:hover, #topnav a:focus {
	background-color: #696969;
}
#topnav a.selected {
	background-color: #442349;
}
#topnav li a{
}
#subnav ul {
	display: block;
	border: 1px solid #696969;
	background-color: #242424;
	float: left;
	width: 100%;
	padding: 3px 0;
}
#subnav li {
	float: left;
	display: block;
	margin: 0 5px;
}
#subnav li a {
	font-weight: normal;
	font-size: 90%;
}
#crumbtrail a {
	text-decoration: underline;
	font-weight: normal;
}
#footer ul{
	
}
#footer li{
	float: left;
	margin-left: 10px;
	line-height: 44px;
	padding-top: 3px;
	font-size: 90%
}
#footer img {
	margin-right: 5px;
}
#footer li a {
	color: #fff;
	font-weight: normal;
}
#footer a img {
	border: 0;
	
}
/*------------------------------- global basket ---------------------------------------*/
#basket-summary {
	float: left;
}
#basketsummaryframe{
height: 22px;
width:185px;
overflow: hidden;
color: #fff;
}
#controlpanel .basketbutton {	
	float: left;
}
#controlpanel .basketbutton a {
	background: url(/images/basket_bg.jpg) no-repeat left;
	display: block;
	padding-left: 28px;
	line-heigt: 22px;
} 
#controlbanel .basketbutton a:hover {
	background: url(/images/basket_bg-over.jpg) no-repeat left;
}
/* ------------------------- general look n feel styles ----------------------------- */
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.clearcontainer {
	clear: both;
}
.divider {
	border-top: 1px solid #696969;
	padding-top: 10px;
	clear: both;
}
.bigtext {
	font-size: 200%;
	line-height: 100%;
}
#contentleft .divider {
	width: 629px;
}
.lighttextarea {
	clear: both;
	background-color: #C7BDC9;
	margin: 0 15px 15px 0;
	padding: 8px;
	color: #000;
}
.lighttextarea a {
	color: #000;
}
.darktextarea {
	margin: 0 15px 15px 0;
}
#contentleft .lighttextarea {
	width: 613px;
}
.rightFeature, .rightFeatureAd {
	clear: both;
	border-bottom: 1px solid #696969;
	padding: 10px 0;
	float: left;
	width: 100%;
	font-size: 90%;
}
.rightFeature h2 {
	font-size: 120%;
	margin-bottom: 15px;
}
.rightFeature img {
	border: 1px solid #696969;
	float: right;
	margin-left: 10px;
}
.rightFeature li {
	background: url(/images/bullet.jpg no-repeat left 3px);
	padding-left: 10px;
}
.rightFeatureAd img {
	border: 1px solid #696969;
}
.rightFeaturetop {
	padding-top: 0;
}

form.snippet li {
	margin-bottom: 5px;
	list-style: none;
}
form.snippet li.type {
	width: 77%;
	float: left;
	clear: left;
}
form.snippet li.type label {
	width: 26%;
}
form.snippet li.submit {
	width: 22%;
	float: left;
	clear: none;
	font-size: 110%;
}
form.snippet label {
	width: 20%;
	display: block;
	clear: left;
	float: left;
}
.leftbox {
	margin-right: 10px;
}
a.buttonlink {
	display: block;
	background: #000;
	color: #fff;
	padding: 5px;
	float: left;
	font-weight: normal;
}
h2.signup {
	background: url(/images/signup.png) no-repeat left;
	padding-left: 53px;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 50px;
}
p.signup {
	margin-top: 0;
}
.emailafriend {
	background: url(/images/emailafriend.gif) no-repeat left;
	padding-left: 40px;
}
.addtofavourites {
	background: url(/images/addtofavourites.gif) no-repeat left;
	padding-left: 40px;
}
.sendtofriend-nrhs {
	float: right;
	margin-right: 15px;
}
.pdflink {
	background: url(/img/pdf-icon.jpg) no-repeat left;
	padding-left: 38px;
	line-height: 30px;
}
/*---------------------------- boxes --------------------------------*/
.featurebox {
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	font-size: 90%;
	margin-bottom: 15px;
}
.featurebox-1-wrhs {
	width: 627px;
}
.featurebox-2-wrhs {
	width: 305px;
}
.featurebox-2L-wrhs {
	width: 397px;
}
.featurebox-2R-wrhs {
	width: 214px;
}
.featurebox-3-wrhs {
	width: 198px;
}
.featurebox-2-nrhs {
	width: 458px;
}
.featurebox-3-nrhs {
	width: 300px;
}
.featurebox-4-nrhs {
	width: 221px;
}
.featurebox h2, .offerbox h2 {
	color: #fff;
	background-color: #000;
	padding: 5px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}
.featurebox h2 a, .offerbox h2 a {
	font-weight: normal;
}
.height105 {
	height: 105px;
}
.height125 {
	height: 125px;
}
.height207 {
	height: 207px;
}
.featurebox p {
	padding: 8px 8px 0 8px;
	margin: 0;
}
.advertbox-2-wrhs {
	width: 305px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	margin-bottom: 15px;
}
.advertbox-1-wrhs {
	width: 627px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	margin-bottom: 15px;
}
.advertbox-2-nrhs {
	width: 458px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	margin-bottom: 15px;
}
.advertbox-1-nrhs {
	width: 934px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	margin-bottom: 15px;
}
.offerbox {
	clear: both;
	background-color: #C7BDC9;
	margin: 0 0 15px 0;
	padding: 1px;
	color: #000;
	float: left;
	width: 99%;
}
.offerbox p {
	margin: 4px 8px;
}
.offerbox img {
	float: right;
	margin: 8px;
	border: 1px solid #696969;
}
.hsleft {
	float: left;
	width: 280px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.hsright {
	float: left;
	width: 340px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #C7BDC9;
	color: #000
}
.lightfeaturebox {
	float: left;
	padding: 5px;
	width: 97%;
	background-color: #C7BDC9;
	color: #000;
	font-size: 90%;
}
.lightfeaturebox h2 a, .lightfeaturebox h3 a {
	color: #000;
}
.lightfeaturebox img {
	float: left;
	border: 1px solid #696969;
	margin: 0 5px 5px 0;
}
/*------------------- sitemap -------------------------*/
ul#sitemap {
	margin-left: 10px;
	list-style: disc inside;
}
ul#sitemap ul {
	margin-left: 20px;
	list-style: circle inside;
}
ul#sitemap a {
	font-weight: normal;
}