/*

    CSS Document



    Site: Klubblagret   
    URL: http://www.klubblagret.se
    Author: PS Kommunikation
    Version: 1.0
    Date: 2009.08.30

*/

/*
 *      DEFAULT
 *
 */

BODY {
	/*text-align:center;*/
	background:url(../images/bg-body.jpg) repeat-x;
font-size:62.5%;     
    font-family:Arial, Sans-Serif;
    color:#333a32;	
}
DIV#wrapper {
	margin:0 auto; 
	width:960px;
    text-align:left;
}
DIV#global-nav {
    height:35px;
    margin:0 20px 0 20px;
    width:940px;
}
DIV#global-nav UL {
    display:inline;
    float:right;
    list-style-type:none;    
    margin:8px 0 0 0;
}
DIV#global-nav LI {
    display:inline;
    margin:0 0 0 10px;
}
DIV#global-nav LI A {
    color:#fff;
    text-decoration:none;
}

/*
 *      MASTHEAD
 *
 */

DIV#masthead {
    width:960px;    
}
DIV#logo {
    display:inline;
    float:left;
    height:42px;
    margin:17px 0 0 0;
    width:178px; 
}

DIV#logo IMG {
    border:none;    
    height:44px;
    width:200px; 
}
DIV#basket {
    background:url(../images/bg-shoppingbasket.png) no-repeat bottom left;    
    display:inline;
    float:right;     
    height:25px;
    margin:4px 0 0 0;
    width:365px;    
}
DIV#basket UL {
    list-style-type:none;
    margin:3px 0 0 30px;
}
DIV#basket LI {
    background:url(../images/icon-shopping-basket.gif) no-repeat center left;
    color:#fff;
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0 10px 0 0;
    padding:0 0 0 30px;
}
DIV#basket LI.checkout {
    background:none;
    color:#fff;
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
}
DIV#basket LI A {
    color:#fff;
    text-decoration:underline;
}
DIV#basket LI A:HOVER {
    color:#fff;
    text-decoration:none;
}


/*
 *      NAVIGATION
 *
 */

UL#main-nav {
    list-style: none;
    width:180px;
    margin:0 0 0 20px;
    padding:0;
} 
UL#main-nav LI {
    display:block; 
    margin:0;
    padding:0;
    width:180px;  
}
UL#main-nav LI A {
    background:url(../images/iconLargeArrowRightNoBg.gif) 5px center no-repeat;    
    border-bottom:solid 1px #cbd5de;
	color:#333a32; 
    display:block;     
    font-family:Arial;
    font-size:1.0em;
    font-weight:bold;
   /* height:2.0em;*/
    line-height:1.1em;
    text-decoration:none;
    text-transform:uppercase;
    padding:5px 20px;
    width:140px;  
	overflow:hidden;
}
UL#main-nav LI A:HOVER, UL#main-nav LI.active A {
    background:#f68e1b;
    border-bottom:solid 1px #cbd5de;
    color:#fff;
}

/*** SEARCH ***/

DIV#search {
    margin:20px 0 0 0px;
}
DIV#search INPUT {
    border:solid 1px #cbd5de;
    color:#333a32;
    margin: 0 0 0 20px;
    padding:0.3em;
    width:125px
}
DIV#search INPUT.search-btn {
    border:none;
    background:url(../images/bg-search-btn.gif) no-repeat;
    color:#fff;
    font-size:1em;
    font-weight:bold;
    margin: 0 0 0 5px;
    width:37px;
    line-height:2em;
}
 
/*
 *      CONTENT
 *
 */


/*** COMMON ***/

DIV#placeholder-outer {
    background:url(../images/bg-placeholder-outer.gif) no-repeat top left;
    margin:40px 0 0 0;
    padding:55px 0 0;    
}
DIV#placeholder-inner {
    background:#fff;
    margin:0;
    padding:20px 0 0 0;
}
DIV#sidebar {
    float:left;
    margin:0 30px 0 0;
    width:200px;
}
DIV#placeholder-content {
    float:left;
    width:710px;
}
DIV#content {
    width:710px;
}
DIV#primary-content {
    float:left;
    margin-right:30px;
    width:400px;
}
DIV#secondary-content {
    float:left;
    width:280px;
}
DIV#breadcrumbs {
    font-weight:bold;
}
DIV#breadcrumbs P {
    color:#afafaf;
}
DIV#breadcrumbs A {
    color:#333a32;
    text-decoration:underline;
}
DIV#breadcrumbs A:HOVER {
    text-decoration:none;
}
    

/*** START ***/

/** USP **/

DIV#usp {
    margin:0 0 0 210px;
    width:750px;
}
DIV#usp H1 {
    color:#719e43;
    font-size:4.8em;
    margin:20px 0 5px 0;
}
DIV#usp P {
    color:#000;
    font-family:Times New Roman, Serif;
    font-size:3em;
    line-height:normal;
    margin:0;    
}

/** Primary Content **/

DIV#product-spotlight-top-container {
    border-bottom:solid 2px #6d980a;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
}
DIV#product-spotlight-news {
    background:url(../images/tag-offer.gif) no-repeat top left;
    float:left;
    height:15.6em;
    margin:0 20px 0 0;
    padding:23px 0 0 0;
    text-align:center;          
    width:190px;
}
DIV#product-spotlight-offer {
    background:url(../images/tag-news.gif) no-repeat top left;
    float:left;
    height:15.6em; 
    margin:0 0 0 0;
    padding:23px 0 0 0;
    text-align:center;            
    width:190px;
}
DIV#product-spotlight-news-image, DIV#product-spotlight-offer-image {
    height:128px; 
    margin:0; 
    padding:0;
    width:190px; 
    display:table-cell;
    vertical-align:bottom;
}
DIV#product-spotlight-news-text, DIV#product-spotlight-offer-text {
    height:3em;
    padding:5px 0 0 0;  
}
DIV#product-spotlight-news P A, DIV#product-spotlight-offer P A {
    background:url(../images/icon-arrow-large.gif) no-repeat top left;
    color:#333a32;
    margin:0;    
    padding:0 0 0 25px;
}
DIV#product-spotlight-container {
    margin:0 0 39px 0;
}
.product-spotlight-item {
    float:left;
    height:11.5em;
    margin:0 25px 0 0;
    text-align:center;
    width:80px;
}
.product-spotlight-item-right {
    float:left;
    height:11.5em;    
    margin:0;
    text-align:center;
    width:80px;
}
.product-spotlight-item P, .product-spotlight-item-right P {
    font-size:1.1em;
    line-height:normal;
    margin:0;
}
.product-spotlight-item P A, .product-spotlight-item-right P A {
    background:url(../images/icon-arrow-small.gif) no-repeat top left;
    color:#333a32;
    margin:0;   
    padding:0 0 0 15px;
}
.product-spotlight-item-image {
    height:80px;  
    width:80px; 
    display:table-cell;
    vertical-align:bottom;    
}
.product-spotlight-item-text {
    height:3em;
    padding:5px 0 0 0;  
}
.product-spotlight-item-image-right {
    height:80px;  
    width:80px; 
    display:table-cell;
    vertical-align:bottom;    
}
.product-spotlight-item-text-right {
    height:3em;
    padding:5px 0 0 0;  
}
DIV#puff-left {
    background:url(../images/image-choose-us.jpg) no-repeat top left;
    height:128px;
    padding-top:30px;
    width:400px;
}
DIV#puff-left H2 {
    color:#fff;
    font-size:2.2em;
    line-height:1.1em;
    margin:0 0 0.5em 20px;
}
DIV#puff-left P {
    color:#b7c0c5;
    font-size:1.5em;
    line-height:normal;
    margin:0 135px 0.5em 20px;
}
DIV#puff-left A {
    background:url(../images/icon-arrow-puff-left.gif) no-repeat center right;
    color:#b7c0c5;    
    padding:0 18px 0 0;
    text-decoration:none;
}
DIV#puff-left A:HOVER {
    text-decoration:underline;
}

/** Secondary Content **/

DIV#presentation {
    padding:0 0 0 0;
}
DIV#presentation P {
    margin:0 0 30px 0;
}
DIV#puff-blog {
    background:url(../images/tag-blog.gif) no-repeat top left;
    margin:0 0 30px 0;
    padding:23px 0 0 0;       
}
DIV#puff-news {
    background:url(../images/tag-productnews.gif) no-repeat top left;
    margin:0 0 30px 0;
    padding:23px 0 0 0;  
}
DIV#puff-blog SPAN, DIV#puff-news SPAN {
    color:#5d5d5d;
    font-size:1em;
    margin:0 0 0 40px;
}
DIV#puff-blog H2, DIV#puff-news H2 {
    background:url(../images/icon-pen.gif) no-repeat center left;
    line-height:2em;
    margin:0 0 0.5em 0;
    padding:0 0 0 40px;
}
DIV#puff-blog P, DIV#puff-news P {
    margin:0 0 10px 40px;
}
DIV#puff-blog A, DIV#puff-news A {
    color:#333a32;    
    text-decoration:underline;
}
DIV#puff-blog A.arrow-large, DIV#puff-news A.arrow-large {
    text-decoration:none;
}
DIV#puff-blog A:HOVER, DIV#puff-news A:HOVER {
    text-decoration:none;
}
DIV#puff-right {
    background:url(../images/image-contact-us.jpg) no-repeat top left;
    height:110px;
    padding:20px 0 0 0;
    width:280px;
}
DIV#puff-right H2 {
    color:#fff;
    font-size:2.2em;
    line-height:1.1em;
    margin:0 0 0.5em 120px;
}
DIV#puff-right P {
    color:#fff;
    font-size:1.2em;
    line-height:normal;
    margin:0 20px 0.5em 120px;
}
DIV#puff-right SPAN {
    display:block;
    font-size:1.8em;
    font-weight:bold;
    line-height:normal;
}
DIV#puff-right A {
    color:#fff;    
}

/*** PRODUCT OVERVIEW ***/

.product-item {
    display:inline;
    float:left;
    height:17.3em;
    margin:0 0 20px 0;
    padding:0 5px 10px 5px; 
    width:165px;
}
.product-item-image {
    height:128px;  
    width:165px; 
 /*   display:table-cell;
    vertical-align:bottom;*/
 	position:relative;
	display:block;
}
.product-item-image a {
    position:absolute;
	bottom:0px;
    width:165px;
	text-align:center;
}
.product-item-image img {
    margin:0px auto; 
}



.product-item-text {
    height:3em;
    padding:5px 0 0 0;        
}
  	   	.product-item blockquote { display: table;
								   height: 160px;
								   width:175px;
								   text-align:center;
								  *display: block;
								  *position: relative; }			 
						
	 	.product-item blockquote span { display: table-cell;
								        vertical-align: middle;
								       *display: block;
								       *position: absolute;
								       *left: 0px;
								       *width: 100%;
								       *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
		.product-item blockquote span span { display: inline;
											 vertical-align: baseline;
											 position: relative;
											 left: auto;
											 width: auto;
											 top:auto; }		

.product-item H2 {
    font-size:1.1em;
    margin:0;
    text-align:center;
}
.product-item P {
    margin:0;
	padding:0px;
    text-align:center;
}

/*** PRODUCT DETAIL ***/

DIV#product-image { 
    text-align:center; 
} 
BODY#product DIV#secondary-content H2 {
    background:#596358;
    color:#fff;
    padding:5px 10px;
}
DIV#more-options {
    background:url(../images/bg-more-options.gif) repeat-y top left;    
    border-top:solid 1px #cbd5de;    
    position:relative;
}
DIV#content DIV#secondary-content FIELDSET#value {
    border:none;     
    background: none;
    margin:0;    
    padding:0;
}
FIELDSET#value LABEL {
    color:#333a32;
    float:left;  
    margin:0 10px 0 0;     
}
FIELDSET#value INPUT {
    height:1.2em;
    padding:2px;
    width:30px;    
}
FIELDSET#value INPUT.submit {
    background:url(../images/icon-arrow-small.gif) center left no-repeat;
    border:none;
    color:#f71200;
    cursor:pointer;
    font-size:1.2em;
    font-weight:bold;
    line-height:1.4em;      
    height:1.4em;    
    margin:0 0 10px 0;
    padding:0 0 0 15px;
    text-align:left;
    width:12em;
}
DIV#more-attribute {
    margin:20px 0 20px 0;
    padding:0;
}
DIV#more-attribute SELECT {
    font-size:1.2em; 
    width:10em;
}
DIV#more-options UL {
    list-style-type:none;
    margin:10px 0 0 0;
}
DIV#more-options UL LI {
    list-style-type:none;
}
DIV#more-options UL#ul-left { 
    width:130px;
}
DIV#more-options UL.ul-right {
    position:absolute;
    top:3px;
    left:150px;
    width:130px;    
}

/*** NEWS ***/

DIV#placeholder-news SPAN {
    color:#5d5d5d;
    font-size:1.0em;
}

/*** BLOG ***/

.blog-item {
    border-bottom:1px solid #afafaf;
    margin:0 0 1em 0;
}

/*** SEARCH RESULTS ***/

.search-item H2 A {
    color:#F71200;
}
.search-item {
    border-bottom:solid 1px #000;
    margin:0 0 1.5em 0;
}
.search-item-description {
    margin:0 0 0.5em 0;
}
.search-item-price {
    margin:0 0 1.0em 0;
}

/*** PAGING ***/

DIV#paging {
    margin-bottom:20px;
}
DIV#paging UL {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
DIV#paging LI {
    display:inline;
}
DIV#paging LI A {
    line-height:4em;
    text-decoration: none;
    padding: 0.5em 0.5em;
    color: #333;
    border:solid 1px #fff; 
}
DIV#paging LI A:HOVER {
    text-decoration:none;
    border:solid 1px #588fe6;   
}
DIV#paging LI.active A {
    font-weight:bold;
}
DIV#paging LI.active A:HOVER {
    border:solid 1px #fff;   
} 

/*** CHECKOUT ***/

DIV#checkout {
}
DIV#checkout H2 {
    background:#596358;
    color:#fff;
    padding:5px 10px;
    width:449px;
}
DIV#placeholder-steps {
    margin:0 0 20px 0;
}
DIV#step-one {
    display:inline;
    float:left;
    margin:0 10px 0 0;
    width:230px;
}
DIV#step-one H2, DIV#step-two H2, DIV#step-three H2 {
    color:#414141;
    font-size:1.2em;
    line-height:1.6em;      
    padding:5px 0 0 65px;
    width:auto;
}
DIV#step-one H2 {
    background:url(../images/tag-step-one.gif) center left no-repeat;
}
DIV#step-one H2.active {
    background:url(../images/tag-step-one-active.gif) center left no-repeat;
}
DIV#step-two {
    display:inline;
    float:left;
    margin:0 10px 0 0;    
    width:229px;    
}
DIV#step-two H2 {
    background:url(../images/tag-step-two.gif) center left no-repeat;     
}
DIV#step-two H2.active {
    background:url(../images/tag-step-two-active.gif) center left no-repeat;     
}
DIV#step-three {
    display:inline;
    float:left;
    width:229px;        
}
DIV#step-three H2 {
    background:url(../images/tag-step-three.gif) center left no-repeat;   
}
DIV#step-three H2.active {
    background:url(../images/tag-step-three-active.gif) center left no-repeat;     
}
DIV#checkout FIELDSET {
    width:447px;    
}
.prev-next {  
    margin:10px 0 20px 0;
    width:470px;
}

/*** SUBPAGE ***/

/** Secondary Content **/

BODY#subpage DIV#secondary-content {
    margin:40px 0 0 0;
}
BODY#subpage DIV#secondary-content H2 {
    background:#596358;
    color:#fff;
    padding:5px 10px;
}
BODY#subpage DIV#secondary-content UL {
    list-style-type:none;
    margin:10px 0 0 0;
}
BODY#subpage DIV#secondary-content UL LI {
    list-style-type:none;
}

/*
 *      FOOTER
 *
 */

DIV#footer {
    margin:45px 0 0 0;
    width:960px;
}
DIV#footer H2, DIV#footer H3 {
    color:#333;
    font-size:1.1em;
    margin-bottom:0.5em;
}
DIV#footer P {
    color:#777676;
    font-size:1.1em;
}

DIV#info {
    background:#cbd5de;
    padding:15px 20px 30px 15px;
    width:920px;
}

/*
 *      CLASSES
 *
 */
.clearer { clear:both; }
.hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.sitemap2 TABLE {
    border:none;
    margin:0;
    padding:0;
    width:auto;
}
.sitemap2 CAPTION {
    display:none;
}

.sitemap2 TD {
    font-size:1.1em;
	line-height:10px;
    text-align:left;
    margin:0; 
    padding:0;
    width:auto;    
}
.sitemap2 TD A {
    color:#333a32;  
}

    	
	div.tellafriend{  width:336px;
		   		  	  height:302px;
					  background:#fff;
			    	  display:block;
			    	  margin:40px auto 0px auto;
					  padding:10px;
					  font: 12px Arial, Helvetica, sans-serif; }	
					  			  
					  
		div.tellafriend table td p { font: 12px Arial, Helvetica, sans-serif;
									 padding:0px; }	
		
		.textfieldtellfriend {	padding:4px 5px;
								font: 12px Arial, Helvetica, sans-serif;
								border:1px solid #dadada;
								background:#fff; }
								
		.btntellfriend {	background:#004282;
							border:none;
							color:#fff;
							padding:2px 5px;
							margin:0px 0px 0px 20px; }	
 
 
 UL#main-nav LI UL {
    margin:5px 0 5px 30px;
    padding:0;
    list-style-type:none;
}
UL#main-nav LI UL LI {
    margin:0;
    padding:0;
    width:150px;
}
UL#main-nav LI.active UL LI A {
    background:none;
    border-bottom:none;
    color:#333a32;     
    display:block;
    font-family:Arial;
    font-size:0.85em;    
    font-weight:normal;   
    text-decoration:none;
    text-transform:uppercase;
    padding:5px 0px;
    width:150px; 
}
UL#main-nav LI UL LI a.innerStyle:hover, UL#main-nav LI UL LI.current A  {
    background:none;   
    color:#333a32;   
    font-weight:bold;
}