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

div.cart_topliner {float: right; width: 170px; text-align: right; margin: 15px 15px 0 0;}
div.cart_headliner {clear: both; float: right; width: 170px; text-align: right; margin: 0 15px 0 0;}
div.cart_no_items p, div.cart_yes_items p {display: inline; padding-left: 26px; color: #d3d3d3; font-weight: bold; }

#header_rightmost .cart_headliner p a {color: #20419a !important;}

div.cart_topliner div.cart_no_items p {background: url(/wwwdocs/img/icons/cart.gif) no-repeat left top;}
div.cart_topliner div.cart_yes_items p {background: url(/wwwdocs/img/icons/cart_full.gif) no-repeat left top;}
div.cart_headliner p {color: #333 !important;}
#header div.cart_no_items p {background: url(/wwwdocs/img/icons/cart2.gif) no-repeat left top;}
#header div.cart_yes_items p {background: url(/wwwdocs/img/icons/cart2_full.gif) no-repeat left top;}

div.cart_yes_items p a {color: #d3d3d3;}
#to_cart_link {display: none;}

form#set_vat_form {width: 280px; float: right; text-align: right; }
form#set_vat_form fieldset {margin: 0; padding: 0;}
form#set_vat_form label {display: inline; font-weight: normal; }


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

div.webshop_index {}
	

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

div.webshop_view {padding:5px;}

.product_pics_wrapper {float: right;}

.product_body {min-height: 250px;}
.product_pics_wrapper .product_view_pictures {height: 250px !important;}

.product_pics_wrapper .product_view_pictures { border: 1px solid #ddd; }
.product_pics_wrapper .product_view_pictures div { padding: 10px;}
.product_view_pictures img {max-width: 100%; display: block; margin: 0 auto; max-height: 230px;}

ul.product_images {list-style: none; margin: 0; border: 1px solid #ddd; display: block; padding: 11px 5px 0 5px; margin-top: 15px;}
ul.product_images li {
	display: inline-block;
	margin: 0 1% 7px 1%; padding: 0;
	width: 23%;
}
ul.product_images li a, ul.product_images li a img {display: block; margin: 0; padding: 0; outline: none; width: 100%;}

ul.nav_product_view {list-style-type:none; margin:0 0 20px 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, .switch_to_videos em, .switch_to_files em {display: none; font-style:normal;}

div.product_view_column {float: left;}
.product_pics_wrapper {
	width: -moz-calc(30% - 9px);
	width: -webkit-calc(30% - 9px);
	width: -o-calc(30% - 9px);
	width: calc(30% - 9px);
}
.product_view_column {
	width: -moz-calc(70% - 9px);
	width: -webkit-calc(70% - 9px);
	width: -o-calc(70% - 9px);
	width: calc(70% - 9px);
}


div#product_controls {overflow: hidden; margin-bottom: 20px;}

img#product_main_pic { width: 100%; display: block; margin: 5px auto; padding: 0; border: 0; }

/* Product images */
ul#product_images {list-style-type:none;}
	#product_images li {display: inline-block; border:1px solid #efefef; margin: 0 0 5px 0; padding: 5px;}
	#product_images li * {display: block; margin: 0; padding: 0;}

ul#nav_product_view {overflow:hidden;list-style-type:none; margin:0; padding-top:5px; clear:both; border-bottom: 1px solid #988f86;}	
	#nav_product_view li {float:left;margin-left:0; margin-right:5px; font-weight:bold; width:130px;}
	#nav_product_view li + li + li {margin-right:0;}
	#nav_product_view li a {color:#988f86; padding:5px 10px 4px 10px; display:block;}
	#nav_product_view li.active a {background:#988f86; color: #fff;}
	#nav_product_view li.active a:hover {text-decoration:none;}


p.product_back { margin: 0; padding-top: 20px; display: none; }

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


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

div.category_box {
	float: left;
	padding: 10px;
	border: 1px dotted #ccc;
	margin: 0 15px 20px 0;
	width: -moz-calc(50% - 37px); /* Firefox */
	width: -webkit-calc(50% - 37px); /* WebKit */
	width: -o-calc(50% - 37px); /* Opera */
	width: calc(50% - 37px); /* Standard */
}
table.cat_box_pic {width: 22%; float: left; margin: 0;}
table.cat_box_pic tr td {text-align: center; vertical-align: middle; border: 0; padding: 0; }
table.cat_box_pic tr td img {width: 100%;}
div.category_box div {float: right; width: 76%; margin: 0; overflow: hidden; min-height: 120px; }
div.category_box div h3, div.category_box div h3 a {color: #000 !important;}
div.category_box ul {list-style: none; margin: 0;}
div.category_box ul li {margin: 0; padding-bottom: 2px;}

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

.cat_listing {margin-bottom: 30px;}

h2.main-cat-h2 {
	background: #20419a; color: #fff; padding: 8px 0; text-indent: 15px;
	margin-bottom: 20px;
}

div.new_product, .cat_item {
	border: 1px solid #ddd;
	width: -moz-calc(16.6% - 14px);
	width: -webkit-calc(16.6% - 14px);
	width: -o-calc(16.6% - 14px);
	width: calc(16.6% - 14px);
	margin: 0 15px 20px 0;
	float: left;
	background: #fff; 
}
#new_products h3 {border-bottom: 1px solid #ccc; padding: 10px 0 15px 0; margin: 0 0 20px 0	; text-align: center;}

#new_products div.omega, .cat_listing div.omega {margin: 0;}
.new_product table, .cat_item table {width: 100%; margin: 0;}
.new_product table tr td, .cat_item table tr td {border: 0; height: 140px; vertical-align: middle; text-align: center;}

.new_product h4, .cat_item h4 {font-size: 15px; font-weight: normal; margin: 0 auto; padding: 0; height: 55px; width: 90%; font-weight: 600; overflow: hidden;}
.new_product h4 a, .cat_item h4 a {color: #606060 !important; display: block; margin: 10px 0 0 0;}
.new_product p.price, .cat_item p.price {color: #808080; font-size: 13px; margin: 0 auto; width: 90%; padding: 0 0 10px 0;}
.new_product p.price span, .cat_item 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 {margin: 0; list-style: none;}
.nav_product_item li {
	display: block;
	float: left;
	background: #20419a;
	color: #fff;
	height: 50px;
}

div.new_product, .cat_item, .nav_product_item li.product_item_price, li.product_item_more {
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
div.new_product, .cat_item, .nav_product_item li.product_item_book, li.product_item_heart {
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.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;
}

li.product_item_more {
	box-sizing: border-box;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	background: #20419a !important; border-right: 1px solid #002845;
}
li.product_item_more a {font-size:14px;}
li.product_item_heart {
	box-sizing: border-box;
	border-left: 1px solid #0b80d5 !important;
	background: #0065ad !important;
	width:40px;text-align:center;
	font-size:18px;
}

.product_item_price {
	font-family: 'Patua One', cursive;
	font-size: 19px;
	line-height: 18px !important; text-align: left; background: #20419a !important; border-right: 1px solid #002845;
	width: -moz-calc(50% - 1px);
	width: -webkit-calc(50% - 1px);
	width: -o-calc(50% - 1px);
	width: calc(50% - 1px);
}
.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 #0b80d5 !important;
	background: #0065ad !important;
	background-image: none !important;
	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_book {font-size:13px;}
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: 66px; }
td.ws_img {text-align: center;}

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;}


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;}

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: 1px solid #ddd; border-left: 0; border-right: 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, div.product_files { display: none;}
div.product_accessories { }
div.product_video { }
div.product_files { }

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: 30px !important; vertical-align: middle !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; }

/* Product files */
ul.product_files_list {list-style: none;}

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

#webshop_cart_items tbody, #webshop_cart_items tbody tr td {background: #fff;}

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;padding:10px 5px;}
tfoot.cart_footer tr th button, tfoot.cart_footer tr th a.button {float: left; margin: 0 10px 0 0; }

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

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

.webshop_cart_row_total {text-align: right;}

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;}

/* WISH LIST */

.wishlist {float: right; width:48%; max-width: 480px; margin: 0 0 20px 2%;}
.wishlist h4 {background: #20419a; color: #fff; padding: 10px 20px; margin: 0 !important;}
.wishlist form {margin: 0; padding: 15px; border: 1px dashed #ddd; border-top: none;}
.wishlist form fieldset {margin: 0; padding: 0;}
.wishlist p {margin: 0 0 10px 0 !important;}
.wishlist form fieldset button {margin-bottom: 0 !important;}
.wishlist form fieldset input {margin-bottom: 5px !important;}

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

.product_shopping {padding-top: 15px; border-top: 1px solid #ddd;}
.product_shopping p.price {float: left; width: 60%;}

form.webshop_add_to_cart {float: right; width: 38%; max-width: 180px; border: 1px solid #ddd; background: #fafafa;}
.webshop_add_to_cart fieldset {margin:0; padding: 10px;}
.webshop_add_to_cart select {width:170px;}
.webshop_add_to_cart label {margin: 0 0 5px 0; display: none;}

a.qty_ticker, a.qty_ticker:hover {
	display: block;
	float: left;
	width: -moz-calc(25% - 3px);
	width: -webkit-calc(25% - 3px);
	width: -o-calc(25% - 3px);
	width: calc(25% - 3px);
	height: 30px; line-height: 30px;
	border: 1px solid #ddd;
	background: #f0f0f0;
	text-align: center;
	color: #000 !important;
	text-decoration: none !important;
}

.webshop_view_qty input {float: left; width: 40%; text-indent: 5px; padding: 0; height: 30px; line-height: 30px; margin: 0 5%;}

div.webshop_add_btn {float: left; width: 25%;}
.webshop_add_to_cart button {border: 1px solid #ddd; margin: 0; margin: 10px 0 0 0; background: #20419a; color: #fff !important; font-weight: normal; height: 32px !important; line-height: 31px; width: 100%;}



/**-----------------------------------------------------------------------------------
/* == 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 {margin-bottom:20px;}
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 {width: 48%;}
	#webshop_checkout fieldset {}

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: 150px; float: left; }
#form_send {display: block; width: 150px; 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:-30px;}


/**-----------------------------------------------------------------------------------
/* == 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, .webshop_cart_product_erase {text-align: right;}
.webshop_cart_product_erase {width:50px;}