/* project: jyske-toiletter
   author: Kent Faarvang */
  
 
body { 
	padding: 0 auto;
	margin: 0 auto;
	font: 0.74em Arial, Helvetica, sans-serif; 
	line-height: 1.5em;
	background: #fff;
	color: #454545;
	text-align: center;
}
a.nav, a.nav:link, a.nav:visited {
	display:block; 
	width:190px; 
  	text-align:center; 
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold; 
	color:#FFFCD1; 
	line-height:25px; 
	float:left;
}

a.nav:hover {
	color:#FFFCD1; 
	text-decoration: underline;
}

a.nav h4{
	text-decoration: underline;
	margin: 0 0 -5px 0;
}

a.nav_tag, a.nav_tag:link, a.nav_tag:visited {
	display:block; 
	width:190px; 
  	text-align:center; 
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold; 
	color:#FFFCD1; 
	line-height:25px; 
	float:left;
}

h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold;
	margin: 0 0 0 10px;
	_margin: 0 0 0 12px;
	padding: 0;
	color: #000;
	position:relative;
	top:-2px;
	_top:-5px;
	*top:-2px;
}

h1 .yellow{
	color: #FFFCD1;
	background: inherit;
}
	
h2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold;
	margin: 0 0 0 110px;
	_margin: 0 0 0 12px;
	padding: 0;
	color: #000;
	position:relative;
	top:-2px;
	_top:-5px;
	*top:-2px;
}

h2 .yellow{
	color: #FFFCD1;
	background: inherit;
}

h3 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold;
	margin: 0 0 0 7px;
	color: #000;
	position:relative;
	top:-2px;
	_top:-5px;
	*top:-2px;
}

h3 .yellow{
	color: #FFFCD1;
	background: inherit;
}

p {	margin: 0 0 0px 0; }

.content { 
	width: 760px;
	position: relativ;
	margin-top: 10px;
	padding: 0px;
 	margin-left:auto; 
 	margin-right:auto;
	background-color: #FFFFFF; 
	text-align: left;
}

.menu {
	width:760px; 
	height: 25px;
	float: left;
	background-image: url('../image/menu.gif');
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
}

.breadcrumb {
	width:760px; 
	height: 10px;
	float: left;
	margin: 0 0 5px 0;
	font: 0.78em Arial, Helvetica, sans-serif; 
	line-height: 1.4em;
	letter-spacing: 0.12em;

}

.breadcrumb a {
	text-decoration:none; 
	color:#000;
	margin: 0 2px 0 5px;
}

.breadcrumb a:hover {
	color:#000; 
	text-decoration: underline;}

.breadcrumb span{

	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:#FE700E;
	margin: 0 2px 0 0;
}

.subheader {
	width:760px;
	height: 170px; 
	float: left;
	background-image: url('../image/banner.gif');
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
}

/* left side
   --------- */

.left {
	float: left;
	width: 490px;
	margin: 0 0 10px 0;
}
.left_container {
	float: left;
	width: 100%;
	color: #eee;
	margin: 0 0 15px 0;
	*padding: 0 0 10px 0;
	background: #F97825 url('../image/lb.gif') no-repeat bottom left;
}

.lt {
	height: 10px;
	background: #F97825 url('../image/lt.gif') no-repeat;
	color: #FFF;
}
	
.lbox {
	color: #eee;
	padding: 3px 12px;
	margin: 0 0 15px 0;
	background: #F97825 url('../image/lb.gif') no-repeat bottom left;
}
	
.lbox a {
	color: #15548A;
	background: inherit;
}
	
.lbox h2 {
	color: #FFF;
	background: #F97825;
	margin: 0 0 0 12px;
	_margin: 0 0 0 12px;
	*margin: 0 0 0 12px;
}
	
.productbox {
	padding: 3px 12px 13px 12px;
	_padding: 3px 12px 3px 12px;
	*padding: 3px 12px 3px 12px;
}
	
.productbox a {
	color: #15548A;
	position: relative;
	background: inherit;
}
	
.productbox h2 {
	color: #FFF;
}
	
.lboxinfo {
	color: #eee;
	padding: 0px 0px;
	margin: 0;
	line-height: 1.3em;
}
	
.lboxinfomain {
	color: #eee;
	padding: 0px 12px;
	margin: 0;
	line-height: 1.3em;
}

table {
		/* fix for IE6 and below not inheriting font size */
   	width: 320px;
	font-size: 1em;
	line-height: 1em;
	color: #eee;
}

.lboxcontact {
	color: #eee;
	padding: 0px 12px;
	margin: 0 0 5px 0;
	line-height: 1em;
}
	
.thumb {
	float: left;
	width: 100px;
	height: 76px;
	border: 1px solid #FFFFFF;
	color: #fff;
	background: #F66200;
	margin: 0px 12px 10px 0;
}

.thumb p { 
	margin: 20px; 
	padding: 0px; 
	color: #FFF; 
	background: #F66200; 
}

.thumb_detail {
	float: left;
	width: 128px;
	border: 1px solid #FFFFFF;
	color: #fff;
	background: #F66200;
	margin: 0 12px 13px 0;
}

.thumb_detail p { 
	margin: 20px; 
	padding: 0px; 
	color: #FFF; 
	background: #F66200; 
}

.pict {
	float: left;
	width: 162px;
	height: 140px;
	border: 1px solid #FFFFFF;
	color: #fff;
	background: #F66200;
	margin: 0 15px 15px 0;
	padding: 5px;
}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 245px;
	margin: 0 0 10px 0;

}
.right_container {
	float: left;
	width: 100%;
	background: #F76808 url('../image/rb.gif') no-repeat bottom;
	color: #F76808;
	margin: 0 0 10px 0;
}	
.rt {
	background: #F76808 url('../image/rt.gif') no-repeat;
	color: #FFF;
	height: 7px;
}
		
.right_articles {
}

.right_articles a {
	display:block;
	color: #15548A;
	float: right;
	background: inherit;
	margin: 0 10px 0 0;
	padding:1px;
}
	
.right_articlesinfo {
	float:left;
	display:block;
	line-height: 1.3em;
	color: #FEE1D5;
	width: 90%;
	padding: 0px 8px 0px 8px;
	_padding: 0px 8px 4px 8px;
	*padding: 0px 8px 4px 8px;	
	margin: 0 0 5px 0;
}

.right_articles_related {
	float:left;
	display:block;
	line-height: 1.3em;
	color: #FEE1D5;
	width: 70%;
	padding: 0px 8px 0px 8px;
	_padding: 0px 8px 4px 8px;
	*padding: 0px 8px 4px 8px;	
	margin: 0 0 5px 0;
}

.right_news {
}

.right_news a {
	color: #15548A;
	float: right;
	background: inherit;
	margin: 0 10px 0 0;
	padding: 0px 0px 2px 8px;
	_padding: 0px 0px 6px 8px;
	*padding: 0px 0px 6px 8px;
}

.right_articlesnews {
	float:left;
	display:block;
	line-height: 1.3em;
	color: #FEE1D5;
	width: 95%;
	padding: 0px 8px 0px 8px;
	_padding: 0px 8px 4px 8px;
	*padding: 0px 8px 4px 8px;	
	margin: 0;
}
			
.image {
	border: none;
	float: left;
	padding: 3px 3px 3px 3px;
	_margin: 2px 3px 3px 3px;
}

/* product index
   ---------- */
		
.product_left {
	float: left;
	display: inline;
	width: 225px;
	margin: 0px 0px 20px 21px;
	_margin: 0px 0px 20px 21px;
	*margin: 0px 0px 20px 21px;
}

.product_left_2 {
	float: left;
	display: inline;
	width: 225px;
	margin: 0px 10px 20px 144px;
	_margin: 0px 10px 20px 144px;
	*margin: 0px 10px 20px 144px;
}

.product_right_2 {
	float: right;
	display: inline;
	width: 225px;
	margin: 0px 144px 20px 10px;
	_margin: 0px 144px 20px 10px;
	*margin: 0px 144px 20px 10px;
}

.product_center {
	float: left;
	display: inline;
	width: 225px;
	margin: 0px 100px 20px 267px;
	_margin: 0px 100px 20px 267px;
	*margin: 0px 100px 20px 267px;
}
	
.product_t {
	background: #F97825 url('../image/product_t.gif') no-repeat;
	color: #FFF;
	height: 7px;
	_height: 0px;
	*height: 7px;
}
		
.product_articles {
	background: #F97825 url('../image/product_b.gif') no-repeat bottom;
	color: #FEE1D5;
	height: 120px;
	padding: 0px 8px;
	line-height: 1.3em;
}
	
.product_articlesinfo {
	height: 60px;
	color: #FEE1D5;
	padding: 0px 0px 20px 8px;
	_padding: 0px 0px 0px 8px;	
}
			
.product_image {
	float: left;
	margin: 0 9px 3px 0;
}

.group_a {
	color: #15548A;
	position: relative;
	margin: 0px 0px 0px 125px;
}
.group_a a{
	color: #15548A;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF url('../image/dot.gif') repeat-x;
	padding: 8px 0;
}

.footer a {
	color: #C3593C;
	background: inherit;
}