/*
 * shopping cart styling
 * lots of styling for lots of different ways of displaying it.
 */

#MySlideShow { display: none; width: 300px; height: 190px; float: ; margin:3px; padding:5px; border:0px solid #aac894; }

#varlist p{
margin-bottom: 0px;
}

.kassa {
margin:10px;

}


.boubox table {
text-align: center;
}

.buybox {

background-color: #fff;

border:4px solid #aac894;
margin: 3px;
padding: 5px;
width:420px;

text-align: center;
position: fixed; 
overflow: auto;
top:10%; 
hheight:80%; 
left:30%; 
display:none;
z-index:1005;

}

.ui-effects-transfer {
border:2px solid #aac894;
}


.miniram {
border:2px solid #aac894;
margin: 3px;
padding: 1px;
}
.egensida {
border:1px dotted #aac894;
padding: 3px 3px 3px 10px;
}

.variationerbox {
	padding:0 0 0 30pt;
}
.undervarationerbox {
	padding:0 0 0 20pt
}

.raderalink {
	font-weight: normal;
	font-size: 10px;
	margin:0 0 5pt 0;
}

.description {
	font-weight: normal;
	font-size: 15px;
	margin:0 0 5pt 0;
}
.merbilder{
	font-weight: bold;
	font-size: 12px;
	margin:0 0 2pt 0;
}

.prisshoppen{
	font-weight: normal;
	font-size: 20px;
	font-family: arial,verdana,sans-serif;
	margin:5pt 0 0 0;
	color: #990000;
	
	float: left;
}

.prisfran{
	font-weight: bold;
	font-size: 14px;
	float: left;
	margin:4px 10px;
	color: #990000;
}
.kopknapplistafran{
	float: right;
	margin:4px 5px;
	width:80px;
}


.pris{
	font-weight: bold;
	font-size: 15px;
	float: left;
	margin:4px 20px;
	color: #990000;

}

.kopknapplista{
	float: right;
	margin:4px 10px;
	width:70px;
}

.kopknapp {

	font-size: 17px;
	font-weight: normal;
	font-family: arial,verdana,sans-serif;
	
	margin:0 0 0 22pt;
	width:65px;
	
/*
	color: white;
*	background-color: #cc0000;
*	border-top-color: #ff1717;
*	border-right-color-value: #ff1717;
*	border-bottom-color: #910000;
*	border-left-color-value: #910000;
*/	
	float: left;
	
}
.lager {
	margin:0 0 0 10px;
	font-weight: normal;
	font-size: 1.2em;;	
	
}
.lager.varning {
	color: #990000;
}

.egnamn {
	text-align: center;
	margin:0 0 5px 0;
}
.center {
text-align: center;
}

.kortbesktext{
	font-size:14px;
	padding:0 7px 0 7px;
	
	
}

.textareaKortbesk {
	padding:5px; 
	width:225px;
	height:137px;
	background:#ffffff;
	border: 1px solid #999;
	text-align: center;
	font-size:14px;
}
.textareaDescript {
	padding:5px; 
	width:300px;
	height:120px;
	background:#ffffff;
	border: 1px solid #999;
}


.kopknappshoppen---{
	
	margin:0 40pt 0 0;
	
	font-size: 15px;

	
	float: right;
}
.prodname {
	color: #ff4444;
}


#hshopkorg p { 
 margin:4px 1px;
}
#hshopkorg lu li{ 
	padding:0px; 
	margin:4px 1px;
	text-decoration:none;
	list-style-type:none;
	list-style: none;
}


div#shoppingcart{
 float: right;
 width: 148px;
 margin: 0px;
 padding: 0px;
 margin-left: 5px;
 background-color: #FF0044;
 
 }
 
 div.hshop{
  font-size: 80%;
 
 }
 
div.linje{
	width:auto;
	float: right;
	border: thin;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted; 
}
.korgtabell td{
	padding-right: 5pt;
	padding-left: 5pt;
}
.arikelbox img {
	padding-top: 5pt;
}

.artikelrad{
	
	width:auto;
        height: auto;
        height:100%;
        min-height:100%;	
}

.arikelbox_ovre{
	
        min-height:300px;
        height: auto;
}

.arikelbox_nedre{
	
        height: auto;
        height:100%;
        min-height:100%;
	vertical-align: bottom;
}

.shoptable{
  margin: 0px 0px 0px 0px;
  padding: 0px;
}




.egnamn {
  text-align: center;
	
}

.rov4 {
  background-image: url('bcc.gif'); 
  background-position: bottom left;
  background-repeat: repeat-x;
  margin: 10px;
}

.shopimg {

}


.arikelbox{
 
  width: 213px;  /* 163.5 = 4 kollun */
  float: left;
  text-align: left;
  margin: 0px 4px 15px 0px;
  padding: 5px; 
  
  background-image: url('bcc.gif'); 
  background-position: bottom left;
  background-repeat: repeat-x;

	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	/*
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted; */
	border-left-style: none;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;

  }

.arikelbox h2{
	border-bottom:0px solid #dadada;
	text-align: center;
	font-size: 150%;
	margin:0 0 0 0;
	color: #444444;
	
}
.headshop {
 	border-bottom:0px solid #dadada;
	text-decoration:none;
    text-align: center;
    font-size: 18px;
	margin:0 0 0 0;
	color: #444444;   
}
.hshopmenu {
 	border-bottom:0px solid #dadada;
 	text-align: center;
 	font-size: 150%;
 	margin:0 0 0 0px;
	color: #444444;
}

.merinfoknapp {
	float: right;
}