body {padding: 20px;}
.halfwidthcontainer {width: 60%;margin: 0 auto;}
.logincontainer {width: 280px;margin: 0 auto 100px auto;}

/* Login */
.logincontainer .loginbtn {display: inline;}
.logincontainer .rememberme {display: inline;padding: 0 0 0 20px;}
.logincontainer .rememberme label {display: inline;}
.loading_icon {position: absolute;right: -30px;top: 3px;padding-left: 33px;padding-bottom: 36px;background: transparent url(http://www.backorders.pt/img/loading.gif) no-repeat center left;}

/* Password Strength */

#pwstrengthbox {margin: 3px 9px; width: 200px;border: 1px solid #ccc;line-height: 28px;text-align: center;background-color: #fff;color: #9A9A9A;font-weight: normal;}
#pwstrengthbox.strong {background-color: #33CC00;border: 1px solid #289F00;color: #fff;font-weight: bold;}
#pwstrengthbox.moderate {background-color: #ff6600;border: 1px solid #C44F00;color: #fff;font-weight: bold;}
#pwstrengthbox.weak {background-color: #cc0000;border: 1px solid #9D0000;color: #fff;font-weight: bold;
}

.table-framed {border: 1px solid #DDD;border-collapse: separate;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.right, th.right, td.right{text-align: right;}
.center, th.center, td.center{text-align:center;}
.bold, th.bold, td.bold{font-weight: bold;}

.tooltip-inner { max-width: 600px!important; text-align:left!important;}
#whois{font-weight:normal;font-size:10px;border-top:solid 1px silver;margin-top: 20px;line-height:12px;}
#whois h3{font-size:16px;line-height:16px;}
#maininfo{color: #468847;background-color: #dff0d8;border: 1px solid #d6e9c6;margin-bottom: 10px;height: 43px;font-size: 14px;font-weight: bold;line-height: 43px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#maininfo:hover{border: 1px solid #005580;}
.contentbox{text-align: center;background-color: #f7f7f7;border: 1px dashed #cccccc;padding: 10px;}
.hero-unit{ padding: 50px!important;}
.hero-unit h1{font-size: 50px;}


#countdown{color:#c21017;font-size:20px;text-align: center;}
#countdownclock.countdown{color:#c21017;text-align: center;}
#countdownclock.countdown span{display:inline;color:#222222;font-size:0.8em;}

.container table .headerSortasc {background-color: rgba(141, 192, 219, 0.25);text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);background-image:url('../img/sortasc.png');background-repeat:no-repeat;background-position:95% 50%;}
.container table .headerSortdesc {background-color: rgba(141, 192, 219, 0.25);text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);background-image:url('../img/sortdesc.png');background-repeat:no-repeat;background-position:95% 50%;}


@media (max-width: 979px) {.halfwidthcontainer {width: 100%;margin: 0 auto;}
.logincontainer {margin: 0 auto !important;width:100%!important}}

/* Transições */
a, .table a {-webkit-transition: color 800ms!important;-moz-transition: color 800ms!important;-o-transition: color 800ms!important;transition: color 800ms!important;}

.table, .table td, .table tr, .table td a, .product .box p, .product .box .price, .product .box .price del, .table img  {
	-webkit-transition: color 800ms ease-out, background 800ms ease-out, border 800ms ease-out, opacity 800ms ease-out!important;
	-moz-transition: color 800ms ease-out, background 800ms ease-out, border 800ms ease-out, opacity 800ms ease-out!important;
	-o-transition: color 800ms ease-out, background 800ms ease-out, border 800ms ease-out, opacity 800ms ease-out!important;
	transition: color 800ms ease-out, background 800ms ease-out, border 800ms ease-out, opacity 800ms ease-out!important;
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 

.alert-myerror {
  color: #000;
 font-weight:bolder ;
  background-color: #fff7cb;
  border-color: #fff4b7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

}