/* 
SITE: MAKE Kitchens
DATE: Nov/Dec 2007
UPDATED: Apr 2008
CODE: Tim Potter

PRIMARY COLOURS
=======================
Brown: 			#78291c
Dark Pink:		#df4f66
Light Pink:		#efc6c8
Gray:			#333333

SECONDARY COLOURS
=======================
Red: 			#ac2624
Deep Orange: 	#d84f00
Orange:			#dd8603

TERTIARY COLOURS
=======================
Yellow:			#eae712
Rose: 			#df4f66

*/

/* --------------CSS RESET - RESETS STYLES ACROSS ALL BROWSERS-------------- */

html, body, div, blockquote, span, ol, ul, li, h1, h2, h3, p, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: baseline;
	}

/* --------------PAGE LAYOUT-------------- */

#container {
	width: 960px;
	margin: 0 auto;
	background-color:#FFFFFF;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
	}

#header {
	height: 110px;
	padding: 15px 0 0 20px;
	background: url(../images/call.gif) #FFFFFF no-repeat right;
	
	}

#nav {
	height: 40px;
	padding-left:13px;
	background-color:#78291c;
	}


#nav a {
	display:block; 
	width:0; 
	height:0; 
	padding-top:40px; 
	color:#000; 
	overflow:hidden;
	}
#nav ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
	}
	
#nav li {
	float:left;
	margin-right:1px;
	}

#nav li.home {
	background:transparent url(../images/nav/home.gif);
	}

#nav li.home-a {
	background:transparent url(../images/nav/home_active.gif);
	}
	
#nav a#homeactive {
	background:transparent url(../images/nav/home_active.gif) -5000px no-repeat;
	width: 68px;
	}

#nav a#homeactive:hover {
	background-position:0 0; z-index:50;
	}
	
#nav li.about {
	background:transparent url(../images/nav/about.gif);
	}
	
#nav li.about-a {
	background:transparent url(../images/nav/about_active.gif);
	}
	
#nav a#aboutactive {
	background:transparent url(../images/nav/about_active.gif) -5000px no-repeat;
	width: 69px;
	}

#nav a#aboutactive:hover {
	background-position:0 0; z-index:50;
	}
	
#nav li.ranges {
	background:transparent url(../images/nav/ranges.gif);
	}

#nav li.ranges-a {
	background:transparent url(../images/nav/ranges_active.gif);
	}
	
#nav a#rangesactive {
	background:transparent url(../images/nav/ranges_active.gif) -5000px no-repeat;
	width: 132px;
	}

#nav a#rangesactive:hover {
	background-position:0 0; z-index:50;
	}

#nav li.accessories {
	background:transparent url(../images/nav/accessories.gif);
	}

#nav li.accessories-a {
	background:transparent url(../images/nav/accessories_active.gif);
	}
	
#nav a#accessoriesactive {
	background:transparent url(../images/nav/accessories_active.gif) -5000px no-repeat;
	width: 105px;
	}

#nav a#accessoriesactive:hover {
	background-position:0 0; z-index:50;
	}
	
#nav li.design {
	background:transparent url(../images/nav/design.gif);
	}

#nav li.design-a {
	background:transparent url(../images/nav/design_active.gif);
	}
	
#nav a#designactive {
	background:transparent url(../images/nav/design_active.gif) -5000px no-repeat;
	width: 165px;
	}

#nav a#designactive:hover {
	background-position:0 0; z-index:50;
	}
	
#nav li.help {
	background:transparent url(../images/nav/help.gif);
	}

#nav li.help-a {
	background:transparent url(../images/nav/help_active.gif);
	}
	
#nav a#helpactive {
	background:transparent url(../images/nav/help_active.gif) -5000px no-repeat;
	width: 124px;
	}

#nav a#helpactive:hover {
	background-position:0 0; z-index:50;
	}
	
#nav li.plan {
	background:transparent url(../images/nav/plan.gif);
	}

#nav li.plan-a {
	background:transparent url(../images/nav/plan_active.gif);
	}
	
#nav a#planactive {
	background:transparent url(../images/nav/plan_active.gif) -5000px no-repeat;
	width: 103px;
	}

#nav a#planactive:hover {
	background-position:0 0; z-index:50;
	}
	
#nav li.finance {
	background:transparent url(../images/nav/finance.gif);
	}

#nav li.finance-a {
	background:transparent url(../images/nav/finance_active.gif);
	}
	
#nav a#financeactive {
	background:transparent url(../images/nav/finance_active.gif) -5000px no-repeat;
	width: 76px;
	}

#nav a#financeactive:hover {
	background-position:0 0; z-index:50;
	}

#nav li.findus {
	background:transparent url(../images/nav/findus.gif);
	}

#nav li.findus-a {
	background:transparent url(../images/nav/findus_active.gif);
	}
	
#nav a#findusactive {
	background:transparent url(../images/nav/findus_active.gif) -5000px no-repeat;
	width: 66px;
	}

#nav a#findusactive:hover {
	background-position:0 0; z-index:50;
	}

#footer {
	clear:both;
	}

/* --------------HOME PAGE SPECIFIC-------------- */

#showreel {
	float:left;
	width: 705px;
	height: 325px;
	background-color:#ffffff;
	}

#sm-modules {
	height: 105px;
	width: 250px;
	float:left;
	}

#lg-modules {
	width: 250px;
	height:215px;
	float:left;
	}

#moduledescription {
	position:absolute;
	width: 250px;
	}

/* IE 6 HACK */
* html #homecontent {
	width: 417px; 
	height: 205px;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	}

#homecontent {
	float:left;
	width: 420px; 
	height: 205px;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	}

#homecontent h1 {
	background:url(../images/headers/welcome.gif) no-repeat;
	}


/* --------------ABOUT PAGE SPECIFIC-------------- */

#about {
	float:left;
	padding: 10px 10px 0 20px;
	}

#about h1 {
	background:url(../images/headers/aboutmake.gif) no-repeat;
	}
	
#about h2 {
	color:#78291c;
	margin-top: 1em;
	margin-bottom:-10px;
	}

#about img {
	padding:4px;
	border: 1px solid #efc6c8;
	float:right;
	margin: 0 10px 0 10px;
	}

/* --------------RANGES PAGE SPECIFIC-------------- */

#ranges {
	float:left;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	}

#ranges h1 {
	background:url(../images/headers/kitchenranges.gif) no-repeat;
}

#ranges img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	}

#rangegallery ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
	}
	
#rangegallery li {
	float:left;
	margin-right:10px;
	margin-bottom: 20px;
	}

/* FADED IMAGE STATES */

#rangegallery li.arbon {
	background:transparent url(../images/ranges/ranges_arbon_fade.jpg);
	}

#rangegallery li.baar {
	background:transparent url(../images/ranges/ranges_baar_fade.jpg);
	}

#rangegallery li.basel {
	background:transparent url(../images/ranges/ranges_basel_fade.jpg);
	}
	
#rangegallery li.bernesse {
	background:transparent url(../images/ranges/ranges_bernesse_fade.jpg);
	}
#rangegallery li.davos {
	background:transparent url(../images/ranges/ranges_davos_fade.jpg);
	}

#rangegallery li.lausanne {
	background:transparent url(../images/ranges/ranges_lausanne_fade.jpg);
	}

#rangegallery li.liestal {
	background:transparent url(../images/ranges/ranges_liestal_fade.jpg);
	}

#rangegallery li.lugano {
	background:transparent url(../images/ranges/ranges_lugano_fade.jpg);
	}
	
#rangegallery li.olten {
	background:transparent url(../images/ranges/ranges_olten_fade.jpg);
	}
#rangegallery li.sion {
	background:transparent url(../images/ranges/ranges_sion_fade.jpg);
	}

#rangegallery li.toni {
	background:transparent url(../images/ranges/ranges_toni_fade.jpg);
	}

#rangegallery li.zug {
	background:transparent url(../images/ranges/ranges_zug_fade.jpg);
	}
	
#rangegallery li.zermat {
	background:transparent url(../images/ranges/ranges_zermat_fade.jpg);
	}

#rangegallery li.ascona {
	background:transparent url(../images/ranges/ranges_ascona_fade.jpg);
	}

#rangegallery li.meyrin {
	background:transparent url(../images/ranges/ranges_meyrin_fade.jpg);
	}

#rangegallery li.verona {
	background:transparent url(../images/ranges/ranges_verona_fade.jpg);
	}

#rangegallery li.montreux {
	background:transparent url(../images/ranges/ranges_montreux_fade.jpg);
	}
	
#rangegallery li.altona {
	background:transparent url(../images/ranges/ranges_altona_fade.jpg);
	}

#rangegallery li.tigino {
	background:transparent url(../images/ranges/ranges_tigino_fade.jpg);
	}

#rangegallery a {
	display:block; 
	width:222px; 
	height:0; 
	padding-top:148px; 
	color:#000; 
	overflow:hidden;
	}

* html #rangegallery a:link, * html #rangegallery a:visited {
	height:148px; 
	he\ight:0;
	}

/* PRELOADING IMAGES OFF SCREEN */

#rangegallery a#arbon-hov {
	background:transparent url(../images/ranges/ranges_arbon.jpg) -5000px no-repeat;
	}

#rangegallery a#baar-hov {
	background:transparent url(../images/ranges/ranges_baar.jpg) -5000px no-repeat;
	}
	
#rangegallery a#basel-hov {
	background:transparent url(../images/ranges/ranges_basel.jpg) -5000px no-repeat;
	}
	
#rangegallery a#bernesse-hov {
	background:transparent url(../images/ranges/ranges_bernesse.jpg) -5000px no-repeat;
	}
	
#rangegallery a#davos-hov {
	background:transparent url(../images/ranges/ranges_davos.jpg) -5000px no-repeat;
	}

#rangegallery a#lausanne-hov  {
	background:transparent url(../images/ranges/ranges_lausanne.jpg) -5000px no-repeat;
	}

#rangegallery a#liestal-hov {
	background:transparent url(../images/ranges/ranges_liestal.jpg) -5000px no-repeat;
	}
	
#rangegallery a#lugano-hov {
	background:transparent url(../images/ranges/ranges_lugano.jpg) -5000px no-repeat;
	}
	
#rangegallery a#olten-hov  {
	background:transparent url(../images/ranges/ranges_olten.jpg) -5000px no-repeat;
	}
	
#rangegallery a#sion-hov  {
	background:transparent url(../images/ranges/ranges_sion.jpg) -5000px no-repeat;
	}

#rangegallery a#toni-hov  {
	background:transparent url(../images/ranges/ranges_toni.jpg) -5000px no-repeat;
	}
		
#rangegallery a#zug-hov {
	background:transparent url(../images/ranges/ranges_zug.jpg) -5000px no-repeat;
	}

#rangegallery a#zermat-hov {
	background:transparent url(../images/ranges/ranges_zermat.jpg) -5000px no-repeat;
	}

#rangegallery a#ascona-hov {
	background:transparent url(../images/ranges/ranges_ascona.jpg) -5000px no-repeat;
	}

#rangegallery a#meyrin-hov {
	background:transparent url(../images/ranges/ranges_meyrin.jpg) -5000px no-repeat;
	}

#rangegallery a#verona-hov {
	background:transparent url(../images/ranges/ranges_verona.jpg) -5000px no-repeat;
	}

#rangegallery a#montreux-hov {
	background:transparent url(../images/ranges/ranges_montreux.jpg) -5000px no-repeat;
	}

#rangegallery a#altona-hov {
	background:transparent url(../images/ranges/ranges_altona.jpg) -5000px no-repeat;
	}
	
#rangegallery a#tigino-hov {
	background:transparent url(../images/ranges/ranges_tigino.jpg) -5000px no-repeat;
	}
	

/* IMAGE HOVER */

* html #rangegallery a:hover {height:148px; he\ight:0;
	}

#rangegallery a#arbon-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#baar-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#basel-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#bernesse-hov:hover {
	background-position:0 0; z-index:50;
	}
	
#rangegallery a#davos-hov:hover {
	background-position:0 0; z-index:50;
	}
	
#rangegallery a#lausanne-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#liestal-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#lugano-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#liestal-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#olten-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#sion-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#toni-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#zug-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#zermat-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#ascona-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#meyrin-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#verona-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#montreux-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#altona-hov:hover {
	background-position:0 0; z-index:50;
	}

#rangegallery a#tigino-hov:hover {
	background-position:0 0; z-index:50;
	}
	

/* --------------RANGES SUBPAGE-------------- */

#rangesubcontainer {
	border: 1px solid #efc6c8;
	width: 920px;	
	margin: 0 auto;
	margin: 40px 10px 40px 20px;
	}

#rangesubleft {
	float: left;
	padding: 5px;
	border-right: 1px solid #efc6c8;
	width:500px;
	height: 394px;
	}

#rangesubright {
	float: left;
	padding:0px 10px 10px 20px;
	width:370px;
	}

#rangesubright img {
	float:left;
	border: 1px solid #efc6c8;
	padding: 2px;
	margin-right:10px;
	margin-bottom:10px;
	}

#rangesubright ul {
	float:left;
	margin-right:13px;
	margin-top:5px;
}

#rangesubright li {
	list-style-image:url(../images/bullet.gif);
	margin-left: 15px;
	padding: 0px;
	}

#rangesubright a:link, a:visited{
	text-decoration:none;
	color:#78291c;
	}
	

#rangesubright a:hover, a:active{
	text-decoration: underline;
	color:#df4f66;
	}
	
#arbon h1 {
	background:url(../images/headers/arbon.gif) no-repeat;
	}
	
#baar h1 {
	background:url(../images/headers/baar.gif) no-repeat;
	}
	
#basel h1 {
	background:url(../images/headers/basel.gif) no-repeat;
	}

#bernesse h1 {
	background:url(../images/headers/bernesse.gif) no-repeat;
	}

#davos h1 {
	background:url(../images/headers/davos.gif) no-repeat;
	}
	
#lausanne h1 {
	background:url(../images/headers/lausanne.gif) no-repeat;
	}
	
#liestal h1 {
	background:url(../images/headers/liestal.gif) no-repeat;
	}

#lugano h1 {
	background:url(../images/headers/lugano.gif) no-repeat;
	}

#olten h1 {
	background:url(../images/headers/olten.gif) no-repeat;
	}
	
#sion h1 {
	background:url(../images/headers/sion.gif) no-repeat;
	}
	
#toni h1 {
	background:url(../images/headers/toni.gif) no-repeat;
	}

#zug h1 {
	background:url(../images/headers/zug.gif) no-repeat;
	}

#zermat h1 {
	background:url(../images/headers/zermat.gif) no-repeat;
	}

#ascona h1 {
	background:url(../images/headers/ascona.gif) no-repeat;
	}

#meyrin h1 {
	background:url(../images/headers/meyrin.gif) no-repeat;
	}

#verona h1 {
	background:url(../images/headers/verona.gif) no-repeat;
	}

#montreux h1 {
	background:url(../images/headers/montreux.gif) no-repeat;
	}

#altona h1 {
	background:url(../images/headers/altona.gif) no-repeat;
	}

#tigino h1 {
	background:url(../images/headers/tigino.gif) no-repeat;
	}

/* --------------5 STEP PLAN SPECIFIC STYLES-------------- */


#plan {
	float:left;
	padding: 10px 20px 0 20px;
	}

#plan h1 {
	background:url(../images/headers/5steps.gif) no-repeat;
	}


#plan ol {
	padding: 20px 60px 20px 60px;
	list-style-type:none;
	font-size:14px;
	line-height:1.5em;
	}

#plan li {
	padding: 10px 60px;
	border-bottom: 1px solid #ccc;
	}

#one {
	background:url(../images/ol_1.gif) no-repeat 0px 50%;
	}
	
#two {
	background:url(../images/ol_2.gif) no-repeat 0px 50%;
	}
	
#three {
	background:url(../images/ol_3.gif) no-repeat 0px 50%;
	}

#four {
	background:url(../images/ol_4.gif) no-repeat 0px 50%;
	}

#five {
	background:url(../images/ol_5.gif) no-repeat 0px 50%;
	}


/* --------------HELP & ADVICE SPECIFIC STYLES-------------- */

#help {
	float:left;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	height:400px;
	}

#help h1 {
	background:url(../images/headers/help.gif) no-repeat;
	}

#help h2 {
	font-size:16px;
	}



/* --------------FINANCE SPECIFIC STYLES-------------- */

#finance {
	float:left;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	height:400px;
	}

#finance h1 {
	background:url(../images/headers/finance.gif) no-repeat;
	}


/* --------------DESIGN SPECIFIC STYLES-------------- */

#design {
	float:left;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	}

#design h1 {
	background:url(../images/headers/design.gif) no-repeat;
	}

#design #apps {
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
	}


/* --------------FIND US SPECIFIC STYLES-------------- */

#findus {
	float:left;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	width:930px;
	}

#findus h1 {
	background:url(../images/headers/findus.gif) no-repeat;
	}

#findus p {
	font-size:14px;
	}
	
#newry, #dublin, #belfast, #googlemap {
	float:left;
	margin-right: 30px;
	margin-top: 10px;
	}



/* --------------GLOBAL STYLES-------------- */

body {
	font-size:12px;
	background-color:#eef3fa;
	}

/* IE7 HEADER HACK */

*:first-child+html h1 {  
	font-size:28px;
	color:#df4f66;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing: -2px;
	line-height: 1.5;
	text-transform:lowercase;
	width:350px;
	height:30px;
	}

h1 {
	font-size:28px;
	color:#df4f66;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing: -2px;
	line-height: 1.5;
	text-transform:lowercase;
	}

h2 {
	font-size:22px;
	color:#df4f66;
	font-weight:normal;
	margin-top:0.5em;
	text-transform:lowercase;
	}

p {
	line-height:1.5em;
	margin: 8px 0 8px 0;
	}

#imagereplace {
	height: 30px;
	text-indent: -5000px;
	margin-top: 10px;
	}

.pinkborderbottom {
	border-bottom: solid 5px #efc6c8;
	}
	
.pinkborderright {
	border-right: solid 5px #efc6c8;
	}

.smalltext {
	font-size:9px;
	text-align:center;
	}

#ranges, #finance, #help {
	width:930px;
	}

/* --------------ACCESSORIES SPECIFIC STYLES-------------- */

#accessories {
	float:left;
	padding: 10px 10px 0 20px;
	background-color:#FFFFFF;
	height:560px;
	}

#accessories  h1 {
	background:url(../images/headers/accessories.gif) no-repeat;
	}

#accessories img {
	padding:4px;
	border: 1px solid #efc6c8;
	float:right;
	margin: 0 10px 0 10px;
	}

/* ACCORDION */

#accordion-right {
	width:200px; 
	float:right;
	padding-top:43px;
	}

#accordion-left {
	float:left; 
	width:700px;
	}

#basic-accordian{
	width:900px;
	margin-top:10px;
	}

.accordion_headings{
	padding:8px;
	background:#eee;
	color:#df4f66;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	text-transform:lowercase;
	}

.accordion_headings:hover{
	background:#ffffff;
	color:#df4f66;
	}

.accordion_child{
	background:#ffffff;
	}

.header_highlight{
	background:#efc6c8;
	color:#FFFFFF;
	}