/* Author:				Dreamscape Interactive, www.dreamscape.se
*  Contact:				info@dreamscape.se
*  Version:				2.0
*  Created:				2015
*
* RentalWeb
* 
* All CSS used by module "Webshop" - (public)
*
*/

div#cart_topliner {float: right; width: 170px; text-align: right; margin: 15px 15px 0 0;}
div.cart_no_items p, div.cart_yes_items p {display: inline; background: url(/wwwdocs/img/icons/cart.gif) no-repeat left top; padding-left: 26px; color: #d3d3d3; font-weight: bold; }
div.cart_yes_items p {background: url(/wwwdocs/img/icons/cart_full.gif) no-repeat left top;}
div.cart_yes_items p a {color: #d3d3d3;}
#to_cart_link {display: none;}

/*-----------------------------------------------------------------------------------
/* == INDEX
-----------------------------------------------------------------------------------*/

div.webshop_index {}
	

/*-----------------------------------------------------------------------------------
/* == VIEW
-----------------------------------------------------------------------------------*/

div.webshop_view {padding:5px;}

div#product_pictures, div.product_view_pictures {background:#fff; padding:10px; text-align:center; width: 48%; max-width:300px; float:left; position:relative; min-height:229px;}
div.product_view_pictures a {display: block;}
div#product_column, div.product_view_column {float:right; width:46%; border-left: 1px solid #eee;}
div#product_column p, div.product_view_column p, div#product_column form, div.product_view_column form {margin-left: 20px;}
	#product_column .price span, .product_view_column .price span {font-size:18px;}
div.product_body {background:#fff; padding:15px 10px; max-width: 100%; overflow-x: hidden;}
.product_body h3 {font-size:18px; font-weight:bold; color:#5e5e5e; text-transform:none; background:none; padding:0; margin-bottom:5px;}
.product_body table, .product_body img, .product_body embed, .product_body object {max-width: 100% !important;}
.product_body table {width: 100% !important;}

/* Product images */
ul.product_images { list-style-type:none; width: 100%; margin-top: 15px;}
	.product_images li {display: inline-block; border:1px solid #efefef; margin: 0 1% 5px 1%; width: 22%;}
	.product_images li img {display: block; margin: 0; padding: 0; width: 100%;}
	
ul.nav_product_view {list-style-type:none; margin:0; padding-top:5px; clear:both; border-bottom: 1px solid #999;}	
	.nav_product_view li {
		float:left; 
		margin-left:0; 
		margin-right:5px; 
		width:130px;
		font-size: 14px;
	}
	.nav_product_view li + li + li {margin-right:0;}
	.nav_product_view li a {
		color:#fff !important;
		position: relative;
		margin-top: 1px;
		z-index: 20;
		height: 32px; line-height: 32px;
		display:block; 
		background: #000;
		text-align: center;
		-moz-border-top-left-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-khtml-border-top-left-radius: 5px;
		-khtml-border-top-right-radius: 5px;
		behaivor: url(border-radius.htc);
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.nav_product_view li.active a {
		background:#fff; color: #000 !important;
		height: 33px; line-height: 33px;
		top: 1px;
		margin-top: 0px;
		border: 1px solid #999; border-bottom: 0; }
	.nav_product_view li a:hover {text-decoration:none;}

.switch_to_description em {display: none; font-style:normal;}
.switch_to_videos em {display: none; font-style:normal;}

p.product_back { text-align: center; }


div.product_body table th {width: 30%; background: none; font-weight: bold; color: #000; border-bottom: 1px solid #ccc; }
div.product_body table td {}


.product_tabs_ul {list-style: none; margin: 0 0 20px 0; padding: 0; width: 100%; display: block; clear: both; border-bottom: 5px solid #da1f31;}
.product_tabs_ul li {
	float: left; margin: 0 0 -1px 0; padding: 7px 10px 8px 10px; cursor:pointer;
	border: 1px solid #ddd; border-bottom: 1px solid #da1f31; background: #f9f9f9;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.product_tabs_ul li:first-child {margin-right: -1px;}
.product_tabs_ul li.tab-selected {font-weight: bold; background: #da1f31; border-color: #da1f31; color: #fff;}
.product_tabs_ul li:hover {background: #f0f0f0;}
.product_tabs_ul li.tab-selected:hover {background: #da1f31 !important;}
div.product_tab {display:none;}
div.product_tab iframe, .product_tab img {max-width:100%;}

/*-----------------------------------------------------------------------------------
/* == CATEGORIES LISTS
-----------------------------------------------------------------------------------*/

div.category_box { width: 100%; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; }
.category_box div a {color: #333 !important;}
div.row {margin-left: 0;}
table.cat_box_pic {
	width: 25%; float: left; 
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
}
table.cat_box_pic tr td {text-align: center; vertical-align: middle; border: 0; padding-top: 10px; }
table.cat_box_pic tr td img {max-width: 96%;}
div.category_box div {float: right; width: 75%; margin: 0; }
div.category_box h3 { padding-bottom: 0 !important; }
div.category_box h3 a { }
div.category_box ul {list-style: none; margin-top: 10px;}
div.category_box ul li {margin: 0; padding-bottom: 2px;}



/* Alternative layout: */
/*
div.category_box { width: 32%; background: #fff; margin: 0 1% 15px 1%; float: left; }
div.row {margin-left: 0;}
table.cat_box_pic {
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}
div.category-wrap {border: 1px solid #ddd;}
table.cat_box_pic tr td {text-align: center; vertical-align: middle; border: 0; height: 150px; }
table.cat_box_pic tr td img {max-width: 96%; max-height: 140px;}
div.category_box h3 {color: #000; text-align: center; margin: 0;}
div.category_box h3 a {color: #000 !important;}
div.category_box ul {list-style: none; margin-top: 10px;}
div.category_box ul li {margin: 0; padding-bottom: 2px;}
*/

/*-----------------------------------------------------------------------------------
/* == PRODUCT LISTS
-----------------------------------------------------------------------------------*/

div#new_products {}
div.new_product {width: 23%; display: inline-block !important; float: none !important; margin: 0 1% 10px 1% !important; }
.new_product div {border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
#new_products div.omega {margin: 0;}

.new_product table {width: 96% !important;
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
}
.new_product tbody, .new_product tr, .new_product td {width: 100% !important; max-width: 100% !important;}

.new_product table tr td {border: 0; height: 140px; vertical-align: middle; text-align: center; padding: 0; min-width: 0 !important;}
.new_product table tr td a {display: block; width: 100%;}
.new_product table tr td img {display: block; margin: 0 auto; max-width: 100% !important;}
.new_product h4 {font-size: 13px; line-height: 120%; margin: 0; padding: 0; height: 48px; width: 90%;}
.new_product h4 a {color: #606060 !important;}
.new_product p.price {color: #808080; font-size: 13px;}
.new_product p.price span {font-size: 16px;}


p.list_artno {padding: 0 5px; margin: 0 auto; font-size: 12px; text-align: center; height: 24px; line-height: 13px; }

ul.nav_product_item, .nav_product_item li {display: none; margin: 0; list-style: none;}
.nav_product_item li {
	display: block;
	float: left;
	background: #da1f31;;
	color: #fff;
	height: 50px;
}
.nav_product_item li a, .nav_product_item li a:hover {
	text-align: center;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	width: 100%;
	height: 50px;
	display: block;
}

.nav_product_item li a, .nav_product_item li a:hover {
	width: 100%;
	color: #fff !important;
}

.nav_product_item li a, .nav_product_item li a:hover {
	text-align: center;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	width: 100%;
	height: 50px;
	display: block;
}

.nav_product_item li a, .nav_product_item li a:hover {
	width: 100%;
	color: #fff !important;
}

.product_item_price {
	font-family: 'Patua One', cursive;
	font-size: 21px;
	line-height: 15px !important; text-align: left; background: #000 !important; border-right: 1px solid #000;
	width: -moz-calc(50% - 1px); /* Firefox */
	width: -webkit-calc(50% - 1px); /* WebKit */
	width: -o-calc(50% - 1px); /* Opera */
	width: calc(50% - 1px); /* Standard */
}
.product_item_price p {padding: 2px 0 0 10px; margin: 0;}
.product_item_price span {display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 10px !important; }
.product_item_book {
	border-left: 1px solid #da1f31; !important;
	background: #da1f31; !important;
	background-image: none !important;
	text-shadow: #8c0613 0 -1px 0;
	font-weight: bold;
	width: -moz-calc(50% - 1px); /* Firefox */
	width: -webkit-calc(50% - 1px); /* WebKit */
	width: -o-calc(50% - 1px); /* Opera */
	width: calc(50% - 1px); /* Standard */
}

table#products_list {width: 100%;}
table#products_list tr:hover {background-color: #f9f9f9;}
table#products_list tr td {vertical-align: middle; padding: 0 10px 0 0; height: 86px; }
tr.product_pres_tr:hover {background-color: #fff !important;}
td.ws_img {text-align: center; width: 140px; padding: 5px 0 !important;}
td.ws_shortinfo {vertical-align: middle;}
td.ws_shortinfo p {margin: 0 !important;}
td.ws_shortinfo em {color: #666;}

p.item_artno {text-align: center; padding-right: 5px; padding-top: 15px; margin: 0; border-top: 1px solid #ccc;}

div.product {background: #FF9;}

tr.product_pres_tr {display: none; }
tr.product_pres_tr td {padding-left: 0 !important; padding-right: 0 !important; }

table#products_list div.product_body table td {padding: 5px 0; height: auto;}

tr.product_pres_tr h2 {color: #5e5e5e; margin: 5px 0; font-size: 20px;}

p.price {color:#5f5f5f; font-size:14px; margin-bottom:5px;}
	.price span {color:#ff0000; font-weight:bold;}

div.product_pictures {width: 160px; text-align: center; float: left; margin: 0 10px; padding: 20px 0 0 0; }
div.product_pictures ul.product_images {list-style: none; margin: 0; padding: 20px 0 0 0;}
div.product_pictures ul.product_images li {margin: 0; padding: 0; display: inline;}

div.cat_post_pics {float: right; width: auto; margin: 0 0 0 15px;}
a.cat_post_img {display: block;}
tr.cat_post_tr:hover {background-color: #fff !important;}

/* div.product_body {float: left; width: 480px;} */
/* tr.cat_post_tr div.product_body {width: 440px;} */
div.product_body h3 {padding-bottom: 5px; margin: 0; }
p.prodnr_header {margin: 0; padding: 0 0 15px 0; font-style: italic; color: #666; }

p.in_stock {padding: 6px 0 6px 43px; border-top: 1px solid #ddd; margin: 0;}
p.stock_unk { background: url(../../img/icons/stock_unk.png) no-repeat left center; }
p.stock_low { background: url(../../img/icons/stock_low.png) no-repeat left center; }
p.stock_med { background: url(../../img/icons/stock_med.png) no-repeat left center; }
p.stock_full { background: url(../../img/icons/stock_full.png) no-repeat left center; }

span.td_excl {display: inline-block; position: absolute; margin: 0 0 0 5px;}
p.w_warning_info {background: url(../../img/icons/exclamation.png) no-repeat left center; padding-left: 22px; text-align: left;}

/* Accessories, videos etc */
div.product_accessories, div.product_video { display: none;}
div.product_accessories { }
div.product_video { }

div.loader-box {text-align: center; padding: 60px 0 60px;; display: none;}
.loader-box p {padding-top: 10px;}

/* Accessories for a certain product */
table.product_accessories_list {width: 100%;}
.product_accessories_list tr, .product_accessories_list tr td {height: 60px !important;}
td.acc_img {width: 70px; padding-left: 5px;}
td.acc_artno { }
td.acc_add {width: 40px;}
span.acc_pricetag {font-weight: bold;}

/* Product Videos */
table.product_videos {width: 100%;}
.product_videos tr, .product_videos td {height: 60px !important;}
td.video_list_thumb {width: 70px; padding-left: 5px;}
td.video_list_thumb img {width: 50px;}

/* Products video box */
div#video_container {
	display: none; background: #fff; width: 75%; height: 430px; position: fixed; z-index: 100; top: 40%; left: 50%; margin-top: -215px; margin-left: -37.5%;
}
/*
#video_box {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
*/
 
#video_box iframe,
#video_box object,
#video_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h2#video_title {margin: 0 !important; padding: 15px 15px 0 15px !important;}
div#video_box {padding: 15px;}
a#video_close {background: url(../../img/closex_hover.png) no-repeat center center; width: 21px; height: 21px; z-index: 120; position: absolute; display: block; left: 100%; margin-left: -37px; margin-top: 12px; cursor: pointer; }

/**-----------------------------------------------------------------------------------
/* == CART ITEMS
-----------------------------------------------------------------------------------*/

table#webshop_cart_items {
	width: 100%;
}

ul#cart_items {list-style-type:none; margin-bottom:0;}
	#cart_items li {margin-left:0; margin-bottom:5px;}
	#cart_items li a {font-weight:bold; font-style:normal;}
	#cart_items li p {color:#5f5f5f; font-style:italic; margin-bottom:0;}
	#cart_items li span {float:right;}
	
p.cart_sum {border-top:1px solid #d8d8d8; padding-top:5px;}	
p.cart_delivery_cost {border-bottom:1px solid #d8d8d8; padding-bottom:5px;}	
	.cart_sum, .cart_delivery_cost, .cart_total {margin-bottom:0;color:#5f5f5f; font-size:11px; font-weight:bold;}
p.cart_total {margin-top:5px; font-size:14px;}
p.small, span.small {font-size: 11px; font-weight: normal; width: 100%; margin: 5px 0 0 0; padding: 0; color: #333; }

p.cart_sum span, p.cart_delivery_cost span, p.cart_total span {float:right;}

tfoot.cart_footer tr th {vertical-align: middle;}
.cart_footer button, .cart_footer .button {float: left; }
.cart_footer button {margin-right: 10px;}

.webshop_cart_sub-del {text-align: right;}

.webshop_checkout_options label {display: inline; padding-right: 10px;}

#webshop_checkout .grid_4 {width: 49% !important; margin: 0 2% 15px 0 !important;}
#webshop_checkout .omega {margin: 0 0 15px 0 !important;}
#webshop_checkout .large {width: 90% !important;}
#webshop_checkout textarea {width: 94% !important;}

.webshop_cart_row_total {text-align: right; min-width: 40px;}

td.webshop_cart_product_erase {text-align: center;}
.webshop_cart_product_erase a {color: red !important; font-weight: bold; font-size: 20px;}
.webshop_cart_product_erase a:hover {text-decoration: none !important;}

img.price_info {cursor: pointer; position: absolute; margin-left: -80px;}
div.price_info_box {display: none; width: 240px; border: 1px solid #ccc; background: #fff; padding-bottom: 5px; text-align: left; position: absolute; margin: -15px 0 0 -250px; z-index: 40;}
div.price_info_box p {margin: 10px 10px 5px 10px !important;}

/**-----------------------------------------------------------------------------------
/* == WEBSHOP ADD TO CART (From webshop/view)
-----------------------------------------------------------------------------------*/

form.webshop_add_to_cart {border-top: 1px solid #ccc; padding: 15px 0 5px 0; text-align: center;}
.webshop_add_to_cart fieldset {margin-bottom:0;}
.webshop_add_to_cart select {width:170px; margin: 0 auto;}
.webshop_add_to_cart input {text-indent:5px;  margin: 0 auto;}

.webshop_add_to_cart button {display: inline-block; width:134px; border: 1px solid #ddd; margin: 0; background: #efefef; color: #606060; font-weight: normal; height: 28px; line-height: 27px; }

div.webshop_view_qty {display: inline-block; margin: 0 auto; vertical-align: top;}
	.webshop_view_qty label { margin: 0; }
	.webshop_view_qty input { width: 80px; height: 26px; padding: 0; margin: 0 0 10px 0 !important; }

/**-----------------------------------------------------------------------------------
/* == CART BOX
-----------------------------------------------------------------------------------*/
div#cart_box {background:#fff; padding:15px; margin-bottom:10px; border:1px solid #cbc7c2; border-top: 0;}

/**-----------------------------------------------------------------------------------
/* == NAV CART
-----------------------------------------------------------------------------------*/

ul.nav_cart {list-style-type:none; margin-top:10px; overflow:hidden; margin-bottom:0;}
	.nav_cart li {margin-left:0;}
	.nav_cart li {float:left;}
	.nav_cart .btn_action {float:right;}

/**-----------------------------------------------------------------------------------
/* == NAV PRODUCTS
-----------------------------------------------------------------------------------*/

ul#webshop_main_nav li a {color:#606060 !important;}

ul.nav_products {list-style-type:none; position:absolute; bottom:-10px; width:150px;}
	.nav_products li {margin-left:0; float:left;}
	.nav_products li + li {float:right;}
	.nav_products li.active a {}
	.nav_products {}
	
ul.nav_products ul {list-style-type:none; border-bottom:1px dashed #ccc; margin-bottom:0;}
	.nav_products ul li {margin-left:15px;}
	.nav_products ul li a {border:0; padding:5px;}
	.nav_products li.active ul li a {background:#fff;}
	.nav_products li.active ul li.active a {color:#000; font-weight:bold;}

/*--------------------------------------------------------------------------------------------------------
/* == WEBSHOP SELECTOR FORMS
------------------------------------------------------------------------------------------------------- */	

div.ws_selector_container {}
form.ws_selector_form {width: 200px; float: left; margin-right: 10px;}
select.ws_cat_select {width: 200px; border: 1px dotted #c0c0c0; outline: none; height: 100px;}


/**-----------------------------------------------------------------------------------
/* == CHECKOUT
-----------------------------------------------------------------------------------*/	

form#webshop_checkout {}
	#webshop_checkout fieldset {overflow:hidden;}

table.checkout_customer_data tbody th {width: 20%; border-bottom: 1px solid #ccc; background: #fafafa; color: #666; }
.checkout_customer_data tbody td {width: 75%; padding-left: 10px;}

#form_correctify {display: block; width: 35%; float: left; }
#form_send {display: block; width: 45%; float: right;}
#form_send button {float: right;}

div.webshop_cart h2 {margin-bottom: 10px;}
#cart_items_fieldset {margin-bottom: 0;}

div.cart_date_from, div.cart_date_to {width: 115px; float: left; margin-right: 10px; text-align: left; margin-bottom: 3px;}

p.p_cart_empty {margin-bottom: 20px;}

/**-----------------------------------------------------------------------------------
/* == SEARCH PRODUCTS
-----------------------------------------------------------------------------------*/	
h2#h_webshop_search {margin-bottom:0;}

form#webshop_search {background:#cbc7c2; position:relative; padding:15px; height:30px; margin-bottom:10px;}
	#webshop_search .input_text {width:145px; border:1px solid #988f86; padding-left:5px; color:#333; font-style:italic; font-size:11px; height: 25px;}
	#webshop_search .input_text:focus {color:#000; font-style:normal;}
	#webshop_search button {text-indent:-9999px;background:none; background:url(../../img/karolinska/bg_input_search.jpg) no-repeat; width:18px; height:15px; border:0; position:relative; left:125px; top:-32px;}


/**-----------------------------------------------------------------------------------
/* == MISC
-----------------------------------------------------------------------------------*/
span.product_price { font-size: 20px; }
input.disabled {color:#ccc;}

.special_price {color: red; font-weight: bold;}

th.webshop_cart_image, td.webshop_cart_image {width:30px}
.webshop_cart_image img {width:30px;}
th.webshop_cart_qty, td.webshop_cart_qty{width:40px;}
.webshop_cart_qty input {width:30px;}

.webshop_cart_total_price {text-align: right;}