/************************************************************
	Author: 	Alex Holsgrove
	E-Mail: 	alex.holsgrove@soup.co.uk
	Date:   	17th November 2008
	Client: 	Space Kitchens

 __  (\_ 	Notes:		
(_ \ ( '>  	This file contains all content styles such as
  ) \/_)=	font size and colour, backgrounds and images.  
  (_(_ )_	sIFR fonts are also included at the bottom.
************************************************************/

body {
	background:				#C1C1C1;
	color:					#766E69;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				75%	/* 12pt */
}
a {
	color:					#CC6016;
}
a:hover {
	color:					#FF832B;
}
img {
	border:					none;
}
h1 {
	color:					#2B2724;
	font-size:				2.17em;	/* 26pt */
}
.product-points h1 {
	font-size:				1.92em;	/* 23pt */
	font-weight:			normal;
}
h2 {
	color:					#2B2724;
	font-size:				1.42em;	/* 17pt */
}
h2.special {
	color:					#D76F26;
}
h2 span {
	font-size:				0.65em;	/* 11pt */
	font-weight:			normal;
}
h3 {
	color:					#2B2724;
	font-size:				1.17em;	/* 14pt */
}
hr {
	border-bottom:			1px solid #E4E4E4;
	border-top:				1px solid transparent;
	border-right:			1px solid transparent;
	border-left:			1px solid transparent;
}
.strapline {
	color:					#2B2724;
	font-size:				1.17em;	/* 14pt */
}
.strapline-special {
	color:					#766E69;
	font-size:				1.17em;	/* 14pt */
}

p.strapline strong,
p.strapline-special strong{
	color:					#D76F26;
	font-weight:			normal;
}
p.special {
	color:					#79716C;
	font-size:				1.08em;	/* 13pt */
}
p.error {
	color:					#FF0000;
}


/* -------------------- Core Styles -------------------- */
#site-wrapper {
	background:				#FFFFFF;
}
#callouts p {
	font-size:				0.83em;	/* 10pt */
	line-height:			1.1em;
}
#content .column-content h2 {
	font-size:				1.83em;	/* 22pt */
	font-weight:			normal;
	line-height:			1.2em;	
}
#content .column-content p {
	font-size:				1.16em;	/* 14pt */
	line-height:			1.3em;	
}

/* -------------------- Header Styles -------------------- */
#header div {
	background:				url(/media/site/images/backgrounds/bg-header.png) bottom left repeat-x;
}


/* -------------------- Navigation Styles -------------------- */
#nav-primary {
	border-top:				1px dashed #403C39;
}
#nav-primary li {
	list-style-type:		none;
}
#nav-primary li a {
	background-image:		url(/media/site/images/navigation/nav-primary-matrix.png);
	display:				block;
	outline:				none;	
	text-indent:			-5000px;
}
#nav-primary .nav-p-home {
	background-position:	0px 0px;
}
#nav-primary .nav-p-planning {
	background-position:	-66px 0px;
}
#nav-primary .nav-p-about {
	background-position:	-249px 0px;
}
#nav-primary .nav-p-finance {
	background-position:	-337px 0px;
}
#nav-primary .nav-p-offers {
	background-position:	-415px 0px;
}
#nav-primary .nav-p-competition {
	background-position:	-537px 0px;
}
#nav-primary .nav-p-home:hover,
#nav-primary .selected .nav-p-home {
	background-position:	0px -21px;
}
#nav-primary .nav-p-planning:hover,
#nav-primary .selected .nav-p-planning {
	background-position:	-66px -21px;
}
#nav-primary a.nav-p-about:hover,
#nav-primary .selected .nav-p-about {
	background-position:	-249px -21px;
}
#nav-primary .nav-p-finance:hover,
#nav-primary .selected .nav-p-finance {
	background-position:	-337px -21px;
}
#nav-primary .nav-p-offers:hover,
#nav-primary .selected .nav-p-offers {
	background-position:	-415px -21px;
}
#nav-primary .nav-p-competition:hover,
#nav-primary .selected .nav-p-competition {
	background-position:	-537px -21px;
}

#nav-secondary li {
	list-style-type:		none;
}
#nav-secondary li a {
	background-image:		url(/media/site/images/navigation/nav-secondary-matrix.png);
	display:				block;
	outline:				none;	
	text-indent:			-5000px;	
}
#nav-secondary li a {
	background-image:		url(/media/site/images/navigation/nav-secondary-matrix2.png);
	display:				block;
	outline:				none;	
	text-indent:			-5000px;	
}
#nav-secondary .nav-s-traditional-kitchens {
	background-position:	0px 0px;
}
#nav-secondary .nav-s-shaker-kitchens {
	background-position:	-157px 0px;
}
#nav-secondary .nav-s-modern-kitchens {
	background-position:	-289px 0px;
}
#nav-secondary .nav-s-appliances {
	background-position:	-429px 0px;
}
#nav-secondary .nav-s-accessories {
	background-position:	-534px 0px;
}
#nav-secondary .nav-s-bedrooms {
	background-position:	-640px 0px;
}
#nav-secondary .nav-s-quote {
	background-position:	-745px 0px;
}
#nav-secondary .nav-s-traditional-kitchens:hover,
#nav-secondary .selected .nav-s-traditional-kitchens {
	background-position:	0px -38px;
}
#nav-secondary .nav-s-shaker-kitchens:hover,
#nav-secondary .selected .nav-s-shaker-kitchens {
	background-position:	-157px -38px;
}
#nav-secondary .nav-s-modern-kitchens:hover,
#nav-secondary .selected .nav-s-modern-kitchens {
	background-position:	-289px -38px;
}
#nav-secondary .nav-s-appliances:hover,
#nav-secondary .selected .nav-s-appliances {
	background-position:	-429px -38px;
}
#nav-secondary .nav-s-accessories:hover,
#nav-secondary .selected .nav-s-accessories {
	background-position:	-534px -38px;
}
#nav-secondary .nav-s-bedrooms:hover,
#nav-secondary .selected .nav-s-bedrooms {
	background-position:	-640px -38px;
}
#nav-secondary .nav-s-quote:hover,
#nav-secondary .selected .nav-s-quote {
	background-position:	-745px -38px;
}
/*
#nav-secondary .nav-s-traditional-kitchens {
	background-position:	0px 0px;
}
#nav-secondary .nav-s-shaker-kitchens {
	background-position:	-159px 0px;
}
#nav-secondary .nav-s-modern-kitchens {
	background-position:	-307px 0px;
}
#nav-secondary .nav-s-appliances {
	background-position:	-455px 0px;
}
#nav-secondary .nav-s-accessories {
	background-position:	-600px 0px;
}
#nav-secondary .nav-s-quote {
	background-position:	-745px 0px;
}
#nav-secondary .nav-s-traditional-kitchens:hover,
#nav-secondary .selected .nav-s-traditional-kitchens {
	background-position:	0px -38px;
}
#nav-secondary .nav-s-shaker-kitchens:hover,
#nav-secondary .selected .nav-s-shaker-kitchens {
	background-position:	-159px -38px;
}
#nav-secondary .nav-s-modern-kitchens:hover,
#nav-secondary .selected .nav-s-modern-kitchens {
	background-position:	-307px -38px;
}
#nav-secondary .nav-s-appliances:hover,
#nav-secondary .selected .nav-s-appliances {
	background-position:	-455px -38px;
}
#nav-secondary .nav-s-accessories:hover,
#nav-secondary .selected .nav-s-accessories {
	background-position:	-600px -38px;
}
#nav-secondary .nav-s-quote:hover,
#nav-secondary .selected .nav-s-quote {
	background-position:	-745px -38px;
}
*/
#navigation .nav-heading {
	border-bottom:			1px solid #E4E4E4;
	color:					#2B2724;
	font-size:				1.25em;	/* 15pt */
}
#navigation li {
	font-size:				1.17em;	/* 14pt */
	list-style-type:		none;
}
#navigation li a {
	background:				url(/media/site/images/navigation/navigation-item.png) 0 50% no-repeat;
	color:					#78706B;
	text-decoration:		none;
}
#navigation li a:hover,
#navigation li.selected a {
	background:				url(/media/site/images/navigation/navigation-item-active.png) 0 50% no-repeat;
	color:					#2B2724;
}

/* -------------------- Form Styles -------------------- */
form {
	color:					#2B2724;
}
form fieldset {
	border:					none;
}
form li {
	font-size:				0.92em;	/* 11pt */
	list-style-type:		none;
}
form label.form-error {
	color:					#FF0000;
	font-weight:			bold;
}
form div.form-consent p {
	font-size:				0.83em;	/* 10pt */
}
form.gradient {
	background:				#F6F6F6 url(/media/site/images/backgrounds/bg-form-mid.png) 0 0 repeat-y;
}
form.gradient div.form-main {
	background:				url(/media/site/images/backgrounds/bg-form-top.png) 0 0 no-repeat;
}
form.gradient div.form-end {
	background:				url(/media/site/images/backgrounds/bg-form-end.png) bottom left no-repeat;
}
form.split-fields label {
	font-weight:			bold;
}
form.split-fields .field-col-2 li label {
	font-weight:			normal;
}


/* -------------------- Element Styles -------------------- */
.section-panels .panel {
	color:					#FFFFFF;
	list-style-type:		none;
}
.section-panels .panel p strong {
	font-size:				1.27em;
}
.section-panels .panel a {
	outline:				none;
	text-indent:			-5000px;		
}
.section-panels .panel p strong a {
	color:					#FFFFFF;
	text-decoration:		none;
	text-indent:			0;
}
.section-panels .panel p strong a:hover {
	text-decoration:		underline;
}
.section-panels .panel img {
	border-top:				1px solid #FFFFFF;
	border-bottom:			1px solid #FFFFFF;
}
.section-panels .panel-1 {
	background:				#E0B463;
}
.section-panels .panel-2 {
	background:				#77B3C7;
}
.section-panels .panel-3 {
	background:				#984E6E;
}

.section-panels .panel h2 a {
	background-image:		url(/media/site/images/nav-kitchens.png);
}
.section-panels .panel-1 h2 a {
	background-position:	0 0;
}
.section-panels .panel-2 h2 a {
	background-position:	-241px 0;
}
.section-panels .panel-3 h2 a {
	background-position:	-481px 0;
}
.section-panels .panel-1 h2 a:hover {
	background-position:	0 -60px;
}
.section-panels .panel-2 h2 a:hover {
	background-position:	-241px -60px;
}
.section-panels .panel-3 h2 a:hover {
	background-position:	-481px -60px;
}
.section-panels .panel h2 a {
	background-image:		url(/media/site/images/navigation/nav-kitchens.png);
}

.section-panels .panel span a {
	background-image:		url(/media/site/images/navigation/nav-kitchens.png);
}
.section-panels .panel-1 span a {
	background-position:	0 -30px;
}
.section-panels .panel-2 span a {
	background-position:	-241px -30px;
}
.section-panels .panel-3 span a {
	background-position:	-481px -30px;
}
.section-panels .panel-1 span a:hover {
	background-position:	0 -90px;
}
.section-panels .panel-2 span a:hover {
	background-position:	-241px -90px;
}
.section-panels .panel-3 span a:hover {
	background-position:	-481px -90px;
}

#scroller-panel.scroller-panel-container {
	background:				url(/media/site/images/backgrounds/bg-scroller-mid.png) 0 0 repeat-y;
}
#scroller-panel div.panel-outer {
	background:				url(/media/site/images/backgrounds/bg-scroller-top.png) 0 0 no-repeat;
}
#scroller-panel div.panel-inner {
	background:				url(/media/site/images/backgrounds/bg-scroller-end.png) 0 100% no-repeat;
} 
#product-panel.product-panel-container {
	background:				url(/media/site/images/backgrounds/bg-product-panel-mid.png) 0 0 repeat-y;
}
#product-panel div.panel-outer {
	background:				url(/media/site/images/backgrounds/bg-product-panel-top.png) 0 0 no-repeat;
}
#product-panel div.panel-inner {
	background:				url(/media/site/images/backgrounds/bg-product-panel-end.png) 0 100% no-repeat;
}
.product-points ul li {
	background:				url(/media/site/images/misc/product-list-item.png) 0 50% no-repeat;
	list-style-type:		none;
}


/* -------------------- Callout Styles -------------------- */
#callouts .callout h3 {
	font-size:				1.5em;	/* 18pt */
	letter-spacing:			-1px;
}
#callouts .callout h3.title-point {
	background:				url(/media/site/images/misc/title-point.png) 0 50% no-repeat;
	font-size:				1.16em;	/* 14pt */
}
#callouts .callout p.standout {
	color:					#D2681F;
	font-size:				2em;	/* 24pt */
	line-height:			0.85em;
}
#callouts .callout-upper {
	background:				url(/media/site/images/backgrounds/bg-callout-upper.png) 0 0 no-repeat;
}
#callouts .callout-upper-gradient {
	background:				url(/media/site/images/backgrounds/bg-callout-upper-gradient.png) 0 0 no-repeat;
}
#callouts .callout-gradient {
	background:				url(/media/site/images/backgrounds/bg-callout-gradient.png) 0 100% no-repeat;
}
#callouts .callout-lower {
	background:				url(/media/site/images/backgrounds/bg-callout-lower.png) 0 100% no-repeat;
}
#callouts .callout-lower-gradient {
	background:				url(/media/site/images/backgrounds/bg-callout-lower-gradient.png) 0 100% no-repeat;
}

#callouts .w-next-steps {
	background:				#E1E1E1 url(/media/site/images/backgrounds/bg-form-callout-top.png) 0 0 no-repeat;
}
#callouts .w-next-steps div {
	background:				url(/media/site/images/backgrounds/bg-form-callout-end.png) 0 100% no-repeat;
}
#callouts div .w-next-steps h3 {
	background:				url(/media/site/images/misc/title-point-shaded.png) 0 50% no-repeat;
	font-size:				1.16em;	/* 14pt */	
}
#callouts .w-next-steps ul {
	margin:					0;
}
#callouts .w-next-steps li {
	list-style-type:		none;
}

/* -------------------- Footer Styles -------------------- */
#footer {
	background:				#EDEDED url(/media/site/images/backgrounds/bg-footer.png) 0 0 repeat-x;
	font-size:				0.83em;	/* 10pt */
}
#footer div.inner {
	background:				#FFFFFF url(/media/site/images/backgrounds/bg-footer-main.png) 0 0 repeat-x;
}
#footer li {
	border-left:			1px solid #D0D0D0;
	list-style-type:		none;
}
#footer li a {
	color:					#333333;
	text-decoration:		none;
}
#footer li a:hover {
	text-decoration:		underline;
}
#footer li .section-title {
	background:				url(/media/site/images/misc/footer-title-arrow.png) 0 50% no-repeat;
	font-size:				1.4em; /* 14pt */
	font-weight:			bold;
}
#footer ul ul li {
	border:					none;
}
#footer a.highlight {
	color:					#D76F26;
	font-size:				1.4em;
}
#footer span.highlight {
	font-size:				1.8em;
}

.highlight {
	color:					#D76F26;
	font-weight:			bold;
}