/* |||||||||||||||||||||||||||- ATIVA GENERAL -||||||||||||||||||||||||||||||||||||||*/

body {
	margin: 0px;
	padding: 0px;
	width:800px;
background-image: url("/sites/ativa/images/sup_a_body.gif");
background-repeat:repeat-x;
	background-position:top;
	}
a {
	color:#006699;
	}
#sup_3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	}
img.helloPic{
	margin:10px;
	}

/* |||||||||||||||||||||||||||- HEADERS -||||||||||||||||||||||||||||||||||||||*/

h1, h2, h3 {
	padding:0px;
	margin:0px;
	}
H1 {
	height:70px;
	background-image: url("/sites/ativa/images/sup_a_h1.gif");
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:40px 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999pt;
	/* width:780px;*/
	}
h3#sup_3_welcome {
	background-image: url(/sites/ativa/images/sup_a_welcome.gif);
	background-repeat: no-repeat;
	height: 63px;
	width: 250px;
	text-indent: -9999px;
	}
h3#sup_3_selectCategory, h3#sup_3_selectProduct, h3#sup_3_productSupport, h3#sup_3_contactSupport {
	background-repeat: no-repeat;
	height: 63px;
	width: 450px;
	text-indent: -9999px;
}
h3#sup_3_selectCategory {
	background-image:  url(/sites/ativa/images/sup_a_selectCategory.gif);
	}
h3#sup_3_selectProduct {
	background-image:  url(/sites/ativa/images/sup_a_selectProduct.gif);
	}
h3#sup_3_productSupport {
	background-image:  url(/sites/ativa/images/sup_a_productSupport.gif);
	}
h3#sup_3_contactSupport {
	background-image:  url(/sites/ativa/images/sup_a_contactSupport.gif);
	}

/* |||||||||||||||||||||||||||- BIN ONE -||||||||||||||||||||||||||||||||||||||*/

#sup_3_bin1 {
	float: left;
	height: 500px;
	width: 250px;
	margin: 20px 20px 20px 40px;
	background-image: url(/sites/ativa/images/sup_a_bg.gif);
	background-repeat: repeat;
	display:inline;
	position: relative;
	}
body div {
/*
border:solid 1px #00FF00;
padding:10px;
*/
	}
#sup_3_bin1 p {
	font-size:12px;
	margin:18px;
	}
#sup_3_bin1foot {
	background-image: url(/sites/ativa/images/sup_a_foot1.gif);
	height: 32px;
	width: 250px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 12px;
	color: #FFFFFF;
	left: 0px;
	bottom: 0px;
	position: absolute;
	}
	
/* |||||||||||||||||||||||||||- BIN TWO -||||||||||||||||||||||||||||||||||||||*/


#sup_3_bin2 {
	/*float: left;*/
	height: 500px;
	width: 450px;
	margin: 20px 0px 20px 310px;
	background-image: url(/sites/ativa/images/sup_a_bg.gif);
	background-repeat: repeat;
	/* display:block;*/
	position: relative;
	}
/*|||||||- bin 2 window ||||||||||*/
div#headRule {
	background-image:  url(/sites/ativa/images/sup_a_win2head.gif);
        background-repeat: no-repeat;
	background-position: 0px 0px;
        width:427px;
        height:13px;
        border:0;
        margin:0px 0px 10px 0px;
        color:transparent;
}

	#sup_3_win2_home {
	background-color:#FFF;
	width:427px;
	height:370px;
	margin:10px 10px 0px 10px;
        position:relative;
        overflow:scroll;   
	}
	
#sup_3_win2 {
	background-color:#FFF;
	width:427px;
	height:370px;
	margin:10px 10px 0px 10px;
        position:relative;
	}
div#footRule {
	background-image:  url(/sites/ativa/images/sup_a_win2foot.gif);
        background-repeat: no-repeat;
	background-position: 0px 0px;
        width:427px;
        height:12px;
        border:none;
     
        /*border:solid 1px #00FF00;*/
        position:absolute;
        bottom:-12px;
        

        margin:0px 0px 0px 0px;
}

#sup_3_bin2foot {
	background-image: url(/sites/ativa/images/sup_a_foot2.gif);
	height: 32px;
	width: 450px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	left: 0px;
	bottom: 0px;
	position: absolute;
	}
#sup_3_bin2foot a {
	color: #FFFFFF;
	font-size: 14px;
	vertical-align: middle;
	line-height: 28px;
	}
#footerText {
	color: #aaa;
	font-size: 10px;
	clear:both;
	text-align:center;
	display:block;
	width:780px;
	}
	
/* |||||||||||||||||||||||||||- PRODUCT SUPPORT -||||||||||||||||||||||||||||||||||||||*/

p.sup_prod {
	margin:0px 10px;
        margin-bottom:15px;
	font-size:11px;
	height:60px;
	}
span.p_num {
	display:block;
	}
p.sup_prod a img{
	margin:0px 10px 10px 20px;
	border:none;
	float:left;
	}
#sup_3_pContent {
	font-size:12px;
        margin: 5px 0px 10px 30px;
padding:0px 0px 20px 0px;
        overflow:auto;  
	/*overflow-y: scroll;*/
        overflow-x: hidden;
	height: 250px;
	width: 390px;

border:solid 1px #CCC;
border-left:none;
border-right:none;
	}
#sup_3_pContent H3, #sup_3_pContent caption{
        font-size:12px;
        line-height:24px;
        text-indent: 10px;
        text-align:left;
        color:#006699;
        background-color:#e7e7e7;
	}
#sup_3_pContent table caption{
	width:370px;
background-color:#FFF;
	}
#sup_3_pContent table td{
	padding:5px;
	}
#sup_3_pContent table th{
	padding:5px;
	text-align:left;
	}
p.FAQ {
	font-size:12px;
	}
span.Q {
	font-weight:bold;
        line-height:24px;
        color:#006699;
	display:block;
	}
#sup_3_pContent td, #sup_3_pContent th{
	font-size:11px;
	}

/* |||||||||||||||||||||||||||- CONTACT SUPPORT -||||||||||||||||||||||||||||||||||||||*/

#contactSupport H3{
        font-size:14px;
        color:#006699;
	margin:-2px 0px 10px 20px;
	}
#contactSupport p{
	font-size:12px;
	margin:0px 0px 0px 20px;
position:relative;
	}
#contactSupport p input {
margin:5px 0px 5px 0px;
}
#contactSupport label {
 /* border:solid 1px #00FF00; */
width:70px;
        /*text-align:right;
	margin: 10px 10px 0px 0px;
	float:left;*/
	}

#contactSupport label.formNote {
	margin: 10px 10px 10px 0px;
        width:300px;
	font-size:11px;
        text-align:left;
	}
span.formNote {
	margin: 0px 10px -10px 20px;
	font-size:11px;
	/*display:block;*/
	}

span.formNote2 {
	margin: 10px 0px 10px 20px;
	font-size:11px;
	display:block;
        }

span.formNote3 {
	margin: 0px 0px 0px 20px;
	/*font-size:11px;
	display:block;*/
}
#contactSupport span.reqNote {
	color:#006699;
height:1px;
	margin: -15px 0px 10px 0px;
	font-size:11px;
}   

.submitBtn {
        margin: 5px 0px 0px 315px;
}

/*.problemField {
         margin-top: 5px;
         margin-right:
         margin-bottom:
         margin-left:
}*/


/*
position:absolute;
top:12px;
left:0px;*/
	display:block;
	}

/* |||||||||||||||||||||||||||- END OF STYLE -||||||||||||||||||||||||||||||||||||||*/