
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 */
}
h1.title {
	margin-bottom:			0px;
}
.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 */
}
h3.special {
	color:					#D76F26;
}
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(/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(/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:	-56px 0px;
}
#nav-primary .nav-p-about {
	background-position:	-220px 0px;
}
#nav-primary .nav-p-finance {
	background-position:	-330px 0px;
}
#nav-primary .nav-p-offers {
	background-position:	-440px 0px;
}
#nav-primary .nav-p-competition {
	background-position:	-517px 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:	-56px -21px;
}
#nav-primary a.nav-p-about:hover,
#nav-primary .selected .nav-p-about {
	background-position:	-220px -21px;
}
#nav-primary .nav-p-finance:hover,
#nav-primary .selected .nav-p-finance {
	background-position:	-330px -21px;
}
#nav-primary .nav-p-offers:hover,
#nav-primary .selected .nav-p-offers {
	background-position:	-440px -21px;
}
#nav-primary .nav-p-competition:hover,
#nav-primary .selected .nav-p-competition {
	background-position:	-517px -21px;
}
#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(/images/navigation/navigation-item.png) 0 50% no-repeat;
	color:					#78706B;
	text-decoration:		none;
}
#navigation li a:hover,
#navigation li.selected a {
	background:				url(/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(/images/backgrounds/bg-form-mid.png) 0 0 repeat-y;
}
form.gradient div.form-main {
	background:				url(/images/backgrounds/bg-form-top.png) 0 0 no-repeat;
}
form.gradient div.form-end {
	background:				url(/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(/images/navigation/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(/images/navigation/nav-kitchens.png);
}

.section-panels .panel span a {
	background-image:		url(/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(/images/backgrounds/bg-scroller-mid.png) 0 0 repeat-y;
}
#scroller-panel div.panel-outer {
	background:				url(/images/backgrounds/bg-scroller-top.png) 0 0 no-repeat;
}
#scroller-panel div.panel-inner {
	background:				url(/images/backgrounds/bg-scroller-end.png) 0 100% no-repeat;
} 
#product-panel.product-panel-container {
	background:				url(/images/backgrounds/bg-product-panel-mid.png) 0 0 repeat-y;
}
#product-panel div.panel-outer {
	background:				url(/images/backgrounds/bg-product-panel-top.png) 0 0 no-repeat;
}
#product-panel div.panel-inner {
	background:				url(/images/backgrounds/bg-product-panel-end.png) 0 100% no-repeat;
}
.product-points ul li {
	background:				url(/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(/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(/images/backgrounds/bg-callout-upper.png) 0 0 no-repeat;
}
#callouts .callout-upper-gradient {
	background:				url(/images/backgrounds/bg-callout-upper-gradient.png) 0 0 no-repeat;
}
#callouts .callout-gradient {
	background:				url(/images/backgrounds/bg-callout-gradient.png) 0 100% no-repeat;
}
#callouts .callout-lower {
	background:				url(/images/backgrounds/bg-callout-lower.png) 0 100% no-repeat;
}
#callouts .callout-lower-gradient {
	background:				url(/images/backgrounds/bg-callout-lower-gradient.png) 0 100% no-repeat;
}

#callouts .w-next-steps {
	background:				#E1E1E1 url(/images/backgrounds/bg-form-callout-top.png) 0 0 no-repeat;
}
#callouts .w-next-steps div {
	background:				url(/images/backgrounds/bg-form-callout-end.png) 0 100% no-repeat;
}
#callouts div .w-next-steps h3 {
	background:				url(/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(/images/backgrounds/bg-footer.png) 0 0 repeat-x;
	font-size:				0.83em;	/* 10pt */
}
#footer div.inner {
	background:				#FFFFFF url(/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(/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;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#chromemenu{
width: 957px;
font-weight: bold;
font-size: 90%;
margin: 12px 0px 20px 13px;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(/images/backgrounds/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
list-style-type:		none;
}

#firstmenuitem, #chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover, .selected{
background: url(/images/backgrounds/chromebg2.gif) center center repeat-x;
}
