/* main styles */
body {
	margin:0;
	padding:0;
	background:#F4F4F4;
  	color:#393939;
	font-family:arial,sans-serif;
	font-size:11px;
	}
.rosa {
  	color:#FF7000;
	text-decoration : underline;
}
.optimus-clix-href {
	color:#ff7000;
	text-decoration : underline;
}	
form {
	margin:0;
	padding:0
	}
img {border:none;}
a {
	text-decoration:none;
	color:#393939;
	}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold}
input.text,
select {
	color:#000;
	font-family:arial,sans-serif;
	font-size:11px;
	}
.floatleft input {
    width: auto;
}
/* main container  */
#main {
	margin:0 auto;
	width:903px;
	}
/* header */
#header {
	position:relative;
	width:100%;
	height:105px;
	background:url(../images/bg-header.jpg);
	}
/* logo */
a.logo {
	position:absolute;
	top:10px;
	display:block;
	width:537px;
	height:72px;
	background:url(../images/logo.jpg);
	}
		
/* middle container */
#middle {
	float:left;
	width:893px;
	padding:0 5px;
	background:#F9F9FA url(../images/bg-middle.gif) repeat-y left;
	}

#middle .majorwarning {
	float:left;
	width:100%;
	padding:10px 10px 5px 10px;
    font-weight:bold;
    text-align:center;

	}
	
/* footer */
#footer {
	float:left;
	width:100%;
	background:url(../images/bg-footer.gif) no-repeat left top;
	padding:35px 0;
	}

#footer .copyright {
	float:left;
	padding:1px 0 0 336px;
	font-size:10px;
	color:#94949F;
	}
	
/* index banner */
#index-banner {
	float:left;
	width:100%;
	border-bottom:1px solid #fff;
	margin:0 0 16px 0;
	} 
	
/* small white container */
div.box {
	float:left;
	width:286px;
	background:#fff url(../images/bg-box-top.gif) no-repeat left top;
	padding:5px 0 0 0;
	}
div.box .bottombg {
	float:left;
	width:100%;
	padding:0 0 5px 0;
	background:url(../images/bg-box-bottom.gif) no-repeat left bottom;
	}
div.box .bg {
	float:left;
	width:284px;
	border-left:1px solid #E2E2E7;
	border-right:1px solid #E2E2E7;
	}
	


/* main content container */
#content {
	float:left;
	width:863px;
	padding:22px 0 0 15px;
	}
#content a:hover {text-decoration:underline;}
/* main text header */
h1 {
	display:block;
	margin:0 0 9px 16px;
	overflow:hidden;
	text-indent:-999px;
	}
#kits-clix {width:99px;height:28px;background:url(../images/h-kits-clix.gif);}
/* selected products */
div.selected-proudcts {
	float:left;
	padding:0 0 40px 14px;
	width:866px;
	}
table.product {
	clear:both;
	border-collapse:collapse;
	margin:0 0 0 19px;
	table-layout: fixed;
	padding:0;
	text-align:left;
	}
table.product th {
	color:#9D9DAA;
	padding:10px 0;
	text-align:left;
	}
table.product td {text-align:left;}
table.product .product {width:64px;}
table.product .name {width:326px;}
table.product .price {width:139px;}
table.product .qnt {width:115px;}
table.product .total {width:81px;}
table.product .remove {width:97px;}

table.product td.product {text-align:center;padding:2px 0;}
table.product .name div {padding:0 25px;}
table.product td.name strong {font-size:12px;}

div.big-box table.product {margin:10px 10px 10px 10px;}
div.big-box2 table.product {margin:10px 10px 10px 10px;}
table.product2 {margin:10px 10px 10px 10px;}
div.big-box2 table.product3 {border:1px solid #E2E2E7;}
div.big-box {
	float:left;
	width:799px;
	border:1px solid #E2E2E7;
	}
div.big-box2 {
	float:left;
	width:820px;
	}
div.selected-proudcts .big-box {margin:0 0 10px 0;}
div.selected-proudcts .buttons input {float:right;}
/* dark small container */	
div.dark-box {
	float:left;
	width:285px;
	padding:186px 0 0 0;
	}
div.dark-box .bottombg {
	float:left;
	width:285px;
	padding:0 0 10px 0;
	min-height:69px;
	}
div.dark-box2 {
	float:left;
	width:285px;
	padding:60px 0 0 0;
	}	
* html div.dark-box .bottombg {height:69px;}
* html div.dark-box2 .bottombg2 {height:69px;}

#login {width:44px;height:19px;background:url(../images/h-login.gif);}

/* contaner with tabs */
.tab-box {
	width:582px;
	position:relative;
	left:-6px;
	margin-right:-6px;
	background:url(../images/bg-tab-box.gif) repeat-y left;
	}
.tab-box .bottombg {
	float:left;
	width:582px;
	background:url(../images/bg-tab-box-bottom.gif) no-repeat left bottom;
	padding:0 0 11px 0;
	min-height:427px;
	}
* html .tab-box .bottombg {height:427px;}


/* order steps */
#steps {
	float:left;
	padding:10px 0 0 26px;
	width:867px;
	background:#FEFEFE;
	margin:0 0 15px 0;
	}
	
.spinner{
	color:#ff7000;
	font-weight:normal;
	font-size:16px;
	padding:10px 0 10px 0;
}	
#steps a {
	float:left;
	display:block;
	overflow:hidden;
	height:27px;
	text-indent:-999px;
	}
#steps a.step1 {width:200px;background:url(../images/passo1.gif) no-repeat left top;margin:0 96px 0 0;}
#steps a.step2 {width:230px;background:url(../images/passo2.gif) no-repeat left top;margin:0 107px 0 0;}
#steps a.step3 {width:160px;background:url(../images/passo3.gif) no-repeat left top;}
#steps .active {border-bottom:2px solid #ff7000;}
/* contact form */
div.form {
	float:left;
	width:551px;
	padding:0 0 0 32px;
	}
div.form2 {
	float:left;
	width:800px;
	padding:0 0 0 32px;
	}
div.form .row {float:left;width:100%;padding:0 0 10px 0;}
div.form .row label {
	display:block;
	font-weight:bold;
	font-size:12px;
	margin:0 0 2px 1px;
	}
div.form .row .text {
	width:530px;
	padding:1px 0 0 4px;
	border:1px solid #9A9AAC;
	height:16px;
	}
* html div.form .row .text {margin-top:-1px;}
div.form .row .floatright {width:220px;}
div.form .row .floatleft .text {width:305px;}
div.form .row .floatright .text {width:200px;}
div.form .row .floatleft .small {width:78px;}
div.form .row .floatleft .small2 {width:59px;}
div.form .row .medium {width:200px;}
div.form .row .pequena {width:59px;}
div.form .row select {width:95px;color:#9A9AAC;}
div.form .h {
	clear:both;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	margin:0 0 4px 0;
	}
	div.form2 .h {
	clear:both;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	margin:0 0 4px 0;
	}
div.form #dados-pessoais {width:104px;height:13px;background:url(../images/h-dados.gif);}
div.form2 #sugestoes {width:171px;height:16px;background:url(../images/tit_sugestoes.gif);}
div.form2 #precisar {width:350px;height:16px;background:url(../images/tit_precisar.gif);}
div.form2 #escolha {width:230px;height:16px;background:url(../images/tit_escolha.gif);}
div.form #metodos-pagamento {width:161px;height:17px;background:url(../images/h-metodos.gif);}
div.form p {clear:both;margin:0 0 20px 0;color:#898999;}
div.form .buttons {padding:10px 0 40px 0;text-align:center;}
div.buttons2 {padding:10px 0 20px 0;text-align:center;}

/* Avisos */
div.dark-box.login {margin:0 12px 0 0;}
* html div.dark-box.login {margin:0 6px 0 0;}
div.login .bottombg {
	width:237px;
	padding:10px 25px 10px 23px;
	}
div.login p {margin:0 0 15px 0;}
div.login .row {
	float:left;
	width:201px;
	padding:0 0 5px 0;
	}
div.login .row input {
	float:right;
	}
div.login .row label {
	float:left;
	color:#9D9DAA;
	font-weight:bold;
	line-height:19px;
	}
div.login .row .text {
	width:129px;
	padding:1px 0 0 4px;
	border:1px solid #9A9AAC;
	height:16px;
	}
div.login .row .btn {margin:5px -1px 10px 0;position:relative;}