/*

Website Colours:

Masthead: #C4522E

Headings: #4F1F75

Standard Links: #4F1F75

Credit: #999999

*/

body, html {
	text-align: center;
	margin: 2px auto 0;
	padding: 0px;
	font: 12px/20px "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;;
	color: #333;
}
a, a:visited {
	color: #333;
}
a:hover {
	color: #1F1F1F;
	text-decoration: none;
}
h1, h2, h3 {
	color: #333;
}
h1 {
	font-size: 20px;
	text-align: left;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}
textarea {
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333;
}
fieldset {
	border: none;
	margin-bottom: 20px;
}
legend {
	color: #006EAB;
	padding: 0 2px;
}
label {
	cursor: pointer;
	float: left;
	padding-left: 15px;
	width: 150px;
}
fieldset ol {
	margin: 0;
	padding: 0;
}
fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
fieldset em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
.areacode {
	width: 20px;
}
/*\*//*/ legend { display: inline-block; } /* IE Mac legend fix */



img {
	border:0;
	text-align: left;
}
.credit {
	font-size: 10px;
	color: #999999;
}
.clear {
	clear: both;
	height: 0;
	margin: 0;
	line-height: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.indent {
	padding-left: 40px;
}
.validationtxt {
	position: absolute;
	top: 0;
}
#wrapper {
	width: 965px;
	margin: 0px auto;
	/* [disabled]background: white; */
	text-align: left;
}
#adbanner {
	display: none;
	height: 90px;
	margin-top: 0;
	margin-bottom: 2px;
	width: 965px;
}
#adbanner a {
	text-decoration: none;
}
#adbanner a:hover {
	text-decoration: underline;
}
#utils {
	width: 415px;
	float: right;
	margin-right: 15px;
}
#utils #search {
	float: right;
	margin: 0;
	padding: 2px 0 0 0;
}
#utils #search input.submitlink {
	background-color: white; /*theme update: button color*/
	border: 1px solid #212121;
	color: #212121;
	cursor: pointer;
	float: none;
	font-size: 12px;
	margin-right: 0px;
	margin-top: 1px;
	padding: 1px;
	text-align: center;
	width: 30px;
	height: 24px;
}
#utilslinks {
	float:left;
}
#utilslinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#utilslinks li {
	float: left;
	margin: 0;
}
#utilslinks a {
	width: 100px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 2px;
}
#utilslinks a:hover, #utilslinks a:focus {
	text-decoration: underline;
}
#farmers /*theme update: header color*/ {
	background: #212121;
	width: 965px;
	height: 68px;
}
#farmers label {
	color: #FFFFFF;
	display:block;
	float: left;
	width: 60px;
}
#farmers .logo {
	float: left;
}
#printbanner {
	display: none;
}
#bodywrapper {
	/*border: 1px solid red;*/

	float: left;
	width: 720px;
	text-align: left;
	padding-left: 10px;
	max-width: 60em;
}
#bodywrapper100 {
	/*border: 1px solid red;*/

	float: left;
	width: 950px;
	text-align: left;
	padding-left: 10px;
	max-width: 60em;
}
#bodywrapper .clear {
	clear: both;
	margin : 1em;
	line-height : 1em;
}
#home #bodywrapper, #xmas #bodywrapper /*rw to correct layout for homepage and Santa's Clubhouse*/ {
	width: 965px;
	padding-left: 0;
	max-width: none;
}
#manchesterbuyingguide #bodywrapper, #whatson #bodywrapper, #sleepyhead #bodywrapper, #charitypage #bodywrapper, #specials #bodywrapper, #giftcard #bodywrapper, #xmasparades #bodywrapper, #fashionshow #bodywrapper, #kidsspace #bodywrapper, #zhuzhu #bodywrapper, #top10 #bodywrapper /*rw to use full width of page*/ {
	width: 955px;
	max-width: none;
}

/* Sleepyhead starts */

#sleepyhead #articleBody p {
	color: #FFFFFF;
}
#sleepyhead #articleBody h1, #sleepyhead #articleBody h2, #sleepyhead #articleBody h3 {
	color: #F60;
}
#sleepyhead #articleBody .intro {
	font-size: 14px;
}
#sleepyhead #articleBody a {
	color:#F60;
}

/* Sleepyhead ends */


/* jQuery Accordion starts */

#accordion {
		margin-bottom: 10px;
}
	
	h2.acc_trigger {
		background-color: #580C4C;
		border-top: 1px solid white;
		padding: 0;	
		margin: 0 0 0px 0;
		height: 20px;	
		line-height: 20px;
		width: 902px;
		font-size: 14px;
		font-weight: normal;
		float: left;
	}
	h2.acc_trigger a {
		color: white;
		text-decoration: none;
		display: block;
		padding: 0 0 0 15px;
	}
	h2.acc_trigger a:hover {
		color: #ccc;
	}
	h2.active {background-position: left bottom;}
	.acc_container {
		margin: 0 0 5px; 
		padding: 0;
		overflow: hidden;
		width: 900px;
		clear: both;
		background: #f0f0f0;
		border: 1px solid #d6d6d6;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.acc_container .block {
		padding: 20px;
	}

/* jQuery Accordion ends */

#brands #bodywrapper /*rw to allow for brands right column*/ {
	width: 500px;
	max-width: none;
}
#bodywrapper #articleTitle {
	/*border: 1px solid green;*/

		margin-top: 10px;
}
#bodywrapper #articleBody {
	padding-left: 0px;
}
#bodywrapper #articleBody #articlecontents h1 {
	padding-top: 40px;
}
#bodywrapper #articleBody #articlecontents.revlon p {
	padding-top: 65px;
	font-size: 14px;
}
#bodywrapper #articleBody #articlecontents img.left {
	margin-right: 20px;
}
#bodywrapper #articleBody img.clear {
	clear: both;
}
#bodywrapper #articleBody img.storeroles {
	float: right;
	margin-left: 3em;
	margin-bottom: 1em;
}
#bodywrapper #articleBody ul.brandslist {
	list-style: none;
	margin: 0;
	padding: 0;
}
#bodywrapper #articleBody ul.brandslist li {
	float: left;
	text-align: center;
	height: 100px;
	margin: 0 1em 1em 0;
	width: 140px;
}
#bodywrapper #articleBody #callout {
	float: right;
	border: 1px solid #ccc;
	padding: 5px;
}

#bodywrapper #articleBody dl.competitionwinners dt
{
	font-weight: bold;
}
	#bodywrapper #articleBody dl.competitionwinners dd
	{
		line-height: 120%;
		margin-left: 15px;
		margin-bottom: 10px;
	}


#bodywrapper #articleBody ul#giftcards {
	width: 500px;
}
#bodywrapper #articleBody ul#giftcards li {
	float: left;
	height: 90px;
	list-style:none;
	margin: 0 5px 0 0;
	width: 120px;
}
#articleBody ul.grid {
	margin:0;
	padding:0;
	list-style: none;
}
#articleBody ul.grid li {
	float: left;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	width: 265px;
}
#articleBody ul.grid p {
	text-align: left;
	margin-top: -10px;
	font-size: 12px;
}
#articleBody ul.grid li.alt {
/*background-color:#FFC;*/

	}
#articleBody ul.grid h3, ul.grid img {
	text-align:center;
	margin-left: 0px;
}
#articleBody ul.grid li {
	border: 1px #666 dashed;
	margin-left: 10px;
	padding-top: 5px;
	margin-bottom: 10px;
}
#articleBody ul.grid li ul li {
	padding-bottom: 0;
}
#bodywrapper #articleBody #specials {
}
#specials #wrapper #bodywrapper #articleBody #specialspagetv {
	height: 300px;
}
#specials #wrapper #bodywrapper #articleBody #specialspagetv #tvad {
	width: 475px;
	float: right;
	margin-right: 20px;
}
#bodywrapper #articleBody #specials .catalogue {
	float: left;
	margin: 10px;
}
#bodywrapper #articleBody #specials .cataloguetext {
	float: left;
}
#bodywrapper #articleBody #specials .clear {
	clear: left;
}
div.storedetails {
	float: left;
	width: 300px;
}
dl.storehours {
	float: left;
	width: 400px;
}
dl.storehours dt {
	clear: left;
	float: left;
	margin-bottom: 5px;
	width: 200px;
	font-weight: bold;
}
dl.storehours dd {
	float: left;
	margin: 0 0 5px 15px;
	width: 150px;
}
#bodywrapper #articleBody #mapwrapper {
	width: 955px;
}
#bodywrapper #articleBody #mapwrapper #mapcol {
	display: block;
	float: left;
	width: 300px;
	margin-right: 10px;
}
#bodywrapper #articleBody #mapwrapper #mapcol h4 {
	margin: 0 0 5px 0;
}
#bodywrapper #articleBody #mapwrapper #mapcol #A, #B, #C, #D, #E, #F, #G, #H, #I, #J, #K, #L {
	display: block;
	float: left;
	padding: 10px;
	background:#CCCCCC;
	/*change to 230 when borders turned off*/

		width: 230px;
}
#bodywrapper #articleBody #mapwrapper #mapbox {
	display: block;
	float: left;
	width: 475px;
	height: 500px;
	border:none;
}

/* Manchester Buying Guide starts */

#manchesterbuyingguide #bodywrapper {
		background: #23152F url(../images/PR/sleepyhead/background.jpg) repeat-x;
	}
	#manchesterbuyingguide #articleBody {
		float: left;
		width: 500px;
	}
	#manchesterbuyingguide #rightpanel {
		margin-right: 20px;
		width: 400px;	
	}
		#manchesterbuyingguide #rightpanel img {
			border: 1px solid #ccc;
		}
	
	#manchesterbuyingguide #manchesterslider {
		float: left;
		margin: 20px 0;
		width: 955px;
	}
		#manchesterbuyingguide #manchesterslider .wrapper p {
			color: black;	
		}

#manchesterbuyingguide #articleTitle {
	color: #FFF; 
	font-size: 24px;
	text-align: center; 
}

body#manchesterbuyingguide #bodywrapper h1, body#manchesterbuyingguide #bodywrapper p, body#manchesterbuyingguide #bodywrapper li {
		color: white;	
}

body#manchesterbuyingguide #bodywrapper a, body#manchesterbuyingguide #bodywrapper h2, body#manchesterbuyingguide #bodywrapper h3 {
	color: orange;
}
	
body#manchesterbuyingguide #bodywrapper h2 {
	font-size: 18px; 	
}

body#manchesterbuyingguide #bodywrapper h3 {
	font-size: 14px; 	
}

body#manchesterbuyingguide #bodywrapper li {
	padding-bottom: 10px;	
}

/* Manchester Buying Guide ends */

ul#sponsors {
	width: 500px;
}
ul#sponsors li {
	float: left;
	width: 250px;
}
#discountday #bodywrapper #articleBody h2 {
	margin-bottom: -10px;
}
#bodywrapper form#ContactUs fieldset {
	border: 1px solid #ccc;
	padding: .5em;
}
#bodywrapper form#ContactUs legend {
	display: none;
}
#bodywrapper form#ContactUs label {
	clear:left;
	display:block;
	float:left;
	width:100px;
}
#bodywrapper form#ContactUs input {
	border: 1px solid #ccc;
	margin-bottom: 1em;
}
#bodywrapper form#ContactUs input:focus {
	border: 1px solid #666;
}
#bodywrapper form#ContactUs textarea {
	font: 12px "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}
#bodywrapper form#ContactUs textarea:focus {
	border: 1px solid #666;
}
#bodywrapper form#ContactUs .prevaddress {
	float: left;
	width: 250px;
	margin: -10px 10px 0 0;
}
#bodywrapper form#ContactUs .curraddress {
	float: right;
	width: 250px;
	margin: -10px 150px 0 0;
}
/* 100 year story form starts */

	

	ul#storyform {
	list-style: none;
	margin-left: 0;
}
ul#storyform li {
	margin: 10px 0;
	position: relative; /* relative allows the validationtxt class to position the validation symbol to the top of this list item */
}
ul#storyform textarea {
	height: 200px;
	width: 400px;
}
/* 100 year story form ends */

	

	/* Competition application form starts */

	

	ul#competitionform {
	list-style: none;
	margin-left: 0;
}
ul#competitionform .checkboxorradiolabel label /* reset label properties for checkboxes or radiobuttons */ {
	float: none;
	width: 50px;
}
ul#competitionform h2 {
	margin-top: 20px;
}
ul#competitionform label {
	width: 200px;
}
ul#competitionform li {
	margin: 10px 0;
	position: relative; /* relative allows the validationtxt class to position the validation symbol to the top of this list item */
}
ul#competitionform textarea {
	height: 200px;
	width: 400px;
}
/* Competition form ends */

	

	ul#angieproduct {
	list-style: none;
}
ul#angieproduct li {
	float: left;
	margin-right: 10px;
	height: 300px;
	width: 200px;
	position: relative;
}
ul#angieproduct li.smallproduct {
	height: 120px;
}
ul#angieproduct li p {
	position: absolute;
	top:180px;
	left: 0;
}
#clubpenguincomp /* background image for club penguin form - also see IE fix CSS */ {
	background: url(../images/clubpenguin/comp-penguinbg.jpg) no-repeat;
	min-height:720px;
}
#bodywrapper #relatedContent {
	clear:both;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px;
	background-color: #999;
	border: 1px solid #ccc;
}
#bodywrapper #relatedContent a, a:active {
	color: white;
	text-decoration: underline;
}
#bodywrapper #relatedContent a:hover {
	color: black;
}
#bodywrapper #relatedContent h3 {
	color: black;
	margin: 0;
}
#rightpanel {
	float: right;
	width: 230px;
	text-align: left;
}
#brands #rightpanel {
	width: 430px;
	padding: 0;
}
#careers #rightpanel, #discountday #rightpanel {
	border: 1px solid #ccc;
}
#giftcard-about #rightpanel h1 {
	color: #DA152A;
}
#discountday #rightpanel h2 {
	color: #b80026;
	margin-top: 5px;
}
#farmerscard #rightpanel {
	margin-top: 10px;
	border: 1px solid #ccc;
}
#help #rightpanel.beauty /*rightpanel on Beauty Help page*/ {
	border: 1px solid #ccc;
}
#xmas #rightpanel, #santaparades #rightpanel, #fashionshow #rightpanel, #careers #rightpanel, #kidsspace #rightpanel { /*rightpanel on Xmas 2006 Santa Parades page, fashionshow, careers, kids space */
	display: none;
}
#careers #rightpanel.international {
	display: block;
}
#mainpanel {
	margin-bottom: 1px;
}
ul#minorpanels {
	list-style: none;
	padding: 0;
	margin: 0;
}
#xmas ul#minorpanels {
	display: none;
}
ul#minorpanels a {
	color: white;
	text-decoration: none;
}
ul#minorpanels a:hover {
	text-decoration:underline;
}
ul#minorpanels a:hover {
	cursor: pointer;
}
ul#minorpanels img {
	border: none;
}
ul#minorpanels li {
	background: white;
	float: left;
	height: 184px;
	margin: 0 8px 3px 0;
	position: relative;
	width: 235px;
}
ul#minorpanels li.lastminor {
	margin-right: 0;
}
ul#minorpanels li.border {
	border: 1px solid #FF0000;
	height: 182px; /*to compensate for border height*/
	width: 233px; /*to compensate for border width*/
}
ul#minorpanels .minorpaneltext {  /*theme update: minor panel text*/
	background-color: #fff;
	
	height: 31px;
	left: 0px;
	line-height: 30px;
	padding-left: 5px;
	position: absolute;
	text-align: left;
	top: 151px;
	width: 230px;
}
ul#minorpanels .minorpaneltext a {
	color: #666;
}

/*Footer CSS start*/

#footer-wrapper {
	text-align: left;
	background-color: #fff; /*change footer colour here, don't forget to update border colours to match*/
	width: 965px;
	height: 120px;
}

	#footer-wrapper dl {
		float: left;
		height: 120px;
		width: 190px;
		padding: 3px 0 0 10px;
		border-right: dashed #ccc 1px;
	}
	
		#footer-wrapper dl.lastsection {
			height: 147px;
			width: 160px;
			border-right: none;
		}
	
		#footer-wrapper dt {
			font-size: 11px;
			font-weight:bold;
			color: #333;
		}
		
		#footer-wrapper dd {
			list-style: none;
			margin-left: 0;
		}
			#footer-wrapper dd a {
				font-size: 10px;
				color: #666;
				text-decoration: underline;
			}
				#footer-wrapper dd a:hover {
					color: #333;
				}
				#footer-wrapper dd a:visited {
					color: #333;
				}
footer .facebooklike {
	display:inline;
	width:125px;}

/*Footer CSS ends*/



/* Simple Footer (for aspx pages) */

#simple-footer-wrapper {
	height: 25px;
	background: #F7ECF9;
	width: 965px;
	margin-top: 2px;
	text-align:left;
}
#simple-footer-wrapper #footer-logo {
	float: right;
	padding: 2px 5px;
	margin: 0;
}
#simple-footer-wrapper #nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#simple-footer-wrapper #nav-menu li {
	float: left;
	margin: 0;
	padding: 0;
}
#simple-footer-wrapper #nav-menu a {
	height: 25px;
	width: 100px;
	display: block;
	border-right: 1px solid #fff;
	color: #333;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
}
#simple-footer-wrapper #nav-menu a:hover, #nav-menu a:focus {
	text-decoration: underline;
}
/* Simple Footer (for aspx pages) ends*/





#charitypage #wrapper #bodywrapper #articleBody #charity_hero {
	width: 650px;
	margin-bottom: 25px;
	background-color: #FFFFFF;
	padding: 10px;
}
#charitypage #wrapper #bodywrapper #articleBody #charitylist {
}
#charitypage #wrapper #bodywrapper #articleBody #charitylist .charity {
	text-align: justify;
	width: 250px;
	float: left;
	padding: 10px;
	background-color: #FFF;
	height: 385px;
	margin: 0px 10px 25px 10px;
	border: 1px dotted #666;
}
#charitypage #wrapper #bodywrapper #articleBody #charitylist .charityfirst {
	margin-left: 40px;
	margin-right: 10px;
}
#charitypage #wrapper #bodywrapper #articleBody #charitylist .charity img {
	padding-left: 0px;
}
#bodywrapper #articleBody ul.photos {
	list-style: none;
	margin: 0;
	padding: 0;
}
#bodywrapper #articleBody ul.photos li {
	float: left;
	text-align: center;
	margin: 0 1em 1em 0;
}