@charset "utf-8";

img{
	border:none;
	outline:none;}

body {
	background:#C1202E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;}
#site {
	position:relative;
	width:900px;}
a:link,
a:visited,
a:hover {
	color:#C1202E;}
a:hover {
	text-decoration:none;}
.header {
	background:#fff url(header.png) no-repeat left top;
	border:none;
	height:184px;
	text-align:center;
	text-indent:-9000px;}
/* » menu */
.menu {
	background:transparent none repeat scroll 0 0;
	left:35px;
	position:absolute;
	top:146px;
	z-index:100;}
	.menu ul li {
		position:relative;}
	.menu ul li:hover {
		background:none;}
	#begin {
		left:-160px;
		position:absolute;
		top:-130px;}
	#begin a{
		display:block;
		height:120px;
		text-indent:-9000px;
		width:620px;}
	#begin a:hover {}
	.menu a:link,
	.menu a:visited,
	.menu a:hover {
		outline:none;
		color:#fff;
		display:block;
		font-size:16px;
		padding:0 12px;}
	.menu li:hover li a {
		text-decoration:none;}
	.menu a:hover,
	.menu li:hover a,
	.menu li:hover li:hover a:hover {
		text-decoration:underline;}
		.menu ul li ul {
			background:url(submbg.png) no-repeat center bottom;
			_background:#fff;
			border:none;
			_border:1px solid #F09A70;
			left:0;
			padding:0 0 20px;
			top:25px;
			width:136px;}
		*+html .menu ul li ul {
			left:120px}
			.menu li li {
				float:none;
				text-align:left;}
			.menu ul li ul li:hover{
					background:none;}
				.menu li li a:link,
				.menu li li a:visited,
				.menu li li a:hover,
				.menu ul li ul li:hover a{
					color:#C1202E;
					font-size:14px;
					line-height:16px;
					margin:2px 8px 0 6px;
					padding:4px 7px 3px 8px;}
/* » client info */
.clientInfo{
	background:#fff url(cinfobg.png) no-repeat 0 0;
	border:none;
	color:#FFFFFF;
	height:45px;
	margin:10px auto 0;
	padding:3px 0 0 10px;
	width:605px;}
	#usrtitle,
	#usrname strong{
		display:none;}
/* » contents */
#site div.contents {
	width:750px;}
*html div.contents {}
.areaDefault {
	border:medium none;
	width:700px;}
	.areaDefault table{
		width:700px;}
h2 {
	color:#C1202E;
	font-size:25px;
	padding:20px 0 0;}
h4 {
	background:#C1202E url(h4bg.png) no-repeat left top;
	border:none;
	color:#fff;
	margin:0 auto 20px;
	padding-left:10px;}
table{
	border-bottom:none;}
	thead,
	thead tr {
		background:#C1202E;
		color:#fff;
		font-size:16px;}
			th {}
	tr,
	tr.odd{
		background:#fff;}
		td {}
.links {}
/* » footer */
	.footer {
		background:url(footer.png) no-repeat center bottom;
		height:210px;
		padding:0;}
		.footerCredits{
			display:none;}
/* » forms */
legend span {
	color:#C1202E;
	text-align:left;
	width:150px;}
input.button,
a.button,
p.actions a.button,
p.actions .button,
p.actions a.button:link,
p.actions a.button:visited,
p.actions a.button:hover{
	border:none;
	background-color:#C1202E;
	display:inline;
	float:none;
	font-size:18px;
	font-weight:normal;
	padding:2px 12px 4px;}
fieldset#payment input.option {
	vertical-align:-16%;}
/* » warnings */
    .messages,
    .errors {
			background:#F7A81B url(messagebg.png) no-repeat left bottom;
			color:#C1202E;
			font-size:10px;
			font-weight:bold;
			margin:10px auto;
			padding:10px 20px 25px;
			width:358px;}
    .messages {
			color:#fff;}
			.errors ul {
				font-size:12px;}
/* » login */
#login {
	margin:20px auto 0;}
	.login {
		border:0;
		margin:25px auto 10px;
		padding:0;
		position:relative;
		width:750px;}
		.login h4 {
			display:none;}
		.login h5{
			background:url(login_title.png) no-repeat left top;
			text-indent:-9999px;
			padding:0;
			height:36px;
			text-align:left;
			width:227px;}
		.login form {
			background:url(login.png) no-repeat left top;
			border:0;
			height:126px;
			position:relative;
			width:750px;}
			.login legend,
			#createVoucher legend{
				display:none;}
			.login form ul {
				margin:15px 0 0 15px;}
				.login form li {
					display:inline-block;
					margin-top:20px;}
					* html .login form li{
						display:inline;
						margin:0;
						margin-top:2px;
						margin-left:-5px;}
				*+html .login form li {
					float:left;
					margin-top:5px;}
				@media screen and (-webkit-min-device-pixel-ratio:0){ .login form li{
						margin-top:34px;}}
						.login label {
						color:#fff;
						font-size:15px;
						line-height:28px;
						padding:0 22px 0 0;
						width:94px;}
					.login input {
						background:#fff;
						border:medium none;
						font-size:15px;
						margin-top:7px;
						height:19px;
						width:127px;}
					.login .button {
						background:none;
						*background:url(invisible.png);
						height:37px;
						left:600px;
						line-height:0;
						outline:none;
						position:absolute;
						text-indent:-9000px;
						top:23px;
						width:105px;}
		.login .links {
			bottom:10px;
			margin:10px 0;
			position:absolute;
			right:43px;
			text-align:right;
			width:156px;}
			.login .links a,
			.login .links a:visited {
				color:#fff;
				display:block;
				font-size:11px;
				padding:0 5px;
				height:18px;}
/* » catalog */
	/* » welcomepage */
		#loginHighlights .highlight,
		#start .highlight,
		.product {
			border:none;
			margin:40px auto;}
	/* » category */
		.combinations thead tr,
		#cartProducts thead tr {
			background:#C1202E;
			font-size:13px;}
		table  {
			border-bottom:1px solid #FAFAFA;}
		table .odd {
			background-color:#F1F1F1;}
		#cartProducts thead {
			color:#fff;}
		div.odd,
		div.even {
			border:0 none;
			margin:25px 0;}
		.highlight {
			border:none;}
/* » vales */
.info-grabtext {
	font-size:16px;
	font-weight:bold;}
.info-note {
	margin:20px 0;}
.info-note p {
	font-size:11px;
	margin:0 20px;}
	
ol li ul{
	height:30px;}
ol li #D22{
	height:54px;
	margin-top:10px;}
fieldset input.medium{
	margin-right:10px;}
.radio select{
	margin-right:10px;}
	
ol li ul li{
	float:left;}
	
ol .optionList{
	height:41px;}
	
ol li ul .option1{
	width:45px;}
	
ol li ul .option2{
	width:50px;}
	
ol li ul .option3{
	width:110px;}
	
ol li ul li label{
	text-align:left;
	font-size:10px;
	width:55px;}
	
ol li ul #reqAccountNumberBank{
	width:30px;}
	
ol li ul #reqAccountNumberAgency{
	width:35px;}
	
ol li ul #reqAccountNumberContractA{
	width:40px;}

ol li ul #reqAccountNumberContractB{
	margin-left:1px;
	width:17px;}
	
/* » clube */

#site .box_club{
	text-align:left;}

#site .box_club h5{
	background:url(clube_title.png) no-repeat left top;
	text-indent:-9999px;
	padding:0;
	height:36px;
	width:227px;}
	
#site .box_club h2{
	background:url(clube_title2.png) no-repeat left top;
	height:24px;
	margin:20px auto 10px;
	padding:0;
	text-indent:-9999px;
	width:308px;}
.box_club .demo-video{
	display:block;
	margin:0 auto;
	text-align:center;}
.box_club .promo-bpopular{
	text-align:center;}

	#site .box_club .box_club_top{
		background:url(box_topborder.png) top no-repeat;
		height:13px;
		margin:25px 0 0;
		width:750px;}
	
	#site .box_club #supplierIndex{
		background:url(box_bg.png) top repeat-y;
		padding:0 20px;}
		
	#site .box_club .box_club_bottom{
		background:url(box_bottomborder.png) top no-repeat;
		height:40px;
		width:750px;}
		
	#site .boxhome_club_bottom{
		background:url(boxhome_bottomborder.png) top no-repeat;
		margin-bottom:10px;
		height:13px;
		width:750px;}
		
		#site .box_club #supplierIndex li{
			display:inline;}
			
		#site .box_club #supplierIndex img{
			border:none;
			outline:none;
			margin:5px;}
			
		#supplierIndex h6{
			font-size:14px;
			margin:0;
			margin-top:5px;
			display:block;
			font-weight:bold;
			color:#900;
			border-bottom:#900 solid 1px;}
			
			h6.specialTitle{
				background:url(clube_title3.png) no-repeat left top;
				height:30px;
				text-indent:-9999px;}
		
#detail_club{
	background:#c1202e;
	color:#FFF;
	text-align:left;
	margin-left:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	width:710px;}
	
	* html #detail_club{
		margin-left:0;}

	
*+html #detail_club{
		margin-left:0;}
		
#detail_club img{
	float:left;
	margin:0 20px;}
	
#detail_club h1{
	color:#FFF;
	margin:0;
	height:20px;
	font-size:14px;}
	
#detail_club h2{
	color:#FFF;
	margin:0;
	height:15px;
	font-size:12px;}
	
#detail_club ul{
	padding-right:10px;
	margin:0;
	margin-bottom:10px;
	padding:0;}

#detail_club .club_content{
	float:right;
	width:500px;
	margin-right:20px;}
	
	#detail_club .club_content img{
		float:none;
		margin:0;
		}
	#detail_club .club_content a{
		color:#FFF;
		border-bottom:#FFF dotted 1px;}
		

#detail_club p{
	margin-bottom:10px;}
		
.clear{
	clear:both;}



/* » printer */
@media print {
	@page {
		margin:0;
		padding:0;}
		html,
		body {
		background-color:#FFF;
		width:100%;}
		#site,
		#vales,
		#site div.contents,
		.areaDefault {
			margin:0;
			padding:0;
			width:100%;
			position:absolute;
			top:0;
			left:0;}
			.areaDefault {
				padding:5cm 0 0;}
		.header,
		.footer,
		input,
		.button,
		p.actions,
		#vales legend,
		h4 {
			display:none;}
		.areaDefault p {
			color:#000;
			font-size:10pt;
			margin:0;
			width:16cm;}
		fieldset li {
			color:#999;
			height:auto;
			font-size:10pt;}
			fieldset label {
				float:none;}
				ul {
					margin:1cm 0;
					width:15cm;}
		#vales {
			margin:1cm 0 0;
			padding:8cm 0 0 3cm;
			position:absolute;}
			.areaDefault .info-grabtext {
				font-size:18pt;
				font-weight:normal;
				padding:3cm 0 1cm;}
			.areaDefault .info-note p {
				font-size:8pt;}
}



/* ##### TEMP ##### */
/*

*/