/* Nettbutikk */

/* PRODUCT IMAGE LABEL */
.product-image 
{
    display:block;
    position: relative;
}

.photo-label {
  position: absolute;
  right: 5px;
  top: 5px;
  margin: auto;
  font-size: 14pt;
  padding: 7px;
  z-index: 130;
}

.product-image:hover .photo-label 
{
    display:none;
}

.default-price 
{
    font-size: 15pt;
    font-weight: 70;
    
}

.old-price 
{
    font-size: 10pt;
    text-decoration: line-through;
    color: #999;
}


/* LISTER */
.list-product-box .title
{
    line-height: 1.3em;
    height: 2.6em;
}

.list-product-box .teaser
{
    line-height: 1.3em;
    height: 5.2em;
    width: 100%; 
    overflow: hidden; 
    -o-text-overflow: ellipsis; 
    -ms-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
}

/*
=======================================================================
	Øke og redusere antall (pluss, minus)
=======================================================================
*/

        input.minus  {width:25%!important;}
	input.input-text.qty  {width:50%!important;}
	input.plus  {width:25%!important;}


.shop .quantity {
	margin: 0 15px 25px 0;
	overflow: hidden;
	position: relative;
	width: 125px;
	height: 35px;
	float: left;
}

.shop .quantity .minus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
}

.shop .quantity .plus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
	right: 0;
	top: 0;
}

.shop .quantity .qty {
	border: 1px solid #CCC;
	box-shadow: none;
	float: left;
	height: 35px;
	padding: 0 39px;
	text-align: center;
	width: 125px;
	font-size: 1em;
}

.shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.shop .quantity .qty::-ms-clear {
	display: none;
}



/*
=======================================================================
	Shopping cart css (SVL) (Stein Vidar @ netlab)
=======================================================================
*/


.cart table {width:100%;}
.cart table tr td {vertical-align:middle;padding:0;}
.cart table tr td,
.cart table tr td h4 a {font-weight:100;color: #333;}
.cart table thead th {padding-bottom:14px;border-bottom: 1px solid #E5E5E5;}

.cart table tbody tr td {}
.cart table tbody tr td.td-cart-title h4,
.cart table tbody tr td.td-cart-title h4 a {
	font-weight: 400 !important;
	color: #333;
	font-size:18px;
	margin:0;
	}

.cart table tbody tr td.td-cart-product-image {width:1%;white-space:nowrap;} /* Fit td to content width */
.cart table tbody tr td.td-cart-product-image img {padding-right:20px;}

.cart table tbody tr .td-cart-total,
.cart table tbody tr .td-cart-price {text-align:right;}


/* Total amount */
.cart table tr.tr-total {border-top: 1px solid #E5E5E5;}
.cart table tr.tr-total td {padding-top:20px;}
.cart table .cart-total h3 {font-size:28px;text-align:right;margin:10px 0;}
.cart table .cart-total h3 span {font-weight:900;}
.cart table .cart-mva {text-align:right;}

/* Cart spacing */
.cart table tbody tr.cart-space td {height:30px;}
.cart table tbody tr:last-child td {padding-bottom:30px;}

/* red crosses */
.cart table tr td .btn-remove-from-cart {color:#CF3131;}
.cart table tr td .btn-remove-from-cart:hover {color:#C33030;}

/* cart item thumbnail */
.cart img {max-height:40px;}

/* cart navigation */
.cart-navigation {margin-top:40px;margin-bottom:40px;float:right;}


@media screen and (max-width:767px) {
	.cart-basket {border: 1px solid #E5E5E5;}
	.cart table {font-size:13px;width:100%;}
	.cart table thead {display:none;}
	.cart table tbody tr {border-bottom:1px solid #E5E5E5;}
	.cart table tbody tr.cart-space {display:none;}
	.cart table tbody td {display:block;position: relative;padding-left: 50%;padding-right:15px;text-align:left;} /* make td's stack on top of eachother **/
	.cart table tbody tr td:first-child {padding-left:0; padding-right:0;}
	.cart table tbody tr td:first-child img {float:left;margin:15px;}	
	.cart table tbody tr td:nth-child(2) {text-align:left;padding-left:15px;}
	.cart table tbody tr td:nth-child(3) {text-align:right;}
	
	.cart table tbody tr .td-cart-title {margin-bottom:15px;}
	.cart table tbody tr .td-cart-qty,
	.cart table tbody tr .td-cart-price,
	.cart table tbody tr .td-cart-total {padding-top:3px;padding-bottom:3px;padding-right:15px;}
	.cart table tbody tr .td-cart-total {font-weight:400;}
	.cart table tbody tr .td-cart-total h3 {}
	
	.cart-basket table tbody td:nth-of-type(3):before { content: "Antall"; }
	.cart-basket table tbody td:nth-of-type(4):before { content: "Pris"; }
	.cart-basket table tbody td:nth-of-type(5):before { content: "Total";font-weight:bold; }
	.cart table tbody td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 15px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		}

	.cart table td span.mobile-label {display:inline;float:left;padding-left:15px;}
	.cart table tr th:first-child {padding:10px 0 7px 15px;}
	.td-cart-title {padding:10px 0 10px 15px;font-size:15px;}
	.td-cart-qty {text-align:right;}
	.cart table .cart-total {font-size:20px;}
	.cart table tr.tr-total td {padding: 10px 15px 10px 0;}
	.cart table tbody tr:last-child td {padding-bottom:05px;}
	}


/*
=======================================================================
	Checkout .cart-approval (Stein Vidar @ netlab)
=======================================================================
*/

.checkout-navbar ul {margin:0;padding:0;list-style:none;}
.checkout-navbar ul li {margin:0;padding:0;display:inline-block;}
.checkout-navbar ul li a {background: #ECECEC;padding:15px 20px;display:block;border-radius: 5px;}
.checkout-navbar ul li a:hover, .checkout-navbar ul li a:focus {text-decoration:none;}
.checkout-navbar ul li.active a {background: #5bc0de;color:#fff;border-radius: 5px;}

.cart table tbody td:nth-child(3) {text-align:center;}	

@media screen and (max-width:767px) {
	.checkout-navbar ul li {display:block;}
		
	/* Godkjenning */
	
	.cart-approval table th:nth-child(n+2) {display:none;}
	.cart-approval table tbody td:nth-child(2) {text-align:left;}	
	.cart-approval table tbody td:nth-child(3) {text-align:right;}	
	.cart-approval table tbody td:nth-of-type(3):before { content: "Antall"; }
	.cart-approval table tbody td:nth-of-type(4):before { content: "Pris"; }
	.cart-approval table tbody td:nth-of-type(5):before { content: "Total"; }
	



}


/*
=======================================================================
	Småjusteringer
=======================================================================
*/

.btn-kjop {margin-bottom: 15px;}
.bttn-basket-delete {
	margin-top:10px; margin-bottom:10px;
	text-align:center;
	width:20px;
	height:20px;
	line-height:20px;
	display:block;
	color:#fff;background: #D40000;
	border-radius:20px;
	float:right;
	font-size:23px;
	}

.bttn-basket-delete:hover {
	background:#9E0000;
	color:#fff;
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:20px;
	}


.bttn-checkout-green {
	color:#fff;
	background: #69A41E;
	border: 2px solid #69A41E;
	}
	
.bttn-checkout-green:hover {
	color:#fff;
	background: #598a19;
	border: 2px solid #598a19;
	}

.bttn-checkout-gray {
	border: 2px solid #989898;
	color:#989898;
	}

.bttn-checkout-gray:hover {
	border: 2px solid #333;
	color:#333;
	background:none;
	}


@media screen and (max-width:500px) {
	[class*="bttn-checkout-"] {
		padding: 10px 15px;
	}
}



/*
=======================================================================
	ShopProduct - responsive-navbar-knapper
=======================================================================
*/

.shopproduct-navbar ul {margin:0;padding:0;list-style:none;}
.shopproduct-navbar ul li {margin:0;padding:0;display:inline-block;}
.shopproduct-navbar ul li a {background: #ECECEC;padding:15px 20px;display:block;border-radius: 5px;}
.shopproduct-navbar ul li a:hover, .checkout-navbar ul li a:focus {text-decoration:none;}
.shopproduct-navbar ul li.active a {background: #5bc0de;color:#fff;border-radius: 5px;}

@media screen and (max-width:767px) {
	.checkout-navbar ul li {display:block;}
	}