/* Folha de estilo - site.
Descrição: controla todo site.
QUANTAfranquia

QUANTAfranquia
Data: 15/12/08
Criada por: Santhiago Santos
E-mail: santhiago.santos@quantafranquia.com.br
*/

* { margin:0; padding:0; font-family:arial,helvetica,sans-serif; }

html{ height:100%;}

body { font-size:11px; height:97%; }
a { outline:0; }
fieldset, a img { border:0; }
ul { list-style:none; }
input, select { font:11px arial,helvetica,sans-serif; }

h1 {
    position:absolute;
    top:16px;
    left:15px;
    text-indent:-3000px;
    background:url(../images/logo.jpg) no-repeat;
}
    
h1 a { display:block; min-width:224px; _width:224px; min-height:70px; _height:70px; }
	
#extralinks { float:left; text-align:right; margin:24px 12px 0 0; }
    #extralinks a {
        font-size:1.4em;
        font-weight:bold;
        color:#ccc;
        text-decoration:none;
        display:block;
    }
        #extralinks a:hover, #extralinks a:active, #extralinks a.active { color:#632771; }

#glamour-tickets {
	position:absolute;
	top:65px;
	left:370px;
}

#colour-my-world {
	position:absolute;
	top:156px;
	left:480px;
}

#footer { background:#fff; opacity:.80; Alpha(opacity=80); width:100%; position:fixed; bottom:5px; padding:2px 0; }
    #footer li { display:inline; padding-left:10px; }
        #footer a { text-decoration:none; color:#000; }
            #footer a:hover { color:#632771; }
        li.right { float:right; text-align:right; margin-right:10px; }
            li.right span { font-weight:bold; font-size:1.1em; }
			

#homepage { position:absolute; height:100%; width:100%; background:url(/images/bg/bg_home.jpg) no-repeat; }
#homeflash { display:none; position:fixed; top:0; left:0; }

#indexlinks { position:relative; top:73px; left:103px; width:190px;}
#indexlinks a {font-size:1.8em; font-weight:bold; color:#666; text-decoration:none; display:block; line-height:1.1em;}
#indexlinks a:hover { color:#632771; }
#indexlinks a#home { color:#632771;	}

#homepage h2 { position:absolute; text-indent:-3000px; background:url(/images/index/h2.jpg); top:382px; left:435px; width:375px; height:94px;}

#homepage h3 a { position:absolute; display:block; text-indent:-3000px;}
#homepage h4 a { position:absolute; display:block; text-indent:-3000px;}


#campaign { background: #FF0000 url(/images/index/img_9tix_towin.jpg); top:63px; left:367px; width:248px; height:291px;}
#product { background:url(/images/index/img_colour_myworld.jpg); top:151px; left:617px; width:243px; height:203px;}


#buy-online { position:absolute; height:100%; width:100%; background:url(/images/bg/buy-online.gif) no-repeat; }
#buy-online #extralinks { display:inline; left:0 !important; margin-left:130px; }
#buy-online #buy-online-content { position:absolute; top:76px; left:268px; }
#buy-online #buy-online-content #gorgeous-hair-days { background:url(../images/buy-online/hdr-gorgeous-hair-days.gif) 0 0 no-repeat; height:130px; width:511px; }
#buy-online #buy-online-content p { margin-left:17px; padding-top:150px; width:439px; }
#buy-online #buy-online-content #logos { margin:10px 0 0 20px; position:relative; }
#buy-online #buy-online-content a { position:absolute; }
#buy-online #buy-online-content #asda { top:24px; left:0px; }
#buy-online #buy-online-content #boots { top:10px; left:100px; }
#buy-online #buy-online-content #mySupermarket { top:25px; left:200px; }
#buy-online #buy-online-content #ocado { top:30px; left:376px; }
#buy-online #buy-online-content #sainsburys { top:80px; left:20px; }
#buy-online #buy-online-content #tesco { top:87px; left:230px; }

.clear{ clear:both; }

.comp #competition { min-height:1000px; _height:1000px; }
.thanks #competition { _height:600px; }

#elle { position:absolute; top:60px; left:15px; text-align:center; width:86px; }
#elle p { color:#6d6d6d; font-size:10px; margin-bottom:10px; }
#champs { position:absolute; top:130px; left:5px; }
#competition { padding:0px 0 0px 275px; min-height:100%; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
#competition #main { width:535px; }
#competition #main p { width:480px; }
#competition #main ul { list-style-image:url(/images/arr-right.gif); padding:0 0 10px 25px; width:350px; }
#competition #main ul li { margin-bottom:5px; }
#competition h3 { color:#f15922; font-size:1.7em; margin-top:24px; margin-bottom:10px; }
#competition .go { border-bottom: 1px solid #faa748; width:482px; }
#competition .go #mandatory { float:left; font-weight:bold; }
#competition .go input { float:right; margin-bottom:9px; }
#competition #extralinks { position:absolute; top:0; left:130px; }
#competition h2 { text-indent:-3000px; text-transform:uppercase; margin-bottom:42px;}
#competition h2.aussieDayParty { background: url(/images/competition/hdr-aussie-day-party.gif) 0 0 no-repeat; height:85px; position:absolute; top:70px; width:481px; }
#competition #terms { margin:15px 0 0 0; padding:0; }
#competition #terms a { margin-right:15px; }
#competition a:hover { text-decoration:none; }

h2.goodluck{ height:85px; position:absolute; width:475px; background: url(/images/competition/hdr-goodluck.gif) 0 0 no-repeat; top:118px; }
p#discover { float:right; padding:35px 50px 0 0; width:300px !important; }

h2.theDraw{height:80px; position:absolute; width:440px; background: url(/images/competition/tit_the_draw.gif) no-repeat -2px top; top:46px;}
h2.intTheKnow{height:80px; position:absolute; width:440px; background: url(/images/competition/tit_in_the_know.gif) no-repeat -2px top; top:118px;}
h2.preview{height:80px; position:absolute; width:440px; background: url(/images/competition/tit_pass_it_on.gif) no-repeat -2px top; top:118px;}
h2.competitionOver{height:80px; position:absolute; width:440px; background: url(/images/competition/tit_colourful_party.gif) no-repeat -2px top; top:118px;}

div#underage{position:absolute; width:440px; top: 118px;}
	h2.underage{height:36px; width:231px; background: url(/images/competition/tit_underage.gif) no-repeat left top; margin: 0; padding: 0}
	a.thanksUnderage{
		margin: 10px 0 0 0;
		display: block;
		width: 396px;
		height: 12px;
		background: url(/images/competition/underage-link.gif);
		text-indent:-3000px;
	}
	
#terms { padding:10px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; }

#termsComp #wrapper { margin:70px auto 10px; width:401px; }
#termsComp h2 { background:url(/images/competition/hdr-terms.gif) 0 0 no-repeat; height:107px; margin: 0 0 25px 0; text-indent: -3000px; width:401px; }
#termsComp ol { margin:0 0 0 25px; }
#termsComp a { color:#999; }
#termsComp a:hover { text-decoration:none; }
#termsComp p { margin:10px 0 0 25px; }
#termsComp #close { float:right; margin:30px 0 0 0; }


h2.termsHdr {
	text-indent: 0px;
	margin: 0 0 10px 0;
}

#terms p, #terms ul {
	margin: 0 0 10px 0;
}

#terms a {
	color: #999999;
}

.position1{top:230px;}
.position2{top:135px;}
.position3{top:180px;}
.position4{top:150px;}
#competition .position4 { top:195px; }

#main{ position:absolute; width:412px;}
#main p {width:400px;margin-bottom:1em;}
.red{ color:#A51218 !important;}
#main a{ color:#999999;}

legend{ display:none;}

#yourEmail{ margin-bottom:10px;}
#yourEmail .item { padding-right:20px;}
#yourEmail label { float:left; }
#yourEmail .item input { border:none; display:block; float:left; width:175px; height:15px; padding:5px; background: transparent;}
#yourEmail .item span { background:url(/images/competition/bg_input.gif) no-repeat left top; display:block; width:190px; height:25px; float:left;}
#yourEmail input#enter { margin-top:15px; }
#productLayout{ position:absolute; left:716px; top:98px;}

#sendFriends{margin-bottom:10px;}
#sendFriends .item { padding-right:20px; float:left; margin-bottom:10px;}
#sendFriends .item input { border:none; float:left; width:170px; height:15px; padding:5px; background: transparent;}
#sendFriends .item span{background:url(/images/competition/bg_input2.gif) no-repeat left top; display:block; width:180px; height:25px;}
#sendFriends .bots{ margin-left:210px;}
#sendFriends .permitions input{ display:block; float:left; margin-bottom:30px; margin-right:5px; margin-top:-2px;}

#formAlist{margin-bottom:10px;}
#formAlist .item { padding-right:20px; float:left; margin-bottom:10px;}
#formAlist .item input { border:none; float:left; width:170px; height:15px; padding:5px; background: transparent;}
#formAlist .item span{background:url(/images/competition/bg_input2.gif) no-repeat left top; display:block; width:180px; height:25px;}
#formAlist .bots{ margin-left:240px;}
#formAlist .permitions input{ display:block; float:left; margin-bottom:5px; margin-right:5px; margin-top:-2px;}

#formAlist .item2 { padding-right:20px; float:left; margin-bottom:10px;}
#formAlist .item2 span{display:block; width:180px; height:25px;}
#formAlist .item2 select { float:left; width:180px; margin-top:2px;}

#formAlist .item3 { padding-right:20px; float:left; margin-bottom:10px;}
#formAlist .item3 span{display:block; height:25px; width:180px;}
#formAlist .item3 select { float:left; margin-top:2px; margin-right:1px;}
#formAlist .item3 input { vertical-align:text-bottom; margin-top:4px;}
#formAlist .item3 #day { width:44px;}
#formAlist .item3 #Month { width:65px;}
#formAlist .item3 #Year { width:50px;}

#competition #formAlist{ margin-bottom:0px; }
#competition .item { padding-right:20px; float:left; margin-bottom:10px;}
#competition .item input { border:none; float:left; width:170px; height:15px; padding:5px; background: transparent;}
#competition .item span{background:url(/images/competition/bg_input2.gif) no-repeat left top; display:block; width:180px; height:25px;}
	
#competition .item { display:inline; padding-right:40px; _padding-right:20px; }
#competition .item input { border:1px solid #ccc; display:inline; padding:2px; width:225px; }
#competition .item span { background-image:none; width:210px; }
#competition .item2 #country { width:232px; }
#competition .item3 { padding-right:15px; }
#competition .item3 span { margin:0px; padding:0; width:235px; }
#competition .item3 select { margin-right:3px; width:75px; }
#competition #borderbottom { border-bottom: 1px solid #faa748; }


#competition #emailDemo{ position:absolute; top:240px; height:653px;}
#competition #emailDemo img{border: 1px solid #A6161A; }

#competitionAlist{  padding:0px 0 0px 275px; background:url(/images/competition/bg_alist.jpg) no-repeat 10px 143px; height:100%; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
#competitionAlist #extralinks { position:absolute; top:0; left:130px; }
#competitionAlist h2 { text-indent:-3000px; text-transform:uppercase; color:#fb85c0; margin-bottom:42px;}
h2.joinAlist{height:53px; position:absolute; width:440px; background: url(/images/competition/tit_join_alist2.gif) no-repeat -2px top; top:70px;}

#competition-preview { background:url(/images/bg/competition-preview.jpg) no-repeat 650px 100%; padding:118px 0 30px 275px; }
    #competition-preview #extralinks { position:absolute; top:0; left:130px; }
    #competition-preview h2 {
        min-height:47px; _height:47px;
        background:url(/images/competition/title-taf-thanks.gif) no-repeat top left;
        text-indent:-3000px;
        font-family:"amway opti",optima,times,serif;
        text-transform:uppercase;
        color:#fb85c0;
        margin-bottom:42px;
    }
    #competition-preview p {
        width:400px;
        margin-bottom:1em;
    }
    #competition-preview img { border:solid 1px #c2a0d0; }
    #competition-preview #send { margin:12px 0 10px 307px; }

	#registration { background:url(/images/bg/register-thanks.gif) no-repeat 510px -90px; padding:118px 0 30px 166px; }
    #registration #extralinks { position:absolute; top:0; left:130px; }
    #registration form {
        width:530px;
        padding:0 0 170px 114px;
        background:url(/images/registration/form-bot.gif) no-repeat 0 100%;
    }
    #registration h2 {
        min-height:54px; _height:54px;
        background:url(/images/registration/title-index.gif) no-repeat top left;
        margin-bottom:24px;
        text-indent:-3000px;
    }
    #registration p { margin-bottom:24px; }
    #registration div.left {
        float:left;
        width:330px;
        clear:both;
    }
    #registration div.all { clear:both; }
        #registration div.left label, #registration div.all label { float:left; width:150px; margin-right:10px; }
            #registration div.left label input, #registration div.all label input { width:150px; }
            #registration div.left select { width:70px; }
        p.describe { clear:both; color:#bd77d8; font-weight:bold; margin-left:30px; }
            p.describe span { color:#bebeb9; padding-left:195px; }

    #registration div.right {
        padding-left:40px;
        width:155px;
        float:left;
    }
    #registration fieldset { clear:both; }
        #registration fieldset.double { width:400px; }
        #registration fieldset label { display:block; margin-bottom:1em; }
   
    #registration h3 { 
		margin:10px 0 20px 0;
		color:#bd77d8;
		font-size:1.3em;
		}
		
	#registration h3#party { 
		min-height:20px; _height:20px;
        background:url(/images/registration/hdr-party-with-stars.gif) no-repeat top left;
        text-indent:-3000px;
		}
        #registration fieldset.single h3 { padding-top:1em; }
        #registration fieldset.double label { width:160px; float:left; }
    #registration #submit { display:block; clear:both; margin:80px 0 0 430px !important; margin:30px 0 0 430px; }

#registration-franquia { background:url(/images/bg/register-thanks.gif) no-repeat 510px -90px; padding:118px 0 50px 275px; }
    #registration-franquia #extralinks { position:absolute; top:0; left:130px; }
    #registration-franquia h2 {
        min-height:54px; _height:54px;
        background:url(/images/registration/title-index.gif) no-repeat top left;
        margin-bottom:24px;
        text-indent:-3000px;
    }
    #registration-franquia h3 {
        min-height:20px; _height:20px;
        background:url(/images/registration/hdr-party-with-stars.gif) no-repeat top left;
        margin-bottom:25px;
        text-indent:-3000px;
    }
    #registration-franquia p { margin-bottom:30px; }
    #registration-franquia h4{
        display:block;
        min-height:27px; _height:27px;
        background:url(/images/registration/hdr-sub-january.gif) no-repeat top left;
        text-indent:-3000px;
    }


#registration-already { background:url(/images/bg/register-thanks.gif) no-repeat 550px -90px; padding:118px 0 100px 275px; }
    #registration-already #extralinks { position:absolute; top:0; left:130px; }
    #registration-already h2 {
        min-height:56px; _height:56px;
        background:url(/images/registration/hdr-already-reg.gif) no-repeat top left;
        margin-bottom:24px;
        text-indent:-3000px;
    }
   
    #registration-already p { margin-bottom:30px; }
    

#registration-already-thanks { background:url(/images/bg/register-thanks.gif) no-repeat 600px -90px; padding:118px 0 100px 275px; }
    #registration-already-thanks #extralinks { position:absolute; top:0; left:130px; }
    #registration-already-thanks h2 {
        min-height:81px; _height:81px;
        background:url(/images/registration/hdr-hope-see.gif) no-repeat top left;
        margin-bottom:24px;
        text-indent:-3000px;
    }
   
    #registration-already-thanks p { margin-bottom:30px; }
    
	#registration-already-thanks h4 a {
        display:block;
        min-height:12px; _height:12px;
        background:url(/images/buttons/discover.gif) no-repeat top left;
        text-indent:-3000px;
    }

#registration-thanks { background:url(/images/bg/register-thanks.gif) no-repeat 510px -90px; padding:118px 0 50px 275px; }
    #registration-thanks #extralinks { position:absolute; top:0; left:130px; }
    #registration-thanks h2 {
        min-height:54px; _height:54px;
        background:url(/images/registration/title-thanks.gif) no-repeat top left;
        margin-bottom:30px;
        text-indent:-3000px;
    }
    #registration-thanks h3 {
        min-height:30px; _height:30px;
        background:url(/images/registration/sub-thanks.gif) no-repeat top left;
        margin-bottom:30px;
        text-indent:-3000px;
    }
    #registration-thanks p { margin-bottom:30px; }
    #registration-thanks h4 a {
        display:block;
        min-height:12px; _height:12px;
        background:url(/images/buttons/discover.gif) no-repeat top left;
        text-indent:-3000px;
    }


ul.menu li ul { display:none; }
    ul.menu li:hover ul, ul.menu li.live ul { display:inline; }

/* Top Navigation */
#prod #extralinks {
    position:fixed;
    left:165px;
    _width:120px;
}
#topmenu {
    position:fixed;
    left:290px;
    _width:800px;
    background-color:#fff;
    opacity:.7; Alpha(opacity=70);
	height:78px;
}
    #topmenu li { float:left; }
        #topmenu li a { display:block; float:left; height:48px; margin-top:15px; }
        #topmenu li a span { display:none; }

#descriptor {
    position:fixed;
    left:290px;
    top:130px;
    _width:800px;
    font-size:1.2em;
    font-weight:bold;
    color:#632771;
    background-color:#fff;
    opacity:.9; Alpha(opacity=90);
	display:none;
}

#t-dual {
    padding:0px 0px 15px 15px;
    background:url(../images/menu/topnav/dual-bg.gif) no-repeat top left;
	margin-top:12px;
	
}

#t-intensive {
   padding:0px 0px 15px 15px;
    background:url(../images/menu/topnav/haircare-bg.gif) no-repeat top left;
	margin-top:12px;
	_padding-top:10px !important ;
}

#t-dual-spray {
background-image:url(../images/menu/topnav/btn_inicio.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-dual-spray:hover, #t-dual-spray.active { 
background-image:url(../images/menu/topnav/btn_inicio-over.gif);
color:#000;
}
		
#t-franquia { 
background-image:url(../images/menu/topnav/btn_franquia.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-franquia:hover, #t-franquia.active { 
background-image:url(../images/menu/topnav/btn_franquia-over.gif);
color:#000;
}
		
#t-educacao { 
background-image:url(../images/menu/topnav/btn_educacao.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-educacao:hover, #t-educacao.active { 
background-image:url(../images/menu/topnav/btn_educacao-over.gif);
color:#000;
}
		
#t-loja { 
background-image:url(../images/menu/topnav/btn_loja.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-loja:hover, #t-loja.active { 
background-image:url(../images/menu/topnav/btn_loja-over.gif);
color:#000;
}

#t-tv { 
background-image:url(../images/menu/topnav/btn_tv.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-tv:hover, #t-tv.active { 
background-image:url(../images/menu/topnav/btn_tv-over.gif);
color:#000;
}

#t-internet { 
background-image:url(../images/menu/topnav/btn_internet.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-internet:hover, #t-internet.active {
background-image:url(../images/menu/topnav/btn_internet-over.gif);
color:#000;
}


#t-help_desk { 
background-image:url(../images/menu/topnav/btn_helpdesk.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-help_desk:hover, #t-help_desk.active { 
background-image:url(../images/menu/topnav/btn_helpdesk-over.gif);
color:#000;
}

#t-ouvidoria { 
background-image:url(../images/menu/topnav/btn_ouvidoria.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-ouvidoria:hover, #t-ouvidoria.active { 
background-image:url(../images/menu/topnav/btn_ouvidoria-over.gif);
color:#000;
}

#t-novidades { 
background-image:url(../images/menu/topnav/btn_novidades.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
width:50px;
padding-top:40px;
color:#666;
text-decoration:none;
}

#t-novidades:hover, #t-novidades.active { 
background-image:url(../images/menu/topnav/btn_novidades-over.gif);
color:#000;
}




	
		
    #t-frizz-remedy { background:url(../images/menu/topnav/internet-off.gif) no-repeat left; padding-left:40px; }
        #t-frizz-remedy:hover, #t-frizz-remedy.active { background-image:url(../images/menu/topnav/internet-over.gif); }

#t-leave {
    border-left:dotted 1px #ccc; 
    padding-bottom:15px;
}

		
    #t-miracle-hair { background:url(../images/menu/topnav/ouvidoria-off.gif) no-repeat left; padding-left:39px; }
        #t-miracle-hair:hover, #t-miracle-hair.active { background-image:url(../images/menu/topnav/ouvidoria-over.gif); }

#t-shampoo {
    border-left:dotted 1px #ccc; 
    padding-bottom:15px;
}
	
    #t-mega-instant { background:url(../images/menu/topnav/mega-instant-off.gif) no-repeat left; padding-left:53px; }
        #t-mega-instant:hover, #t-mega-instant.active { background-image:url(../images/menu/topnav/mega-instant-over.gif); }
    #t-miracle-moist { background:url(../images/menu/topnav/miracle-moist-off.gif) no-repeat left; padding-left:53px; }
        #t-miracle-moist:hover, #t-miracle-moist.active { background-image:url(../images/menu/topnav/miracle-moist-over.gif); }
    #t-real-volume { background:url(../images/menu/topnav/real-volume-off.gif) no-repeat left; padding-left:53px; }
        #t-real-volume:hover, #t-real-volume.active { background-image:url(../images/menu/topnav/real-volume-over.gif); }
    #t-smooth-mate { background:url(../images/menu/topnav/smooth-mate-off.gif) no-repeat left; padding-left:53px; }
        #t-smooth-mate:hover, #t-smooth-mate.active { background-image:url(../images/menu/topnav/smooth-mate-over.gif); }
    #t-skip-step { background:url(../images/menu/topnav/skip-step-off.gif) no-repeat left; padding-left:30px; }
        #t-skip-step:hover, #t-skip-step.active { background-image:url(../images/menu/topnav/skip-step-over.gif); }
#leftnav {
    position:fixed;
    top:118px;
    left:0;
    _width:150px;
    text-transform:uppercase;
    font-weight:bold;
    padding:5px 10px 0 0;
    z-index:100;
}
    #leftnav h3 {
        font-size:1em;
        color:#222;
        margin:0 0 5px 10px;
        text-indent:-3000px;
        background:url(../images/menu/left/title.gif) no-repeat left;
        min-width:45px; _width:45px;
        min-height:15px; _height:15px;
    }
    #leftnav ul { margin-left:10px; color:#666; }
    #leftnav li {
        background:url(../images/arr-right.gif) no-repeat top left;
        border-top:dotted 1px #ccc;
        padding:5px 0 5px 12px;
        color:#632771;
    }
        #leftnav li:hover { background:url(../images/arr-down.gif) no-repeat top left; }
            #leftnav li li { background:none; padding:5px 0 0 0; font-size:0.8em; border:0; }
                #leftnav li:hover li { background:none; padding-left:0; }
    #leftnav a { text-decoration:none; color:#999; }
        #leftnav a:hover { color:#632771; }
        #leftnav a strong { display:block; }

#scroller { position:absolute; width:20900px !important; width:20903px; }
    #scroller div {
        width:950px;
        height:100%;
        float:left;
        background-repeat:no-repeat;
        background-position:0 -60px;
    }
        #scroller ul {
            list-style:none;
            position:relative;
            top:170px;
            margin-top:28px !important; margin-top:-10px;
            min-height:400px; _height:400px;
        }
            li.top-buttons { text-align:center; z-index:100;}
            li.left-text { text-align:right; float:left; width:275px; }
			li#left-text-widow { margin-left: -10px; width: 285px; }
            
			li.right-text { float:left; padding-top:6px; width:275px; }
		            
			
			#scroller ul p { margin-bottom:1em; }
        #scroller h4 {
            font-size:1.8em;
            font-family:"amway opti",optima,times,serif;
            text-transform:uppercase;
            margin-bottom:10px;
        }
        #scroller h5 { font-size:1.8em; line-height:1.1em; margin-bottom:10px; }

#first { background-image:url(../images/bg/bg_1.jpg); }
    #first h4 { text-indent:-30000px; }

           #prize { display:block; width:214px; height:232px; margin:120px 0 0 30px; text-indent:-3000px; }

#dual-milk { background-image:url(/images/bg/dual-milk.jpg);}
    #dual-milk h4, #dual-milk li.left-text h5 { color:#f99fc6; }
    #dual-milk li.right-text h5 { color:#811a6a; }
    #dual-milk ul { left:135px; }
        #dual-milk li.left-text { margin-right:107px; }

#dual-serum { background-image:url(/images/bg/dual-serum.jpg); }
    #dual-serum h4, #dual-serum li.left-text h5 { color:#f99fc6; }
    #dual-serum li.right-text h5 { color:#a1538f; }
    #dual-serum ul { left:135px; }
        #dual-serum li.left-text { margin-right:86px; }

#dual-protector { background-image:url(../images/bg/bg_2.jpg); }
    #dual-protector h4, #dual-protector li.left-text h5 { color:#f99fc6; }
    #dual-protector li.right-text h5 { color:#811a6a; }
    #dual-protector ul { left:125px; }
        #dual-protector li.left-text { margin-right:105px; }

#franquia { background:url(../images/bg/bg_2.jpg) no-repeat 0 0;}
    #franquia ul { left:234px; }
    #franquia h4, #franquia p { margin-bottom:0; }
    #franquia-styling {
        width:227px;
        background-color:#fff;
        margin-top:66px;
        padding:10px;
		padding-bottom: 0px;
        float:left;
    }
        #franquia-styling h4 { color:#b43070; }
    #franquia-haircare {
        width:200px;
        background-color:#fff;
        margin-top:213px !important; margin-top:190px;
        padding:10px;
		padding-bottom: 0px;
        float:left;
        text-align:right;
    }
        #franquia-haircare h4 { color:#d92f35; }

#educacao { background-image:url(../images/bg/bg_3.jpg); }
    #educacao h4, #educacao li.left-text h5 { color:#f3741a; }
    #educacao li.right-text h5 { color:#b11817; }
    #educacao ul { left:135px; }
        #educacao li.left-text { margin-right:108px; }
            #freebie { display:block; width:150px; height:212px; margin:0 0 0 100px; text-indent:-30000px; }

#loja { background-image:url(../images/bg/bg_2.jpg); }
    #loja h4, #loja li.left-text h5 { color:#f3741a; }
    #loja li.right-text h5 { color:#ac1015; }
    #loja ul { left:135px; }
        #loja li.left-text { margin-right:218px; }

#tv { background-image:url(../images/bg/bg_3.jpg); }
    #tv h4, #tv li.left-text h5 { color:#f3741a; }
    #tv li.right-text h5 { color:#b11817; }
    #tv ul { left:135px; }
        #tv li.left-text { margin-right:121px; }

#internet { background-image:url(../images/bg/bg_2.jpg); }
    #internet h4, #internet li.left-text h5 { color:#f3741a; }
    #internet li.right-text h5 { color:#ac1015; }
    #internet ul { left:135px; }
        #internet li.left-text { margin-right:116px; }

#help_desk { background-image:url(../images/bg/bg_3.jpg); }
    #help_desk h4, #help_desk li.left-text h5 { color:#faa748; }
    #help_desk li.right-text h5 { color:#ac1015; }
    #help_desk ul { left:135px; }
        #help_desk li.left-text { margin-right:212px; }

#ouvidoria { background-image:url(../images/bg/bg_2.jpg); }
    #ouvidoria h4, #ouvidoria li.left-text h5 { color:#faa748; }
    #ouvidoria li.right-text h5 { color:#ac1015; }
    #ouvidoria ul { left:135px; }
        #ouvidoria li.left-text { margin-right:119px; }

#novidades { background-image:url(../images/bg/bg_3.jpg); }
    #novidades h4, #novidades li.left-text h5 { color:#f1706a; }
    #novidades li.right-text h5 { color:#cd2027; }
    #novidades ul { width:659px; left:135px; }
        #novidades li.left-text { margin-right:109px; }

#miracle-hair { background-image:url(../images/bg/bg_2.jpg); }
    #miracle-hair h4, #miracle-hair li.left-text h5 { color:#f175a0; }
    #miracle-hair li.right-text h5 { color:#c91b6d; }
    #miracle-hair ul { left:135px; }
        #miracle-hair li.left-text { margin-right:116px; }
            
#skip-step { background-color:#ffcc00; }
    #skip-step h4, #skip-step li.left-text h5 { color:#bcc685; }
    #skip-step li.right-text h5 { color:#17372a; }
    #skip-step ul { left:135px; }
        #skip-step li.left-text { margin-right:119px; }

#last { background-image:url(../images/bg/bg_4finish.jpg); }
    #last h4 { text-indent:-30000px; }

#promo { position:absolute; display:none; }
#promo-cont { position:absolute; display:none; z-index:0; /*margin-top:50px;*/}
    .promo-contCenter { position:absolute; top:86px; left:88px; width:122px; height:121px;  z-index:0;}
   
	#hot-promo {
		display:block; position:relative;
        background: transparent url(../images/promos/bg-hot-trans.gif) no-repeat 0px 5px;
        width:289px;
        height:363px;
		margin-top:60px;
   }

		.div-hot{position:absolute; top:160px; left:45px; width:111px; height:67px;}
        #but-hot {cursor:pointer; display:block; width:111px; height:67px;}
        #but-hot:hover { background:url(../images/promos/hot/hot-trans.png) no-repeat left top; cursor:pointer;}
			
		.div-not{position:absolute; top:165px; left:150px; width:101px; height:61px;}
        #but-not {cursor:pointer; display:block; width:101px; height:61px;}
        #but-not:hover { background:url(../images/promos/hot/not-trans.png) no-repeat; cursor:pointer;}
			
		#result-section{ }
        #hot-promo dl {
            background:url(../images/promos/hot/results-bg-trans.png) no-repeat;
            position:absolute;
            top:220px;
            left:30px;
            width:235px;
            height:77px;
        }
            #hot-promo dt { text-indent:-3000px; }
                #hot-promo dd span { font-weight:bold; font-size:1.4em; }
                #hot-promo dd strong { display:block; position:absolute; text-indent:-3000px; }
            #hot-promo dd.hot { color:#fff; padding:14px 0 0 35px; }
            #hot-promo dd.not { color:#ed8db4; padding:7px 0 0 35px; }
			


a.nav_right{
float:right;
margin-top:50px;
}

a.nav_right:hover{
background-image:url(../images/menu/topnav/nav_right-over.png);
background-repeat:no-repeat;
}
			


#como_navegar{

}	

a.principal_ouvidoria2 span, a.principal_franquia span, a.principal_educacao span, a.principal_loja span, a.principal_tv2 span, a.principal_internet2 span, 
a.principal_helpdesk span, a.principal_novidades span{
display:none;
_display:inline;
}

img.principal_home{
width:357px !important ;
height:343px !important ;
margin-top:-265px;
margin-left:559px;
position:absolute;
}		

a.principal_franquia{
width:230px !important ;
height:378px !important ;
background-image:url(../images/principais/img02.jpg);
background-repeat:no-repeat;
position:absolute;
margin-top:-290px;
margin-left:229px;
_margin-top:-252px;
}

a.principal_franquia:hover span{
display:inline !important ;
}


img.principal_franquia2{
position:absolute;
margin-top:-124px;
_margin-top:-86px;
margin-left:730px;
}

a.principal_franquia span.franquia_hover img{
padding-top:171px;
padding-left:79px;
}

a.principal_educacao{
width:326px !important ;
height:372px !important ;
background-image:url(../images/principais/img04.jpg);
background-repeat:no-repeat;
position:absolute;
margin-top:-276px;
_margin-top:-238px;
margin-left:184px;
}

a.principal_educacao:hover span{
display:inline !important ;
}

a.principal_educacao span.educacao_hover img{
padding-top:201px;
padding-left:160px;
}

img.principal_educacao2{
position:absolute;
margin-top:-77px;
_margin-top:-39px;
margin-left:695px;
}

a.principal_loja{
width:340px !important ;
height:339px !important ;
background-image:url(../images/principais/img06.jpg);
background-repeat:no-repeat;
position:absolute;
margin-top:-245px;
_margin-top:-207px;
margin-left:154px;
}

a.principal_loja:hover span{
display:inline !important ;
}

a.principal_loja span.loja_hover img{
padding-top:130px;
padding-left:159px;
}

img.principal_loja2{
position:absolute;
margin-top:-72px;
_margin-top:-34px;
margin-left:611px;
}

img.principal_tv{
position:absolute;
margin-top:-83px;
_margin-top:-45px;
margin-left:131px;

}

a.principal_tv2:hover span{
display:inline !important ;
}

a.principal_tv2 span.tv_hover img{
padding-top:122px;
padding-left:0px;
}

a.principal_tv2{
width:426px !important ;
height:282px !important ;
background-image:url(../images/principais/img11.jpg);
background-repeat:no-repeat;
position:absolute;
margin-top:-198px;
_margin-top:-160px;
margin-left:465px;
}

a.principal_internet2{
width:485px !important ;
height:208px !important ;
background-image:url(../images/principais/img13.jpg);
background-repeat:no-repeat;
position:absolute;
margin-top:-108px;
_margin-top:-72px;
margin-left:493px;
}

img.principal_internet{
position:absolute;
margin-top:-98px;
_margin-top:-60px;
margin-left:103px;
}

a.principal_internet2:hover span{
display:inline !important ;
}

a.principal_internet2 span.internet_hover img{
padding-top:0px;
padding-left:41px;
}

a.principal_helpdesk{
width:198px !important ;
height:165px !important ;
background-image:url(../images/principais/img08.jpg);
background-repeat:no-repeat;
position:absolute;
margin-top:-79px;
_margin-top:-41px;
margin-left:151px;
}


a.principal_helpdesk:hover span{
display:inline !important ;
}

a.principal_helpdesk span.helpdesk_hover img{
padding-top:0px;
padding-left:79px;
}

img.principal_helpdesk2{
position:absolute;
margin-top:-135px;
_margin-top:-97px;
margin-left:519px;
}

img.principal_ouvidoria{
position:absolute;
margin-top:-185px;
_margin-top:-147px;
margin-left:131px;
}

a.principal_ouvidoria2{
width:350px !important ;
height:197px !important ;
background-image:url(../images/principais/img15.jpg);
background-repeat:no-repeat;
position:absolute;
margin-left:558px;
margin-top:-169px;
_margin-top:-130px;
}

a.principal_ouvidoria2:hover span{
display:inline !important ;
}

a.principal_ouvidoria2 span.ouvidoria_hover img{
padding-top:62px;
padding-left:0px;
}



a.principal_novidades{
width:533px !important ;
height:138px !important ;
background-image:url(../images/principais/img16.jpg);
background-repeat:no-repeat;
position:absolute;
margin-top:-76px;
_margin-top:-38px;
margin-left:487px;
}

a.principal_novidades:hover span{
display:inline !important ;
}

a.principal_novidades span.novidades_hover img{
padding-top:0px;
padding-left:0px;
}

/**** alteracao nos links *****/

#first a.primeiro_link{
margin-left:680px;
float:left;
margin-top:-30px;
}

a.link_edu{
_margin-left:50px;
}

a.link_edu img{
_margin-left:50px;
}