﻿/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com

	## GENERAL
	
	## TEMPLATE
		-- LAYOUT
		-- HEADER
		-- FOOTER
		-- MENU
		
	## HOME
	
	## FAQ
	    -- BOX01
	    -- BOX02
*/

/* ############################## General ################################# */
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.over{ overflow:hidden;}
.over1{ overflow:hidden; height:1px;}
.center{text-align:center;}

img.block{display:block;}

.img-l img{float:left;}
a img{ border:0;}

br{clear:both;}

h1, h2, h3, h4, h5, h6, p, form {margin:0;}

ul, fieldset { 
margin:0;
padding:0;
border:0;
}

.orange { color: #F26834; }
.size1 { font-size: 14px; }

/* ############################## TEMPLATE ################################# */

/* ------------------ LAYOUT ------------------ */
body {
	margin:0;
	background:#CCE0F3 url(images/bg.gif);
	font-family:"Tahoma", Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
	text-align:justify;
}

a{color: #56678D; text-decoration: none;}
a:hover {color:#0099FF;}

.flash{
	position:absolute;
	z-index:999;
	left: 270px;
	top: 86px;
}

.main{
	position:relative;
	width:952px;
	margin:0 auto 10px;
	padding:0 0px 0px;
	border-color:#3273B4;
	border-style:dotted;
	border-width:0 1px 1px;
	background: #FFF url(images/container-bgfixed.gif) repeat-y;
	background-position: 17px 0px;
}

.main-signup{
	position:relative;
	width:952px;
	margin:0 auto 10px;
	padding:0 0px 0px;
	border-color:#3273B4;
	border-style:dotted;
	border-width:0 1px 1px;
	background: #FFF url(images/box-signup-bg.gif) repeat-y;
	background-position: 17px 0px;
}


.sidebox-home{
	float:left;
	width:270px;
}

.fadein{
	float:left;
	width:270px;
}

.sidebox{
	float:left;
	width:240px;
}

/* ------------------ end LAYOUT ------------------ */
/* ------------------ HEADER ------------------ */
.header{
	width:952px;
	background:url(images/header_bg.gif);
	position: relative;
}
.header img{float:left;}

.header .minibg {
	position: absolute;
	left: 770px;
	top: 0px;
	display:none;
}

#login_container form{
/*	float:right;*/
	width:270px;
/*	margin:40px 0 0 0;*/
	margin: 0;
	padding: 10px 0 10px 0;
}
#login_container form .but{
	float:left;
	margin:0px 10px;
}
#login_container form p{
	clear:both;
}
#login_container form label{
	float:left;
	width:60px;
	font-size:10px;
	text-transform:capitalize;
	color: #F04E00;
	font-weight: bold;
}
#login_container form .txt{
	float:left;
	border:1px solid #FF9900;
	width:100px;
	font-size:9px;
	height: 12px;
	margin: 0 0 1px 0;
	padding:0px;
}

/* ------------------ end HEADER ------------------ */
/* ------------------ FOOTER ------------------ */
.pre-footer{
	clear:both;
	height:5px;
	overflow:hidden;
	background:#FBC89F;
}
.footer{
	width:952px;
	background:url(images/footer_bg.gif);
	border-top:2px dotted #EF4E24;
	font-size:11px;
	background-color: #ebeced;
}
.footer p {
	background-color: #ebeced;
	padding-bottom: 10px;
}
	.footer a {
		color: #000000;
		margin: 0 5px 0 5px;
		font-weight: bold;
		text-decoration: underline;
	}

	.footer a:hover { text-decoration: none; }

.footer .right{
	padding:28px 30px 0 0;
}
.footer img{
	float:left;
	margin-left: 60px;
}
/* ------------------ end FOOTER ------------------ */
/* ------------------ MENU ------------------ */
.menu{
	width:240px;
	padding:15px 10px 20px 10px;
	font-weight:bold;
	background: #FFF;
	font-size: 13px;
}
.menu img{
	margin-bottom:15px;
	margin-left: 5px;
}
.menu ul{
	list-style:none;
	margin-left:5px;
	border-top:1px solid #EBEEF3;
	border-bottom:1px solid #B4CEF3;
	
}
.menu li{
	border-top:1px solid #B4CEF3;
	border-bottom:1px solid #EBEEF3;
	padding: 4px 0 4px 0;
}
.menu a{
	background:url(images/menu-icon.gif) no-repeat 0px 5px;
	padding:2px 0 5px 20px;
	color: #58595B;
}
.menu a:hover{
}
/* ------------------ END MENU ------------------ */
/* ############################## END TEMPLATE ################################# */

/* ############################## HOME ################################# */

/* ------------------ BOX Conversions ------------------ */
.box-conversion{
	width:237px;
	margin: 0 0 15px 15px;
}
.box-conversion .logos{
	width:235px;
	height:38px;
	border-left:solid 1px #FED2AF;
	border-right:solid 1px #FED2AF;
}
/* ------------------ BOX Lates ------------------ */
.box-latest{
	width:237px;
	margin: 0 0 0 15px;
	background: #FFF;
	font-size: 13px;
}
.box-latest .txt{
	width:215px;
	border-left:solid 1px #BBD6FB;
	border-right:solid 1px #BBD6FB;
	padding:10px;
}
.box-latest p{	
	margin-bottom:10px;
}
.box-latest h4{
	text-decoration:underline;
	font-size:14px;
	padding-bottom:15px;
}

/* ------------------ BOX Welcome ------------------ */
.box-welcome{
	width:662px;	
	margin-bottom:15px;
}
.box-welcome .cont{
	width:640px;
	border-left:solid 1px #FED2AF;
	border-right:solid 1px #FED2AF;
	padding:10px;
}

.box-welcome .cont h3 {
	color: #F26834;
	font-size: 14px;
	border-bottom: 1px dotted #328FEA;
	padding: 35px 0 0 0;
	
}

.box-welcome .cont ul { list-style: none; padding: 20px 0 0 0; margin: 0px; }
.box-welcome .cont p { padding: 0px 0 0 75px; }
.box-welcome .cont .icon1 { background: url(images/highlights_1.gif) no-repeat; }
.box-welcome .cont .icon2 { background: url(images/highlights_2.gif) no-repeat; }
.box-welcome .cont .icon3 { background: url(images/highlights_3.gif) no-repeat; }
.box-welcome .cont .icon4 { background: url(images/highlights_4.gif) no-repeat; }
.box-welcome .cont .icon5 { background: url(images/highlights_5.gif) no-repeat; }

.box-welcome p{
	margin-bottom:10px;
}

.box-welcome a { color: #F26834; text-decoration: underline; }
.box-welcome a:hover { text-decoration: none; }

.box-welcome-footer { text-align: center; font-weight: bold; padding: 0 0 15px 0; }

/* ------------------ BOX Login ------------------ */
.box-login{
	width:347px;	
	margin: 0 auto;
	padding: 50px 0 50px 0;
}
.box-login .cont{
	width:345px;
	border-left:solid 1px #B5D1F6;
	border-right:solid 1px #B5D1F6;
	border-bottom:solid 1px #B5D1F6;
	padding:20px 0 20px 0;
}

.box-login .cont form{
	text-align: center;
}

.box-login .cont p{
	padding: 3px;
}

.box-login .cont label{
	width:120px;
	font-size: 13px;
	color:#F76A23;
	font-weight: bold;
}

.box-login .cont .campos {
	border: 1px #F76A23 solid;
	font-size: 10px;
}

.box-login .cont .forget {
	padding: 10px 0 10px 0;
}

	.box-login .cont .forget a {
		color: #F76A23;
		font-weight: bold;
		text-decoration: underline;
	}


/* ------------------ BOX Tree ------------------ */
.tree{
	width:662px;
	margin-bottom:15px;
}
.tree .cont{
	width:659px;
	height:125px;
	border-left:solid 1px #FED2AF;
	border-right:solid 1px #FED2AF;
	padding:0px;
	background:url(images/box_home_tree_background.gif) no-repeat;
}
.tree .txt{
	width: 164px;
	float: left;
	margin: 0 0 0 55px;
	line-height: 24px;
	display:inline;
}

.tree .txt2{
	width: 158px;
	float: left;
	margin: 0 0 0 55px;
	line-height: 24px;
}

.tree .txt3{
	width: 164px;
	float: left;
	margin: 0 0 0 45px;
	line-height: 24px;
}

.tree p{
	margin-bottom:10px;
}

#home .content{
	float:left;
	width:680px;
	padding: 0 0 15px 0;
}
#home .content-signup{
	float:left;
}
/* ############################## END HOME ################################# */

/* ############################## FAQ ################################# */

/* ------------------ BOX 1 ------------------ */

#faq .content{
	float:right;
	padding: 20px 20px 15px 0;
}

#faq .box{
	width:602px;	
	margin: 0 0 0 0;
}
#faq .box .cont{
	background: #FFF;
	width:658px;
	border-left:solid 1px #FED2AF;
	border-right:solid 1px #FED2AF;
	padding:1px;
}

#faq .box .cont p { padding: 16px; }

#faq .cont ul {
margin: 0px;
width: 658px;
margin: 0 0 0 0;
}

	#faq .cont li {
	list-style: none;
	padding: 2px 0 2px 5px;
	display:block;
	}
	
	#faq .cont li a{
		background:url(images/box-point.gif) no-repeat 5px 5px;
		padding:2px 0 5px 20px;
	}

	#faq .cont .color { background: #EAF4FD; }
	
#faq .box .contlist{
	background: #FFF;
	width:628px;
	border-left:solid 1px #C4DDF5;
	border-right:solid 1px #C4DDF5;
	padding:16px;
}

#faq .imglist { margin: 18px 0 0 0; }
	
/* ------------------ END BOX 1 ------------------ */

/* ############################## END FAQ ################################# */

/* ############################## CONTACT ################################# */

/* ------------------ BOX 1 ------------------ */

#contact .content{
	float:right;
	padding: 20px 20px 15px 0;
}

#contact .box{
	width:602px;	
	margin: 10px 0 15px 0;
}
#contact .box .cont{
	background: #FFF url(images/box-contact-bg.gif) center no-repeat;
	width:628px;
	border-left:solid 1px #C4DDF5;
	border-right:solid 1px #C4DDF5;
	padding:16px;
}
	
/* ------------------ END BOX 1 ------------------ */

/* ------------------ FORMULARIO ------------------ */
	
#contact .other{
	margin: 15px 0 0 0;
}

#contact .other .cont{
	width: 682px;
	padding: 10px;
	border-left:solid 1px #BBD6FB;
	border-right:solid 1px #BBD6FB;
}

#contact .other .cont form {
	width: 465px;
	margin: 0 auto;
}

#contact .other .cont label{
	margin: 8px 0 8px 0;
	display: block;
}

#contact .other .cont .email{ width: 350px; }
#contact .other .cont .subject{ width: 410px; }
#contact .other .cont .message{ width: 455px; }
#contact .other .cont .button { text-align: center }

#contact .other .head{
	background: url(images/box-head-contact2.gif);
	height: 23px;
	width: 689px;
	font-size:14px;
	font-weight:bold;
	color: #FFFFFF;
	text-transform:uppercase;
	padding: 2px 0 0 15px;
}

/* ------------------ END FORMULARIO ------------------ */

/* ############################## END CONTACT ################################# */

/* ############################## SITES ################################# */

/* ------------------ BOX 1 ------------------ */
#sites .content{
	float:right;
	padding: 20px 20px 15px 0;
}

#sites .box{
	width:662px;	
	margin-bottom:15px;
}
#sites .box .cont{
	background: #FFF url(images/box-sites-background.gif) center no-repeat;
	background-position: 300px 130px;
	width:628px;
	border-left:solid 1px #FED2AF;
	border-right:solid 1px #FED2AF;
	padding:16px;
}

#sites .box .cont ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sites .box .cont img {
	border-top: dotted 2px #F26834;
}

#sites .box .cont p {
	padding: 8px 8px 8px 20px;
	width: 255px;
	background: url(images/box-site-dot.gif) no-repeat;
	background-position: 4px 12px;
	line-height: 16px;
}

#sites .box .cont .left {
	float: left;
	width: 283px;
}

#sites .box .cont .right {
	float: right;
	width: 283px;
}
	
/* ------------------ END BOX 1 ------------------ */

/* ############################## END SITES ################################# */

/* ############################## WHOLESALE ################################# */

#wholesale .content{
	float:right;
	padding: 20px 20px 15px 0;
}

#wholesale .box{
	width:602px;	
}
#wholesale .box .cont{
	background: #FFF url(images/box-whosale-bg.gif) center no-repeat;
	width:646px;
	border-left:solid 1px #FED2AF;
	border-right:solid 1px #FED2AF;
	padding:7px;
	font-size: 11px;
}
#wholesale .box .cont .left img,
#wholesale .box .cont .right img { border: 1px #FE7F18 solid; }

#wholesale .box .cont .left .p1,
#wholesale .box .cont .right .p1 { height: 40px; line-height: 15px; }

#wholesale .box .cont .left .p2,
#wholesale .box .cont .right .p2 { height: 120px; line-height: 15px; }

#wholesale .box .cont .left { float:left; width: 314px; }
#wholesale .box .cont .right { float:left; width: 314px; padding: 0 0 0 18px; }

#wholesale .box .cont .right ul { list-style:url(images/bullet.gif); margin:0 0 0 20px; padding: 0px; }

/* ############################## END WHOLESALE ################################# */

/* ############################## SIGNUP ################################# */

#signup .content{
	float:right;
	padding: 20px 20px 15px 0;
}

#signup .box{
	width:602px;	
	margin: 0 0 0 0;
}
#signup .box .cont{
	background: #FFF url(images/box-contact-bg.gif) center no-repeat;
	width:628px;
	border-left:solid 1px #C4DDF5;
	border-right:solid 1px #C4DDF5;
	padding:16px;
}

#signup .form {width:662px; display:inline; float:left; margin:0 0px 20px 0px; font-size: 11px;}

#signup .block-form p {padding:5px 0 0 100px;}
#signup .block-form label {float:left; width:125px;}
#signup .block-form h4 {font-size:12px; font-weight:bold; padding:5px 100px;}
#signup .block-form img { margin: 10px 0 10px 0; }
#signup .block-form .campo { width: 305px; }

/* ############################## END SIGNUP ################################# */
.login_error {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

/* NEW CSS */
.errmsg{
color:#FF0000;
}

.label {
	font-size: 13px;
	text-align: left;
}

/* ADDITIONS BY MIKE */
#contact #contact_box {
	margin-top: 0px;
	width:602px;	
}
#contact .box #contact_box_cont {
/*	background: #FFF url(images/box-whosale-bg.gif) center no-repeat;*/
	width:646px;
	border-left:solid 1px #FED2AF;
	border-right:solid 1px #FED2AF;
	padding:7px;
	font-size: 11px;
}

#wholesale_content p
{
	margin-bottom: 8px;
}

#home_reasons_ul
{
	margin: 0px 15px 10px 25px;
	list-style-type: disc;
}

#home_reasons_ul li {
	padding-bottom:5px;
}

.top_headline {
	position: absolute;
	margin-left: 270px;
	margin-top:20px;
	width: 670px;
	color: #ef4e23;
}
.top_headline h1
{
	font-size: 14pt;
}
