/* @override http://comprendo.dk/folke.css */

/* BODY */
@media screen{
	
body{
	margin: 0px;
	font-family: sans-serif;
	display: none;
}

a{
	color: #555;
}
a:visited{
	color: #555;
	
}

/* HEADER */

div.header{
	height: 80px;
	margin: 0px;
	width: 100%;
	background-image: url(../Images/generic/background-header.png);
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
}

div.header img{
	position: relative;
	left: 720px;
	top: 12px;
}

/* MENU */

div.menu {
	padding: 0px;
	margin: 0px;
	height: 22px;
	border: 0px;
	width: 100%;	
	border-bottom: 0px solid #fff;
	display: block;
	position: relative;

	
	background: url(../Images/generic/background-menu.png) repeat-x;
}

div.menu div{
	padding: 0px;
	margin: 0px;
	height: 22px;
	width: 939px;
	position: relative;
	float: left;
	padding: 0px;

}

div.menu ul {
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	position: relative;
	clear: none;
	display: block;
}

div.menu ul li{
	float: left;
	height: 22px;

	background: url(../Images/generic/menu-divider.png) no-repeat 0 0;
	text-align: center;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	width: 90px;
	display: block;
}

div.menu ul li a{
	display: block;
	color: white;
	text-decoration: none;
	font-size: 10px;
	line-height: 23px;
	width: 98px;

}

div.menu ul li a:visited{
	color: white;
}

#tracker{
	display: none;
}

div.menu input.text{
	float: right;
	color: #444;
	margin-top: 0px;
	height: 18px;
	font-size: 10px;
	width: 192px;
	border: 1px solid #b14747;
	clear: none;
	position: relative;
	_top: -15px;


}

div.menu form img{
	position: relative;
	display: block;
	float: left;
	clear: none;
	left: -3px;
	_top: 1px;

}

div.menu form{
	width: 212px;
	margin: 0px;
	padding: 0px;
	float: right;
	clear: none;
	margin-top: -20px;
	margin-bottom: -200px;
	position: relative;
}

div.menu input{
	display: inline;

}


/* BREAD CRUMBS */

div.bread-crumbs div{
	width: 951px;
	height: 23px;
	position: relative;
}

div.bread-crumbs{
	width: 100%;
	background-color: #d9d9d9;
	height: 23px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;
	display: block;
}

div.bread-crumbs div{
	float: left;
	width: 951px;
	left: 0px;
	margin: 0px;
	position: absolute;

}

div.bread-crumbs div a{
	text-decoration: none;
	font-size: 10px;
	display: block;
	float: left;
	padding-right: 5px;
	line-height: 23px;
	cursor: pointer;
}


/* CONTENT */



div.content{
	background-color: #eee;
	margin: 0px;
	padding: 0px;
}

/* BIG CELL */

div.content ul.categories h1 a{
	text-decoration: none;
}

div.content ul.categories{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	float: left;
	width: 100%;
}

div.content ul.categories li.big-cell{
	height: 199px;
	padding: 0px;
	margin: 0px;
	_margin-bottom: -3px;
	background-image: url(../Images/generic/background-bigcell.png);
	border-bottom: 1px solid #ffffff;
}

div.content ul.categories li.big-cell div{
	position: relative;
	left: 40px;
	top: 60px;
	width: 600px;
	margin: 0px;
	padding: 0px;
}

div.content ul.categories li.big-cell h1{
	font-size: 36px;
	margin: 0px;
	font-weight: normal;
}

div.content ul.categories li.big-cell h1 a{
	text-decoration: none;
	
}


div.content ul.categories li.big-cell img{
	position: absolute;
	float: left;
	margin-top: 10px;
	width: 280px !important;
	height: 160px !important;
	margin-left: 58px;
}

div.content ul.categories li.big-cell div ul{
	padding: 0px;
	margin: 0px;
}

div.content ul.categories li.big-cell div ul li{
	height: 16px;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-right:10px;
	border-bottom: none;
	background: none;
	float: left;
}

div.content ul.categories li.big-cell ul li a{
	height: 12px;
	font-size: 12px;
	text-decoration: underline;
	color: grey;
	margin: 0px;
}


/* SMALL CELL */


div.content ul.categories li.small-cell{
	height: 100px;
	padding: 0px;
	margin: 0px;
	_margin-bottom: -3px;
	border-bottom: 1px solid #ffffff;
	background-image: url(../Images/generic/background-bigcell.png);	
}

div.content ul.categories li.small-cell div{
	position: relative;
	left: 40px;
	top: 10px;
	width: 800px;
	margin: 0px;
	padding: 0px;	
}

div.content ul.categories li.small-cell h1{
	font-size: 36px;
	margin: 0px;
	font-weight: normal;
}

div.content ul.categories li.small-cell img{
	position: absolute;
	float: left;
	margin-top: 10px;
	height: 80px !important;
	width: 140px !important; 
	margin-left: 197px;
}

div.content ul.categories li.small-cell div ul{
	margin: 0px;
	padding: 0px;
}

div.content ul.categories li.small-cell div ul li{
	height: 16px;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-right:10px;
	border-bottom: none;
	background: none;
	float: left;
}

div.content ul.categories li.small-cell ul li a{
	height: 12px;
	font-size: 12px;
	text-decoration: underline;
	color: grey;
	margin: 0px;
}




/* PRODUCTS */

ul.products{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}


ul.products li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 51px;
	border-bottom: 1px solid #ffffff;
}

ul.products li(even){
	background-color: #eee;
}

ul.products li(odd){
	background-color: #eee;
}

div.product{
	width: 1024px;
	height: 51px;
	float: left;
	position: relative;
	left: 20px;

}

div.product div{
	height: 51px;
	float: left;
	display: block;
}

div.product-name{
	width: 362px;
}

div.product-name h1{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}

div.product-description{
	width: 280px;
}

div.product-description p{
	font-size: 10px;
	margin: 0px;
	margin-top: 5px;
	margin-right: 10px;
}

div.product-spec{
	width: 145px;
}

div.product-spec p{
	font-size: 10px;
	margin: 0px;
	margin-top: 5px;
}

div.product-price{
	width: 151px;
	float: left;
}

div.product-price p{
	font-size: 12px;
	color: #555;
	font-weight: bold;
	margin: 0px;
	margin-top: 27px;
	margin-right: 10px;
	text-align: right;
}

div.product-image img{
	margin-top: 5px;
	background-color: white;
}





/*DETAILS*/

div.detail p{
	margin: 0px;
}
div.detail ul{
	margin: 0px;
	list-style: none;
	padding: 0px;
}

div.detail{
	background: url(../Images/generic/background-detail.png) repeat;
	float: left;
	display: block;
	width: 100%;
	color: #666;
	}


div.detail .wrapper{
	position: relative;
	width: 940px;
	left: 10px;
	float: left;	
}

div.hd{
	height: 50px;
	width: 940px;
	float: left;
	display: block;
}

.wrapper h1{
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	line-height: 18px;
	padding-top: 14px;
	color: #666;
	padding-bottom: 14px;

}

.wrapper h1.name{
	float: left;
}

.wrapper h1.price{

	float:right;
}

.wrapper div.images{
	float: left;
	width: 472px;
}

div.images img{
	float: left;
	display: block;
	clear: none;
	
}

div.imgs {
	float: left;
	display: block;
}

div.wrapper .wrp{
	clear: both;
}

div.images ul.images{
	width: 66px;
	_width: 60px;
	float: left;
	display: block;
}

div.images ul.links{
	float: left;
	display: block;
	width: 204px;
	font-size: 18px;
}

ul.links li{
	height: 36px;
	padding-top: 14px;
}

div.images ul.images li{
	margin: 8px;
	margin-top: 9px;
	margin-bottom: 9px;
	float: left;
	display: block;
	_margin: 0px;
	_margin-top: 9px;
	_margin-bottom: 9px;
	text-align: center;
}

.wrapper div.desc{
	float: left;
	display: block;
	width: 235px;
	background-color: #f0f0f0;
	border: 1px #fff solid;
	margin-top: 1px;
	border-top: 0px;
	_border-bottom: 0px;
}

div.desc p{
	display: inline-block;
	font-size: 10px;
	margin: 16px;
}

div.specs{
	margin-left: -1px;
	margin-right: -1px;
	margin-top: -1px;
	float: left;
	display: block;
	width: 228px;
	_width: 233px;
	_margin-left: -1px;

}

div.specs p{
	display: block;
	margin-top: 5px;
	font-size: 10px;
	_margin-top: 3px;

}

div.specs p.spec{
	margin-left: 10px;
	float: left;
	font-weight: bold;
}

div.specs p.value{
	float: right;
	margin-right: 10px;
}

div.specs ul{
	float: left;
	width: 100%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	
	/*IE6 HACKS*/
	_border-top: 0px;
	_padding-top: 4px;

}

div.specs ul li{
	display: block;
	height: 24px;
	border-bottom: 1px solid white;
	/*IE6 HACKS*/
	_height: 22px;
}

div.images img{
	float: left;
	display: block;
	clear: none;
	border: none;
	
}

.hde {
	float: left;
	display: block;
	clear: none;
	height: 28px !important; 
}

div.product-price h1{
	float: right !important;
	margin-right: 10px;
}


.hde h1{
	margin: 0px;
	margin-top: 4px !important; 
	font-size: 15px !important; 
	float: left !important;
	color: #666;
	font-weight: lighter !important;
	font-variant: small-caps; 
}

/*DIV PAGE*/

#form_id table {
	width: 90px !important; 
}


td.style6 input.style6{
	width: 340px;
}

div.page{
	float: left;
	position: relative;
	display: block;
	width: 938px;
	background-color: #f0f0f0 ;

}

div.page .page-text{
	width: 196px;
	_width: 236px;
	float: left;
	display: block;
	height: 440px;
	_height: 480px;
	background-color: #F0F0F0;
	padding: 20px;
}

.page h1{
	color: #666666;
	font-size: 22px;
	margin: 0px;
	font-weight: normal;

}

.page p{
	color: #666666;
	font-size: 12px;
	line-height: 17px;
}

div.page .page-image{
	float: left;
	display: block;
	position: relative;
}

.page .page-text-alt{
	width: 432px;
	_width: 468px;

	float: left;
	display: block;
	background-color: #F0F0F0;
	padding: 20px;
}

.page .page-text-alt1{
	width: 800px;
	_width: 764px;

	float: left;
	display: block;
	background-color: #F0F0F0;
	padding: 20px;
}

.page .page-image-alt img{
	width: 460px ;!important
}

.page .page-image-alt {
	
	margin-top: 6px;
	margin-bottom: 6px;
	_margin-top: 6px;
	_margin-bottom: 4px;	
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	line-height: 1.4em;
	overflow: auto;
	width: 800px !important;
	width: 820px\9 !important;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

a img{
	border: none;
}
#print{
	float: right;
	margin-right: 13px;
	background-color: #888;
	padding-left: 4px;
	color: #fff;
}
#email{
	float: right;
	margin-right: 1px;
	padding-left: 4px;
	color: #fff;
	background-color: #888;


}
}

@media print
{
	div.header, div.menu{
  display: none;
	}
 
	*{
  font-family: sans-serif;
	}
	
	a{
	text-decoration: none;
	}
	
	h1,h2,h3,h4,h5,p{
	margin-bottom: 10px;
}
 	img{
	margin-bottom: 10px;
}

	a, a img {
	border: none;
	}
	ul{
	  padding: 0px;
	  list-style: none;
	}
 
	h1{
  font-size: 16px;
	}
	p{
  font-size: 16px;
	}
 
	li{
  background: none !important;
  border-bottom: 1px solid black;
	}
 
	a{
  color: inherit;
  text-decoration: inherit;
	}
 
	#cell-1.hde{
  display: none;
	}
}