/*
	Client FO styles
	2011 - Webcomum
*/

/*------------------
| GENERAL          |
-------------------*/
#client_dash input[type='phone'],
#client_dash input[type='text'],
#client_dash input[type='email'],
#client_dash input[type='password'],
#client_dash select{
	background:#f0f0f0;
	border: 1px solid #c1ccd3;
	display:block;
	padding: 5px 10px;
	width:480px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#53656f;
}
#client_dash input[type='submit']{
	background:#f0f0f0;
	border: 1px solid #c1ccd3;
	float: right;
	padding: 5px 10px;
	color:#EC118F;
}
#client_dash input[type='submit']:hover{
	background: #EC118F;
}
.client_area_loading{
	position:absolute;
	top:50px;
}
.client_area{
	background:#FFF;
}
.client_area p{
	font-size:12px;
	font-family: Arial, Helvetica;
	line-height: 18px;
}
.client_area .content{
	display:block;
	float:left;
	width:690px;
}
.client_area .content header h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin-bottom:5px;
	color:#EC118F;
}
.client_area .content p{
	margin:0;
	margin-bottom:20px;
	padding:0px 15px;
}
.client_area .content header{
	margin-bottom:10px;
}
.client_area .sidebar{
	display:block;
	float:left;
	width: 220px;
	border:none;
	/*padding-left:9px;
	width:228px;*/
}
.input_loading{
	float:right;
	margin-right:10px;
	padding-top:7px;
}
.order_container ul{
	margin:0;
	padding:0;
}
.order_container li{
	list-style:none;
}
.top_btn,
.top_btn:visited,
#client_dash .client_personal_data li input[type='submit']{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background:#f0f0f0;
	border: 1px solid #C1CCD3;
	display:block;
	padding: 5px 10px;
	color: #53656F;
	text-decoration:none;
	width: 132px;
}
.top_btn:hover,
#client_dash .client_personal_data li input[type='submit']:hover{
	color:#EC118F;
}
.ajax_output_msg{
	display:inline-block;
	float:right;
	padding-right:20px;
	
	line-height:26px;
}
/*------------------
| NAVIGATION        |
-------------------*/
#client_cycle{
	display: block;
	float: left;
	padding-right: 8px;
	width: 710px;
}

/*------------------
| DASHBOARD        |
-------------------*/
#client_dash ul,
#client_dash ul li{
	list-style:none;
	margin:0;
	padding:0;
}
#client_dash ul{
	float:left;
	padding:15px;
	border-bottom:1px solid #C1CCD3;
	margin-bottom:30px;
	width:100%;
}
#client_dash ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	width:100%;
	margin:0;
	color:#53656f;
}
#client_dash nav.client_nav{
	display:block;
	float:left;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	color:#53656F;
}
#client_dash nav.client_nav ul{
	padding:10px 0;
}
#client_dash nav.client_nav li{
	line-height:25px;
	border-bottom:1px solid #C1ccd3;
	margin-bottom:1px;
	padding:0px;
	background-color:#f0f0f0;
	font-weight:bold;
}
#client_dash nav.client_nav li.active a{
	color:#53656f;
	background: #d9d9d9;
	text-decoration:none;
	display:block;
}
#client_dash nav.client_nav li.active a:hover{
	color:#EC118F;
}
#client_dash nav.client_nav li a{
	text-decoration:none;
	color:#53656f;
	padding:0 10px;
}

#client_dash nav.client_nav li a:hover{
	color:#EC118F;
	padding:0 10px;
	/*background-color: #2b2824;*/
}
#client_dash .content > div{
	margin-top:10px;
	margin-bottom:30px;
}

aside.personal_info,
aside.address,
aside.last_orders{
	width:680px;
	margin-bottom:30px;
}
aside.address{
	width:670px;
}
aside.personal_info h4,
aside.pts h4,
aside.address h4,
aside.last_orders h4{
	background:url(images/seta_dados.png) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	float:left;
	width:630px;
	background-color:#EC118F;
	padding:5px 30px;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	line-height:20px;
}
aside.personal_info .header_link,
aside.address .header_link,
aside.last_orders .header_link{
	display:block;
	float:left;
	margin:10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #C1CCD3;
	background-color:white;
	color:#53656f;
}
aside.personal_info,
aside.pts{
	margin-bottom:10px;
	width:660px;
	border-bottom:1px solid #C1CCD3;
}
aside.personal_info ul,
aside.address ul{
	/*background:#F5F6F6;*/
}
aside.personal_info ul li{
	display:block;
	float:left;
	width:220px;
}
aside.personal_info ul li a{
	display:inline-block;
	float:left;
	padding:6px 15px 6px 15px;
	background: #f0f0f0;
	color:#53656f;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #C1CCD3;
	text-decoration:none;
}
aside.personal_info ul li a:hover{
background: #F0F0F0;
color:#EC118F;
}

aside.personal_info a, 
aside.last_orders a, 
aside.pts a, 
aside.address a,
table.cli_orders_list a{
	display:inline-block;
	padding:3px 10px 3px 10px;
	background: #ffffff;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#EC118F;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

aside.personal_info a:hover, 
aside.last_orders a:hover, 
aside.pts a:hover, 
aside.address a:hover,
cli_orders_list a:hover{
	background: white;
	color:#EC118F;
}

aside.pts ul li span{
	font-size: 13px;
	font-family: Arial,Helvetica;
	color:#EC118F;
	float:left;
	margin-bottom: 10px;
}
aside.pts ul li a{
	display:inline-block;
	float:left;
	padding:6px 15px 6px 15px;
	background: #f0f0f0;
	color:#53656f;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #C1CCD3;
	text-decoration:none;
}
aside.pts ul li a:hover{
	background: #F0F0F0;
	color:#EC118F;
}
aside.pts ul li a.btn{
	margin-left: 15px;
}

table.cli_orders table{
	background:#F5F6F6;
	border: 1px solid #333;
}
table.cli_orders th,
table.cli_orders td{
	padding:2px 10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#53656f;
	font-size:12px;
	border-bottom:1px solid #c1ccd3;
}
table.cli_orders tr td:first-child{
	border-bottom:1px solid #c1ccd3;
}
table.cli_orders th{
	background:#f0f0f0;
	color:#EC118F;
	font-size:14px;
	padding: 5px 10px;
}
table.cli_orders td.even{
	cursor:pointer;
}
table.cli_orders td.odd{
	cursor:pointer;
	background: #DEDEDE;
}
table.cli_orders tr:hover td.even,
table.cli_orders tr:hover td.odd{
	background:  #f9f9f9;
}


/*********************
 * wishlist          *
/********************/

table.cli_wishlist table{
	background:#F5F6F6;
}
table.cli_wishlist th,
table.cli_wishlist td{
	border:none;
	border-bottom: 1px solid #FFF;
	padding:4px;
	text-align:right;
}
table.cli_wishlist td.even{
	cursor:pointer;
	background: #F5F6F6;
}
table.cli_wishlist td.odd{
	cursor:pointer;
	background: #DEDEDE;
}
table.cli_wishlist tr:hover td.even,
table.cli_wishlist tr:hover td.odd{
	background: #FBE7CE;
}

table.cli_wishlist_list a{
	display:inline-block;
	padding:3px 10px 3px 10px;
	margin-bottom:3px;
	float:left;
	color:#4a4a4a;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
cli_wishlist_list a:hover{
	background: #000;
}
aside.address li.address_type{
	font-weight:bold;
	color:#EC118F;
	line-height:17px;
	text-decoration:underline;
}
aside.address li a{
	float: right;
	padding:6px 15px 6px 15px;
	background: #4f463d;
	color:#Fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
aside.address li a:hover{
background: #ccc;
color:#000;
}

aside.address li p{
	padding:0px;
	margin-bottom:30px;
	font-size:12px;
}
/*--------------------
| EDIT PERSONAL DATA |
---------------------*/
#client_dash #client_dash .client_personal_data{
}
#client_dash .client_personal_data ul,
#client_dash .client_edit_address ul,
#client_dash .client_newsletter ul{
	background:white;
	width: 660px;
	padding:0
	}
#client_dash .client_personal_data ul li,
#client_dash .client_edit_address ul li,
#client_dash .client_newsletter ul li{
	float:left;
	margin-bottom:20px;
	position:relative;
	width:500px;
}

#client_dash .client_personal_data ul li ul,
#client_dash .client_personal_data ul li ul li,
#client_dash .client_edit_address ul li ul,
#client_dash .client_edit_address ul li ul li{
	margin:0;
	padding:0;
}
#client_dash .client_personal_data ul li ul,
#client_dash .client_edit_address ul li ul{
	margin-top:20px;
	width:100%;
}
#client_dash .client_personal_data ul li ul li,
#client_dash .client_edit_address ul li ul li{
	float:right;
	width:240px;
}
#client_dash .client_personal_data ul li ul li:first-child,
#client_dash .client_edit_address ul li ul li:first-child{
	float:left;
	padding-right:20px;
}
#client_dash ul li ul li input[type='text'],
#client_dash ul li ul li input[type='email'],
#client_dash ul li ul li input[type='password'],
#client_dash ul li ul li input[type='phone'],
#client_dash ul li ul li input[type='number'],
#client_dash ul li ul li select{
	width:220px!important;
}
#client_dash .client_personal_data ul li.submit{
	margin-bottom:20px;
}

/*------------------
| ADDRESS	       |
-------------------*/
.client_address > div{
	/*background:#f5f6f6;
	padding:10px;*/
}
.client_address dl{
	display:block;
	float:left;
	margin-right:20px;
	width:335px;
}
.client_address dt,
.client_address .other_adress dt h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #EC118F;
	background-color: #F0F0F0;
	padding: 0 15px;
	line-height: 38px;
	font-weight:bold;
}
.client_address dt h4,
.client_address .other_adress dt h4{
	margin-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EC118F;
	background-color: #F0F0F0;
	padding: 0 15px;
	line-height: 38px;
	font-weight:bold;
}
.client_address dt:first-child{
	margin:0;
}
.client_address dd,
.client_address .other_adress dd{
	background:#FFF;
	padding:10px 10px 20px 10px;
	margin:0;
	margin-bottom:20px;
	position:relative;
	border: 1px solid #f0f0f0;
}

.client_address dd a,
.client_address .other_adress dd a{
	padding:6px 15px 6px 15px;
	background: #ffffff;
	color:#53656F;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border: 1px solid #C1CCD3;
	font-weight:bold;
}
.client_address dd a:hover,
.client_address .other_adress dd a:hover{
	color:#EC118F;
}

.client_address .other_adress{
	display:block;
	float:left;
	margin-right:0;
	width:335px;
}
.client_address .other_adress dd.no_address{
	background:none;
	padding:0;
}

.client_address .other_adress dd a.delete_address,
a.delete_address{
	background: url(images/delete.png) no-repeat;
	padding:0;
	position:absolute;
	top:10px;
	right:10px;
	width:16px;
	height:16px;
	border:none;
}
.client_address .other_adress dd a.delete_address:hover,
a.delete_address:hover{
	opacity:0.5;
	filter: Alpha(Opacity=50); /*IE*/
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s; /* Firefox 4 */
	-webkit-transition:opacity 0.3s; /* Safari and Chrome */
	border:none;
}
/*------------------
| EDIT ADDRESS     |
-------------------*/
.client_edit_address fieldset{
	margin-top:20px;
	padding-top:5px;
}
/*------------------
| ORDERS	       |
-------------------*/
div.cli_order_data table th{
	background:#F0F0F0;
	color:#EC118F;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px 10px; 
	margin:1px;
	border-bottom: 1px solid #C1CCD3;
	text-align:left;
}
div.cli_order_data table hr{
	border: 1px solid #fff;
	border-bottom: 1px solid #C1CCD3;
}
div.cli_order_data table a.prod_link {
	font-size:12px;
	font-weight:bold;
	color:#EC118F;
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
div.cli_order_data table a:hover.prod_link {
	text-decoration:underline;
}
div.cli_order_data table .sublabel {
	font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #EC118F;
}
div.cli_order_data table .sublabel2 {
	font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #EC118F;
}
div.cli_order_address_info,
div.cli_order_payment_info{
	float:left;
}

.client_area div.cli_order_data ul.cli_order_data_info,
.client_area div.cli_order_data ul.cli_order_data_info li{
	margin:0;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #53656f;
	font-weight: normal;
}
div.cli_order_data ul.cli_order_data_info li{
	margin-bottom:5px!important;
}
.client_area div.cli_order_address_info p,
.client_area div.cli_order_payment_info p{
	margin-bottom:10px;
}

div.cli_order_address_info h2,
div.cli_order_payment_info h2{
	background: url(images/seta_dados.png) no-repeat left;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
margin-bottom:10px;
float: left;
width: 630px;
background-color: #EC118F;
padding: 5px 30px;
color: white;
font-size: 12px;
text-transform: uppercase;
line-height: 20px;
}
div.cli_order_address_info{
	width:680px;
}
div.cli_order_payment_info{
	width:680px;
}
div.cli_order_address_info > div{
	float:left;
	width:300px;
	padding: 0px15px;
	margin:0;
	margin-bottom:30px;
	border-bottom:1px solid #C1CCD3;
}
div.cli_order_address_info div.deliver{
	margin-right:10px;
	padding-right:10px;
}

div.deliver h3{
	font-family:Arial, Helvetica, sans-serif; 
	color:#EC118F; 
	background-color:#F0f0f0; 
	font-size:14px; 
	padding:5px 10px; 
	font-weight:bold; 
	margin:0;
	margin-bottom:10px;
}

/*------------------
| LOGIN		       |
-------------------*/

#client_login_cont ul,
#client_login_cont ul li{
	list-style:none;
	margin:0;
	padding:0;
}
#client_login_cont section{
	float:left;
	width:417px;
}
#client_login_cont section.login{
	padding-right:30px;
}
#client_login_cont section.register{
	border-left: 1px solid #cccccc;
	padding-left:30px;
}
#client_login_cont section.no_login{
	border-left:0!important;
	padding-left:0!important;
	width:100%;
}
#client_login_cont section.no_registration{
	padding-right:0!important;
	width:100%;
}
#client_login_cont section.register ul{
	margin-top:10px;
}
#client_login_cont ul li{
	float:left;
	position:relative;
	width:100%;
}
#client_login_cont li input[type='text'],
#client_login_cont li input[type='email'],
#client_login_cont li input[type='password']{
	background-color:#ffffff;
	border: 1px solid #cccccc;
	display:block;
	padding: 5px ;
	width:406px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:12px;
	font-size: 12px;
	line-height: 18px;
	color: #53656F;
}
#client_login_cont li input[type='submit']{
	width:110px;
	height:20px;
	background:url(images/funtobtn.png) repeat-x bottom #EC118F;
	border:#430011 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	padding:2px 10px;
	float:right;
}
#client_login_cont li input[type='submit']:hover{

}
#client_login_cont #client_login{
	background:none;
	border:0;
	padding:0;
	margin:0;
}
#client_login_cont #client_login a,
#client_login_cont #client_login_top a{
color:#Fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#client_login_cont #client_login a:hover,
#client_login_cont #client_login_top a:hover{
color:#000;
}

#client_address label.ok,
#update_client_info label.ok,
#client_login label.ok,
#client_register label.ok{
	background: url(images/form_ok.png) no-repeat;
	display:block;
	position:absolute;
	bottom:20px;
	right:12px;
	width:16px;
	height:16px;
	margin-bottom:0px;
	
	text-indent:-9999px;
}
#client_address label.error,
#update_client_info label.error,
#client_login label.error,
#client_register label.error{
	background: url(images/form_error.png) right center no-repeat;
	display:block;
	float:right;
	margin:5px 0 0 0;
	padding-right:26px;
	width:100%;
	
	color: #F00;
	font-size:10px;
	line-height:16px;
	text-align:right;
}
.user_output_txt{
	color: #332B20;
}
.user_output_txt strong{
	color:#6C5F57;
}

.login_error{
	background: url(images/form_error.png) left center no-repeat;
	padding-left:26px;
	font-family:Arial, Helvetica, sans-serif;
	color: #F00;
	font-size:11px;
	line-height:17px;
}

a.passRecoverClass{
	color:#000 !important;
	font-family: Arial,Helvetica !important;
}
a.passRecoverClass:hover{
	text-decoration: none !important;
}

.termsConditions{
	font-size: 11px !important;
	font-family:Arial,Helvetica !important;
}

#link_terms{
	color: #000 !important;
	text-decoration: underline;
}
#link_terms:hover{
	text-decoration: none !important;
}

.contentTermosCondicoes{
	width: 600px;
	padding:15px;
}
.contentTermosCondicoes h1{
	font: Arial, Helvetica !important;
	font-size: 24px;
	font-weight: bold;
	color:#EC118F;
	margin-bottom: 20px;
}

.contentTermosCondicoes p{
	font: Arial, Helvetica !important;
	font-size: 12px;
	color:#000;
	line-height: 17px;
}

.order_status{
	float:left; font-family:Arial, Helvetica, sans-serif; color:#EC118F; background-color:#F0f0f0; font-size:14px; padding:5px 10px; font-weight:bold; margin-left:15px;
}
.order_status_paid{
	color:green !important; font-size: 18px !important;
}

.edit_addr{
	color:#EC118F;
	margin-bottom: 10px;
}
.edit_addr:hover{
	background: none !important;
	cursor: pointer;
}

.errorMsg{
	color:red;
	font-size: 11px;
}