/*
Theme Name: Crown Paint Blog
Theme URI: http://blog.crownpaint.co.uk
Version: 1 (WP2.6.2)
Author: David flanagan
Author URI: http://blog.crownpaint.co.uk
Tags: Paint, colour
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



/*     colours
-----------------------------------------------
Light Brown font color		color:
Dark Brown font colour  	color: #786363;
Light Green font oolour  	color: #7BB90D;
Dark Brown font color


/*     fonts
-----------------------------------------------

Rockwell
Segeu UI

 												*/

/*	version: YYMMDD
----------------------------------------------- */

* { margin: 0; padding: 0; }
body { background-color: #FFFFFF; color: #666666; font: 62.5%/1.3 Arial, Helvetica, Geneva, sans-serif; min-width: 995px; }

a:link, a:visited { text-decoration: none; color:#666666}
a:hover, a:active { text-decoration: none; color:#666666}

p { padding: 0 0 0 0; }
p.notify { color: #ff0000 !important; font-weight: bold; }
img { border: none; }
input, select, table, textarea { font-size: 100%; }
ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
ul li { margin: 0; padding: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.hidden { display: none; }
.replace { background: no-repeat top left; overflow: hidden; position: relative; }
.replace span { background: no-repeat top left; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


.addthis_container {float:right;overflow:hidden;width:200px;text-align:right;padding-right:5px
	}

#comment {
	width: 300px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family:Georgia;
	color: #786363;
}


/*	Images
----------------------------------------------- */

.cfi align {
width:1000px;	
}


/*	Postshttp://blog.crownpaint.intra/?p=33&cpage=1
----------------------------------------------- */
.post{

	 color:#757575;
	 font-family:Arial;
	 
	 }

.post h2 {
	font-family:Georgia;
	color: #786363;
	font-weight:bold;
	text-decoration: none;
	font-size:14px}

.post h3 {
	font-family:Arial;
	font-size:8pt;
}


.post p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
}


.post p a {
	
	text-decoration:underline 
}

.PostComments {color: white; text-decoration: none; }
.PostComments:link {color: white; text-decoration: none; }
.PostComments:visited {color: white; text-decoration: none; }
.PostComments:hover {color: white; text-decoration: none; }
.PostComments:active {color: white; text-decoration: none; }

.more-link {color:#888888;text-decoration:underline;}
.more-link{color: #888888; text-decoration: underline; }
.more-link:link {color: #888888; text-decoration: underline; }
.more-link:visited {color: #888888; text-decoration: underline; }
.more-link:hover {color: #888888; text-decoration: underline; }
.more-link:active {color: #888888; text-decoration: underline; }


.PostTitleContainer {width:340px;vertical-align:middle;
	overflow: auto;
	width: 100%
}
.PostTimeStamp	{padding-top:0px;float:left;width:70px;height:70px;background: url(Images/Postdatebkd.png) center top no-repeat;text-align:center;color:white;}
.PostTimeStamp h2 {color:white;font-size:22px }
.PostTimeStamp h3 {font-family:Georgia;} 
.PostTitle	{float:left;padding-left:0px;width:270px}

.PostTitle h2 {font-family:'Rockwell'; font-size: 16pt; color: #6D5757; text-decoration: none; padding-top: 5px; font-weight:normal}
.PostTitle h2 a:link, a:visited { color:blue; text-decoration: none;color: #6D5757; }


.PostTitle h3 {font-family:'Arial'; font-size: 7.5pt; color:#786363; text-decoration: none; clear: both; display: block; margin-top: -5px; margin-bottom: 5px;padding-top:5px; }

	

.PostTitle a:link, a:visited { color: #786363; text-decoration: none; }
.PostTitle a:hover, a:active { color: #786363; text-decoration: none; }


.categories {
	text-align:left;
	overflow: hidden;
	width: 100%;
	height:auto;
 	list-style:none;
 	margin:0px;
 	padding-left:0px;
	}

.MainDivider {
	padding-top:10px;
	background: url(Images/LongSeperator.png) center top no-repeat;
	overflow: hidden;
	width: 100%;
	float:left;
/*	clear:both;	 */
}
.HalfDivider{
	
	padding-top:10px;
	background: url(Images/PostSeperator.png) center top no-repeat;
	overflow: auto;
	width: 100%;

}
.SideDivider{
	background: url(Images/SideBarDivider.png) center top no-repeat;
	overflow: auto;
	width: 100%;}

.postCommentsLink
{
	width:110px;
	height:17px;
	background-image: url(images/SubmitComment.png);
	background-repeat:no-repeat;
	text-decoration: none;
	color:white;
	font-family:'Rockwell';
	font-size:10px;
	line-height:1.3em;	
	margin-top:10px;
	margin-bottom:10px;
}

.PostComments 
{
	padding-left:5px;
	color:white;
 
}

.PostComments a 
{
	padding-left:5px;
	color:white;
	 
}



/*	Accessibility
----------------------------------------------- */
ul#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
div#ContainerWrapper { width: 100%; background-color: #f1f1e7; overflow: hidden;margin:auto; }

/*  Page Structure
----------------------------------------------- */

/*	div#Header - Font-Size is 12px
----------------------------------------------- */
div#HeaderContainer { width: auto; height: 94px; background: #3e3432 url(Images/HeaderBg.jpg) center top no-repeat; }
div#Header { width: 995px; margin: 0 auto 0 auto; font-size: 1.2em; text-align: left; }

/*	div#Branding
----------------------------------------------- */
div#Branding { width: 148px; }
div#Branding img { margin: 10px 0 0 15px; }

form#aspnetForm { min-width: 995px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;overflow:hidden }
.hidden { display: none; }
.replace { background: no-repeat top left; overflow: hidden; position: relative; }

/*	div#Container
----------------------------------------------- */
div#Container { margin: 0 auto; width: 962px; }


.RecentCommentsRollups ul li a {height:24px;background-image:url('images/PostBackGrnd.png');width:164px;;background-repeat:no-repeat;}


/*	div#NavigationPrimary - Font-Size is 12px
----------------------------------------------- */
div#NavigationPrimary { font-size: 1.2em; width: 962px; text-align: right; margin: 0 auto 0 auto; position: relative; }
div#NavigationPrimary ul { list-style: none; overflow: hidden; position: absolute; right: 10px; top: -35px; }
div#NavigationPrimary li { float: left; }
div#NavigationPrimary li a { display: block; height: 31px; margin-right: 10px; }
div#NavigationPrimary li a { background: transparent url('images/CrownblogNavigator.png') 0 -64px no-repeat; cursor: pointer;}

div#NavigationPrimary .page-item-2 a { width: 90px;}
div#NavigationPrimary .page-item-7 a { width: 105px;}
div#NavigationPrimary .page-item-8 a { width: 80px;}
div#NavigationPrimary .page-item-10 a { width: 60px;}
div#NavigationPrimary .page-item-12 a { width: 80px;}

div#NavigationPrimary .page-item-2 a { background-position: 0 -64px;  }
div#NavigationPrimary .page-item-7 a { background-position: -90px -64px;  }
div#NavigationPrimary .page-item-8 a { background-position: -195px -64px; }
div#NavigationPrimary .page-item-10 a { background-position: -275px -64px; }
div#NavigationPrimary .page-item-12 a { background-position: -335px -64px; }

div#NavigationPrimary .page-item-2 a:hover { background-position: 0 -32px;  }
div#NavigationPrimary .page-item-7 a:hover { background-position: -90px -32px;  }
div#NavigationPrimary .page-item-8 a:hover { background-position: -195px -32px; }
div#NavigationPrimary .page-item-10 a:hover { background-position: -275px -32px; }
div#NavigationPrimary .page-item-12 a:hover { background-position: -335px -32px; }


div#NavigationPrimary li#NP01 a { width: 61px; }
div#NavigationPrimary li#NP02 a { width: 133px; }
div#NavigationPrimary li#NP03 a { width: 117px; }
div#NavigationPrimary li#NP04 a { width: 77px; }
div#NavigationPrimary li#NP05 a { width: 104px; }
div#NavigationPrimary li#NP06 a { width: 81px; }
div#NavigationPrimary li#NP01 a span { }
div#NavigationPrimary li#NP02 a span { background-position: -71px -64px; }
div#NavigationPrimary li#NP03 a span { background-position: -213px -64px; }
div#NavigationPrimary li#NP04 a span { background-position: -338px -64px; }
div#NavigationPrimary li#NP05 a span { background-position: -422px -64px; }
div#NavigationPrimary li#NP06 a span  { background-position: -531px -64px; }
div#NavigationPrimary li#NP01 a:hover span {  background-position: 0 -32px;  }
div#NavigationPrimary li#NP02 a:hover span { background-position: -71px -32px; }
div#NavigationPrimary li#NP03 a:hover span { background-position: -213px -32px; }
div#NavigationPrimary li#NP04 a:hover span { background-position: -338px -32px; }
div#NavigationPrimary li#NP05 a:hover span { background-position: -422px -32px; }
div#NavigationPrimary li#NP06 a:hover span  { background-position: -531px -32px; }


/* This will enable the home locator but will not implement just yet DF

body.paint-and-colour div#NavigationPrimary li#NP02 a span { background-position: -71px 0px; }
body.schemes div#NavigationPrimary li#NP03 a span { background-position: -213px 0px; }
body.inspiration div#NavigationPrimary li#NP04 a span,
body.trends div#NavigationPrimary li#NP04 a span { background-position: -338px 0px; }
body.help-and-advice div#NavigationPrimary li#NP05 a span,
body.crown-tv div#NavigationPrimary li#NP05 a span { background-position: -422px 0px; }
body.my-ideas div#NavigationPrimary li#NP06 a span  { background-position: -531px 0px; }*/


/*	div#Content
----------------------------------------------- */
div#Content{ clear: both; font-size: 1.2em;width:auto; }

/*	div#ContentPrimary
----------------------------------------------- */
div#ContentPrimary { width: 756px; margin-top: 10px; background: #FFFFFF url(images/ContentBg.png) left bottom no-repeat; float: left; padding-bottom: 20px; position: relative; }
div#ContentPrimary h1 { background: #FFFFFF url('images/ContentBg.png') right top no-repeat; }
div#ContentSecondary { font-size: 1.2em; width: 199px; float: right; margin: 10px 0 0 0; padding: 0; } 
div#ContentSecondary { font-size: 1em; }
div#ContentSecondary div.myideas-content-container { background: transparent url(images/ContentSecondaryBg.png) left bottom no-repeat; background-color:#FFFFFF;  padding-bottom: 20px;  }
div#ContentSecondary div.my-ideas-header { background: transparent url(images/ContentSecondaryBg.png) right top no-repeat; }
div#ContentSecondary div.mysamples-content-container { background: #FFFFFF url(images/ContentSecondaryPlainBg.png) left bottom no-repeat;  padding-bottom: 20px; }
div#ContentSecondary div.mysamples-content-container h2 { background: transparent url(images/ContentSecondaryPlainBg.png) right top no-repeat; padding: 10px 10px 0 18px; }
div#ContentPrimary h1 { padding: 8px 8px 0; position: relative; }
div#ContentPrimary h1 span { display: block; min-height: 147px; }
div#ContentPrimary h1 a { position: absolute; display: block; width: 220px; height: 50px; bottom: 15px; left: 105px; font-size: 1em; font-size: 0.45em; }
div#ContentPrimary h2.intro { color: #b7b07d; font-size: 1.25em;font-weight: normal; text-align: center;  }
div#ContentPrimary h3.intro-trends { color: #b7b07d; font-size: 1.25em;font-weight: normal; text-align: center;  }
/* Single colour block
-----------------------------------------------------*/
div.single-colour-block { width: 30px; height: 25px; background: transparent url(../Images/Content/ColourSingles/Small/ColourSingleSmallBg.png) center top no-repeat; position: relative; }
div.single-colour-block a { width: 100%; height: 21px; display: block; position: relative; top: 2px; }
div.single-colour-block a span { display: none; }
div.single-colour-block .sv-left { width: 3px; height: 25px; position: absolute; background: transparent url(../Images/Content/ColourSingles/Small/ColourSingleSmallBg.png) left -25px no-repeat; left: 0; top: 0; }
div.single-colour-block .sv-right { width: 3px; height: 25px; position: absolute; background: transparent url(../Images/Content/ColourSingles/Small/ColourSingleSmallBg.png) right -50px no-repeat; right: -2px; top: 0; }
div.single-colour-block .sv-corner { position: absolute; top: -5px; right: 0px; width: 8px; height: 8px; display: block; }

div.single-colour-block-large { width: 39px; height: 31px; background: transparent url(../Images/Content/ColourSingles/Large/ColourSingleLargeBg.png) center top no-repeat; position: relative; }
div.single-colour-block-large a { width: 100%; height: 27px; display: block; position: relative; top: 2px; text-decoration: none; }
div.single-colour-block-large a span.name { width: auto; margin-left: 45px; display: block; }
div.single-colour-block-large .sv-left { width: 3px; height: 31px; position: absolute; background: transparent url(../Images/Content/ColourSingles/Large/ColourSingleLargeBg.png) left -31px no-repeat; left: 0; top: 0; }
div.single-colour-block-large .sv-right { width: 3px; height: 31px; position: absolute; background: transparent url(../Images/Content/ColourSingles/Large/ColourSingleLargeBg.png) right -62px no-repeat; right: -2px; top: 0; }
div.single-colour-block-large .sv-corner { position: absolute; top: -3px; right: 1px; width: 8px; height: 8px; }

div.scbel { width: 106px; height: 81px; background: transparent url(../Images/Content/ColourSingles/eLarge/SingleColoureLargeBg.png) center top no-repeat; position: relative; float: left; }
div.scbel div { width: 100%; height: 76px; display: block; position: relative; top: 2px; }
div.scbel .sv-left { width: 3px; height: 82px; position: absolute; background: transparent url(../Images/Content/ColourSingles/eLarge/SingleColoureLargeBg.png) left -82px no-repeat; left: 0; top: 0; }
div.scbel .sv-right { width: 3px; height: 82px; position: absolute; background: transparent url(../Images/Content/ColourSingles/eLarge/SingleColoureLargeBg.png) right -164px no-repeat; right: -2px; top: 0; }
div.scbel .sv-corner { position: absolute; top: 0px; right: 1px; width: 8px; height: 8px; }



/* SideBar
---------------------------------------*/



/* Trends
-------------------------------------- */
body.trends #ContentPrimary h1 span { min-height: 0; padding: 20px 0 10px 30px; }
body.trends #ContentPrimary h2 { margin: 0 0 0 0px; }
body.trends #ContentPrimary p,
body.trends #ContentPrimary h4 { color: #6e5858; }
body.trends #ContentPrimary #trends-magazine { position:absolute; right:32px; top:44px; }

body.trends #ContentPrimary div.intro { margin: 1.3em 320px 20px 40px; }
body.trends #ContentPrimary div.intro p { color:#786363; margin:0 0 10px; }
body.trends #ContentPrimary div.intro p.first { color:#B8A278; font-size:1.2em; }
body.trends #ContentPrimary div.intro ul.bullets { color: #988670; font-weight: bold; }
body.trends #ContentPrimary div.body { margin: 0 20px 10px 40px; }
body.trends #ContentPrimary div.trends { background:transparent url(../Images/Content/Trends/TrendsMainAreaBG.png) no-repeat scroll 0 28px; height:391px; margin:0 0 40px 42px; width:687px; }
body.trends #ContentPrimary div.trends h2.trends-header { background:transparent url(../Images/Content/Trends/Trends-Chooseatrend.png) no-repeat scroll 0 0; height:32px; margin-left:0; text-indent:-9999em; }

body.trends #ContentPrimary div.trends div#trendsMenu { background-image:url(../Images/Content/Trends/TrendsTabHeader.png); height:35px; margin:4px auto 6px; width:668px; }
body.trends #ContentPrimary div.trends div#trendsMenu h2 { text-indent: -9999em; margin-left: 0px; height: 32px; background: #e5f1cf url('../Images/Content/Trends/Trends-Chooseatrend.png') 0 0 no-repeat; }
body.trends #ContentPrimary div.trends div#trendsMenu ul { color: #6e5858; list-style: url('../Images/Content/Trends/ArrowBullet.png'); padding: 10px 0 10px 30px; line-height: 1.6; }
body.trends #ContentPrimary div.trends div#trendsMenu ul.secondary { border-top: 1px solid #e8e3de; }
body.trends #ContentPrimary div.trends div#trendsMenu ul li { float:left; margin-right:12px; }
body.trends #ContentPrimary div.trends div#trendsMenu ul li a { background-image:url(../Images/Content/Trends/TrendsNav.png); color: #6e5858; display:block; height:20px; margin-right:20px; text-decoration: none; text-indent:-9999px;}

body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Natural a { background-position:-1px -5px; width:147px; }
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Natural a.active,
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Natural a:hover { background-position:-1px -34px; width:147px; }

body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Living a { background-position:-171px -5px; width:98px; }
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Living a.active,
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Living a:hover { background-position:-171px -34px; width:98px; }

body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-ReUsing a { background-position:-297px -5px; width:65px; }
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-ReUsing a.active,
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-ReUsing a:hover { background-position:-297px -34px; width:65px; }

body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Treasuring a { background-position:-395px -5px; width:80px; }
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Treasuring a.active,
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-Treasuring a:hover { background-position:-395px -34px; width:80px; }

body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-NewDarks a { background-position:-515px -5px; width:78px; }
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-NewDarks a.active,
body.trends #ContentPrimary div.trends div#trendsMenu ul li#TM-NewDarks a:hover { background-position:-515px -34px; width:78px; }

body.trends #ContentPrimary div.trends div#trendsMenu ul li a.active { color: #7bba0e; }
body.trends #ContentPrimary div.trends div.trendSection { width: 687px; float: left; margin: 0 0 0 7px; }

body.trends #ContentPrimary div.trends div.trendSection div.trends-picture { float:left; margin-right:14px; width:330px; }
body.trends #ContentPrimary div.trends div.trendSection div.trends-text { float:left; padding-top:12px; width:320px; }

body.trends #ContentPrimary div.trends div#video { width: 470px; float: left; margin: 0 0 0 19px; }
body.trends #ContentPrimary div.trends div.trendSection h3 { background-image:url(../Images/Content/Trends/TrendsMainHeaders.png); height:27px; margin:0 0 1em; text-indent:-9999em; width:308px; }
body.trends #ContentPrimary div.trends div.trendSection p { margin: 0 0 1.3em; padding: 0; }

body.trends #ContentPrimary div.trends div#NaturalEnvironment h3 { background-position: 0 0; height:51px;}
body.trends #ContentPrimary div.trends div#LivingColour h3 { background-position: 0 -76px; height:25px; }
body.trends #ContentPrimary div.trends div#ReUsing h3 { background-position: 0 -131px; height:28px; }
body.trends #ContentPrimary div.trends div#Treasuring h3 { background-position: 0 -186px; height:28px; }
body.trends #ContentPrimary div.trends div#NewDarks h3 { background-position: 0 -239px; height:23px; }

body.trends #ContentPrimary div.trends div#judySmith h3 { background-position: 0 -222px; }
body.trends #ContentPrimary div.trends ul.colours li { float: left; margin-right: 10px; margin-bottom: 10px; }

body.trends #ContentPrimary div.body .row { clear: both; }
body.trends #ContentPrimary div.body .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body.trends #ContentPrimary div.body h2.trends-panel { background-image:url(../Images/Content/Trends/TrendsPanelHeader.png); background-repeat:no-repeat; height:16px; margin:6px 0 14px; text-indent:-9999px; width:164px; }
body.trends #ContentPrimary div.body .trends-person-profile { float:left; margin:0 10px 20px 0; width:330px; } 
body.trends #ContentPrimary div.body .trends-person-profile .profile-picture { float:left; width:134px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text { float:left; margin-left:14px; width:180px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text h3,
body.trends #ContentPrimary div.body .trends-person-profile .profile-text h4 { background-image:url(../Images/Content/Trends/TrendsPanelNames.png); display:block; text-indent:-9999px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text h3 { height:15px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text h4 { height:16px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h3-rebel-rebel { background-position:0 -2px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h4-rebel-rebel { background-position:0 -20px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h3-a-wright { background-position:-218px -5px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h4-a-wright { background-position:-218px -22px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h3-w-gagworthy { background-position:0 -65px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h4-w-gagworthy { background-position:0 -83px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h3-j-smith { background-position:-218px -67px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h4-j-smith { background-position:-218px -83px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h3-l-gray { background-position:0 -132px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h4-l-gray { background-position:0 -150px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h3-j-baxendale { background-position:-218px -134px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h4-j-baxendale { background-position:-218px -151px; }

body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h3-r-holm { background-position:0 -208px; }
body.trends #ContentPrimary div.body .trends-person-profile .profile-text .h4-r-holm { background-position:0 -227px; }



/*	div#Footer - Font-Size is 11px
----------------------------------------------- */
div#SiteInfoContainer { width: 100%; height: 100%;}
div#SiteInfoContainer div.footer-float { width: 100%; min-height: 60px; height: auto; background: #bfd5aa; }
div#SiteInfoWrapper { background-color: #FFFFFF; width: 100% }
div#SiteInfo { clear: both; font-size: 1.1em; width: 995px; margin: 0px auto 0px auto; padding-top: 10px; color: #baaeae; min-height: 50px; }
div#SiteInfo ul { margin:0 0 0 184px; overflow:hidden; padding:0 0 20px; }
div#SiteInfo ul li { float: left; margin-right: 10px; padding-top: 16px; }
div#SiteInfo ul li a { padding-right: 10px; background: transparent url(images/FooterBorder.png) right center no-repeat; text-decoration: none; color: #baaeae; }
div#SiteInfo ul li.last a { background: none; }
div#SiteInfo ul li.cta { padding: 0; margin: 0; }
div#SiteInfo ul li.cta a { margin: 0; padding: 0; background: none; }
div#SiteInfo ul li.first { color:#5B4B45; font-weight: bold; }
div#SiteInfo ul li.first a { color:#5B4B45; font-weight: bold; }

div#HomepageFooterLink  { width: 100%; height: 100%;}
div#InnerHomepageFooterLink { overflow: hidden; margin:26px auto 0; width: 840px; }
div#InnerHomepageFooterLink h3.homepage-footer-visit-external-h3 { background:#FFFFFF url(../Images/Content/Home/HomepageFooterBg.png) left top no-repeat; display:block; float:left; height:11px; padding:8px 0 10px 36px; text-indent:-9999px; width:129px; }
div#InnerHomepageFooterLink ul { float: left; }
div#InnerHomepageFooterLink ul li { float:left; padding:6px 40px 10px 40px; background: transparent url(../Images/Content/Home/HomepageFooterBg.png) -240px 0 no-repeat; }
div#InnerHomepageFooterLink ul li.first { background: transparent url(../Images/Content/Home/HomepageFooterBg.png) -175px 0 no-repeat; padding-left: 80px; }
div#InnerHomepageFooterLink ul li.last { padding-right: 30px; background: transparent url(../Images/Content/Home/HomepageFooterBg.png) right top no-repeat; }
div#InnerHomepageFooterLink ul li a { font-size:1.2em; text-decoration:none; white-space: nowrap; }
div#InnerHomepageFooterLink ul li a:hover { text-decoration:underline; }



/* User Controls
-----------------------------------------------------*/
div#ContentSecondary div.my-ideas-header { padding: 10px 10px 0px 10px }
div#ContentSecondary div.my-ideas-header h2 { width: 178px; height: 59px; position: relative; }
div#ContentSecondary div.my-ideas-header h2 span { background: transparent url(images/CrownBlogImage.png) 0 0 no-repeat; }
div#ContentSecondary div.my-ideas-header h2 a { position: absolute; top: 15px; right: 0px; }


div#ContentSecondary div.ideas-panel ul {margin: 0; padding: 0;list-style-type:none;border:0;}
div#ContentSecondary div.ideas-panel ul li{margin: 0; padding: 0;list-style-type:none;border:0}
div#ContentSecondary div.ideas-panel ul li lu{margin: 0; padding: 0;list-style-type:none;border:0}


div#ContentSecondary div.ideas-panel { padding: 0 10px 10px 20px; margin-bottom: 5px; background: transparent url(/Images/SideBarDivider.png) center bottom no-repeat; }
div#ContentSecondary div.ideas-panel h2 {font-family:'Rockwell'; font-size: 10pt; color: #786363;font-weight:normal; text-decoration: none; text-indent:-16px; background: transparent url(/Images/MyIdeasHeadersBg.png) top right no-repeat; }
div#ContentSecondary div.ideas-panel h2 a {font-size: 0.71em; color: #7bba0e; text-decoration: none; clear: both; display: block; margin-top: -5px; margin-bottom: 5px;  }
div#ContentSecondary div.ideas-panel h3 {font-family:'Rockwell'; font-size: 7pt;font-weight:normal; text-indent:-16px;color:#7BB90D; text-decoration: none; clear: both; display: block; margin-top: -5px; margin-bottom: 5px;padding-top:5px; }
div#ContentSecondary div.ideas-panel ul li a {list-style-type: none;font-family:Arial, Helvetica, sans-serif;color:#757575; background: url(/Images/commentsBKG.png) no-repeat;padding: 0px;margin: 0px;} /*Categories link*/
div#ContentSecondary div.ideas-panel ul li a span.sv-corner { text-indent: 0; }
div#ContentSecondary div.ideas-panel ul li p { text-indent: 0; }  

.postcommentsRollup {height:24px;background-image:url('images/PostBackGrnd.png');width:164px;;background-repeat:no-repeat;overflow:hidden;}


div#ContentSecondary div.colors-panel h2 { background-position: right 3px; }
div#ContentSecondary div.schemes-panel h2 { background-position: right -58px; }
div#ContentSecondary div.photos-panel h2 { background-position: right -130px; }
div#ContentSecondary div.photos-panel { background: none; }
div#ContentSecondary div.photos-panel ul li { float: left; width: 51px; margin-right: 8px; } 

div#ContentSecondary div.colors-panel ul {  width: 150px; }
div#ContentSecondary div.colors-panel ul li { float: left; width: 39px; margin-right: 3px; margin-bottom: 5px; }

div#ContentSecondary div.myproducts-list-container ul li label { float: left; padding-bottom: 2px; }
div#ContentSecondary div.myproducts-list-container ul li label span { display: block; float: left; width: 140px; margin-left: 5px; display: inline; }

div#ContentPrimary div.my-store { margin-left: 60px; color: #6e5858; overflow: hidden; }
div#ContentPrimary div.my-store a { font-size: 0.92em; color: #7bba0e; text-decoration: none; }
div#ContentPrimary div.my-store div.store { width: 145px; float: left; }
div#ContentPrimary div.my-store div.opening { width: 245px; float: left; }
div#ContentPrimary div.my-store div.opening ul li { float: left; }
div#ContentPrimary div.my-store div.opening p a { color: #6e5858; }


div.mysamples-content-container h2 { font-size: 1.17em; color: #786363; padding-top: 5px; }
div.mysamples-content-container p { margin: -5px 0 0 20px; font-size: 0.76em; color: #786363; }
div.mysamples-content-container p em { font-weight: bold; font-style: normal; }
div.mysamples-content-container ul { margin-left: 20px; }
div.mysamples-content-container ul li { float: left; margin-right: 3px; padding-bottom: 10px; }
div.mysamples-content-container div.link { width: 100%; text-align: center; }

div#ContentSecondary div.myproducts-content-container { width: 199px; margin-bottom: 10px; background: transparent url(../Images/UserControls/ShoppingList/CSShoppingListBg.png) 0 0 repeat-y; }
div#ContentSecondary div.myproducts-content-container h2.title { margin: 0; padding: 10px; background: transparent url(../Images/UserControls/ShoppingList/CSShoppingListHF.png) right top no-repeat; }
div#ContentSecondary div.myproducts-content-container h2.title span { display: block; width: 100%; height: 35px; background: transparent url(../Images/UserControls/MyIdeas/MyIdeasHeadersBg.png) right -195px no-repeat; }
div#ContentSecondary div.myproducts-content-container span.foot { margin: 0; padding: 0; display: block; width: 199px; height: 10px; background: transparent url(../Images/UserControls/ShoppingList/CSShoppingListHF.png) left bottom no-repeat; }
div#ContentSecondary div.myproducts-content-container fieldset { border: none; padding: 0 10px 0 10px }
div#ContentSecondary div.myproducts-content-container fieldset .action { display: block; width: 100%; text-align: left; color: #7BBA0E; margin: 10px 0 10px 15px;  }
div#ContentSecondary div.myproducts-content-container fieldset .link a { font-size: 0.92em; text-decoration: none; color: #7BBA0E; margin: 5px 0 5px 20px; width: 80px; display: block; padding-right: 10px; background: transparent url(images/SmallGreenArrow.png) right 3px no-repeat; }
div#ContentSecondary div.myproducts-content-container fieldset fieldset { margin-bottom: 10px; }
div#ContentSecondary div.myproducts-content-container fieldset fieldset div.frow { margin-bottom: 5px; color: #6e5858; }
div#ContentSecondary div.myproducts-content-container div.colour-group { padding-bottom: 10px; margin-bottom: 10px; background: transparent url(../Images/UserControls/ShoppingList/divider.png) center bottom no-repeat; }
div#ContentSecondary div.myproducts-content-container fieldset fieldset h2 { font-size: 1em; display: block; width: 160px; margin-bottom: 3px; padding-bottom: 5px; border-bottom: 1px solid #cac1c1; color: #6e5858; }
div#ContentSecondary div.myproducts-content-container fieldset fieldset h2 span { width: 18px; height: 16px; padding: 1px; display: block; margin-right: 5px; float: left; background: url(../Images/UserControls/ShoppingList/ShoppingListSwatch.gif) left top no-repeat; }
div#ContentSecondary div.myproducts-content-container fieldset fieldset h2 span em { display: block; width: 15px; height: 13px; }


.column { float:left; margin-bottom:20px; padding:0 0 0 30px;width:340px; }
.column-first {background:transparent none repeat scroll 0 0; padding:0 0 0 0; }
.column-last { width: 350px; text-align: left;}

body.help-and-advice #ContentPrimary #CrownTv { margin: 20px 0 0 20px;}
body.help-and-advice #ContentPrimary #CrownTv .plinth-skin-tile { width: 723px; background: url(../Images/Content/HelpAndAdvice/HelpAndAdvicePlinth-Tile.png) 0 0 repeat-y; }
body.help-and-advice #ContentPrimary #CrownTv .plinth-skin-top { background: url(../Images/Content/HelpAndAdvice/HelpAndAdvicePlinth-Top.png) 2px 0 no-repeat;}
body.help-and-advice #ContentPrimary #CrownTv .plinth-skin-base { position: relative; width: 723px; height: 300px; padding: 0 0 40px 0; background: url(../Images/Content/HelpAndAdvice/HelpAndAdvicePlinth-Base.png) bottom left no-repeat;}
body.help-and-advice #ContentPrimary #CrownTv #CrownTvHeadline { width: 270px; position: relative; top: 20px; left: 410px; }
body.help-and-advice #ContentPrimary #CrownTv #CrownTvHeadline h2 { height: 80px; width: 140px;}
body.help-and-advice #ContentPrimary #CrownTv #CrownTvHeadline h2 span { background: url(../Images/Content/HelpAndAdvice/CrownTvHeading.png) 0 0 no-repeat;  }
body.help-and-advice #ContentPrimary #CrownTv #CrownTvHeadline h3 { font-size: 1.3em; margin: 10px 0 5px 0; }
body.help-and-advice #ContentPrimary #CrownTv #CrownTvHeadline p.button { margin: 10px 0 0 0;}


/* Comments section
-----------------------------------------------------*/

#comments-locked{
}
#respond{
	}
#trackback-link{
}
#trackback{
}
#comments{

}
#commentsWrap {padding-left:10px}

.comment-meta{}
.comments-header {font-family:'Rockwell'; font-size: 16pt; color: #786363;font-weight:bold; text-decoration: none; padding-top: 5px; }
.comments-header h3 {font-size: 18pt;}
.comment-author{font-family:'Rockwell'; font-size: 12pt; color: #786363;font-weight:bold; text-decoration: none;  padding-top: 5px; }
.comment-date{font-family:'Rockwell'; font-size: 12pt; color: #786363;font-weight:bold; text-decoration: none;  padding-top: 5px;}
.comment-text{font-family:'Rockwell'; font-size: 8pt; color: #786363; text-decoration: none; padding-top: 5px; }



.SearchButton{
background: url(../Images/search_button.png)	
}