﻿/*
You may learn from this CSS and use its techniques in your own projects,
but the unique combination of images, colors, sizes, typography and positioning ("the design")
is copyright (c) Bluegarden AS and may not be used by anyone but us.

Created:  04.08.2009, Morten Mastad - http://www.edbtotalpartner.no
Contact:  webmaster@bluegarden.no

Inspired by CSS on bluegarden.no
*/

/*containers*/
.lps-light{ width: 100%; }
.lps { width:966px; margin:0 auto; padding: 0; color:inherit; text-align:left; }
.shaddow{ text-align: center; }
.lps-content{ display: block; clear:both; width:960px; padding:0; margin:0 auto; text-align: left; border-bottom: 1px solid #b3b3b3; background: #fff; }
.footer-shaddow{ text-align: center; }
.footer { width: 954px; clear: both; margin: 0 auto 50px auto; padding: 35px 3px 20px 3px; color: #1e1e1e; text-align:left; background: url(/images/lps/bg-footer-lps.gif) center bottom no-repeat;}

/*lps-top*/
.lps-top { background-position: 0 -800px; }

/* columns */
/*top */
/*
.top-colL{ display: inline; float: left; clear: left; width: 400px; margin: 0; padding: 0;}
.top-colM{ display: inline; float: right; clear: right; width: 560px; margin: 0; padding: 0;}
*/

/*lps-content*/
/*
.lps-colL{ display: inline; float: left; clear:left; width: 200px; overflow: hidden;  padding: 20px 0px 50px 10px; margin: 0;}
.lps-colM{ display: inline; float: left; clear:none; width: 726px; overflow: hidden;  padding: 20px 0px 50px 10px; margin: 0; }
.lps-colR{ display: inline; float: left; clear:right; width: 200px; overflow: hidden; padding: 20px 10px 100px 10px; margin: 0; } 
*/


/*logo */
/*.lps-top .logo img { padding-top: 55px; margin-left: 18px;}*/


/*.top-links-and-login-content{ 	
	display: inline;
	float: left;
	clear: both;
	width: 100%; 
	margin-bottom: 18px;}*/

/*top links*/
/*.top-links{
	float: left;
	clear: left;
	width: 180px;
	height: 28px;
	line-height: 24px;
	white-space: nowrap;}

.top-links a,.top-links a:link,.top-links a:visited{ color: #9a9a9a;}	


.top-box{ display: inline; float: left; width: 100%; clear: both;}
.top-box-content{
	display: inline;
	float: right;
	clear: both;
	width: 290px;
	height: 46px;
	overflow: hidden;
	text-align: left;
	padding: 5px 10px;
	margin-bottom: 18px;}

	.top-box-content p{ line-height: 1.1em;}
	
.top-box-colL{ display: inline; float: left; clear: left; width: 180px; }
.top-box-colR{ display: inline; float: right; clear: right; width: 110px;}

.top-box-title{ font-size: 12pt; white-space: nowrap; margin: 0 0 4px 0; padding: 0;}
.top-box-text{}

.top-box-button{ float: right; clear: both; margin-top: 3px;} */



/* Google search box */
/*
.search {	
	position: absolute; 
	z-index: 2;	
	left:860px;	
	top: 45px;} */
  
/*
.googleSearch .pad{   
	float: none;  
	clear: both;  
	margin: 0;  
	padding: 0;   
	background: url(/images/lps/bg-search-right.gif) 100% 0 no-repeat;  } 
*/
	


/*content*/
.col1{ float: left; clear: left; width: 425px; padding-right: 22px; padding-left: 10px;}
.col2{ float: right; clear: right; width: 269px;}

.product-image{ float: left; margin: 0 5px 5px 0;}

.cols .ihbRow1.col3.first
{
	/*background:red;*/
	margin: 0 8px 0 0;
	 }
.cols .ihbRow1.col3
{
	 float: left; 
	 /*clear: left; */
	/*background:blue;*/
	width: 236px;
	}
.cols .ihbRow1.col3.last
{
	margin: 0 0 0 8px;
	/*background:silver;*/
	}


/*boxes*/
/* dl.box arver fra bluegarden_common - hot er standard */
dl.box-hot dt{ background-position: 0 -100px; }
dl.box-hot dt span{ background-position: 100% -100px;}
dl.box-hot dd a{ color: #fff; }

dl.box-deep-ocean dt{ background-position: 0 -200px; }
dl.box-deep-ocean dt span{ background-position: 100% -200px;}
dl.box-deep-ocean dd a{ color: #128ec1; }

dl.box-ocean dt{ background-position: 0 -50px; }
dl.box-ocean dt span{ background-position: 100% -50px;}
dl.box-ocean dd a{ color: #008bc6;}

dl.box-light dt{ background-position: 0 -150px; }
dl.box-light dt span{ color: #282828; background-position: 100% -150px;}
dl.box-light dd a{ color: #000;}

dl.box-gras dt{ background-position: 0 0px; }
dl.box-gras dt span{ background-position: 100% 0px;}
dl.box-gras dd a{ color: #7e9f06;}




/* Tab system */
.tab-area { display: inline; float: left; clear: both; width: 100%; overflow: hidden; margin: 0; padding: 0;}

/*	The tab bar itself */
/*
ul.tab-controls{ display: inline; float: left; clear: both; width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0; background: url(/images/lps/tab-bar.gif) left bottom repeat-x; }
ul.tab-controls li { display: inline; float: left; margin-left: 4px; height: 28px; list-style: none; background: url(/images/lps/tab-left.gif) left top no-repeat;     }
ul.tab-controls li a, ul.tab-controls li span { display: block; padding: 0 15px; color: #fff; font-weight: 100; outline: none; text-align: center; background: url(/images/lps/tab-right.gif) right top no-repeat; }

	ul.tab-controls li a:hover { text-decoration: underline; }
	ul.tab-controls li.current{	background-position: left bottom;   }

ul.tab-controls li.current span, ul.tab-controls li.current a, ul.tab-controls li.current a:hover { color: #0086bd; font-weight: 700; background-position: right bottom; }
*/

.tab-controls { padding-top: 10px;}

.tab-controls .ajax__tab_header { color: #fff; width: 100%; height: 28px; line-height: 28px; background:url(/images/lps/tab-bar.gif) left bottom repeat-x; }
.tab-controls .ajax__tab_outer,.tab-controls .ajax__tab_inner{}
.tab-controls .ajax__tab_outer { padding: 0 3px; background:url(/images/lps/tab-right.gif) right 0px no-repeat; }
.tab-controls .ajax__tab_inner{ margin-left: 4px; margin-left: 2px; height: 28px; background:url(/images/lps/tab-left.gif) left 0px no-repeat; }
.tab-controls .ajax__tab_tab { padding:0px 10px; margin:0; text-align: center; }

.tab-controls .ajax__tab_hover .ajax__tab_outer {}
.tab-controls .ajax__tab_hover .ajax__tab_inner {}
.tab-controls .ajax__tab_hover .ajax__tab_tab { text-decoration: underline;	}
.tab-controls .ajax__tab_active .ajax__tab_outer { color: #305d82; font-weight: 700; background-position: right bottom; }
.tab-controls .ajax__tab_active .ajax__tab_inner { color: #305d82; font-weight: 700; background-position: left bottom;  }
.tab-controls .ajax__tab_active .ajax__tab_tab { color: #305d82; font-weight: 700; background-position: right bottom; }		

/* Inside tabs */
.tab-content-description p { margin: 0 0 10px 15px; }

	/*	The changing content of the tabbed area
		----------------------------------------------------- */
	/*div.tab-content-container{}		
	div.tab-content{ padding: 15px 0px; margin: 0px; clear: both; }

	div.tab-content .even th, div.tab-content .odd th	{ white-space: nowrap;} 		
	div.tab-content td,	div.tab-content td{ vertical-align: top;}
	div.tab-content .even td, div.tab-content .even th{}
	div.tab-content .odd td, div.tab-content .odd th	{ background: #ececec;}

	div.tab-content #tab_content_specifications, div.tab-content #tab_content_accessories, div.tab-content #tab_content_resources, div.tab-content #tab_content_reviews{ display: inline; float: left;	clear: both; width: 610px; margin:0; border:0;}

	div.tab-content #tab_content_specifications{}
	div.tab-content #tab_content_accessories{}
	div.tab-content #tab_content_resources{}
	div.tab-content #tab_content_reviews{}*/


/*add comment*/
.review-form{ width: 420px;}
.review-form .pad{ }
.review-form table{ }
.review-form table th{ padding-bottom: 1em; font-family: Georgia; text-align: left; font-size: 1.3em;}

.review-form table td{ vertical-align: top; padding: 5px 10px 5px 0px; }
.review-form table td.title{ width: 25%; font-weight: 700;}

.review-form input.text, .comment-form input.text-normal{ width: 100%; }
.review-form input.text-small{ display: block; margin: 2px 0; width: 98px; }

.review-form textarea{ width: 100%; }
.review-form input.btn{ float: right; clear: both;} 

/* columns */
/*.cols, .product-cols, .product-cols-noborder{ width: 100%; overflow: hidden;} 
    
.cols .col2, .col4, .product-col4{ display: inline; float:left; clear: none;}
.cols .col2{ margin: 0px 10px 10px 0px; padding: 0; width: 358px; border: 0px solid #cccccc;}

.cols .col4{ margin: 0px 10px 10px 0px; padding: 0; width: 174px; border: 0px solid #cccccc;} */

/* -------------------------------------------
      Layoutsection - Hurtigfiks
----------------------------------------------*/
/*product*/ 
.product-cols .product-col4{  padding: 10px; margin: 0px 10px 10px 0px; width: 152px; border: 1px solid #cccccc;}
.product-cols-noborder .col4{ padding: 0; margin: 0px 0px 0px 0px; width: 181px; border: 0px;}

/* 4column */
.col4 .col { text-align: center; }
.last .col{ text-align: right; }
.first .col{ text-align: left;}
.col4 .textContainer4 { padding: 5px; margin: 3px 5px 0 20px; color: #4d4d4d; width: 130px; text-align: center; }
.first .textContainer4 { float:left; margin-left: 0; }
.last .textContainer4 { float:right; }
.col4 .textContainer4 a { color: #4d4d4d; text-decoration:none; font-size:12px; }

/* FlashRotator */
#flashContainer, #flashContent, .richText-text { margin-bottom: 12px; }


/*.last,
.cols .last,
.product-cols .last,
.product-cols-noborder .last{ margin-right: 0; }
p.readmore{ text-align: right;} */

/* -------------------------------------------
      Small basket
----------------------------------------------*/

.basket-product-description { height: 25px; }

.basket-total { border-bottom: 1px solid #cccccc;}

.basket-edit { padding: 7px 0 10px 0;}

.btnContainer { text-align: right;}

.basket-mva { text-align: left; }

/* Basket */
#pb_shopping_cart_container { margin-top: 10px; }

/* -------------------------------------------
      Section Menu
----------------------------------------------*/

dl.box dd a {
	color:#305D82;
}


/* -------------------------------------------
      Article list
----------------------------------------------*/

.ulArticleList li { padding:8px; }
.colMargin8NoTopMargin { margin: 0px !important; }

/* -------------------------------------------
      Article list END
----------------------------------------------*/


.verification{}
.verification p{ float: left; padding-right: 10px; font-weight: 700; line-height: 32px; }
.verification img { float: left; margin-right: 10px;}
.verification input.text { float: left; width: 117px; line-height: 32px; height: 29px;}


.statement{ padding-left: 30px; background: url(/images/lps/ico-quote.gif) 0 0 no-repeat; }


/* price */
.box-price-content{ height: 66px; width: 239px; padding: 14px 15px; background: url(/images/lps/box-bg-price-and-buy.gif) 0 0 no-repeat; }
  .box-price-content .col1{ /*width: 50%;*/ width: 149px; margin: 0; padding: 0; } 
  .box-price-content .col2{ /*width: 50%;*/ width: 90px; margin: 0; padding: 0; text-align: right; } 

.tab-content .box-price-content{ margin-top: 16px; margin-right: 39px; float: right; background: url(/images/lps/box-bg-price-and-buy-small.gif) 0 0 no-repeat;	}
.box-info-by-man{ float: right;	width: 200px; height: 345px; margin: 0 0 0 16px; padding: 45px 140px 0 15px; background: url(/images/lps/dymmy-man-with-info.jpg) 100% 0 no-repeat;}

/* product-page */
.lnk-product-sheet, .lnk-tip{ display: block; margin: 2px 0 5px 0; padding-left: 25px;}

.lnk-product-sheet{ background: url(/images/lps/ico-product-sheet.gif) 0 0 no-repeat;}
.lnk-tip{ background: url(/images/lps/ico-speak.gif) 3px 0 no-repeat; }

/*tables*/
table.tbl-product-list{ border-bottom: 1px solid #cccccc;}
  
  table.tbl-product-list th{ line-height: 22px; border-bottom: 1px solid #cccccc; padding-left: 20px; line-height: 2em; background: #c7cbcc;}   
  table.tbl-product-list .tr-header-light th.first{ border: 0px solid #c7cbcc; background: #c7cbcc url(/images/common/rounded-left.gif) 0 0 no-repeat;  } 
  table.tbl-product-list .tr-header-light th.last { border: 0px solid #c7cbcc; background: #c7cbcc url(/images/common/rounded-right.gif) 100% 0 no-repeat; } 
      
  table.tbl-product-list .tr-header-light td{ background: #c7cbcc;font-weight: 700; }
    
  table.tbl-product-list td{ padding: 8px 20px; } 
  table.tbl-product-list td.first{ border-left: 1px solid #cccccc; } 
  table.tbl-product-list td.last { border-right: 1px solid #cccccc; }    
  
  table.tbl-product-list tr.even td{ background: #eeeeee;}
  
  td.product-price{ text-align: right; }  


/*progress bar*/  
.progress-bar{ 
	background: url(/images/lps/progress-bar-3-steps-light.gif) 0 0 no-repeat;
	background: url(/images/lps/header-box-left-light.gif) 0 0 no-repeat;	
}

.progress-bar ul{ list-style: none;	width: 100%; margin: 0; padding: 0; background: url(/images/lps/header-box-right-light.gif) 100% 0 no-repeat; }
.progress-bar li{ float: left; width: 195px; width: 33%; font-weight: 700;}		
.progress-bar li span{ display: block; line-height: 38px; padding-left: 18px; background: url(/images/lps/progress-bar-step-right_v2.gif) 100% 0 no-repeat; }
.progress-bar li span.last{ background: none;}
.progress-bar li.current{ color: Red;}

/* ---------------------------
     Laget av Harald og Trygve 
----------------------------- */
.RSS_Title_Container { height: 100px; overflow:hidden; font-size: 12px; }
.RSS_col{ border: 1px solid #DEDEDE; display: inline; margin: 0 0 4px 8px; float: left;	height: 120px; width: 149px; overflow: hidden; }
.RSS_box{ padding-left: 2px; color: Black; background-color: Gray; width: 149px; }
.pb_mc .content4 .col{ float: left; height: 150px; width: 149px; }

/*.textContainer{	height: 20px; }*/
.textContainer4{ /*height: 50px;*/ font-size: 10px; }
.small_column {	height: 50px; width: 50px; }

.col_small { float:left; height:55px; width:171px; border:1px solid #DEDEDE; display:inline; font-size:9px;	margin:0 0 8px 8px; overflow:hidden; }
.small_column_text { margin-top: -35px; padding-left: 52px; }
.pictureContainer { float:left; }

.descriptionContainer{ width: 250px; padding-left: 150px; }
.productImg { float: left; }

.teaser { font-style: italic; font-weight: bold; }

.kategoriLink { /*	margin-top: -20px; */ font-weight: bold; font-size: 12px; }

.priceModellBuyContainer{ float:right; }
#pb_product_container .priceContainer .priceOriginal{ text-decoration: none; }

.lps-colM input.scfSubmitButton
{
	margin-left: 300px;
}

/*
	--------------------------------------------
	Footer
	--------------------------------------------
*/

/*#page_footer .Copyright{ text-align:center; }*/


#rating_score span{
	float: left;
	width: 17px;}
	
/* --------------------------------------------
  PageMain - Innlogget tekst i topp
--------------------------------------------*/
#liStatusNotLoggedIn 
{
	padding-top: 2px;
	font-size:11px;
	line-height:1.5em;
	color:#FFFFFF;
	font-weight:700;
}
