/* Author:				Perfica, www.perfica.se
*  Contact:				info@perfica.se
*  Version:				1.0
*  Created:				2010
*
* Perfica.se
* 
* 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; padding:10px; text-align:center; width:300px; float:left; position:relative; height:229px;}
div#product_column {float:right; width:170px; padding-left: 20px; border-left: 1px solid #eee;}
	#product_column .price span {font-size:18px;}
div.product_body {background:#fff; padding:15px 10px;}
.product_body h3 {font-size:18px; font-weight:bold; color:#5e5e5e; text-transform:none; background:none; padding:0; margin-bottom:5px;}

/* 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 { text-align: center; }

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.category_box {float: left; width: 460px; background: #efefef; margin: 0 0 15px 15px; border-top: 6px solid #000; border-bottom: 1px solid #000; }
.category_box div a {color: #333 !important;}
div.row {margin-left: 0;}
table.cat_box_pic {width: 150px; float: left; }
table.cat_box_pic tr td {text-align: center; vertical-align: middle; border: 0; padding-top: 10px; }
div.category_box div {float: left; width: 310px; margin: 0; }
div.category_box h3 {background: #000; padding: 0 0 6px 10px; color: #ffff00; }
div.category_box h3 a {color: #ffffff !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: 171px; height: 220px; float: left; margin: 0 10px 10px 0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
#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; padding: 0; height: 44px; 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;}

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.product_body {float: left; width: 480px;}
div.product_body h3 {padding-bottom: 5px; margin: 0; }
p.prodnr_header {margin: 0; padding: 0 0 15px 0; font-style: italic; color: #666; }

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

/**-----------------------------------------------------------------------------------
/* == 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;}
.webshop_add_to_cart input {padding-left:5px; width:123px;}

.webshop_add_to_cart button {width:150px; border: 1px solid #ddd; margin: 10px auto 0 auto; background: #efefef; color: #606060; font-weight: normal; padding: 5px; height: auto;}

div.webshop_view_qty {}
	.webshop_view_qty label {}
	.webshop_view_qty input { width: 159px; }

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