/*
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 Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

a, a:visited
{
	color: #4F1F75;
}

a:hover
{
	color: #4F1F75;
	text-decoration: none;
}

h1, h2, h3 
{ 
	color: #4F1F75; 
}
	h1 { font-size: 16px; }
	h2 { font-size: 14px; }
	h3 { font-size: 12px; }

textarea
{
	font-family: Arial, Verdana, 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;
}

.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;
	background: white;
}


#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: #009CDE; /*theme update: button color*/
		border: 1px solid white;
	    color: #fff;
		cursor: pointer;
		float: none;
		font-size: 12px;
		margin-right: 0px;
		margin-top: 1px;
		padding: 1px;
		text-align: center;
		width: 20px;
	}
	
	#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: #6E1687;
	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;
	}
	
	#charitypage #bodywrapper, #specials #bodywrapper, #giftcard #bodywrapper, #xmasparades #bodywrapper, #fashionshow #bodywrapper, #kidsspace #bodywrapper, #zhuzhu #bodywrapper, #top10 #bodywrapper /*rw to allow catalogues, giftcard, xmas, fashionshow and kids space to use full width of page*/
	{
	width: 955px;
	max-width: none;
	}
	
	#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 
	{

	}	
		
		#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 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;
		padding-bottom:15px;
		width: 300px;
	}
	#articleBody ul.grid p
	{
		text-align: left;
	}
	#articleBody ul.grid li.alt
	{
		/*background-color:#FFC;*/
	}
	#articleBody ul.grid h3, ul.grid img
	{
		text-align:center;
	}
		#articleBody ul.grid li
	{
		padding-bottom: 20px;
	}
		#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;
	}
	
		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 Arial, Verdana, Helvetica, sans-serif, 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;
		}
		
		#bodywrapper #relatedContent a:hover
		{
			color: black;
		}
		
		#bodywrapper #relatedContent h3
		{
			color: black;
			margin: 0;
		}

#rightpanel
{
	float: right;
	width: 204px;
	margin: 1px 0 5px 0;
	text-align: left;
	padding: 5px;
}

	#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: #6E1687;
		height: 31px;
		left: 0px;
		line-height: 30px;
		padding-left: 5px;
		position: absolute;
		text-align: left;
		top: 151px;
		width: 230px;
	}
		ul#minorpanels .minorpaneltext a { 
			color: white;
			}

/*Footer CSS start*/

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

#footer-logo img {
	float: right;
	margin-right: 5px;
}

.ftitle {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	font-weight:bold;
    color: #333;
	padding-left: 20px;
	margin-bottom: -8px;
}

#footerlist li {
	list-style: none;
	margin-left:-22px; 
}

#footerlist li a {
	font-family:Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #666;
	text-decoration:none;
	border-bottom: 1px solid #333;
}

#footerlist li a:hover {
	color: #333;
}

#footerlist li a:visited {
	color: #333;
}

#section1 {
	float: left;
	height: 170px;	
	width: 195px;
	padding-top: 3px;
	border-right: dashed #ccc 1px;
}

#section2 {
	float: left;
	height: 170px;
	width: 190px;
	padding-top: 3px;
	border-right: dashed #ccc 1px;
}

#section3 {
	float: left;
	height: 170px;
	width: 190px;
	padding-top: 3px;
	border-right: dashed #ccc 1px;
}

#section4 {
	float: left;
	height: 170px;
	width: 170px;
	padding-top: 3px;
	/*border-right: dashed #561085 1px;*/
}
#section5 {
	float: left;
	height: 147px;
	width: 200px;
	padding-top: 3px;
}
/*Footer CSS ends*/

/* Simple Footer (for aspx pages) ends*/

#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;
	border: 1px solid #333;
}
	#charitypage #wrapper #bodywrapper #articleBody #charitylist {

	}
	
#charitypage #wrapper #bodywrapper #articleBody #charitylist #charity {
	text-align: justify;
	width: 250px;
	float: left;
	padding: 10px;
	background-color: #FFF;
	height: 445px;
	margin: 0px 10px 25px 10px;
	border: 1px solid #000;
}

#charitypage #wrapper #bodywrapper #articleBody #charitylist #charityfirst {
	text-align: justify;
	width: 250px;
	float: left;
	padding: 10px;
	background-color: #FFF;
	height: 445px;
	margin-left: 40px;
	margin-right: 10px;
	border: 1px solid #000;
}


#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;
		}