/* Stormberg
----- */  

/*arts*/
div.art
{
	padding: 1.0em 0 1.0em 0;
	color: #223c75;
	font-size: 1.1em;
	line-height: 1.4em;
}

/*	body div.art p a {text-decoration: none; color: #666; font-weight: bold;}
	body div.art p a:hover {text-decoration: underline;}
	body div.art p a strong {color: #223c75;} */

div.art div.abs
{
	font-weight: bold;
	padding-bottom: 1.1em;
}

div.art { padding-bottom: 2.2em; }

img.relimg
{
	float: left;
	padding: 0 0.9em 1.1em 0;
}

/*popup*/

div.CartDetail, .CartDetailSm
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	background-color:#769ED3;
	overflow: hidden;
	text-align: center;
	
	color: #fff;
	font-size: 1.4em;
	line-height: 1.3em;
	
	padding: 20px;
}

.CartDetailSm
{
	height: 0;
	width: 0;
	overflow: hidden;
	padding: 0;
}

div.CartDetail h4
{
	font-size: 1.2em;
	text-transform: capitalize;	
	color: #fff;
	text-align: center;
	display: block;
}

div.CartDetail img
{
	width: auto;
	height: 100px;
}





/*eform*/

div.xForm {padding-top: 1.2em; color: #223c75; width: 600px;}
div.xForm label {display: block; clear: both;}
div.xForm input.text, div.xForm textarea {width: 330px; margin-bottom: 1.2em; border: 1px solid #ccc; padding: 3px; font-size: 11px; font-family: Verdana, Sans-Serif;}
div.xForm textarea {width: 330px;}
div.xForm .xformvalidator { clear: both; width: 220px; float: right; margin-top: 0;}



/*mootoolspopup varer*/

#global div.ChartSummary a, body #pop-panel h4 a
{	
	background-image: url(/gr/cart.gif);
	background-repeat: no-repeat;
	
	color: #fff;

	padding-left: 15px;	
	background-position: 11px 50%;	
	text-indent: 20px;
		
	border-left: 2px dotted #fff;
	width: 175px;	
}

#global div.ChartSummary
{

	float: right;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
}

#global div.ChartSummary a
{

}
#global div.ChartSummary a:hover
{
	color: #fff;
}

.HoldCartDetail
{
	position: absolute;
	right: 205px;
	top: 20px;
}

/*.ChartDetails
{
	position: relative;

	background-color: #769ED3;
	overflow: hidden;
	color: #fff;
	width: 170px;		
	z-index: 999;

	padding: 10px 0 10px 0;
}*/


.ChartSummary a span.hold
{
	display: none;
	position: absolute;
	background-color: #769ED3;
	top: 20px;
	right: 205px;
	padding-top: 10px;
	color: #fff;
	font-weight: normal;
}

.ChartSummary a:hover span.hold
{
	
}

.ChartSummary span.item
{
	padding: 5px 10px 0 10px;	
	display: block;	
}

.ChartSummary span.item span
{
	float: left;
	width: 18px;
	display: block;
}
.ChartSummary span.minisum
{
	display: block;
	padding: 5px 10px 5px 10px;		
	border-top: 1px solid #fff;
	margin-top: 10px;
}


/*---left/right box -----*/

div.RightBox, div.LeftBox
{
	border: 1px solid #bacee9;		
	width: 285px;
	min-height: 300px;
	padding-bottom: 20px;
}

div.LeftBox
{
	float: left;
	background-color: #eee;
}

div.RightBox
{

	float: right;
}

div.LeftBox h5, div.RightBox h5
{
	font-size: 1.3em;
	color: #223c75;	
	font-weight: bold;
	padding: 20px 15px 20px 15px;
}

div.LeftBox p, div.RightBox p
{
	padding: 0 60px 10px 15px;
}

div.LeftBox input, div.RightBox input
{
	margin-left: 15px;	
	width: 200px;
}

div.LeftBox label, div.RightBox label
{
	padding-left: 15px;
}

div.LeftBox input.txtpwd, div.RightBox input.txtpwd
{
	width: 120px;
}


div.LeftBox a, div.RightBox a
{
	margin-left: 15px;
}

div.LeftBox .button
{
    margin-top: 5px;
}

div.LeftBox .ChooseType input { margin: 0 10px 5px 15px; padding: 0; width: 10px; width: 15px; height: 15px;}
div.LeftBox .ChooseType label { margin: 0; padding: 0 }

div.RightBox div.TakkFor
{
	color: Red;
	padding-left: 15px;
}

/*tabs*/
ul.PersonTabs li, ul.PersonTabs
{
	padding: 0 0 0 0;
	margin:  0 0 0 0;
	list-style-type: none;
}
ul.PersonTabs
{
	margin-top: 60px;
	height: 30px;
}
ul.PersonTabs li
{

	float: left;	
	padding-left: 10px;
	border-bottom: 1px solid #bacee9;	
}

ul.PersonTabs a
{
	border: 1px solid #bacee9;	
	border-bottom: 0;
	text-decoration: none;
	display: block;
	padding: 5px 20px 5px 20px;
}

ul.PersonTabs .active
{
	font-weight: bold;	
}


/*----Distributors / search----*/

div.Distributors div.kvadrat2x1
{
	border-top: 1px solid #dfddd8;
}

div.Distributors 
{
	padding-top: 40px;
}

div#divSearch a
{
	float: left;
	width: 80px;
	text-align: center;
	border-left: 5px solid #fff;
}

input.txtsm
{
	border: 1px solid #999;
	font-size: 12px;
	width: 100px;
	background-color: #fff;
	padding: 4px 2px 4px 2px;
	margin: 0;
}

div#divOutput
{
	clear: both;
}

ul.Distributors 
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 1.4em;
}
ul.Distributors li
{
	list-style-type: none;
	float: left;
	padding: 20px 10px 0 0;
	margin: 0 0 0 0;
	width: 190px;
}
ul.Distributors h4
{
	font-weight: bold;
	font-size: 1.0em;
	padding: 0 0 0 0;	
	margin: 0 0 0 0;	
}


ul.SearchArticles, ul.SearchArticles li
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	list-style-type: square;
}

ul.SearchArticles
{
	margin-left: 15px;
}

ul.SearchArticles li
{
	padding-bottom: 1.0em;
	padding-left: 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

ul.SearchArticles a span
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 1.0em 0 0.5em 0;
	display: block;

}
ul.SearchArticles a
{
	text-decoration: none;	
}

ul.SearchArticles a:hover
{
	color: Red;
}

div#divOutput h3
{
	padding: 30px 0 10px 0;
	margin: 0;
	border-bottom: 1px solid #dfddd8;	
}


body a em.mrk, body em.mrk
{
	font-size: 1.0em;
/*	background-color: #ddd;	*/
font-style: italic;
	/*color: green;*/
}


/* 360
---------------------------------------------------- */

.hold360, .holdYouTube, .holdYouTubeContainer { position: fixed; top: 20px; left: 50%; margin-left: -346px; z-index: 2000001; background-color: #fff; width: 605px; border: 30px solid #fff; border-top-width: 10px; }
.hold360 a, .holdYouTube a, .holdYouTubeContainer a { display: block; cursor: pointer; font-weight: bold; color: gray; text-transform: uppercase;text-decoration: none; text-align: right; background-color: #fff; padding-bottom: 10px; }
.hold360 img { width: 605px; height: auto; }

.blackback 
{
	 position: fixed; 
	 top: 0; 
	 left: 0;  
	 height: 100%; 
	 width: 100%; 
/*
	z-index: 1000000; 
	 background-image: url(../highslide/graphics/geckodimmer.png)
*/
	  }

.blackbackContainer 
{
    position: fixed; 
    top: 0; 
    left: 0;  
    height: 100%; 
    width: 100%; 
    z-index: 2000000; 
    background-image: url(../highslide/graphics/geckodimmer.png)
    }
	  
.blackbackContainerEarth {text-align: center; padding-top: 200px;  z-index: 2000003; }	  

/*---------Product tags start*/
.producttags
{
    padding: 10px 0px 5px 0px;
} 

.producttags img 
{
    padding: 0px 5px 0px 0px;
} 

.highslide-maincontent
{
    display:none;
    padding: 5px 5px 5px 5px;
}

.highslide-tag-wrapper .highslide-move
{
    display:none;
}

.highslide-tag-wrapper .highslide-close {
    font-size: 10px;
}


/*---------Product tags end*/

/* buttons 
---------------------------------------------------- */

body input.button
{
    margin-top: 5px;
	padding: 2px 6px 2px 6px;
	background-color: #769ED3;
	border: 1px solid #769ED3;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	width: auto;
}
body input.button:hover
{
	background-color: #223C75;
}

#sosiale-bokmerker {width: 96px; padding-top: 6px; background: transparent url(/gr/bg-sosiale-bokmerker-top.png) left top no-repeat; }

#sosiale-bokmerker ul { overflow: auto; list-style-type: none; padding: 1px 1px 8px 7px; margin: 0;  background: transparent url(/gr/bg-sosiale-bokmerker.png) left bottom no-repeat; }

#sosiale-bokmerker ul li {display: inline;   }

#sosiale-bokmerker a { display: block; float: left; width: 22px; height: 16px; margin-bottom: 6px; text-indent: -9999px;  background-position: left top; background-color: transparent; background-repeat: no-repeat;}

#sosiale-bokmerker a:hover {background-position: left bottom}

#sb-facebook { padding: 0; margin: 0; text-indent: -9999px; background-image: url(/gr/sb-facebook.gif)}

#sb-twitter {background-image: url(/gr/sb-twitter.gif)}

#sb-delicious {background-image: url(/gr/sb-delicious.gif)}

#sb-youtube { background-image: url(/gr/sb-youtube.gif)}

#bunn-info {width: 603px; padding: 10px 0; font-size: 11px; line-height: 12px;font-family: arial; padding-left:10px; margin: 0 auto;}

#bunn-info a {text-decoration:none}

#bunn-info dl {width: 199px; height: 60px; float: left; margin:0; padding: 0;}

#bunn-info dt {display: none}

#bunn-info dd {margin: 0; padding: 5px 30px 0 65px; }


#bunn-info dl#pant {background: transparent url(/gr/miljologo-pant.png) left top no-repeat;}

#bunn-info dl#prosent {background: transparent url(/gr/miljlogo-prosent.png) left top no-repeat;}

#bunn-info dl#klima {background: transparent url(/gr/miljologo-CO2.png) left top no-repeat;}


#bunn-info dl#klima dd {padding-top: 10px;}

/*---produkt fargeboks (flerfarget)----*/

.masterBoxContainer {
	display: table;
	width: 18px;
	height: 18px;
	padding: 0px;
	overflow: hidden;
}
 
.boxInner {
    display: table-row;
}