/* 
	-----------------------------------------
	 © Sjoerd Media 2009 - All rights reserved
	 Klant: CKW Import
	 Datum: 04-02-2009
	-----------------------------------------
*/

body{
	margin: 0 0 0 0;
	background: #FFF;
	
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------ reset ------------------ */
h1, h2, h3, h4, h5, h6, ul, li, em, pre, code {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

img {
	border: 0;
}

p {
	margin: 1.5em 0;
	font-size: 12px;
	line-height: 19px;
}

#wrapper{
	width: 948px;
	margin: 0 auto;
}

/* ------------------ header ------------------ */
#header{
	margin: 15px 0;
	background: url(../img/image-header.png) no-repeat #069;
	height: 269px;
	width: 948px;
}

#headerOverlay{
	position: relative;
	width: 924px;
	height: 232px;
	padding:3px 0px 0 17px;
}

#breadcrumb{
	float: left;
	margin: 10px 0 0 30px;
}

#slideshow{
	list-style-type: none;
  	padding: 0;
  	margin:0;
	height: 232px;
}

/* --- breadcrumb styles --- */
#breadcrumb{
	color: #71443e;
	font-size: 11px;
}

#breadcrumb a{
	text-decoration: none;
}

#breadcrumb .onpath{
	color: #149887;
}

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

#language{
	float: right;
	margin: 8px 15px 0 0;
}

#languageImage{
	margin: 0 8px 0 0;
}

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

#language ul li{
	display: inline;
	float: left;
	margin: 0 3px 0 0;
}

#language ul li a{
	display: block;
}

#language a.languageFr{
	background: url(../img/image-languageFr.png);
	width: 30px;
	height: 20px;
}

#language a.languageEn{
	background: url(../img/image-languageEn.png);
	width: 30px;
	height: 20px;	
}

#language a.languageRo{
	background: url(../img/image-languageRo.png);
	width: 30px;
	height: 20px;	
}


/* ------------------ page ------------------ */
#page{
	width: 984px;
	float:left;
	margin: 0 0 25px 0;
}

/* ------------------ sidebar ------------------ */
#sidebar{
	float: left;
	width: 210px;
	margin: 35px 0 0 0;
}

/* --------- menu --------- */
#menu-accordion{
	list-style: none;
	cursor: pointer;
	width: 210px;
	text-align: right;
}

#menu-accordion div{
	outline: none;
	margin-bottom: 7px;
}

#menu-accordion .plain-link{	
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #149887;
	margin: 0px;
	padding: 0px;
	outline: none;
	margin-bottom: 7px;
}

#menu-accordion span{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #71443e;
	margin: 0px;
	padding: 0px;
	outline: none;
}

#menu-accordion span:hover{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #149887;
}

.ul-submenu{
	list-style: none;
	margin-left: 5px;
}

.ul-submenu li a{
	font-size: 14px;
	color: #71443e;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	outline: none;
}

.ul-submenu li a:hover{
	text-decoration: underline;
}

.plain-link a{
	font-size: 14px;
	color: #71443e;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

.plain-link a:hover{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #71443e;
}


/* ------------------ content ------------------ */
#content{
	float: left;
	padding: 36px 0 0 60px;
	width: 668px;
}

p.small{
	width: 450px;
}

p.wide{
	width: 600px;
}

ul.bulletlist{
	font-size: 12px;
	margin: -10px 0 0 25px;
}

ul.bulletlist li{
	padding: 3px 0 3px 0;
	line-height: 16px;
}


/* ------------------ product page ------------------ */
#div-product{
	padding-bottom: 15px;
	border-bottom: 1px dotted #71453E;
	margin-bottom: 20px;
	font-size: 13px;
	color: #71453E;
	line-height: 17px;
}

#product-title{
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	color: #71453E;
}

.product-photo{
	margin: 0px auto;
	width: 100px;	
}

#div-top{
	width: 100%;
	text-align: right;
	margin-top: -12px;
}

#div-top a{
	width: 100%;
	text-align: right;
	padding-right: 0px;
	font-size: 11px;
	color: #71453E;
	text-decoration: none;
	font-weight: bold;
}

/* ------------------ footer ------------------ */
#footer{
	background: #e1e1e1;
	border-top: 1px solid #bebebe;
	padding: 7px;
	margin: 0 0 0 17px;
	width: 910px;
}

#footernav{
	float: left;
	
	font-size: 11px;
	color: #71443e;
}

#footernav a{
	color: #71443e;
	text-decoration: none;
}

#footernav a:hover{
	text-decoration: underline;
}

#copyright{
	float: right;
	
	font-size: 11px;
	color: #71443e;
}


/* ------------------ form ------------------ */
label{
	margin-right: 8px;
	float: left;
	font-size: 12px;
	width: 100px;
	color: #71453E;
}

.input-text{
	border: inset 1px #d8dde0;
	float: left;
	padding: 2px;
}

.input-text:focus{
	background-color: #CCC;
}

.input-submit{
	border: outset 1px #d8dde0;
	background-color: #71453E;
	color: #CCC;
	padding: 3px;
}

textarea{	
	border: inset 1px #d8dde0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
}


/* ------------------ titles ------------------ */
.pagetitle{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 24px;
	color: #71443e;
}

/* ------------------ overall ------------------ */
.nocss{
	display: none;
}

a{ /* clear outline on a tags */
	outline: none;
}

img{ /* clear border on img with a */
	border: 0;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

/* ------------------ clearfix ------------------ */

.clear {
	clear: both;
	min-height:0;
}

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .clear {
	height:1%;
}