/* CSS Document by Arve */


body {
	background-image:url(../gfx/bgBody.jpg);
	background-repeat:repeat-x;
	background-color:#F7F7F7;
	margin:0;
	padding:0;}


/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container { 
	width:970px;
	background-image:url(../gfx/bgContainer.png);
	background-repeat:repeat-y;
	margin:30px auto 0 auto;}


/* EXTRA HEADER 
------------------------------------------------------------------*/
#headerExtra {
	height:4px;
	font-size:0;
	background-image:url(../gfx/bgExtraHeader.jpg);
	background-repeat:no-repeat;
	background-position:bottom;}


/* HEADER 
------------------------------------------------------------------*/
#header {
	height:116px;
	background-image:url(../gfx/bgHeader.jpg);
	background-repeat:repeat-x;
	margin:1px 7px 0 5px;
	position:relative;}
	
#header p {
	margin:0;
	padding:0;}
	
#header .left {
	float:left;
	width:570px;
	height:77px; 
	padding:13px 0 0 12px;}
	
#header .right {
	float:left;
	width:100px;
	padding:30px 10px 0 0;}

#header .flagg{
	float:right;
	width:50px;
	padding:38px 0px 0 0;}
}
	
	

/* EXTRAWRAPPER
------------------------------------------------------------------ */
#extraWrapper {
	background-image:url(../gfx/bgExtraWrapper.jpg);
	background-repeat:repeat-y;
	margin-left:4px;
	min-height:640px; height:auto !important; height:640px;}
	
/* LEFT
------------------------------------------------------------------ */
#left {
	width:185px;
	padding:15px 5px 5px 10px;
	float:left;}
	
#left .productCatHeading {
	background-image:url(../gfx/bgProductcategories.jpg);
	background-repeat:no-repeat;
	height:31px;
	padding:8px 0 0 10px;
	font-weight:bold;
	letter-spacing:3px;}
	
#left .boxLeft {
	width:180px;}
#left .boxLeftHeader {
	background-image:url(../gfx/bgBoxLeftHeader.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:0;
	height:3px;}
#left .boxLeftContent {
	background-image:url(../gfx/bgBoxLeftContent.gif);
	background-repeat:repeat-y;
	padding:0 0 0 2px;}
#left .boxLeftFooter {
	background-image:url(../gfx/bgBoxLeftFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:0;
	height:3px;}
	
#left .search {
	margin-top:15px;
	background-image:url(../gfx/bgSearch.jpg);
	background-repeat:no-repeat;
	height:29px;
	padding:3px 0 0 10px;
	letter-spacing:3px;}
	
#left .boxLeftSubscribe {
	width:180px;
	margin-top:15px;}
#left .boxLeftSubscribeHeader {
	background-image:url(../gfx/bgLeftSubscribeHeader.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:0;
	height:4px;}
#left .boxLeftSubscribeContent {
	background-image:url(../gfx/bgLeftSubscribeContent.gif);
	background-repeat:repeat-y;
	padding:5px 8px 8px 8px;
	font-size:11px;}
#left .boxLeftSubscribeFooter {
	background-image:url(../gfx/bgLeftSubscribeFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:0;
	height:3px;}


/* MAINCONTENT
------------------------------------------------------------------ */
#main {
	width:738px;
	float:left;
	padding:15px 10px 19px 13px;}

#main .box { 
	width:286px;
	float:left;
	margin:0 8px 10px 0;}	

#main .box .thumbnail {
	float:left;
	width:110px;
	height:125px;
	overflow:hidden;
	margin-right:10px;}
	
#main .box h1 {
	margin:0;
	padding:0 0 5px 0;
	font-size:1.2em;}
	
#main .box h1 a:link,
#main .box h1 a:visited {
	text-decoration:none;
	color:#333333;}
	
#main .box .ingress {
	margin-bottom:5px;
	font-size:0.9em;}
	
#main .boxHeader {
	background-image:url(../gfx/bgBoxHeader.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:4px;
	font-size:0;}	
	
#main .boxContent {
	background-image:url(../gfx/bgBoxContent.jpg);
	background-repeat:repeat-x;
	background-color:#D0D0D0;
	padding:8px 6px 4px 6px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	min-height: 110px;
	height: auto !important;
	height:110px;}	
	
#main .boxFooter {
	background-image:url(../gfx/bgBoxFooter.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:4px;
	font-size:0;}


/* FOOTER (inside the #container)
------------------------------------------------------------------ */
#footer {
	background-image:url(../gfx/bgFooter.jpg);
	background-repeat:no-repeat;
	font-size:0.9em;
	height:26px;
	margin-left:4px;
	padding:10px 10px 0 10px;}
	
#footer a:link,
#footer a:visited {
	color:#000;
	text-decoration:underline;}
#footer p {
	margin:0;
	padding:0;}
	
	
/* POWERED BY I-TOOLS
------------------------------------------------------------------*/
.powered {
	width:976px;
	margin:10px auto 0 auto;
	color:#999999;
	font-size:0.9em;
	text-align:center;}

.powered a:link,
.powered a:visited {
	color:#333333;
	text-decoration:none;}


/* NEWS 
------------------------------------------------------------------*/	
#news {}

#news .thumbnail {
	float:left;
	text-align:center;
	margin:0 10px 10px 0px;
	width:100px;
	overflow:hidden;}
	
#news .content { /* heading & ingress */
	float:left;
	margin-bottom:10px;}
	
#news h1 { /* newsheading */
	margin:0;
	padding:0;
	font-size:1.2em;}	
	
#news h1 a:link,
#news h1 a:visited {
	color:#333333;
	text-decoration:none;}	
	
#news .hrline {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;}

.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;}
	

/* News frontpageWithNews.cfm
------------------------------------------------------------------*/
.newsFront {
	font-size:0.9em;}
.newsFront a:link,
.newsFront a:visited {
	xcolor:#F48906;
	text-decoration:none;}
.newsFront a:hover {
	text-decoration:underline;}

.heading {
	letter-spacing:3px;
	font-weight:bold;
	letter-spacing:3px;
	font-size:1.1em;
	margin-bottom:10px;}





/* BackLink & Print & Tip a friend
----------------------------------------------- */

/* Print & Tip a friend etc...
----------------------------------------------- */

.print a{
	padding:2px 0 0 20px;
	background:url(../gfx/btn_print.gif) no-repeat top left;
	float:left;
	margin-right:30px;}

.tip a{
	padding:2px 0 0 20px;
	background:url(../gfx/btn_tip.gif) no-repeat top left;
	float:left;
	margin-right:30px;}
	
.top a{
	padding:2px 0 0 20px;
	background:url(../gfx/btn_top.gif) no-repeat top left;
	float:left;
	margin-right:30px;}
	
.back a{
	padding:2px 0 0 20px;
	background:url(../gfx/btnBack.gif) no-repeat top left;
	float:left;
	margin-right:30px;}