/*---------------------------------------------------------- Registration CSS Main styles for all the website Project: My Project Author: My Name Summary : Main page components Registration Titles Frame box Registration Form connexion Registration cols offers ----------------------------------------------------------*/ /* ================================ * !Main page components * ================================*/ /* * !Registration */ /* !Titles */ /* !Frame box */ .frame-box { background:url(/image/block/registration/bg_photo.jpg) no-repeat 0 0; margin-top:10px; position:relative; zoom:1; } .part1 .inner.frame-box { padding:0; position:relative; } .part1 h3 { position:absolute; text-indent:-9999em; } .frame-box .bg_dotted { no-repeat; height:387px; padding:10px; width:770px; } *+html .frame-box .bg_dotted { height:auto; } .ie6 .frame-box .bg_dotted { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/registration/bg_dotted-2cols.png'); } #registration p.disclamer { background:url(/image/block/registration/ttl_become-member.png) no-repeat 0 0; height:84px; margin:15px auto 0 28px; text-indent:-9999em; width:408px;} .ie6 #registration p.disclamer { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/registration/ttl_become-member.png'); } #registration p.legend { font-size:0.85em; color:#a0a0a0; } /* !Registration Form connexion */ #registration form { margin:50px auto 0 0; left:28px; position:relative;} #registration form fieldset { background:url(/image/block/registration/bg_connexion.png) no-repeat 0 0; height:45px; width:252px; padding-left:12px;} .ie6 #registration form fieldset { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/registration/bg_connexion.png'); } #registration form legend span { font-size:1.1em; font-weight:bold; position:absolute; text-transform:uppercase; z-index:-100; } #registration form label { position:absolute; text-indent:-9999em; } #registration form input { border:0; display:block; float:left; padding:0; position:relative; height:15px; margin-top:25px; } #registration form input#registration-login { width:108px; margin-right:13px;} #registration form input#registration-password { width:88px; } #registration form button { background:none; display:block; float:left; height:15px; margin-left:8px; margin-top:25px; position:relative; width:17px;} /* !Registration cols offers */ #registration .col { float:left; font-size:1.2em; margin-top:95px; position:relative; padding:0 15px; } .ie #registration .col { margin-top:95px; margin-bottom:-10px; } #registration .col#free-offer { left:15px; width:260px; } #registration .col#sub-offer { left:35px; width:410px; } #registration .col h3 { display:block; height:31px; margin:0 -8px; padding:0; position:relative; } #registration .col h4 { color:#646464; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.2em; margin-top:15px; } #registration .col#free-offer h3 { background:url(/image/block/registration/ttl_free-offer.png) no-repeat; } .ie6 #registration .col#free-offer h3 { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/registration/ttl_free-offer.png'); } #registration .col#sub-offer h3 { background:url(/image/block/registration/ttl_sub-offer.png) no-repeat; } .ie6 #registration .col#sub-offer h3 { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/registration/ttl_sub-offer.png'); } #registration .col#sub-offer ul li { padding-left:0; text-indent:12px; } #registration .col#sub-offer ul li strong, #registration .col#sub-offer ul li b { color:#d4aa51; } #registration .col ul#formules li { color:#d4aa51; background:none; text-indent:0; font-weight:bold; } #registration .col ul#formules li span { font-weight:normal; } #registration .col p, #registration .col ul { margin:10px 0 0 0; padding:0; } #registration .col ul li { background:url(/image/generic/bullet2.gif) no-repeat 0 4px; padding-left:12px; position:relative; } #registration .col a.button { display:block; height:33px; width:140px; margin:15px auto 0 auto; } #registration .col a.bt_register { background: url(/image/block/registration/sprite_buttons.gif) 0 0; } #registration .col a.bt_subscribe { background: url(/image/block/registration/sprite_buttons.gif) 0 -33px; } #registration #offers-list { background:url(/image/block/registration/offers.png) no-repeat; margin:16px -5px 0; padding:0 6px; overflow:hidden; } #registration #sub-offer #offers-list li { background:none; float:left; padding:13px 6px; text-indent:0; } #registration #sub-offer #offers-list ul { margin:0; } #offers-list h5 { background:url(/image/block/registration/offers.png) no-repeat -1840px 0; height:10px; margin:0 auto 10px; text-indent:-9999em; width:98px; } #offers-list .month h5 { background-position:-1840px -10px; width:59px; } #offers-list .year h5 { background-position:-1840px -20px; width:51px; } #registration #sub-offer #offers-list li li { padding:0; } #offers-list span, #offers-list a { background:url(/image/block/registration/offers.png) no-repeat -1160px 0; float:left; height:103px; margin:0 4px; overflow:hidden; text-indent:-9999em; width:85px; } #offers-list .week .sms { background-position:-1245px 0; } #offers-list .month span, #offers-list .month a { background-position:-1330px 0; } #offers-list .year span, #offers-list .year a { background-position:-1415px 0; } #offers-list .week a:hover { background-position:-1500px 0; } #offers-list .week a.sms:hover { background-position:-1585px 0; } #offers-list .month a:hover { background-position:-1670px 0; } #offers-list .year a:hover { background-position:-1755px 0; } #offers-list .week { width:186px; } #offers-list .month { width:93px; } #offers-list .year { width:93px; }