/* CSS Document by Arve */


body {
	background:url(../gfx/bgBody3.jpg) #fce6e9 repeat-x;}
	

/* BG TOP  
------------------------------------------------------------------*/
#bgTop {
	width:924px; 
	margin:0 auto;
	background-image:url(../gfx/bgTop.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:7px;}


/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container { 
	width:922px; 
	margin:0 auto;
	padding:0;
	border-left:1px solid #E0DEDF;
	border-right:1px solid #E0DEDF;
	background-image:url(../gfx/bgContainer.gif);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#FFFFFF;}


/* HEADER 
------------------------------------------------------------------*/
#header {
	height:120px;
	padding:15px;
	position:relative;}
	
#header .right { /* shopping basket */
	position:absolute;
	right:0px;
	top:80px;
	font-size:11px;
	padding:5px 0 0 15px;
	background:url(../gfx/bgMenu.jpg) no-repeat;
	width:191px;
	height:25px;}
	
#header .right a:link,
#header .right a:visited {
	color:#313131;
	text-decoration:underline;}
	
	
	
#header .search {
	/*width: 340px;
	float: right;
	position:absolute;
	right:16px;
	top:3px;
	padding-top: 8px;*/
	}

#header .search img {
	}
#header .line { /* menu & search */
	height: 29px;
	border:1px solid #ccc;
	background-color:#f2f2f2;
	position:relative;
	clear: both;}

	
/* LEFT
------------------------------------------------------------------ */
#left {
	float:left;
	width:189px;
	padding:0;
	margin:0 12px 0 12px;}


/* MAINCONTENT
------------------------------------------------------------------ */
#mainContent {
	width:470px;
	float:left;
	padding:0px 0px 5px 0px;}
	
	
/* RIGHT
------------------------------------------------------------------ */
#right {
	width:180px;
	padding:0 10px 0 15px;
	float:left;
	line-height:150%;}
	

/* FOOTER (outside the #container)
------------------------------------------------------------------ */
#footer {
	width:924px;
	background:url(../gfx/bgFooter.jpg) top center no-repeat;
	margin:0 auto;
	color:#999999;
	font-size:80%;
	height:25px;
	xpadding:10px;
	text-align:center;}
	
#footer .text {
	padding-top:5px;}
	
#footer a:link,
#footer a:visited {
	color:#999999;
	text-decoration:none;}
	

/* BOX
------------------------------------------------------------------*/	
.box {	
	background:url(../gfx/boxContent.gif) repeat-y;
	width:188px;}

.box .header {
	background:url(../gfx/boxHeader.jpg) no-repeat;
	height:24px;}
	
.box .header h4 {
	padding:6px 4px 2px 10px;
	margin:0;
	color:#000000;}
	
.box .content {
	padding:1px 0 5px 10px;}

.box .footer {
	background:url(../gfx/boxFooter.gif) no-repeat bottom;
	height:11px;}
	
	
/* MISC. FRONTPAGE
------------------------------------------------------------------*/	
#frontpage .heading {
	background-image:url(../gfx/headingMenuAlt2.jpg);
	background-repeat:no-repeat;
	height:24px;
	width:230px;}
	
#frontpage .heading h3{
	padding:3px 0 3px 10px;
	color:#000000;
	margin:0;
	font-size:100%;}
	
#frontpage .boxContent { /* used in bottom of frontpage */
	padding:5px 10px 5px 10px;
	border:1px solid #CDCDCD;
	margin-top:3px;
	line-height:150%;}

#frontpage .column1 { /* also used with the news */
	float:left;
	width:225px;
	margin-right:10px;}
	
#frontpage .column2 {/* also used with the news */
	float:left;
	width:225px}
	
.frontProducts {
	width: 109px;
	height:220px;
	float: left;
	margin: 4px;
	text-align: center;
	}
.frontProducts h2, .frontProducts p {
	font-size: 10px!important;
	font-weight: normal;
	margin-left: 8px!important;
	text-align: left;}
.frontProducts p {
	margin-bottom: 10px;}
.frontProducts .imgWrap {
	width: 109px;
	height: 132px;
	overflow: hidden;
	margin-bottom: 3px;
	border: 1px solid #ccc;
	text-align: center;}
.frontProducts img {
	max-width: 107px;
	max-height: 132px;
	border: none;
	margin: auto;
	}

.frontpage #right a {
	font-size: 10px!important;
	font-weight: normal!important;}

/* NEWS
------------------------------------------------------------------*/	

.header {
	background-color:#CCCCCC;
	color:#FFFFFF;
	padding:2px 8px;
	margin:0 0 10px 0;}

#news {}

#news .thumbnail {
	float:left;
	text-align:center;
	border:1px solid #CDCDCD; 
	overflow:hidden;}
	
#news .content { /* heading & ingress */
	float:left;
	width:430px;
	margin:3px 0 20px 0;}
	
#news h2 { /* heading */
	margin:0;
	padding:3px 0 3px 0;
	font-size:100%;}
	
#news h2 a:link,
#news h2 a:visited { 
	color:#000000;
	text-decoration:none;}
	
#news .date { /* heading */
	color:#999999;
	font-size:90%}
	
#news .readMore a:link,
#news .readMore a:visited { 
	color:#94C83E;}
	
.newsArchive {
	float:right;}
.newsArchive a:link,
.newsArchive a:visited{
	white-space:nowrap;
	color:#94C83E;}

#moreresults ul {
	margin-left:0px;
	padding-left:0px;}
	
#moreresults ul li {
	display:inline;}

/* INFORMATION LIST (informationList.cfm)
------------------------------------------------------------------*/

.informationList { /* also used with the news */
	float:left;
	width:225px;
	height: 236px;
	overflow: hidden;
	margin:0 4px 15px 4px;}
.informationList .thumbnail {
	margin-bottom: 5px;
	width: 210px;
	height: 85px;
	overflow: hidden;
	border: 1px solid #ccc;}
.informationList h2 a {
	color: #000;
	font-size: 80%;
	text-decoration: none;}
	
/* SEARCH RESULTS (incl_sok.cfm)
------------------------------------------------------------------*/
#searchresults h2 {
	text-transform: uppercase;
	}
#searchresults p {
	color: #C7578C;
	}
#searchresults ul {
	margin: 10px 0;
	padding: 0 0 0 20px;
	}
#searchresults li {
	padding: 5px 0 0 0;
	}
#searchresults a {
	color: #313131;
	text-decoration: none;
	}
#searchresults a:hover {
	color: #C7578C;
	}