/* 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_no_items p, div.cart_yes_items p {display: inline; background: url(../../img/icons/cart.gif) no-repeat left top; padding-left: 26px; color: #d3d3d3; font-weight: bold; }
div.cart_yes_items p {background: url(../../img/icons/cart_full.gif) no-repeat left top;}
div.cart_yes_items p a {color: #d3d3d3;}

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

div.webshop_index {}
	

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

div.webshop_view {padding:5px;}

div#product_pictures {background:#fff; text-align:center;}

div#product_controls {height: 237px; 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 {position:absolute; right:5px; top:5px; list-style-type:none;}
	#product_images li {border:1px solid #efefef; margin-bottom:5px;}
	
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; }

div.product_body table {width: 470px;}
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#webshop_category_index h4.reddish { margin-bottom: 15px !important; }
div.category_box {margin-bottom: 30px;}
.category_box div a {color: #333 !important;}
div.row {margin-left: 0;}
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 .inner-box div {float: right; width: 76%; margin: 0; overflow: hidden; min-height: 120px; }
div.category_box ul {list-style: none; margin: 0;}
div.category_box ul li {margin: 0; padding-bottom: 2px;}
div.category_box ul li span {color: #b5b5b5;}


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

div#new_products {}
div.new_product {
	width: 18.4%;
	float: left;
	margin: 0 2% 20px 0;
	background: #fff; 
	-moz-box-shadow: 0 0 5px #cecece;
	-webkit-box-shadow: 0 0 5px #cecece;
	box-shadow: 0 0 5px #cecece;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#cecece')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#cecece');
}
#new_products div.omega {margin: 0;}
.new_product table {width: 100%; margin: 0;}
.new_product table tr td {border: 0; height: 140px; vertical-align: middle; text-align: center;}

.new_product h4 {font-size: 14px; margin: 0 auto; padding: 0; height: 44px; width: 90%; font-weight: 600;}
.new_product h4 a {color: #606060 !important; display: block; margin: 10px 0 0 0;}
.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 {margin: 0; list-style: none;}
.nav_product_item li {
	display: block;
	float: left;
	background: #ce0039;
	color: #fff;
	height: 50px;
}

div.new_product, .nav_product_item li {
	-moz-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	behaivor: url(border-radius.htc);
	border-bottom-right-radius: 5px;
	border-bottom-left-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;
}

.product_item_price {
	font-family: 'Architects Daughter', cursive;
	font-size: 21px;
	line-height: 19px !important; text-align: left; background: #ab0035 !important; border-right: 1px solid #90002c;
	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: 'Open Sans', sans-serif; font-size: 10px !important; }
.product_item_book {
	border-left: 1px solid #da3d68 !important;
	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: 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;}

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: 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;}
/**-----------------------------------------------------------------------------------
/* == 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;}

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

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

form.webshop_add_to_cart {}
.webshop_add_to_cart fieldset {margin-bottom:0;}
.webshop_add_to_cart select {width:170px;}

div.webshop_view_qty {float: left; width: 25%; margin-right: 2%;}
.webshop_view_qty input {text-indent: 5px; padding: 0; height: 30px; line-height: 30px;}
.webshop_view_qty label {margin: 0 !important; height: 25px; line-height: 25px;}

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



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