@charset "UTF-8";
/* CSS Document */
body{
   background:#3f3e46 url(../img/bg_wood.jpg);
   color:#333;
   font: 11px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a{color:#333;}

#wrapper{
	position:relative;
	width:960px;
	background:transparent;
	margin:0 auto;
}

#signUp, #login{
	height:auto;
	display:none;
	background:#fff;
}

#header{
	position:relative;
	height:175px;
	padding-top:10px;
	color:#fff;
	z-index:101;
}
#header a{color:#fff;text-decoration:none;}

#logo{
	display:block;
	width:184px;
	height:53px;
	margin-left:30px;
	margin-top:60px;
	background:transparent url(../img/logga.png) top left no-repeat;
}
#logo a{
	display:block;
	text-indent:-9999px;
	height:50px;
}

#contentHolder{min-height:300px;margin-top:0px;background-color:#fff;padding:10px;z-index:0;}

/*NAV*/
#account-menu a{padding:4px 5px;color:#fff;text-decoration:none;line-height:1;}
#account-menu p a{color:#333;text-decoration:underline;}
#account-menu a:hover{color:#fff;background:#424242;-moz-border-radius: 2px/*{cornerRadius}*/; -webkit-border-radius: 2px/*{cornerRadius}*/;}
#account-menu a.menu-open:hover, #account-menu a.menu-open{color:#333;background:#ffd800;-moz-border-radius: 2px/*{cornerRadius}*/; -webkit-border-radius: 2px/*{cornerRadius}*/;}
#holderLogIn, #holderSignUp{display:none;position:absolute;width:300px;height:auto;background:#ffd800;-moz-border-radius: 2px/*{cornerRadius}*/; -webkit-border-radius: 2px/*{cornerRadius}*/;}

#nav{position:absolute;bottom:0;left:0;width:100%;padding:0;margin:0;z-index:101;}
#nav li.headlink{
	float:left;
	margin-right:1px;
	line-height:32px;
	position:relative;
	background:transparent url(../img/gradient_btn.png) top left repeat-x;
	-moz-background-clip:padding;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

li.headlink h3 a{background:transparent url(../img/meny_ikon_15_13.png) right center no-repeat;color:#fff;text-decoration:none;padding:0 30px 0 15px;line-height:32px;margin:0;height:32px;display:block;float:left;font-size:12px;}

#nav li ul {
	cursor:default;
	width:auto;
	position:absolute;
	left:0;
	height:auto;
	top:32px;
	background-position:0 0 !important;
	background:#c70000;
	display:none;
	z-index:102;
	padding:10px 0;
}

#nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
	line-height:16px;
	height:16px;
	float:none;
}
#nav li ul li a, #nav li ul li strong {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:16px;
	height:16px;
	font-weight:normal;
	font-size:11px;
	color:#fff;
	background-image:none;
	width:12em;
	border:0;
	padding:0 15px;
	display:block;
}
#nav li ul li strong
{
	font-weight:bold;
	cursor: default !important;
    }
#nav li ul li a:hover {background:#525255;}

#nav h3{font-weight:bold;}

#nav #originals{background:transparent url(../img/gradient_btn.png) 0px -32px repeat-x;}
#nav #originals ul{background:#0076bc;}
#originals a img{margin-right:2px;}
#nav #sammy-corner, #nav #help{background:transparent url(../img/gradient_btn.png) 0px -64px repeat-x;}
#nav #sammy-corner a, #nav #help a{background:transparent;}
#nav #sammy-corner ul, #nav #help ul{background:#525255;}
#nav .navHowDoesItWork{position:absolute;right:0;height:auto;bottom:5px;border-color:#000;}
/*END NAV*/

#content{
	width:650px;
	float:left;
	padding-bottom:20px;
	overflow:visible!important;
}

#promo{width:940px;min-height:40px;background:#fff url(../img/ajax-loader.gif) center center no-repeat;padding:10px 10px 0px 10px;margin-bottom:10px;}
.loading{background:#fff url(../img/ajax-loader.gif) center center no-repeat;filter: alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity:0.7}
.loadingContent{background:#fff url(../img/ajax-loader.gif) 300px 100px no-repeat;}


/*CASHIER*/
#aCashier{
	right:0;
	bottom:0;
	background:#ffd800 url(../img/gradient_btn.png) 0px -96px repeat;
	cursor:pointer;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}
#aCashier span{font-size:11px;color:#333;}
.cashierTab{background:transparent url(../img/varukorg_pil.png) right 8px no-repeat;text-align:left;padding-left:5px;}
.open .cashierTab{background:transparent url(../img/varukorg_pil.png) right -103px no-repeat;}
.open #cashierTab-details{visibility:hidden;}
.aCashier{
	display:block;
	width:165px;
	padding:10px;
	height:46px;
	line-height:16px;
	font-size:16px;
	position:absolute;
	text-align:center;
	white-space:nowrap;
	color:#333;
	text-decoration:none;
}
#cashier{display:none;font-family:verdana;width:525px;position:absolute;right:0;background:#ffd800/*ffd800*/;z-index:1000;color:#333;padding:0 0 1px 0;overflow:visible;}
#cashier h2{font-size:18px;margin-left:30px;margin-bottom:15px;font-weight:normal;margin-top:0;}
#tblCashier{width:100%;}
#tblCashier thead tr{background:transparent;border-bottom:1px dotted #a9a9a9;}
th{padding:8px 0;}
th.desc{width:210px;text-align:left;}
th.price{width:70px;text-align:right;padding-right:2px;}
th.priceTotal{width:120px;text-align:right;}

tbody tr{border-bottom:1px dotted #a9a9a9;}
td{padding:7px 0;vertical-align:middle;}
td.desc{color:#424242;font-weight:bold;}
td.desc span{font-weight:normal;}
td.productimage{text-align:left;}
td.productimage img{margin-left:2px;padding:2px;background:#fff;border:1px solid #a9a9a9;}
td.number{text-align:center;}
td.priceTotal{text-align:right;padding-right:2px;}
td.price{text-align:right;}
tfoot .total{color:#c73c33;font-size:15px;text-align:right;font-weight:bold;padding-right:2px;}

#cashier-ajax h3.ui-state-default{background:#c4ba8a;color:#81784c;font-weight:bold;border:0;-moz-border-radius:0;-webkit-border-radius:0;}
#cashier-ajax h3.ui-state-active, #cashier-ajax h3.ui-state-hover{background:#b5b2ad;color:#424242;font-weight:bold;border:0;-moz-border-radius:0;-webkit-border-radius:0;}

.ui-widget-header{background:#333;}

#cashier-ajax div.ui-widget-content{border:0;background:transparent;color:#424242;}

#frmBetalningsMetod li{float:left;
height:140px;
margin-right:5px;
width:150px;}
#frmBetalningsMetod li input,
#frmBetalningsMetod li img
{vertical-align:middle;display:inline;}
#frmBetalningsMetod li label{margin-bottom:2px;}
/* CASHIER*/

/*STORLEKSGUIDE TV�TTR�D*/
#tvattrad table, #storleksbeskrivning table{width:100%;}
#tvattrad th, #tvattrad td,#storleksbeskrivning th, #storleksbeskrivning td  {
  padding:5px 5px;
  text-align:left;
}

/*KWICKS*/
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 235px;
	height: 100px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}

#kwick_1 { 
	background-color: #53b388;
}
#kwick_2 {
	background-color: #5a69a9;
}
#kwick_3 {
	background-color: #c26468;
}
#kwick_4 { 
	background-color: #bf7cc7;
}


/*END KWICKS*/

/*PRODUCT LIST/CATEGORY LIST*/
.products li{
	display:block;
	width:156px;
	height:250px;
	float:left;
	margin-bottom:10px;
	margin-top:5px;
	margin-right:5px;
	background:transparent;
	position:relative;
	z-index:1;
	-moz-background-clip:padding;-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/;
}

ul.products{z-index:1;}
ul.productOver{z-index:2!important;}
ul.productOver li.productOver{z-index:200;}
.clickToSeeMore{background:#cdcdcd;z-index:1000;position:absolute;bottom:116px;left:1;padding:10px 10px 0px 10px;height:0;overflow:hidden;text-decoration:none;}

.products .auctionItem{display:none;}

.products .auctionSpecification{
	height:255px;
	background:#e3e3e3;
	text-align:center;
}
.auctionSpecification form{display:none;}
.productImage, .productImage img{width:156px;height:200px;}
.products div.productOver{position:absolute;top:-20px;left:-12px;z-index:2;
-moz-box-shadow: 0 0 6px #555;
-webkit-box-shadow: 0 0 6px #555;
 -moz-background-clip:padding;-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/;}
.products div.productOver .auctionSpecification{height:315px;overflow:hidden;width:178px;border:1px solid #e6ecf0;-moz-background-clip:padding;-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/;}
div.productOver .productImage{width:180px;height:200px;overflow:hidden;}
div.productOver .productImage img{width:180px;height:230px;}

.itemHeader{font-weight:bold;color:#333;text-align:left;width:138px;margin-right:2px;padding:5px 10px;margin-top:3px;}
.itemHeader span{color:#333;font-weight:normal;}
span.productBy{display:block;}
span.productPrice, span.productMemberPrice, span.productSalePrice{display:inline;color:#c73c33;font-weight:bold;font-size:110%;line-height:1.2;}
span.productPrice{color:#333;}

/*.productOver .itemHeader, .productOver span.productPrice{color:#fff;}*/
div.productOver .itemHeader{width:auto;}
div.productOver form{display:block;text-align:left;padding-left:10px;}
div.productOver form button, .frmProduct button{position:relative;white-space:nowrap;cursor:pointer;margin:3px 0px 30px 0px;display:block;background:#6b6 url(../img/gradient_btn.png) 0px -162px repeat;border:none;padding:2px 2px 2px 2px;border:1px solid #6b6;width:160px;color:#333;font-weight:bold;text-transform:uppercase;-moz-background-clip:padding;-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/;}
.frmProduct img{display:inline;vertical-align:middle;width:22px;margin:0px 7px 0px 0px;}


div.productOver fieldset
{
    padding:0;
    margin:0;
    }
div.productOver p
{
    margin-bottom:0;
    }
.frmProduct p select {
  width:160px;
  height:20px;
}
/*END CATEGORY-/PRODUCTLIST*/

/*PRODUCTDETAILS*/
.mode-productDetails .products li, .mode-productDetails #promo, .mode-productDetails #sidebar,
.mode-productDetails #footer,
.mode-productDetails #copyfooter,
.mode-productDetails #content h1
{filter: alpha(opacity=40);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity:0.4}
.mode-productDetails .products li.showProductDetails, 
.mode-productDetails #content #productDetails h1{filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1.0;}
#content #productDetails h1{margin-right:-10px;}

.products li.showProductDetails{z-index:2;}
/*END PRODUCTDETAILS*/
/*EFFECT TRANSFER TO CASHIER*/
.ui-effects-transfer {  
   border: 1px dotted #000;background:#000;opacity:0.3;z-index:99999;  
}  
/*END EFFECT CSS*/

/*SIDEBAR AND FOOTER*/
#copyfooter{padding:10px;background:#fff;margin:10px 0 10px 0;color:#666;}
#sidebar{
	background:#fff;
	width:290px;
	float:right;
	display:none;
}
#footer{padding:10px;background:#fff;margin:10px 0 10px 0;}
#footer li{display:block;float:left;width:211px;padding:5px 20px 5px 5px;}
#footer li a{color:#c73c33;text-decoration:none;text-transform:uppercase;}
#footer li a:hover{text-decoration:underline;}
#footer li.last{padding-right:0;}
#footer h3 {
  margin-bottom:.2em;
  font-size:1.2em;
}
#footer h4 {
  font-size:1.0em;
  text-transform:uppercase;
  margin-bottom:.5em;
}
#footer a.image {
  float:left; 
  margin:3px 10px 3px 0; 
  padding:4px;
  border:1px solid #bbb;
  background:#fff;
}
#footer a.image:hover {
  border:1px solid #666;
}
#footer a.image img {
  float:left; 
}
#footer p.meta {
  color:#666;
  border-top:1px dotted #999;
  border-bottom:1px dotted #999;
  padding:.3em 0;
  margin-bottom:.8em;
}
/*END FOOTER*/



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*FORM*/
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { border:0; margin-top:25px; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

/*GALLERi*/
.galleria{list-style:none;width:auto;float:left;margin-left:0;}
.galleria li{display:block;background:#fff;width:109px;height:94px;padding:3px;border:1px solid #c7c7c7;overflow:hidden;float:left;margin:0 0 2px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:109px;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#main_image{margin:0;height:481px;width:461px;background:#fff;float:left;border:1px solid #c7c7c7;padding:3px;margin-bottom:3px;}

/* SEARCH FORM */
#searchform { font-size:11px; }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:11px;width:193px;padding:3px;height:18px;line-height:18px;background: transparent url(../img/input_search.png) top left no-repeat;}
#suggestions{ position: absolute; top:28px;left:0; width:202px; display:none; }

/* SEARCHRESULTS */
#searchresults { width:202px; background-color:#a0a0a0; font-size:10px; line-height:14px; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; padding:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(/img/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }

/*NEW PRODUCT LIST/CATEGORY LIST*/
.andfriends .products li{
	display:block;
	width:178px;
	height:268px;
	float:left;
	margin-bottom:12px;
	margin-right:12px;
	background:transparent;
	position:relative;
	z-index:1;
}

.andfriends .products .auctionSpecification{
	height:270px;
	background:#e3e3e3;
	text-align:center;
	border: 4px solid #e3e3e3;
	-moz-background-clip:padding;-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/;
}

.andfriends .products div.productOver .auctionSpecification{height:315px;overflow:hidden;width:178px;border:none;-moz-background-clip:padding;-moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/;}


.andfriends .productImage, .andfriends .productImage img{width:170px;height:216px;}
.andfriends .products div.productOver{position:absolute;top:-20px;left:0;z-index:2;
border: 4px solid #e3e3e3;
-moz-box-shadow: 0 0 6px #555;
-webkit-box-shadow: 0 0 6px #555;
 -moz-background-clip:padding;-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/;}
 
 .subnav{clear:both;padding:0 0 0 20px;border-top:1px solid #fff;background:transparent;}
 .subnav li{padding:0 10px;margin:8px 0;border-right:1px solid #fff;}
 .subnav h3, .subnav ul, .subnav li{float:left;line-height:12px;color:#fff;}
 .subnav h3{line-height:28px;}
 .subnav a{line-height:12px;color:#fff;text-decoration:none;}
 .subnav a:hover{text-decoration:underline;}
 .subnav li span{text-decoration:underline;}
 .subnav li:last-child{border:0;}

/*END NEW CATEGORY-/PRODUCTLIST*/