/*
| -------------------------------------------------------------------
| FILENAME:			remeha.nl.list.css
| DESCRIPTION:		List Style Sheet
| CREATED:			01/02/2009
| INITIAL AUTHOR:		Elma Smit
| UPDATED BY:			Elma Smit, 01/02/2009
|
| Copyright (c) 2009 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| Basic colors used for website:
|
| black: #000000;
| yellow: #ffde10;
| txt-color: #6F6F6F;
| avanta: #d5006b
| calenta: #65b9e4
| isense: #65b9e4
| quinta: #dfdb00
| aquanta: #756fad
| celcia: #e95d0f
| quinta boiler systeem: #0062a7
| -------------------------------------------------------------------
*/

/*
| -------------------------------------------------------------------
| topmenu/special naviagtion
| -------------------------------------------------------------------
*/

#topmenu ul
{
	margin: 5px 5px 0px 10px;
	padding: 0px;
	float: right;
}

#topmenu ul li
{
	float: left;
	display: inline;
	list-style-type: none;
}

#topmenu ul li a
{
	font-size: 77%;
	color: #aaa9a9;
	border-left: 1px solid #707070;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	display: block;
}

#topmenu ul li a.first, #topmenu ul li.first a { border: none; }
#topmenu ul li strong a,
#topmenu ul li.selected a,
#topmenu ul li a:hover { color: #fff; }
#topmenu ul ul { display: none; }

/*
| -------------------------------------------------------------------
| products
| -------------------------------------------------------------------
*/

#products ul
{
	margin: 10px 15px 0px 0px;
	padding: 0px;
}

#products ul li
{
	float: left;
	display: inline;
	list-style-type: none;
}

#products ul li a
{
	font-size: 85%;
	color: #c2c2c2;
	padding: 19px 15px 0px 15px;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
}

#products ul li strong a,
#products ul li.selected a,
#products ul li.in-path a,
#products ul li a:hover { color: #ffde10; }
#products ul ul { display: none; }



/*
| -------------------------------------------------------------------
| navigation
| -------------------------------------------------------------------
*/

#navigation ul
{
	margin: 0px 0px;
	padding: 0px;
}

#navigation ul li
{
	float: left;
	display: inline;
	list-style-type: none;
}

#navigation ul li a
{
	font-size: 85%;
	color: #4a4a4a;
	margin: 0px;
	padding: 15px 10px 15px 10px;
	text-align: center;
	background-image: none;
	text-decoration: none;
	display: block;
	border-right: 1px solid #fff3b1;
}

#navigation ul li a:hover { color: #000; }
#navigation ul li.selected a:hover { color: #fff; }

#navigation ul li a.selected,
#navigation ul li a.in-path
{
	background-color: #000;
	color: #fff;
}

#navigation ul ul { display: none; }

#navigation ul.productsmenu li a
{
	font-size: 100%;
	color: #000;
	padding: 15px 15px 14px 15px;
}

#navigation ul.productsmenu li a.selected,
#navigation ul.productsmenu li a.in-path { color: #fff; }

/*
| -------------------------------------------------------------------
| level navigation
| -------------------------------------------------------------------
*/

#subnavigation ul
{
	margin: 0px 0px;
	padding: 0px;

}

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

#subnavigation ul li a
{
	display: none;
	color: #4a4a4a;
	font-size: 100%;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
}

#subnavigation ul li.not-selected ul { display: none; }

#subnavigation ul ul
{
	margin: 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #e7e7e7;
}

#subnavigation ul ul li a
{
	font-size: 93%;
	color: #000;
	padding: 10px 15px 10px 15px;
	border-top: 1px solid #e7e7e7;
	display: block;
	background-image: url('../images/navigation/level.1.in-path.background.gif');
	background-position: left -30px;
	background-repeat: repeat-x;
}

#subnavigation ul ul li a.in-path,
#subnavigation ul ul li a.selected
{
	background-color: #c2c2c2;
	background-position: 6px top;
	border-top: 1px solid #c7c7c7;
}

#subnavigation ul ul li a.selected {
	background-image: url('../images/navigation/level.1.selected.background.gif');
}


/*
	niveau 2
*/

#subnavigation ul ul ul { border: none; }

#subnavigation ul ul ul li a
{
	font-size: 85%;
	padding: 8px 15px 8px 30px;
	color: #484747;
	background-color: #ebebeb;
	border-bottom: 1px solid #d5d5d5;
	background-image: none;
	background-repeat: no-repeat;
}

#subnavigation ul ul ul li a.in-path,
#subnavigation ul ul ul li a.selected
{
	background-image: none;
	background-color: #ebebeb;
	border-top: none;
	color: #484747;
}

#subnavigation ul ul ul li a.in-path { background-position: 10px 6px; background-image: url('../images/navigation/level.2.in-path.arrow.gif'); }

#subnavigation ul ul ul li a.selected {background-position: 10px 7px; background-image: url('../images/navigation/level.2.selected.arrow.gif');}

/*
	nivaue 3
*/
#subnavigation ul ul ul ul { border-top: 1px solid #c9c9c9; border: none;}

#subnavigation ul ul ul ul li a
{
	font-size: 77%;
	color: #939393;
	padding: 5px 15px 5px 45px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #e7e7e7;
	background-image: none;
}

#subnavigation ul ul ul ul li a.selected
{
	background-image: none;
	background-color: #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
}
#sitemap {
	padding:30px;
}
 #sitemap h3
{
	font-size:153.9%;
	margin:0;
	padding:0;

}
#sitemap ul li {
	list-style-type: circle;
	padding-top:4px;
}
#sitemap ul li a
{
	color: #4a4a4a;
	font-size: 85%;
	text-decoration:none;
}
#sitemap ul li ul {
	padding:0;
	margin:0;
	margin:0 0 0 20px;
}

/*
	commerce
*/


#avanta h3,
#avanta h4,
#avanta strong {
	/* color:#d5006b; */
	color:#000;
}
#avanta a.button {
	background-color:#d5006b;
}
#calenta h3,
#calenta h4,
#calenta strong {
	/* color:#65b9e4; */
	color:#000;

}
#calenta a.button {
	background-color:#65b9e4;
}

#isense h3,
#isense h4,
#isense strong {
	/* color: #65b9e4; */
	color:#000;
}
#isense a.button {
	background-color:#65b9e4;
}

#quinta h3,
#quinta h4,
#quinta strong {
	/* color:#dfdb00; */
	color:#000;
}
#quinta a.button {
	background-color:#dfdb00;
	color:#000;
}

#aquanta h3,
#aquanta h4,
#aquanta strong {
	/*color:#756fad;*/
	color:#000;
}
#aquanta a.button {
	background-color:#756fad;
}

#celcia h3,
#celcia h4,
#celcia strong {
	/*color:#e95d0f;*/
	color:#000;
}
#celcia a.button, #ceclia a.button{
	background-color:#e95d0f;
}
#quinta_boiler h3,
#quinta_boiler h4,
#quinta_boiler strong {
	/*color:#0062a7;*/
	color:#000;
}
#quinta_boiler a.button, #quinta_boiler a.button{
	background-color:#0062a7;
}

#aqua h3, #boiler h3, #aqua h4, #boiler h4,
#aqua strong, #boiler strong{
	/*color:#0062a7;*/
	color:#000;
}
#aqua a.button, #boiler a.button{
	background-color:#0062a7;
}

#zonneboiler h3,
#zentasol h3,
#zonneboiler h4,
#zentasol h4,
#zonneboiler strong,
#zentasol strong  {
	/*color:#00bbd3;*/
	color:#000;
}
#zonneboiler a.button, #zonneboiler a.button, 
#zentasol a.button, #zentasol a.button {
	background-color:#00bbd3;
}

#avanta a strong,
#calenta a strong,
#isense a strong,
#quinta a strong,
#aquanta a strong,
#celcia a strong,
#aqua a strong,
#boiler a strong,
#quinta_boiler a strong {
	color:#000;
}

#avanta a:hover strong,
#calenta a:hover strong,
#isense a:hover strong,
#quinta a:hover strong,
#aquanta a:hover strong,
#celcia a:hover strong,
#aqua a:hover strong,
#boiler a:hover strong {
	color: #ffde10;
}

div.tx-commerce-pi1 h3, div.tx-commerce-pi1 strong,
div.tx-bwsingleproduct-pi1 h3, div.tx-bwsingleproduct-pi1 strong {
	color:#D5006B;
}

div.tx-commerce-pi1 .item a,
div.tx-bwsingleproduct-pi1 .item a
 {
	color:#000;
}
div.tx-commerce-pi1 .item a.internal-link:hover,
div.tx-bwsingleproduct-pi1 .item a.internal-link:hover{
	color:#ffde10;
}

div.tx-commerce-pi1 .item,
div.tx-bwsingleproduct-pi1 .item {
	border-bottom:1px solid #EEEEEE;
	clear:both;
	margin:0pt 0pt 15px;
	padding:0pt 0px 10px;
}

div.tx-commerce-pi1 .media a.button,
div.tx-bwsingleproduct-pi1 .media a.button {
	background-color:#D5006B;
	color:#fff;
}
div.tx-commerce-pi1 span.arrow,
div.tx-bwsingleproduct-pi1 span.arrow {
	font-size:100%;
	margin-top:0;
}

#technical_table table td {
	padding:4px;

}
#content-wrapper  #technical_table td {
	border:1px solid #FFFFFF;
}