@charset "utf-8";
/* CSS Document - Miele Webshop */

/* ----- Popis kategorija proizvoda ----- */
.shop_cats {
	padding-top: 20px;
	padding-left: 6px;
}
.shop_cats div.floatLeft {	
	width: 48%;	
	height: 110px;
	padding-right: 10px;
}
.shop_cats div.floatLeft img {
	margin-right: 4px;
}
.shop_cats div.floatLeft a {
	vertical-align: middle;
	line-height: 88px;
}

/* ----- Box Moja košarica ----- */

.box_cart {
	width: 164px;
	border: solid 1px #cccccc;
	margin-left: 30px;
	margin-top: 20px;
	padding-left: 3px;
	padding-right: 3px;
}
.box_cart h2 {
	background-image: url(../img/webshop/box_cart/tit_img.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 22px;
	padding-left: 50px;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 4px;
	margin: 5px 0px 1px 0px;
	border-bottom: solid 1px #dadada;
}
.box_cart table {
	font-size: 11px;
}
.box_cart table th {
	background-color: #9b9b9b;
	height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
}
.box_cart table td {
	border-bottom: dotted 1px #3e3e3e;
	padding: 1px 3px 2px 3px;
}
.box_cart table td a {
	text-decoration: none;
}
.box_cart table td a:hover {
	text-decoration: underline;
}
.box_cart table td p {
	padding-bottom: 4px;
	font-size: 11px; 
}
.box_cart a.cart_link {
	display: block;
	height: 20px;
	padding-top: 4px;
	background-color: #c8c8c8;
	color: #484848;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.box_cart a.cart_link:hover {
	color: #666666;
}

/* ----- Proizvod - forma ----- */
.form_product {
	margin-right: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #a6a6a6;
	border-bottom-color: #a6a6a6;
}
.form_product fieldset {
	border: 0 none;
}
.form_product div {
	float: left;
	width: 33%;
}
.form_product div.quantity {
	padding-top: 1px;	
}
.form_product div.quantity label {
	float: left;
	padding-top: 3px;	
}
.form_product div.quantity input {
	width: 56px;
	float: left;
	display: block;
	margin-left: 3px;
}
.form_product div.price p {	
	padding-top: 3px;
}
.form_product div.button {
	border-left: dotted 1px #a6a6a6;
	text-align: right;
}
.form_product div.button input {
	background-image: url(../img/webshop/icon_cart.gif);
	height: 23px;
	width: 128px;
	padding: 0px;
	padding-bottom: 2px;
	border: 0 none;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
	color: #3e3e3e;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	cursor: pointer;
}
.form_product p.error {
	color: #FF0000;
}

/* ----- Koraci ----- */

#content img.step {
	margin-top: 20px;
	margin-left: 6px;
	margin-bottom: 10px;
	display: inline;
	float: left;
}

/* ----- Tablica - Košarica ----- */

.box_order {	
	padding-left: 8px;
	clear: both;
	width: 700px;
}
.box_order h3 {
	background-image: url(../img/webshop/box_cart/tit_img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	*height: 34px;
	padding-top: 16px;
	padding-left: 40px;
	padding-bottom: 0px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
}
.box_order form {	
	padding: 0px;
}
.tb_cont {
	border: solid 1px #cdcdcd;
	width: 693px;
	padding: 2px;
}
table.cart {
	width: 100%;
}
table.cart tr.thead {
	background-color: #9b9b9b;
	font-size: 11px;
	color: #FFFFFF;
}
table.cart tr.thead th {
	height: 26px;
	text-align: left;
}
table.cart tr.odd tr {
	color: #3e3e3e;
}
table.cart tr.odd th, table.cart tr.even th {
	font-size: 11px;
	font-weight: bold;
	background-color: #f5f5f5;
	border-bottom: solid 2px #fff;
	padding-top: 6px;
	padding-bottom: 6px;
}
table.cart tr.even th {
	background-color: #eaeaea;
}
table.cart tr.odd td, table.cart tr.even td {
	background-color: #f5f5f5;
	border-bottom: solid 2px #fff;
	padding-top: 6px;
	padding-bottom: 6px;
}
table.cart tr.even td {
	background-color: #eaeaea;
}
table.cart tr p {
	font-size: 11px;
	color: #3e3e3e;
	padding: 0px;
}
table.cart td.price p {
	padding-right: 36px;
}
table.cart td.pquant p {
	padding-right: 40px;
	font-weight: bold;
}
table.cart td.price p, table.cart td.pquant p {
	border-left: dotted 1px #000;
	text-align: right;
}
table.cart td.popt {
	text-align: center;
}
table.cart td.popt img {
	border-left: dotted 1px #000;
	padding-left: 4px;
	margin-top: 1px;
}

table.cart tr.tfoot {
	background-color: #f5f5f5;
	font-size: 11px;
	text-align: right;
}
table.cart tr.tfoot th {
	color: #ff0000;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
table.cart tr.tfoot td.price {
	padding-right: 36px;
	color: #ff0000;
}
table.cart tr.tfoot td.pdv {
	padding-right: 16px;
}
.bt_next, .bt_back {
	border: 0 none;
	height: 21px;
	*height: 29px;
	padding-top: 8px;
	background-color: #eaeaea;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #3e3e3e;
	cursor: pointer;
	margin-top: 10px;
	display: block;
	text-decoration: none;
}
.bt_next {
	background-image: url(../img/webshop/cart/icon_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 35px;
	padding-left: 8px;
	width: auto;
	float: right;
}
input.bt_next {
	background-image: url(../img/webshop/cart/icon_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	width: 160px;
	float: right;
	padding-top: 0px;
}
.bt_back {
	background-image: url(../img/webshop/cart/icon_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 8px;
	padding-left: 35px;
	width: auto;
	float: left;
}
.box_order #katHead {
	height: auto;
	width: 685px;
	*width: 693px;
	padding: 6px;
}
.box_order #katHead h4 {
	color: #333333;
	font-size: 13px;
	margin-right: 10px;
}
#payment_method {
	padding-top: 20px;
	padding-bottom: 10px;
}


/* ----- Forma login i register ----- */
.box_login, .box_register {
	padding-top: 15px;
	padding-bottom: 10px;
	width: 701px;
	clear: both;
	margin-left: 8px;
	border-bottom: dotted 1px #3e3e3e;
}
.box_login h3, .box_register h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;
	position: relative;
}
.box_register h3 span {
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	right: 0px;
	top: 1px;
}
#column_2 .box_register p {
	padding-top: 3px;
	*padding-top: 4px;
	height: 24px;
	*height: 29px;
}
.form_login fieldset, .form_register fieldset {
	border: 0 none;
}
.form_login {
	padding-left: 140px;
}
.form_login div, .form_register div {	
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
}
.form_login div.error {	
	height: auto;
	color: #FF0000;
	padding-left: 146px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 11px;
}
.form_register div.error, div.note {	
	height: auto;
	color: #FF0000;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 18px;
	font-size: 11px;
	text-align: right;
}
.form_register div.note {	
	color: #333333;
}
.form_login label, .form_register label {
	display: block;
	width: 140px;
	*width: 146px;
	float: left;
	color: #ff0000;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	padding-right: 6px;
	padding-top: 4px;
	*padding-top: 6px;
}

/* Provjeriti u IE */
.form_login div input, .form_register div input {
	background-image: url(../img/webshop/forms/bg_input.gif);
	height: 23px;
	*height: 26px;
	width: 178px;
	*width: 180px;
	padding-top: 3px;
	padding-left: 2px;
	background-repeat: no-repeat;
	background-position: right top;
	border: 0 none;
	margin-right: 2px;
}
.form_login span.lost_pass a {
	font-size: 11px;
	text-decoration: none;
}
.form_login span.lost_pass a:hover {
	text-decoration: underline;
}
.form_login .buttons {
	padding-left: 212px;
	padding-top: 4px;
}
.form_login .buttons input, .form_register .buttons input {
	background-image: url(../img/webshop/cart/icon_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border: 0 none;
	width: 105px;
	height: 29px;
	padding-right: 35px;
	padding-left: 5px;
	background-color: #eaeaea;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #3e3e3e;
	cursor: pointer;
}

.form_register fieldset.floatLeft, .form_register fieldset.floatRight {
	width: 49%;
}
.form_register span.sub_tit {
	font-size: 11px;
	padding-top: 6px;
	display: block;
}
.form_register span.star {
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;
}
.form_register div.simage {
	padding-top: 4px;
	height: 85px;
}
.form_register div.simage label {
	height: 60px;
}
.form_register div.simage img {
	margin-bottom: 4px;	
}
.form_register div.simage span, .form_register label span {
	font-size: 11px;
	color: #333333;
	font-weight: normal;	
}
.form_register fieldset.buttons {
	clear: both;
	text-align: right;
}
.form_register fieldset.buttons input {
	width: 140px;
}
.form_register .checkbox input {
	background-image: none;
	height: auto;
	width: auto;
	margin-right: 0px;
}
.form_register .checkbox label {
	display: block;
	width: auto;
	height: 30px;
	float: none;
	color: #ff0000;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 10px;
}
.payment_details {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 5px;
	width: 702px;
}
.payment_details ul li {
	list-style-type: none;
	line-height: 20px;
}