/* Listagen
----------------------------------------*/
.loja_item {float:left; margin-left:10px; margin-bottom:8px; width:234px; height:315px; padding-bottom:10px; position: relative;}
.loja_item h2 {height:30px; line-height:1.1; overflow:hidden; font-family: 'Droid Sans', sans-serif;}
.loja_item .foto {width:230px; height:140px; margin:5px 0; text-align:center; display:table; background:#fff;}

.loja_item div, .foto span {display:table-cell; vertical-align:middle;}

.ver {background:#b3b3b3;  padding:7px 12px;font-size:11px; margin-right:-2px}
.ver:hover {text-decoration:none; color:#fff; background:#909090}

.loja_info {width:230px; vertical-align:middle; text-align:center; display:table; float:left; margin-bottom:26px}
.loja_actions {width:240px; vertical-align:middle; text-align:center; display:table;  float:left; margin-bottom:15px;}

h3 {font-family: 'Droid Sans', sans-serif; font-size:22px; color:#333;}

h3 .antigo { font-size:17px; color:#666;font-weight:normal}

.disp {color:#669900; background:url('../images/ok_icon.png') no-repeat right 3px; padding-right:20px}
.disp_enc {color:#006699; background:url('../images/ok_icon.png') no-repeat right bottom; padding-right:20px}

.paginacao {float:right; clear:both; margin-right:7px }
.paginacao a, .paginacao span { margin-left:5px }
.paginacao span.p_active { margin-left:5px; background:#19345f; color:#fff; padding:3px 5px }

/* Detalhe
----------------------------------------*/
.loja_foto {float:left; margin-right:15px; margin-bottom:50px; position:relative;}
.loja_foto .foto {width:248px; display:block; display:table;  background:#fff;}

.artigo {float:left; width:450px; margin-left:20px; position:relative}
.artigo_fotos {margin-top:15px}
.artigo_detalhe {margin-top:15px; clear:both; float:left}
.artigo_detalhe span {background:url('../images/desc-bg.png') repeat-x; height:25px; display:block; width:670px; padding:4px 0 0 35px;}
.artigo_detalhe >div {margin:15px 10px}

.btLoja {position:relative; margin-top:5px}
.btLoja div {float:left; }

.btLoja #encomendar {display:none}

.campo1 {margin-top:7px; font-size:10px}
.campo2 {margin-top:-7px; font-size:10px; float:left}
.campo3 {margin-top:15px;} /*Preço*/


/*
Encomenda
----------------------------------------*/
.carrinho {width:900px; margin-top:30px; float:left; margin-left:30px}
.carrinho td {border:0px solid #333; vertical-align:middle; padding:10px 0 10px 0}

thead tr {font-weight:bold;}
thead th.separador {background: url('../images/separador_carrinho.png') no-repeat left bottom; height:20px}
tbody tr {border-bottom:1px solid #ccc;}


.carrinho td.foto {  height:90px;}
.carrinho td.foto div {display:table-cell; vertical-align:middle; text-align:center; background:#fff; width:100px; height:90px; padding:0; margin:0 }

.carrinho .aright {text-align:right; padding-right:20px}
.carrinho .quantidade {margin-top:5px; margin-right:10px}

.carrinho .aright a.mais {display:block; cursor:default; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat; margin-bottom:3px; cursor: pointer;}
.carrinho .aright a.menos {display:block; cursor:default; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat 0 -30px; cursor: pointer;}
.carrinho .aright a.mais:hover {background:url('../images/icons_loja.png') no-repeat 0 -15px;}
.carrinho .aright a.menos:hover {background:url('../images/icons_loja.png') no-repeat 0 -45px}
.carrinho .eliminar a {display:block; cursor:default; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat 0 -60px; margin-top:-2px; cursor: pointer;}
.carrinho .eliminar a:hover {background:url('../images/icons_loja.png') no-repeat 0 -75px}

tfoot tr {border-top:1px solid #ccc;}
tfoot tr table tr{ border:0;}
tfoot tr table td {background:red; padding:0; height:10px;}
tfoot tr.total td {background:url('../images/tile_total.png'); padding:30px 0}
tfoot tr.bts td {padding:30px 0}

.total_left {float: left; text-align:right;}
.total_right {float: left; text-align:right; margin-left:20px;}
.vtotal {font-weight:bold; font-size:16px}

/*
Processo
----------------------------------------*/
ul#passos {float:left; padding:15px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; display:block; width:930px}
ul#passos li {float:left}
ul#passos li.active {font-weight:bold}
ul#passos li span {padding:30px}

.section {display:block; float:left; margin:30px 0 0px 50px; width:850px;}
.section .morada {width:350px; margin-right:30px; float:left}
.metodo {width:300px; margin-right:30px; float:left}
.metodo ul {margin-top:20px} .metodo li {height:50px}
.metodo input, .metodo img{float:left} .metodo img {margin-top:-12px;}
.total_pagamento {width:300px; float:right}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('../images/checkbox.png') no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url('../images/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 11px/21px arial,sans-serif;
	background: url('../images/select.png') no-repeat;
	overflow: hidden;
}
.lista {margin-top:10px;}
.lista #morada_alt{margin-top:10px}
.ulstyled li {line-height:24px; vertical-align:middle}

.btadicional{margin-top:20px}
.actions {float:left; text-align:right; border-top:1px solid #ccc; margin-top:30px; width:930px; padding:15px}
.actions a {margin:0}

#morada_fac li  {display:block}
#morada_fac input {border:1px solid #b9b9b9; font-size:12px; color:#666; padding:2px 4px 3px 4px; margin-bottom:3px;	width:183px;font-family: Arial, Sans-Serif;  font-size: 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(/client/skins/plugins/pie/PIE.htc);
	}

#morada_fac label {width:100px; display:inline-block}
#morada_fac label.pais {float:left; margin-top:5px}
.error{color:red; font-style:italic; padding-bottom:10px; font-size:10px;}
.morada label.error {margin-left:100px; width:300px}

/* Ifthen */
.dados_ifthen {float:left; margin:30px 0 30px 0px; width:500px}
.mb_ifthen {float:left; margin:30px 0 50px 0; width:100px; }
.dados_ifthen > li {clear:both}
.dados_ifthen > li label {width:110px; float:left}