/* CSS Document */

/* //////// */
/* OVERALL */
body {
		
	font-family: "VAG Rounded LT", "Arial Rounded MT", "Helvetica Rounded", Arial, Helvetica, Verdana, sans-serif;

	text-align: center;
	background-image: url(../images/img/structure/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	background-color: #6A696F;

	
} 

#main-container {
	width: 960px;
	height: 100px;
	text-align: left;
	min-width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	

} 


/* //////// */
/* HEADER */

#head-container {	
	width:960px;
	height: 120px;

	
	/*float: left;
	clear: both;*/
	
	/* /////// */
	/*
	border: 1px solid blue;
	*/
	
}

#head-id-container {
	width: 445px;	
	float: left;
	
	/* ///// */
	height:120px;
	/*
	border: 1px solid red;
	*/

}

#head-tags-container {
	width: 510px;
	height:120px;
	float: right;
	
	/* ///// */
	
	border: 0px none orange;
	
}

#logo a{
	display: block;
	height:65px;
	width: 445px;
	background-image: url(../images/img/structure/logo.png);
	background-position: left top;
	background-repeat: no-repeat;
	
	/* ///// */
	/*border: 1px solid yellow;*/
	
	/* TTTTTTT */
	text-indent: -9999px;	

}

/*
#logo a {
	display: block;
	background: orange;
}
*/

/* //////// */
/* NAV */

#nav {
	height: 55px;
	
	/* ////////// */
	/*
	padding-top:5px;
	*/
}


 ul#nav-main {
	list-style: none;
	margin-left: 75px;
	/* ///////// */
	/*
	float: left;
	clear: both;
	*/
	
	/* TTTTTTTTT */
	font-size: 20px;
	
}




/* //////// */
/* CONTENT */
#main_content_container {
	width: 690px;
	float: left;
	margin: 24px 0px 36px 50px;
	background: #FFF;
	
	/* *** */
	/*background: red; */
	padding-left:20px;
	padding-right: 200px;
	padding-bottom: 96px;
	min-height:300px;
}

#titleBlock {
	padding-top: 24px;

	/* *** */
	/* background: lime; */
}

.column {
	width: 330px;
	float: left;
	margin-right: 10px;
	
	/* *** */
	/*background: yellow; */

}


.roundButton {
	height: 108px;
	width:  108px;
	display: block;
	float: right;
	margin: 16px 0px 16px 16px;
	text-indent: -9999px;

	/* *** */
	/*
	background: red;
	*/
}

a:link.roundButton  {
	background-repeat: no-repeat;
	background-position: center top;
}

a:hover.roundButton {
	background-repeat: no-repeat;
	background-position: center bottom;
}

.without_hotplates {
	background-image: url(../images/img/buttons/without_hotplates_sprite.png);

}

.with_hotplates {
	background-image: url(../images/img/buttons/with_hotplates_sprite.png);

}


/* product menus */
#main_menu_container {
	width:890px;
	float: left;
	margin: 24px 0px 36px 50px;
	background: #FFF;
	padding-bottom: 64px;	
	
	/* *** */
	/*background: red; */
	padding-left: 20px;
	padding-right: 0px;

}


/* products */
.productOverviewContainer {
	margin-bottom: 48px;
	float: left;
}

.productContainer {
	width:100%;
		
	float: left;
	clear: both; 
	
	padding-bottom: 24px;
	border-bottom: 1px solid #999;	
	margin-bottom: 32px;
}

.productOverviewImage   a {
	display: block;
	width: 480px;
	height:320px;
	
	text-indent: -9999px;
}

.productRollover900 a {
	background-image: url(http://www.elfinkitchens.co.uk/images/img/kitchens/KM-10-closed.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

.productRollover900 a:hover {
	background-image: url(http://www.elfinkitchens.co.uk/images/img/kitchens/KM-10-open.jpg);

}

.productRollover1200 a {
	background-image: url(http://www.elfinkitchens.co.uk/images/img/kitchens/M120_closed.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

.productRollover1200 a:hover {
	background-image: url(http://www.elfinkitchens.co.uk/images/img/kitchens/M120_open.jpg);

}

.productRollover1500 a {
	background-image: url(http://www.elfinkitchens.co.uk/images/img/kitchens/M150_closed.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

.productRollover1500 a:hover {
	background-image: url(http://www.elfinkitchens.co.uk/images/img/kitchens/M150_open.jpg);

}



.productOverviewPoints {
	width: 190px;
	float: right;

}


.productPoints {	
	width:250px;

}

.productImage {
	width: 360px;
}

ul.productPoints {
	margin-left: 24px;	
}

ul.productPoints li {
	margin-bottom: 2px;	
}

ul.furtherOverviewLinks {
	margin-bottom: 8px;
	margin-left: 18px;
}

ul.furtherOverviewLinks li {
	margin-bottom: 2px;
}

ul.overviewDownloads {
	margin-bottom: 8px;
	margin-left: 18px;
}

ul.overviewDownloads li {
	margin-bottom: 2px;
	
}

/* KITCHEN CATEGORIES MENU */
ul.nav_categories {
	list-style-type: none;

}

ul.nav_categories li {
		float: left;
	/*
	display: block;
	
	width: 185px;
	
	background: orange;

	
	margin-right: 10px;
	*/

}

/* additions */
.additionsMenuContainer {
	width: 185px;
	margin-right: 10px;
	margin-bottom: 24px;
	float: left;
	text-align: center;	
	/* *** */
	/*border: 1px solid pink;*/
}

.additionsMenuContainer img{

	text-align: center;	
	/* *** */
	/*border: 1px solid pink;*/
}



.additionsMenuImage {
	width: 190px;
	margin-bottom: 12px;
	
	/* *** */
	/*border: 1px solid green;*/
}

.additionsMenuTitle {

}








.additionsDetailContainer {
	margin-bottom: 48px;
	float: left;
	
	/* *** */
	/*border: 1px solid pink;*/
}

.additionsDetailImage {
	width: 440px;
	margin-bottom: 12px;
	
	/* *** */
	/*border: 1px solid green;*/
}

.additionsDetailLink {
	width:200px;
	float:right;
	clear: left;
	/* *** */
	/*border: 1px solid red;
	background: yellow;*/
}


.additionsDescription {
	width: 430px;
	margin-bottom: 32px;
	
	/* *** */
	/*border: 1px solid brown;*/
}


.additionsDetails {
	width: 100%;


}

/* LINKS */
.pdfLinkLarge {
	display: block;
	height: 40px;
	width: 200px;
	padding-left: 40px;
	font-size: 14px;
	font-weight: bold;
	
	padding-top: 7px;
	
	background-image: url(http://www.elfinkitchens.co.uk/images/img/links/pdficon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.pdfLinkLarge {
	display: block;
	height: 40px;
	width: 200px;
	padding-left: 40px;
	font-size: 14px;
	font-weight: bold;
	
	padding-top: 7px;
	
	background-image: url(http://www.elfinkitchens.co.uk/images/img/links/pdficon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


a.pdfLinkLarge:link {
	color: #999;
	text-decoration: none;
}

a.pdfLinkLarge:hover {
	color: #666;
	
	text-decoration: underline;
}

a.pdfLinkLarge:visited {
	color: #999;
	text-decoration: none;
}




.pdfLinkSmall {

	
	


}

a.pdfLinkSmall {

	
}


a.pdfLinkSmall:link {
	color: #999;
	text-decoration: none;
}

a.pdfLinkSmall:hover {
	color: #666;
	
	text-decoration: underline;
}

a.pdfLinkSmall:visited {
	color: #CCC;
	text-decoration: none;
}


/* ///// */
/* NEWS */

.newsHeadline {
	width: 530px;
	margin-bottom:16px;
	


}

.news:link {
	color: #999;
	text-decoration: none;
	
	
	display: block;
	padding-bottom: 18px;

}

a.news:hover {
	color: #666;
	
	text-decoration: underline;
}

a.news:visited {
	color: #999;
	text-decoration: none;
}


#caption {
	padding-bottom: 16px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 16px;
}


/* //////// */
/* FAQ */

.faqContainer {
		
	float: left;
	clear: both;
	margin-bottom: 16px;
	
	width:550px;
	
	/* *** */
	/*border: 1px solid pink;*/

}

.answer {
	/*background: yellow;*/
	
}

img.answer {
	float : right;
	clear: right;
	margin-left: 20px;
}

/* ///// */
/* NEWS */

img.newsImage {
	margin-bottom: 32px;
}

#goBackContainer {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 24px;


}

/* MENUS PAGES */
#paginateContainer {
	float: left;
	clear: both;
	width: 100%;

}

.more a  {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;

}

.more a:hover {
	color: #666;
		font-weight: bold;
	text-decoration: underline;
		padding-left: 20px;
	padding-right: 20px;

}

/* FIRSTFIX */

img.fixguidePreview {
	border: 1px solid #CCC;
	margin-bottom: 16px;
	margin-top: 16px;
}

/* //////// */
/* FOOTER */

#footer-container {	
	clear: both;
	
	border-top: 2px solid #FFF;
	height: 60px;
	
	/* *** */
	/*margin-top:500px;*/
	

}

#footer-quote {
	width: 310px;
	height:	90px;
	float: left;	
	padding: 15px 0px 0px 0px;	
	margin-right:15px;
}



#footer-blurb {
	width: 310px;
	height:	90px;
	float: left;	
	padding: 15px 0px 0px 0px;	
	margin-right:15px;
	
	/* *** */
	background: red;
	
	border: 10px solid orange;
}


.footer-box {
		
	width:310px;
	height:90px;
	float: left;
	
	margin-right:15px;
	
	
	
	/* ///////// */
	/*border: 1px solid lime;*/
}

#footer-contacts-container {
	
	width: 960px;	
	float: left;
	clear: left;
	
	margin-top: 0px;
	height: 30px;
}