/* Author:				Perfica, www.perfica.se
*  Contact:				info@perfica.se
*  Version:				0.9
*  Created:				2010
*
* Perfica.se
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/
@import url(reset.css);
@import url(text.css);
@import url(960.css);

@import url(defaults.css);
@import url(forms.css);
@import url(navigation.css);

@import url(../js/slimbox/css/slimbox.css);
/*@import url(../js/ReMooz/css/ReMooz.css);*/

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */
div#container {}

div#header {position:relative; margin-bottom:15px; z-index:3;}
/*
	#header h1 {font-size:0;margin:0; padding:0; float:left;}
	#header h1 a {color:#000}
*/
div#content {}

div#footer_container {clear:both; /* background:url(../img/bg_footer.jpg) repeat-x; */ text-align: center; padding-top: 15px; }
div#footer {height:31px; line-height:31px; font-size:10px;}
	#footer p {margin:0; display:inline;}

div#footer_payment_types {text-align: center;}

div#payment_alts_col {border-top: 1px solid #ccc; padding-top: 5px; margin-top: 10px;}

/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
form#login {display:none; opacity:0;position:absolute; right:0; top:70px; width:485px; height:75px; border:2px solid #999; background:#efefef; z-index:999; padding-left:10px;}
	#login .input_text {width:170px;}
	#login fieldset, #login button {margin:10px 0 0 0;}
	#login .section {}
	#login button {margin-top:25px; padding-top:4px; font-weight:bold;padding-bottom:4px;}
	#login label {margin-top:0; padding-top:0;}
	#login ul {margin-top:10px;}
		#login ul li {margin-bottom:5px;}


/*-----------------------------------------------------------------------------------
* == POLL
* --------------------------------------------------------------------------------- */
div#poll {font-size:12px;}
	#poll div {background:#455E85; margin-bottom:15px; color:#fff; padding:3px; margin-top:5px;}

/*-----------------------------------------------------------------------------------
* == CART
* --------------------------------------------------------------------------------- */
div#cart {font-size:12px;}
	#cart ul {margin-bottom:10px;}

	.cart_pic {width: 50px;}

span.editing_order {font-weight: bold; color: red;}

/*-----------------------------------------------------------------------------------
* == INDEX
* --------------------------------------------------------------------------------- */
/* div.index h2 {margin-bottom:0;} */
/*-----------------------------------------------------------------------------------
* == OFFERS
* --------------------------------------------------------------------------------- */

div#offers {overflow:hidden;}
	#offers .grid_4 {overflow:hidden; margin-bottom:10px;}
	#offers h4 {}
	#offers p {font-size:12px; margin-bottom:5px;}
	#offers span.price {font-size:22px; color:#003366; float:left;}
	
	#offers a.more_info {float:right; display:block; margin-top:5px;}

/*-----------------------------------------------------------------------------------
* == NEW & HOT PRODUCTS
* --------------------------------------------------------------------------------- */
div.new_products, div.hot_products {}
	.hot_products dl, .new_products dl {overflow:hidden; margin:0; padding:0 5px;}
	.hot_products dt, .new_products dt {clear:both; font-weight:bold; float:left; width:270px; margin-bottom:3px;}
	.hot_products dt a, .new_products dt a {font-weight:normal;}
	.hot_products dd, .new_products dd {float:right;margin-bottom:3px;}

/*-----------------------------------------------------------------------------------
* == CUSTOMER IMAGES
* --------------------------------------------------------------------------------- */
div.customer_images {clear:left; padding-top:15px;}
	.customer_images p {font-size:12px; line-height:16px;}

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

/* Product column - image & buy */
div.product_column {float:right; width:310px; margin:0 0 10px 10px;}

p#no_items_chosen {width: 160px; border: 1px solid red; background: #fff; padding: 10px; position: absolute; margin: 0 0 0 -50px; display: none; }

img#product_image {border:1px solid #ccc; padding:5px;}

div#buy {font-size:12px; padding:5px; border:1px solid #ccc;}
	#buy fieldset div {max-height:400px; overflow-y:auto; margin-bottom:5px;}
	#buy table {margin-bottom:5px; width:100%;}
	#buy th {padding:0; color:#666;}
	#buy th {padding:2px 5px 2px 0; border:0;}
	#buy td {border:0; padding:2px 5px 2px 0;}
	#buy table.list tr {border:0;}
	#buy button {float:right; margin:0;}
	#buy .input_text {height:18px; width:28px; text-align:center;padding:2px;}
	
	#buy th.qty {width:35px;}
	
	#buy .sale { font-weight:bold; color:red;}
	#buy .available {color:#3D992F}
	#buy .unavailable {color:#991D2D;}
	#buy .incoming {color:#A9B13A}

	#buy .availability, #buy .price {text-align:right;}
	#buy .availability {padding-right: 20px;}

.to_order_info {margin-top: 10px; font-size: 12px; color: #666666;}
p.retailer_discount {padding: 10px; padding-top: 0;}
p.retailer_discount span {color: red; font-size: 120%; font-weight: bold; }

div#klarna_partpay_info {width: 134px; float: left; background: url(../img/klarna_konto.png) no-repeat; padding: 22px 0 0 5px; overflow: auto; }
	#klarna_partpay_info p {font-size: 10px; line-height: 14px; }
	/* #klarna_partpay_info p a {padding-left: 5px;} */
	#klarna_partpay_info p span {color: red;}

html body fieldset {margin:0}

div.recommended_products {clear:both;}

/* PRODUCTS LISTS */

.products_list .grid_3 {margin-bottom:20px;}
.products_list .alpha {clear:left;}

/* CUSTOMER PICTURES */
.product_customer_pictures .alpha {clear:left;}
.product_customer_pictures .customer_images {font-size:12px;}

.products_list .grid_3, .products_list .grid_4 {overflow:hidden;}
.products_list h4 {}
.products_list p {font-size:12px; margin-bottom:5px;}
.products_list span.price {font-size:18px; color: #003366; float:left;}

.products_list a.more_info {float:right; display:block; margin-top:5px;}

/* CATEGORIES */

.products_categories {}
.products_categories div form {}
.products_categories .grid_4 select {width:220px;}
.products_categories .grid_4 {padding-bottom:15px;}

.products_categories { }

.products_list span.sale_price, div#offers span.sale_price {color: #ff0000;}

ul.product_pictures_list {padding-top:5px;}
	.product_pictures_list li {padding:5px 5px 0;text-align:center; border:1px solid #ccc; margin-bottom:15px;}
	.product_pictures_list .grid_3 {width:148px;}
	.product_pictures_list1 .omega {margin-right:0;}
	.product_pictures_list1 .alpha {margin-left:0;}
	.product_pictures_list img {}
	
table#variants_table { height: 220px; }
	#variants_table tbody {
        height: 200px;
        overflow-y: auto;
        overflow-x: hidden;
	}

#variants_table tr td * {padding: 0; margin: 0;}

/*-----------------------------------------------------------------------------------
* == REGISTER
* --------------------------------------------------------------------------------- */
div.users_register {}
	.users_register h2 {margin-bottom:15px;}
a#getMyAddress {display:block; margin:0;margin-top:34px; text-align:center; width:125px; padding-top:4px; padding-bottom:4px;}

.users_register h4 {margin:15px 0 5px;}

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

table.checkout-table {}
	.checkout-table th {background:none; width:175px;border-bottom:1px solid #ccc; }
	.price-total {font-weight:bold; color:#375899}

/* PAYMENT */

div.payment {overflow:hidden; zoom:1; padding-top:10px;}
	.payment input {float:left;margin-top:3px;}
	.payment label {float:left; margin:0;margin-left:10px; width:400px;}

#visa, #mastercard {padding-left:40px;}
#visa {background:url(../img/payment/visa.jpg) no-repeat;}
#mastercard {background:url(../img/payment/mastercard.jpg) no-repeat;}

#swedbank, #seb, #nordea, #handelsbanken {text-indent:-99999px;}
#swedbank {background:url(../img/payment/swedbank.jpg) no-repeat;}
#seb {background:url(../img/payment/seb.jpg) no-repeat;}
#nordea {background:url(../img/payment/nordea.jpg) no-repeat;}
#handelsbanken {background:url(../img/payment/handelsbanken.jpg) no-repeat;}

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.post h3 {background:none; padding:0; color:#597195; margin-bottom:5px;}
	.post img {float:right; margin:0 0 15px 15px;}
	.post p a {color:#000;}
	.post p a:hover {color:#666; text-decoration:none;}

/*-----------------------------------------------------------------------------------
* == PAYMENT INFORMATION
* --------------------------------------------------------------------------------- */
p#payment_options {margin-top:25px; margin-bottom:0px;}

a.more-info-about-payment {float:right; display:block; margin:8px 0 0 15px;}
.payment_options {overflow:hidden;}
fieldset.payment_options label {clear:left; float:left;}

div.more-info-box {width:500px; height:250px; margin:-125px 0 0 -250px; padding:15px; background:#efefef; border:2px solid #ccc; overflow:auto; position:fixed; left:50%; top:50%;}
	.more-info-box a.close {position:absolute; bottom:15px; right:15px;}
div.icobox { border: 1px dashed; background: #fff; margin-bottom: 20px; height: 65px; }
	.icobox p {margin: 19px 20px 0 75px; }
div.ico_info { border-color: #3b5c87; background: url(../img/icons/ico_info.png) no-repeat; }
div.ico_check { border-color: #009900; background: url(../img/icons/ico_ok.png) no-repeat; }
div.ico_exclaim { border-color: #CC0000; background: url(../img/icons/ico_shout.png) no-repeat; }

div.payment_info {border: 1px dashed #3b5c87; padding: 10px; margin-bottom: 20px; }

form.payson_form {}
	.payson_form button {float: left;}
	.payson_form img {float: right; margin-top: 10px; }


/*-----------------------------------------------------------------------------------
* == AddThis box
* --------------------------------------------------------------------------------- */

.addthis { padding-top: 15px; margin-top: 5px; width: 380px; padding-bottom: 15px; }
.addthis_button_compact { line-height: 16px; text-decoration: none; }

/*-----------------------------------------------------------------------------------
* == Google Plus
* --------------------------------------------------------------------------------- */

.google_plus {border-top: 1px solid #ccc; padding-top: 15px; text-align: center;}
li.googleplus {float: right; padding: 3px 0 0 0;}

/*-----------------------------------------------------------------------------------
* == Add to cart "Flying cart"-elements:
* --------------------------------------------------------------------------------- */
div#cart_loading {display: none;}
#cart_loading img {display: block; float: left; margin-top: 7px;}
#cart_loading p {display: block; float: left; width: 170px; margin: 0 0 0 5px;}
img#cart_adder_img {display: none; position: absolute; z-index: 999;}

/*-----------------------------------------------------------------------------------
* == Misc
* --------------------------------------------------------------------------------- */

.pending_order {border: 1px dashed #C30; background: #FF9; padding: 10px; }