﻿/* CSS Document   
/*  [ecommerce_common]  ------------------------------------------------------------------*/
/*
/*   Project: sitecore ecommerce 2.1
/*   Version: 1.0
/*
/*   Made by EDB Totalpartner AS - www.edbtotalpartner.no
/*   Code by Morten Mastad
/*
/*	 Source: Sitecore NICAM
/* -------------------------------------------------------------------------------------- */


/*
	--------------------------------------------
	Rails Layout
	--------------------------------------------
*/

	div.pb_lc,
	div.pb_mc, 
	div.pb_rc{ 
		display: inline;
		border: 0px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;}

	div.pb_lc{ 
		float: left; 
		width: 168px; 
		margin: 0 0 0 0;
		padding: 0 0 0 0; }

	div.pb_mc{
		float: left; 
		width: 644px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;}


	div.pb_rc{
		float: left; 
		width: 168px; 
		padding: 0 0 0 0;
		margin:  0 0 0 0;}
		

	/*	mc - Columns
		--------------------------------------------*/
	.pb_mc .container,
	.pb_mc .content,
	.pb_mc .content2,
	.pb_mc .content3,
	.pb_mc .content4{
		display: inline;
		float: left;
		clear: both;
		width: 100%;}

	.pb_mc .content .col,
	.pb_mc .content2 .col,
	.pb_mc .content2 .colRotator,
	.pb_mc .content2 .colDynamicHight,
	.pb_mc .content3 .col,
	.pb_mc .content4 .col{
		display: inline;
	 	font-size: 12px;
		border: 1px solid #dedede;
		overflow: hidden; 
		margin: 0px 0px 8px 8px;}
	
	.pb_mc .content .colRichText{
		display: inline;
	 	font-size: 12px;
		overflow: hidden; 
		margin: 0px 0px 8px 8px;}

		
	.pb_mc .content .col, 
	.pb_mc .content .colRichText{ 
		float: left;
		/*height: 250px;*/
		width: 626px; } /* without border: 628 */
		
	.pb_mc .content2 .col{ 
		float: left;
		height: 250px;
		width: 308px; } /* without border: 310 */
		
	.pb_mc .content2 .colRotator{
		display: inline;
		float: left;
		width: 310px;
		border: 0;} 	

	.colDynamicHight{
		display: inline;
		float: left;
		width: 310px;
		height: auto;
		border: 0; }		

	.pb_mc .content3 .col{ 
		float: left;
		height: 275px;
		width: 202px; } /* without border: 204 */

	.pb_mc .content4 .col{ 
		float: left;
		height: 220px;
		width: 149px; } /* without border: 151 */
	
/*
	--------------------------------------------
	Header Specific Styles
	--------------------------------------------
*/

	/*	Login and language selection
		--------------------------------------------*/
	
	ul#ph_login{
		display: inline;
		float: right;
		list-style: none;}
		
	ul#ph_login li{ 
		display: inline;
		float: left;
		text-align: right; }
	    
	ul#ph_login li a{ 
		display: block;
		margin: 2px 8px;
		font-size: 11px;
		line-height: 1.5em; 
		/*color: #d7d7d7;*/
		white-space: nowrap;}

	li.phLogin{ /*background: url(../images/ecommerce/two_colored_spacer.gif) right 0px repeat-y;*/ }
	li.phDanish{}
	li.phEnglish{}

	li.phLogin a{ 
		padding: 0px 0px 0px 15px;
		background: url(../images/ecommerce/ico_key.gif) 0px 6px no-repeat; }

	li.phEnglish a{ 	
		padding: 0px 0px 0px 22px;
		background: url(../images/ecommerce/flag_english.gif) 0px 2px no-repeat; }

	li.phDanish a{	
		padding: 0px 0px 0px 22px;
		background: url(../images/ecommerce/flag_danish.gif) 0px 2px no-repeat; }

	
	/*	Logo
		--------------------------------------------*/
	a#ph_logo{ 
		display: inline;
		float: left;
		width: 208px;
		padding-top: 30px;
		padding-right: 30px;}



	/*	Primary Menu
		--------------------------------------------*/
	#ph_menu{
		display: inline;
		float: left;
		width: 550px;
		overflow: hidden;
		clear: none;
		padding-top: 55px;}

	#ph_menu ul{ 
		display: inline;
		float: left;
		clear: none;
		margin: 0;
		padding: 0;
		list-style: none;}	

	#ph_menu ul li{
		float: left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		color: #fff;
		background: #626262 url(../images/ecommerce/primary_menu_left2.gif) 0 0 no-repeat; }
		
	#ph_menu ul li a{ 
		display: block;
		padding: 11px 10px 10px 10px;	
		margin: 0px;
		color: #fff;
		font-weight: 700;
		background: url(../images/ecommerce/primary_menu_right2.gif) right 0 no-repeat;	}


	#ph_menu .first{}	
	#ph_menu .last{}	

	#ph_menu .current,
	#ph_menu .current a,
	#ph_menu a:hover{ color: #000; }

	#ph_menu .current{ background: #fff url(../images/ecommerce/primary_menu_hover_left2.gif) 0 0 no-repeat;}	

	#ph_menu .current a{ background: url(../images/ecommerce/primary_menu_hover_right2.gif) right 0 no-repeat;}



	/*	Search
		--------------------------------------------*/
	div#ph_search{ 
		display: inline;
		float: right; 
		padding-top: 30px;}
		

		table#tbl_search,
		table#tbl_search td{
			padding: 0;
			border: 0;}	

		#tbl_search td{}
		#tbl_search td#td_search_frase{ width: 128px; }
		#tbl_search td#td_search_btn{   width: 52px;}

		div#ph_search input{
			margin: 0px;
			padding: 0px;
			border: 0px;
			font-size: 10px;
			line-height: 12px;
			background: #fff; } 

			div#ph_search .searchFrase{
				display: inline;
				float: left;
				width: 126px;
				border: 1px solid #e9e9e9;
				padding: 3px 4px;
				font-size: 11px;
				text-align: left; }

			div#ph_search .searchBtn{
				display: inline;
				float: left;
				width: 52px;
				height: 22px;
				border: 0;
				font-size: 11px;
				/*padding: 0 8px;*/
				cursor: pointer;
				background: url(../images/ecommerce/bg_btn_search.gif) right 0px no-repeat; }



/*
	--------------------------------------------
	Footer Specific Styles
	--------------------------------------------
*/
	#page_footer .content,
	#page_footer .content2,
	#page_footer .content3,
	#page_footer .content4{
		display: inline;
		float: left;
		clear: both;
		width: 100%;}

	#page_footer .content .col,
	#page_footer .content2 .col,
	#page_footer .content3 .col,
	#page_footer .content4 .col{
		display: inline;
	 	font-size: 12px;
		border: 0px solid #dedede;
		overflow: hidden; 
		margin: 0px 0px 8px 8px;}
		
	#page_footer .content3 .col{ margin: 0px 0px 8px 6px; }
		
	
	
	#page_footer .content .col{
		float: left;
		width: 980px; }
		
	#page_footer .content2 .col{ 
		float: left;
		width: 486px; }
		
	#page_footer .content3 .col{ 
		float: left;
		width: 324px; } /* margin-left: 6 */

	#page_footer .content4 .col{ 
		float: left;
		width: 239px; }	
		



/*
	--------------------------------------------
	Body Specific Styles
	--------------------------------------------
*/
	/*.teaser{ font-weight: 700;}*/

	/* Prices
		--------------------------------------------*/
	.priceMain,
	.priceTotal,
	.priceVat,
	.priceSale,
	.priceCurrent,
	.priceCurrentTotal,
	.priceOriginal{ white-space: nowrap;}



	/*	Boxes
		--------------------------------------------*/
	div.boxShaddow1{
		background: url(../images/ecommerce/box_shaddow_top_left.jpg) 0 0 no-repeat;
		margin-bottom: 8px;}

	div.boxShaddow1 dl{ 
		background: url(../images/ecommerce/box_shaddow_top_right.jpg) right 0 no-repeat;	}

	div.boxShaddow1 dl dd{
		padding: 16px 16px 0 16px; }


		div.boxShaddow1 dl dd  ul{ list-style: none;}


	div.boxShaddow1 dl dd.bottom{
		display: block;
		padding: 0;
		background: url(../images/ecommerce/box_shaddow_bottom_left.jpg) 0 bottom no-repeat;} 

		div.boxShaddow1 dl dd.bottom div{ 
			height: 8px;
			line-height: 8px;
			background: url(../images/ecommerce/box_shaddow_bottom_right.jpg) right bottom no-repeat; }

		div.boxShaddow1 ul
		{
			list-style: none;			}
				
			



	/*	Left Column (pb_lc)
		--------------------------------------------*/
	.pb_lc ul{ list-style: none;
	           margin-left: 0; }

	ul#lc_menu{ 
		float: none;
		margin-bottom: 10px;
		background-color: #acacac;}

	#lc_menu li{ 
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
		clear: left;
		width: 100%;
		border: 0;
		background: #acacac url(../images/ecommerce/lc_menu_toplevel.gif) 0 0 repeat-x;	}
		
	#lc_menu li li{ border: 0; }
		
	#lc_menu li a{ 
		display: block;
		padding: 5px;
		margin: 0;
		font-size: 12px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		background: #acacac url(../images/ecommerce/lc_menu_toplevel.gif) 0 0 repeat-x;	}

	#lc_menu li li a:hover{ background: #fff; color: #000; }	

	#lc_menu li.current{ background-color: #db4a4a;}
	#lc_menu li.current a{ background:  #db4a4a url(../images/ecommerce/lc_menu_toplevel_current.gif) 0 0 repeat-x;}

	#lc_menu li.current li,
	#lc_menu li a:hover li{ background: #f9f9f9;}

	#lc_menu li.current ul li a,
	#lc_menu a:hover ul li a{ 
		padding-left: 20px;
		color: #666666;
		background: url(../images/ecommerce/lc_menu_bullet.gif) 8px 8px no-repeat; }

	#pb_lc ul a:hover{}


	/*	Middle Column (pb_mc)
		--------------------------------------------*/

	#pb_home_container{}
	#pb_shopping_cart_container{ }
	#pb_product_container{}
	#pb_product_list_container{}



	/* Header with shaddow */
	.pb_mc #pb_header_shaddow,
	.pb_mc .content #pb_header_shaddow{
		display: inline;
		float: left;
		clear: both;
		width: 100%;
		height: 60px;
		overflow: hidden;
		padding: 0 0 0 0;
		margin: 0 0 8px 0;
		/*background: url(../images/ecommerce/bg_header_h1.jpg) 8px bottom no-repeat; */	}
		
		#pb_header_shaddow h1{ 
			display: inline;
			float: left;
			width: 440px;
			margin: 12px 8px 0 22px;}
		
		#pb_header_shaddow .btnContainer{ 
			display: inline;
			float: left;
			width: 166px;		
			margin: 12px 0 0 0;}	


	/* Breadcrumb */
	#breadcrumb {	
		height: 20px; 
		margin: 0 8px 8px 8px;
		padding: 12px 16px;
		clear: both;	
		background: url(../images/ecommerce/bg_header_h1.jpg) 0 bottom no-repeat; }
		
		
	ul#breadcrumb {
		margin: 0 0 0 0; 
		color: #a0a0a0;
		font-size: 1.2em;
		width : 800px;
		float:left;	}	
		
	#breadcrumb ul li{
		display: inline;
		list-style-type: none;
		padding-right: 5px; 
		padding-left: 0px;
		margin: 0;}

	#breadcrumb ul li a, 
	#breadcrumb ul li a:visited {
		color: #a0a0a0;
		padding-right: 5px;
		text-decoration: none;  }

	#breadcrumb ul li a:focus, 
	#breadcrumb ul li a:hover  {
		color: #8b8b8b;text-decoration: underline;  }
		
		
	
	/* Date */
	.pb_mc .date{ 
		text-align: right; 
		margin-bottom: 8px;}


	/* Text container */
	.pb_mc .colMargin10 .textContainer { 
		height: 80px;
		overflow: auto; } /* Container to secure fixed height for header and ingress */
		
		.pb_mc .col  .textContainer h2,
		.pb_mc .col1 .textContainer h2, 
		.pb_mc .col2 .textContainer h2, 
		.pb_mc .col3 .textContainer h2, 
		.pb_mc .col4 .textContainer h2,
		.pb_mc .col  .textContainer h2 a,
		.pb_mc .col1 .textContainer h2 a, 
		.pb_mc .col2 .textContainer h2 a, 
		.pb_mc .col3 .textContainer h2 a, 
		.pb_mc .col4 .textContainer h2 a{ 
			color: #000; 
			font-weight: 700; }

		.pb_mc .col4 .textContainer h2 a,
		.pb_mc .content4 .textContainer h2 a{ font-size: 14px; }

		
		.pb_mc .col  .textContainer p,
		.pb_mc .col1 .textContainer p, 
		.pb_mc .col2 .textContainer p, 
		.pb_mc .col3 .textContainer p, 
		.pb_mc .col4 .textContainer p  { color: #000; }
		
		.pb_mc .col  .textContainer img,
		.pb_mc .col1 .textContainer img, 
		.pb_mc .col2 .textContainer img, 
		.pb_mc .col3 .textContainer img, 
		.pb_mc .col4 .textContainer img { 
			display: block;
			border: 0;
			margin: 0;}
		
		
		
	/* Price container column */
	.pb_mc .colPriceContainer{ 
		padding: 0 10px;
		margin-bottom: 8px; }
		
		.pb_mc .colPriceContainer .priceMain{ 
			width: 50%;
			color: #000;
			font-size: 20px;
			font-weight: 700;
			float: left;}
			
			.pb_mc .content4 .colPriceContainer .priceMain{ 
				padding-top: 4px;
				font-size: 14px;}
				
		.pb_mc .colPriceContainer .btnContainer{
			width: 50%;
			float: right;
			text-align: right;
			margin: 0;
			padding: 0;}	
			



	/* Pager */
	.pb_mc .pagerSortingContainer{
			display: inline;
			float: left;
			width: 612px;
			margin: 8px;
			padding: 8px;
			clear: both;
			background: url(../images/ecommerce/bg_pager.gif) 0 bottom repeat-x; }
			
		.pagerSortingContainer .pager{ display: inline;}
			
			.pager .pagerItem,
			.pager .pagerItemPrevious,
			.pager .pagerItemNext{ 
				display: inline;
				float: left;}

				.pager .pagerItemNext a.pagerLink,
				.pager .pagerItemPrevious a.pagerLink{}
					
				.pager .pagerItemNext a.pagerLink {		
					padding-right: 18px;
					background: url(../images/ecommerce/btn_next.gif) right 9px no-repeat;}
				
				.pager .pagerItemPrevious a.pagerLink{	
					padding-left: 18px;
					background: url(../images/ecommerce/btn_prev.gif) 0 9px no-repeat;} 
					

			.pager a.pagerLink,
			.pager b{
				display: block;
				padding: 8px 4px;}
		
		.pagerSortingContainer .sorting{
			float: right;
			text-align: right;}
			
				.sorting select{
					width: 100px;
					margin-left: 8px;}
					


	/*	Lists 
		--------------------------------------------*/
	/* Article list */
	.pb_mc ul.ulArticleList{ 
		display: inline;
		float: left;
		margin: 0 8px 8px 8px;
		padding: 0;
		list-style: none; }
	
		.ulArticleList li{
		display: inline;
		float: left;
		clear: both;
		width: 612px;
		padding: 16px 8px;
		margin: 0;
		border-bottom: 1px solid #e3e3e3;} 
	
	.ulArticleList .colImage{ 
		float: left;
		width: 166px;}
		
	.ulArticleList .colText{ 
		float: left;
		width: 435px;
		margin-left: 8px;}

		
	/* Product list */
	.pb_mc ul.ulProductList{ 
		display: inline;
		float: left;
		margin: 0 8px 8px 8px;
		padding: 0;
		list-style: none; }

	.content .pb_mc ul.ulProductList,
	.content1 .pb_mc ul.ulProductList,
	.content2 .pb_mc ul.ulProductList,
	.content3 .pb_mc ul.ulProductList,
	.content4 .pb_mc ul.ulProductList,
	.colMargin8 .pb_mc ul.ulProductList,
	.colMargin10 .pb_mc ul.ulProductList{ margin: 0px;}
	
		
	
	.colProductNumber,
	.colImage,
	.colText,
	.colImageText,
	.colCount, /* Amount */
	.colPrice,
	.colPriceCurrent,
	.colDownloadLnk,
	.colCtrlButtons{
		overflow: hidden;}

    .dlProductLinkMain{
        overflow: hidden;
        display:inline;
    }

	div.topNavigation{ position: relative; float: right; padding-right: 8px; margin-top: -33px; text-align: right;}
	div.bottomNavigation{
		display: inline;
		float: left;
		width: 100%;
		margin: 8px 0;
		padding:0;}

			div.bottomNavigation .bottomNavigationFullWidth{ width: 100%;}
			
			div.bottomNavigation .bottomNavigationLeft{ 
				float: left;
				text-align:left;
				width: 65%;
				padding-left: 8px;}
				
			div.bottomNavigation .bottomNavigationRight{ 
				float: right;
				text-align: right;
				width: 30%;
				padding-right: 8px;}
				
				div.bottomNavigation input{ padding-right: 8px;}

			

		
	/* Product list */
	.ulProductList{}
	
	.ulProductList li{
		display: inline;
		float: left;
		clear: both;
		width: 612px;
		padding: 16px 8px;
		margin: 0 0 12px 0;
		/*border-bottom: 1px solid #e3e3e3;*/
		background: #f0f0f0; }
				
	.ulProductList li.ulHeader{ 
		padding: 0 8px 8px 8px; 
		border-bottom: 4px solid #305d82;
		background: none;}
	
	/*.ulProductList li.ulHeader div{ text-align: left;}*/
		
		
	/* All columns */		

	.ulProductList h2 { margin: 0; padding: 0;}
	
	.ulProductList .colProductNumber{
		float: left;
		width: 45px;}
	
	.ulProductList .colImage { 
		float: left;
		width: 108px; }

	.ulProductList .colText{ 
		float: left;
		width: 342px; }

	.ulProductList .colImageText{ 
		float: left;
		width: 450px; }
		
		.colText h2 a,
		.colImageText h2 a { 
			font-size: 14px;
			font-weight: 700;
			margin: 0; 
			padding: 0;}

		.colText h3,
		.colImageText h3 { 
			font-size: 12px;
			font-weight: 100;
			margin: 10px 0; 
			padding: 0;}

			
		.colText .inStock,
		.colImageText .inStock{
			color: #c2c2c2;}

	.ulProductList .colCount{ 
		float: left;
		width: 50px;
		text-align: center;}
		
		.ulProductList .colCount input{ 
			text-align: center;
			width: 30px;
			border: 1px solid #dedede;}


	.ulProductList .colType{ 
		float: left;
		width: 100px;
		text-align: left;}
	

	.ulProductList .colPriceCurrent{ 
		float: right;
		width: 0px;
		text-align: right;}
		
		.ulProductList .priceMain{
			font-weight: 700;
			font-size: 16px;}
			
		.ulProductList .priceOriginal{ 
			color: #dedede;
			text-decoration: line-through;
			font-weight: 100;}

	.ulProductList .colPriceCurrentTotal{
		float: right;
		text-align: right;}
		 	
	.ulProductList .colControlButtons{ 
		float: left; 
		width: 60px;
		text-align: center;}

	
	#pb_product_list_container .rightAlignedContainer{ 
		display: inline;
		float: right;
		width: 130px;
		margin-top: -40px;} /* Container with price and buy button */
		
	#pb_product_list_container .ulHeader .rightAlignedContainer{ 
		text-align: left; 
		margin: 0; }
		
				.rightAlignedContainer .colPrice{ 
					float: right;
					width: 70px;
					text-align: right;
					padding-right: 8px;}

				.rightAlignedContainer .colControlButtons{ 
					float: right;
					width: 45px;
					text-align: right;}
					
				.rightAlignedContainer .colControlButtons{ float: right;}
					
				
				
				
	/* Basket */				

	#basket_product_list .colImageText{ width: 400px;}
	#basket_product_list .colText{ width: 242px;}

	#basket_product_list .colCount{ width: 50px;}
		#basket_product_list .colCount input{ width: 30px;}

	#basket_product_list .colPriceCurrent{ width: 80px;}
	#basket_product_list .colControlButtons{ 
		width: 30px;
		float: left;}
		
		#basket_product_list .summary .colPriceContainer{
			float: right;
			width: 220px;
			padding: 0;
			text-align: right;
			/*padding-right: 32px;*/}
		
			#basket_product_list .summary .colPriceContainer .title{ 
				float: left;
				font-weight: 700;
				color: #000;}

			#basket_product_list .summary .colPriceContainer .priceTotal{ 
				font-weight: 700;
				color: #000;} 
			
			#basket_product_list .summary .colPriceContainer .vat{ 
				float: left;
				color: #959595;}	



/* review */
#review_product_list li{ 
	padding: 8px 0px;}
	
	#review_product_list .colImageText{ width: 480px; }
	#review_product_list .colText{ width: 370px; }

	#review_product_list .colCount{ width: 50px;}
		#review_product_list .colCount input{ width: 30px;}

	#review_product_list .colPriceCurrent{ width: 80px;}
	#review_product_list .colControlButtons{ width: 60px;}
		
	li.summary{ border: 0; border-top: 4px solid #305d82; background: none;}

		




	/* Product */
	#pb_product_container .pictureContainer{ 
		float: left;
		width: 250px;
		text-align: center;
		margin-right: 32px;}
		
		#pb_product_container .pictureContainer img{}
		
		#pb_product_container .pictureContainer .tbnContainer{ margin: 8px auto;}
			
			#pb_product_container .pictureContainer .tbnContainer img{
				float: left;
				border: 1px solid #dedede;
				margin: 1px 0px 0px 1px;}

	/* Description container */
	#pb_product_container .descriptionContainer{
		float: left;
		width: 340px;
		overflow: hidden;}

		#pb_product_container h1{ 
			margin: 0;
			color: #cc0606; }
			

		#pb_product_container h2{ 
			font-size: 12px;
			font-weight: 700;}		
		
		
		/* Price container */
		#pb_product_container .priceAndBuyContainer{
			display: inline;
			float: left;
			width: 340px;
			margin: 16px 0;
			padding: 8px 0;
			border-top: 1px solid #dedede;
			border-bottom: 1px solid #dedede; }
			
			#pb_product_container .priceAndBuyContainer .priceContainer{ 
				display: inline;
				float: left;
				clear: left;
				width: 160px;
				}

				#pb_product_container .priceContainer .priceMain{ 
					float: left;
					clear: left;
					width: 150px;
					margin-right: 16px;
					font-size: 24px;
					font-weight: 700;}

				#pb_product_container .priceContainer .priceOriginal{ 
					float: left;
					clear: left;
					width: 150px;
					color: #dedede;
					text-decoration: line-through;
					font-weight: 100;}				
				
			#pb_product_container .colCount{ 
				float: left;
				padding-top: 8px;
				width: 60px;
				text-align: right;}
				
				#pb_product_container .colCount input{
					width: 30px;
					padding: 4px;
					border: 1px solid #dedede;
					text-align: center; }

			#pb_product_container .btnContainer{
				text-align: right;
				padding-right: 16px;
				padding-top: 6px;}
					
			#pb_product_container .colStockAndDelivery{
				display: inline;
				float: right;
				clear: both;
				padding-right: 16px;
				text-align: right;
				white-space: nowrap;}
				
				#pb_product_container .colStockAndDelivery span{}
					#pb_product_container .colStockAndDelivery span.header{ font-weight: 700;}
				
		
		/* Details container */
		#pb_product_container .detailsContainer{ 
			display: inline;
			float: left;
			clear: both;
			width: 100%;
			margin: 16px 0;}
		
		#pb_product_container .title{ 
			float: left;
			clear: both;
			width: 120px;}
		
		#pb_product_container .value{
			float: left;
			width: 120px;
			text-align: left; }
				
				
	/* check out */
	#pb_check_out_container .teaser{ margin: 0 10px;}

	#pb_check_out_container dl,
	#pb_check_out_container dt,
	#pb_check_out_container dd{
		display: inline;
		float: left;
		width: 100%;}



		#pb_check_out_container dt{
			padding: 4px 8px 8px 8px;
			background: url(../images/ecommerce/bg_pager.gif) 0 bottom repeat-x;
			font-weight: 700; }
			
		#pb_check_out_container dd{ }

		#pb_check_out_container input{ clear: both; }

			#pb_check_out_container .title{ 
				display: inline;
				font-weight: 700;
				white-space: nowrap;
				margin: 2px 0px; }
				
			#pb_check_out_container .value{ 
				display: inline;			
				font-weight: 100;
				margin: 2px 0px;
				/*white-space: nowrap; */}
			
				

			#pb_check_out_container .content2 .col,
			#pb_check_out_container .content3 .col{
				overflow: hidden;
				padding-bottom: 8px; }

				#pb_check_out_container content2 .col dl { height: 180px;}
				#pb_check_out_container content3 .col dl { height: 180px;}


			/* Just in case */
			#pb_check_out_container .noLabels .title{ display: none; }

			
			/* 1 column */
			#pb_check_out_container .content .noLabels .value{ 
				float: left;
				clear: both;
				width: 100%;
				font-weight: 700;}
				
			#pb_check_out_container .content .labels .title{
				float: left;
				width: 150px; }
				
			#pb_check_out_container .content .labels .value{
				float: left;
				width: 455px;}

			
			
			/* 2 column */
			#pb_check_out_container .content2 .title{
				float: left;
				width: 100px; }
				
			#pb_check_out_container .content2 .col .value{
				float: left;
				width: 190px;}	
				
					
			
			/* 3 column */
			#pb_check_out_container .content3 .col .title,
			#pb_check_out_container .col3 .title{ 
				float: left;
				clear: left;
				width: 80px;}
				
			#pb_check_out_container .content3 .col .value,
			#pb_check_out_container .col3 .value{ 
				float: left;
				width: 100px; }


	#pb_check_out_container ul{ 
		display: inline;
		width: 100%;
		float: left;}
			
		#pb_check_out_container li.shippingOption{
			display: inline;
			float: left;
			width: 100%;
			margin-bottom: 8px;}
			
			li.shippingOption .colRadio{
				float: left;
				width: 25px;}

				li.shippingOption .colRadio input{ border: 0;}
				

			li.shippingOption .colImage {
				float: left;
				width: 60px;}
			
			li.shippingOption .colText{
				float: left;
				width: 152px;}
				
			li.shippingOption .colImageText{
				float: left;
				width: 212px;}
				
			li.shippingOption .colImageTextPrice{
				float: left;
				width: 267px;}

				li.shippingOption .colText p,
				li.shippingOption .colImageText p,
				li.shippingOption .colImageTextPrice p{ line-height: 1.2em;}
			
			li.shippingOption .colPrice{
				float: right;
				clear: right;
				width: 52px;
				font-weight: 700;}


			/* 1 col */
			.content li.shippingOption .colText {			width: 470px; }
			.content li.shippingOption .colImageText{		width: 530px; }
			.content li.shippingOption .colImageTextPrice{	width: 585px; }


			/* 3 col */
			.content3 li.shippingOption .colText {			width: 70px;  }
			.content3 li.shippingOption .colImageText{		width: 126px; }
			.content3 li.shippingOption .colImageTextPrice{	width: 160px; }
			.content3 li.shippingOption .colPrice{			width: 30px;  }
		
		#pb_check_out_container li.trackingOption{
			display: inline;
			float: left;
			width: 100%;
			margin-bottom: 4px;	}
			
			li.trackingOption .colRadio{
				float: left;
				width: 25px;}

				li.trackingOption .colRadio input{ border: 0;}
				
				
			li.trackingOption .colText{
				float: left;
				width: 45px;}
				
				
			li.trackingOption .colTextInput{ 
				float: left;
				width: 100px;
				text-align: left;}
				
				.content li.trackingOption .colTextInput{ width: 200px; }
				.content2 li.trackingOption .colTextInput{ width: 180px; }
				
				.colTextInput input{ 
					width: 80%;
					padding: 4px;
					margin-right: 4px;
					text-align: left;
					border: 1px solid #e3e3e3;}	
			
		#pb_check_out_container #dlProducts{}
			
			#pb_check_out_container #dlProducts dd{	
				margin: 0;
				padding: 0;}
				
			#dlProducts dd .ulProductList{ margin: 0;}
				 
			


	/*	Right Column (pb_rc)
		--------------------------------------------*/
	
	.pb_rc ul.icons{ 
		display: inline;
		float: left;
		clear: both;
		width: 100%;
		list-style: none;
		margin-bottom: 8px; }
		
		.pb_rc ul.icons li{ 
			display: inline;
			float: right;
			clear: none;
			width: 50px;}
		
		.pb_rc ul.icons li a{
			display: block;
			padding: 4px 4px 4px 20px;
			font-size: 11px;
			text-transform: lowercase;}
	
		
	/*	Icons and links
		--------------------------------------------*/

		/* Print */
		.pb_rc a#icon_email { background: url(../images/buttons/icon_email.gif) 0 4px no-repeat; }
		.pb_rc a#icon_print { background: url(../images/buttons/icon_print.gif) 0 1px no-repeat; }
		.pb_rc a#icon_rss	{ background: url(../images/logos/rss.gif) 0 4px no-repeat;	}	


	/* Small shopping basket */
	.pb_rc dl.shoppingBasketSmall{ 
		background: url(../images/ecommerce/rc_basket_bottom.gif) right bottom no-repeat;
		padding-bottom: 4px;
		margin-bottom: 10px;
		color: #0d1112;}

	.pb_rc dl.shoppingBasketSmall dt,
	.pb_rc dl.shoppingBasketSmall dt a{ 
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
		font-size: 12px;
		padding: 5px;
		background: #db4a4a url(../images/ecommerce/lc_menu_toplevel_current.gif) 0 0 repeat-x;}
		
		.pb_rc dl.shoppingBasketSmall dt a{ 
			padding-left: 20px;
			background: url(../images/ecommerce/ico_basket_small.gif) 4px 6px no-repeat;}

	.pb_rc dl.shoppingBasketSmall dd{
		border-left: 1px solid #e3e3e3;
		border-right: 1px solid #e3e3e3;
		padding-top: 4px;
		padding-bottom: 4px;
		background: #fff url(../images/ecommerce/rc_basket_dd.gif) right bottom no-repeat; }


	.pb_rc dl.shoppingBasketSmall dd li{ 
		padding: 4px 8px;
		clear: both;}

		.shoppingBasketSmall .countInfoText,
		.shoppingBasketSmall .priceMain,
		.shoppingBasketSmall .deleteRow{ overflow: hidden;} 


		.shoppingBasketSmall .countInfoText{
			float: left;
			width: 70px;
			white-space: nowrap;
			text-align: left;
			font-size: 11px; }

		.shoppingBasketSmall .priceMain{ 
			float: right;
			width: 60px;
			text-align: right;	
			font-weight: 700;
			font-size: 12px;}
			
		.shoppingBasketSmall .deleteRow{ 
			float: right;
			width: 18px;
			text-align: right;}
			

	.pb_rc dl.shoppingBasketSmall dd li.summary{ border-top: 1px solid #e3e3e3; }
		
		.pb_rc li.summary .title{ 
			float: left;
			width: 50%;
			font-weight: 700;}
			
		.shoppingBasketSmall .priceTotal{
			float: right;
			width: 50%;
			text-align: right;			
			font-weight: 700;
			white-space: nowrap;}		
		
		.pb_rc li.summary .btnContainer{ margin-top: 10px;}

/*
	--------------------------------------------
	Forms module override
	--------------------------------------------
*/
	/* 2 kolonner */

	/*	Error summary
		--------------------------------------------*/
/*
		div.errorSummary,
		.lps-colM .scfValidationSummary,
		.lps-colM .scfError{
			display: inline;
			float: left;
			clear: both;
			width: 626px;
			margin: 0 8px 8px 8px;
			padding: 16px 0;
			border: 1px solid red;
			background: url(../images/ecommerce/bg_error_summary.gif) 0 bottom repeat-x; }
			
			div.errorSummary ul,
			.lps-colM .scfValidationSummary ul,
			.lps-colM .scfError ul{
				display: inline;
				float: left;
				clear: both;
				width: 100%;
				padding: 0;
				margin: 0;
				list-style: none;
				background: url(../images/ecommerce/ico-error.gif) 20px 4px no-repeat;	}
				
				div.errorSummary ul li,
				.lps-colM .scfValidationSummary li,
				.lps-colM .scfError li{
					display: inline;
					float: left;
					clear: both;
					padding: 6px 65px;	
					margin: 0;
					font-weight: 700;
					color: red;}
					
		.lps-colM .scfForm{ 
			width: 636px;
			overflow: hidden;}

		.lps-colM .scfTitleBorder,
		.lps-colM .scfIntroBorder{
			padding-left: 8px;
			padding-bottom: 8px; }
			


		.lps-colM .scfSectionBorderCol2{ 
			display: inline;
			float: left;
			clear: none;
			width: 50%;	}
			
		.lps-colM .scfSectionBorder{ 
			clear: left;  }
		
		.lps-colM .scfSubmitButtonBorder{
			display: inline;
			float: left;
			clear: both;
			width: 626px;
			margin: 0 8px 8px 8px;}	  
			
			.lps-colM .scfSubmitButtonBorder input{
				display: inline;
				float: left;}

			.lps-colM input.scfSubmitButton{ float: right;}
				
				#pb_check_out_container	input.scfSubmitButton{ clear: none;}
			
		.lps-colM .scfLegendAsDiv{
			padding: 4px 8px 8px 8px;
			font-size: 12px;
			border: 0;
			background: url(../images/ecommerce/bg_pager.gif) 0 bottom repeat-x; }		
		
		.lps-colM .scfSectionBorderAsFieldSet
		{
			clear:left;
			margin: 0 0px 8px 8px;
			padding: 0;
			border: 0px;
			border: 1px solid #dedede;}
			
		.scfSectionBorderCol2 .scfSectionBorderAsFieldSet{ height: 340px;}
			
			.pc_mc .scfSectionLegend{
				font-weight: bold;
				text-decoration: none;
				color: #666666; }
				
				.lps-colM .scfSectionUsefulInfo{
					display: block;
					width: 90%; 
					padding: 4px 8px 0px 8px;}
					
				.lps-colM .scfSectionContent{
					margin: 8px 0;}
					
		.lps-colM .scfDropListLabel, 
		.lps-colM .scfEmailLabel, 
		.lps-colM .scfMultipleLineTextLabel, 
		.lps-colM .scfSingleLineTextLabel, 
		.lps-colM .scfPasswordLabel, 
		.lps-colM .scfNumberLabel, 
		.lps-colM .scfDateLabel, 
		.lps-colM .scfRadioButtonListLabel, 
		.lps-colM .scfCheckBoxListLabel, 
		.lps-colM .scfListBoxLabel, 
		.lps-colM .scfFileUploadLabel, 
		.lps-colM .scfDateSelectorLabel{ 
			display: inline;
			margin-left: 8px;}
			
		.lps-colM .scfEmailTextBox, 
		.lps-colM .scfSingleLineTextBox, 
		.lps-colM .scfPasswordTextBox, 
		.lps-colM .scfNumberTextBox, 
		.lps-colM .scfDateTextBox, 
		.lps-colM .scfRadioButtonList, 
		.lps-colM .scfListBox, 
		.lps-colM .scfCheckBoxList, 
		.lps-colM .scfFileUpload{
			display: inline;
			margin-bottom: 2px;}	

		.lps-colM .scfListBox, 
		.lps-colM .scfDropList{ margin-left: 0px;} 
			
		.lps-colM .scfCheckbox{ margin-left: 8px;}
			
		.lps-colM .scfValidatorRequired, 
		.lps-colM .scfRequired{ margin-right: 8px;}
*/								

	/* 3 kolonner */
	/*	Error summary
		--------------------------------------------*/
/*		
		div.errorSummary,
		.content-3-col .scfValidationSummary,
		.content-3-col .scfError{
			display: inline;
			float: left;
			clear: both;
			width: 100%;
			margin: 0 8px 8px 8px;
			padding: 16px 0;
			border: 1px solid red;
			background: url(../images/ecommerce/bg_error_summary.gif) 0 bottom repeat-x; }
			
			div.errorSummary ul,
			.content-3-col .scfValidationSummary ul,
			.content-3-col .scfError ul{
				display: inline;
				float: left;
				clear: both;
				width: 100%;
				padding: 0;
				margin: 0;
				list-style: none;
				background: url(../images/ecommerce/ico-error.gif) 20px 4px no-repeat;	}
				
				div.errorSummary ul li,
				.content-3-col .scfValidationSummary li,
				.content-3-col .scfError li{
					display: inline;
					float: left;
					clear: both;
					padding: 6px 65px;	
					margin: 0;
					font-weight: 700;
					color: red;}
*/
	/* Form section
		--------------------------------------------*/
/*		.content-3-col .scfForm{ width: 561px; }
		.content-3-col .scfError{ display:none; }

		.content-3-col .scfTitleBorder,
		.content-3-col .scfIntroBorder{
			padding-left: 8px;
			padding-bottom: 8px; }
			


		.content-3-col .scfSectionBorderCol2{ 
			display: inline;
			float: left;
			clear: none;
			width: 50%;	}
			
		.content-3-col .scfSectionBorder{ 
			clear: left;  }
		
		.content-3-col .scfSubmitButtonBorder{
			display: inline;
			float: left;
			clear: both;
			width: 551px;
			margin: 0 8px 8px 8px;}	  
			
			.content-3-col .scfSubmitButtonBorder input{
				display: inline;
				float: left;}

			.content-3-col input.scfSubmitButton{ float: right;}
				
				#pb_check_out_container	input.scfSubmitButton{ clear: none;}
			
		.content-3-col .scfLegendAsDiv{
			padding: 4px 8px 8px 8px;
			font-size: 12px;
			border: 0;
			background: url(../images/ecommerce/bg_pager.gif) 0 bottom repeat-x; }		
		
		.content-3-col .scfSectionBorderAsFieldSet{ 
			margin: 0 0px 8px 8px;
			padding: 0;
			border: 0px;
			border: 1px solid #dedede;
			float: left;
			width: 100%;
			}
			
		.scfSectionBorderCol2 .scfSectionBorderAsFieldSet{ height: 340px;}
			
			.content-3-col .scfSectionLegend{
				font-weight: bold;
				font-size: 12px;
				text-decoration: none;
				color: #666666;
				background: url(../images/ecommerce/bg_pager.gif) 0 top repeat-x;
				border: 1px solid silver;
				padding: 4px 13px 5px;		
				}
				
				.content-3-col .scfSectionUsefulInfo{
					display: block;
					width: 90%; 
					padding: 4px 8px 0px 8px;}
					
				.content-3-col .scfSectionContent{
					margin: 8px 0;}
					
		.content-3-col .scfDropListLabel, 
		.content-3-col .scfEmailLabel, 
		.content-3-col .scfMultipleLineTextLabel, 
		.content-3-col .scfSingleLineTextLabel, 
		.content-3-col .scfPasswordLabel, 
		.content-3-col .scfNumberLabel, 
		.content-3-col .scfDateLabel, 
		.content-3-col .scfRadioButtonListLabel, 
		.content-3-col .scfCheckBoxListLabel, 
		.content-3-col .scfListBoxLabel, 
		.content-3-col .scfFileUploadLabel, 
		.content-3-col .scfDateSelectorLabel{ 
			display: inline;
			margin-left: 8px;}
			
		.content-3-col .scfEmailTextBox, 
		.content-3-col .scfSingleLineTextBox, 
		.content-3-col .scfPasswordTextBox, 
		.content-3-col .scfNumberTextBox, 
		.content-3-col .scfDateTextBox, 
		.content-3-col .scfRadioButtonList, 
		.content-3-col .scfListBox, 
		.content-3-col .scfCheckBoxList, 
		.content-3-col .scfFileUpload{
			display: inline;
			margin-bottom: 3px;}	

		.content-3-col .scfListBox, 
		.content-3-col .scfDropList{ margin-left: 0px;} 
			
		.content-3-col .scfCheckbox{ margin-left: 8px;}
			
		.content-3-col .scfValidatorRequired, 
		.content-3-col .scfRequired{}
		
		.content-3-col .scfFooterBorder { clear: both; }
		
		
		#pb_check_out_container  .scfListBoxGeneralPanel,
		#pb_check_out_container  .scfDropListGeneralPanel{ margin-left: 0px; margin-right: 0px; }	
		
		#pb_check_out_container .scfEmailGeneralPanel,
		#pb_check_out_container .scfMultipleLineGeneralPanel,
		#pb_check_out_container .scfSingleLineGeneralPanel,
		#pb_check_out_container .scfPasswordGeneralPanel,
		#pb_check_out_container .scfNumberGeneralPanel,
		#pb_check_out_container .scfDateGeneralPanel,
		#pb_check_out_container .scfRadioButtonListGeneralPanel,
		#pb_check_out_container .scfCheckBoxListGeneralPanel,
		#pb_check_out_container .scfFileUploadGeneralPanel,
		#pb_check_out_container .scfDateSelectorGeneralPanel{ margin-left: 0px; margin-right: 0px; }
*/





/*
	--------------------------------------------
	Eye Droppers
	--------------------------------------------
*/

	.textsmall{	font-size: 11px; }
	.textmedium{ font-size: 12px; }

	.errorMessageRed{ color: red; }
	.errorMessageWhite{	color: white; }

	div.center{ text-align: center; }
	div.left{ text-align: left; }
	div.right{ text-align: right; }

	.twoColoredSpacerLeft{	background: url(../images/ecommerce/two_colored_spacer.gif) left 0px repeat-y;}
	.twoColoredSpacerRight{	background: url(../images/ecommerce/two_colored_spacer.gif) right 0px repeat-y;}

	div.colMargin8{ display: block; margin: 8px;}
	div.colMargin8NoTopMargin{ display: block; float: none; margin: 0 8px 8px 8px;}

	div.colMargin10{ display: block; float: none; margin: 10px;}
