#razzamatazz { margin: 0 auto; width: 971px; } #razzamatazz #content { padding-left: 0; } #razzamatazz #aside { padding-right: 0; } /* Nav */ #razzamatazz .sub-nav { margin: 0 0 20px 0; overflow: hidden; padding: 0; width: 657px; } #razzamatazz .sub-nav li { float: left; margin: 0 2px 0 0; } #razzamatazz .sub-nav li, #razzamatazz .sub-nav li a { display: block; height: 183px; text-indent: -9999px; width: 130px; } #razzamatazz .sub-nav li.top { margin: 0; } #razzamatazz .sub-nav li.finalists { overflow: hidden; width: 128px; } #razzamatazz .sub-nav li.top { width: 131px; } #razzamatazz .sub-nav li.home a { background: url(../images/advertorial/razzamatazz/ir/nav/home.jpg) no-repeat; } #razzamatazz .sub-nav li.finalists a { background: url(../images/advertorial/razzamatazz/ir/nav/finalists.jpg) no-repeat; } #razzamatazz .sub-nav li.comp a { background: url(../images/advertorial/razzamatazz/ir/nav/comp.jpg) no-repeat; } #razzamatazz .sub-nav li.behind a { background: url(../images/advertorial/razzamatazz/ir/nav/behind.jpg) no-repeat; } #razzamatazz .sub-nav li.top a { background: url(../images/advertorial/razzamatazz/ir/nav/sneak.jpg) no-repeat; } /* Headings */ #razzamatazz h1.raz { background: url(../images/advertorial/razzamatazz/ir/header.jpg) no-repeat; height: 147px; text-indent: -9999px; width: 971px; } #razzamatazz h2.raz, #razzamatazz h3.raz { background: none; color: #000; font-family: "Times New Roman", Times, sans, Arial, Helvetica, sans-serif; font-size: 30px; height: auto; line-height: 30px; text-indent: 0; } #razzamatazz h2.raz em { color: #ec008c; font-style: normal; } #razzamatazz .pink { color: #ec008c; } #razzamatazz .bold { font-weight: bold; } /* Right Nav */ #razzamatazz #aside .module { background: url(../images/advertorial/razzamatazz/bg/module.jpg) no-repeat center bottom; margin: 0 0 10px 0; position: relative; } #razzamatazz #aside .social-networking { height: 65px; } #razzamatazz #aside .social-networking p { font-size: 10px; left: 15px; position: absolute; text-transform: uppercase; top: 23px; width: 135px; } #razzamatazz #aside .social-networking ul { background: none; height: auto; overflow: hidden; padding: 0; position: absolute; right: 15px; top: 12px; width: 115px; } #razzamatazz #aside .social-networking li { float: left; margin: 0 10px 0 0; } #razzamatazz #aside .social-networking li, #razzamatazz #aside .social-networking li a { display: block; height: 46px; width: 46px; } #razzamatazz #aside .social-networking li a { text-indent: -9999px; } #razzamatazz #aside .social-networking li.fb a { background: url(../images/advertorial/razzamatazz/ir/facebook.gif) no-repeat; } #razzamatazz #aside .social-networking li.twitter a { background: url(../images/advertorial/razzamatazz/ir/twitter.gif) no-repeat; } /* Home */ body.RazzamatazzHomeZone #content { float: none; position: relative; width: auto; } body.RazzamatazzHomeZone #aside { display: none; width: 0; } body.RazzamatazzHomeZone .home #aside { display: block; position: absolute; right: 0; top: 0; width: 300px; } #razzamatazz .home .container { overflow: hidden; } #razzamatazz .home .container .container{ margin: 20px 0 0 0; } #razzamatazz .home .main { float: left; width: 655px; } #razzamatazz .home .aside { float: right: width: 300px; } #razzamatazz .home .left { float: left; margin: 0; width: 400px; } #razzamatazz .home .left h4 { background: url(../images/advertorial/razzamatazz/ir/meet-final-5.gif) no-repeat; height: 33px; margin: 0 auto; text-indent: -9999px; width: 400px; } #razzamatazz .home .right { float: left; width: 243px; } #razzamatazz .home .right h5 { background: url(../images/advertorial/razzamatazz/ir/win.gif) no-repeat; height: 216px; margin: 0 auto 10px auto; text-indent: -9999px; width: 216px; } #razzamatazz .home .right p { font-weight: bold; margin: 0 auto; width: 160px; } #razzamatazz .home .right a { background: url(../images/advertorial/razzamatazz/btn/click-to-enter.gif) no-repeat; display: block; height: 62px; margin: 10px auto 0 auto; text-indent: -9999px; width: 159px; } #razzamatazz .home .bottom { background: url(../images/advertorial/razzamatazz/bg/home.jpg) no-repeat right top; clear: both; float: none; height: 341px; margin: 30px 0 0 0; } #razzamatazz .home .bottom p { font-size: 12px; margin: 0 0 5px 15px; width: 245px; } #razzamatazz .home .bottom p.pink { font-weight: bold; } /* Comp Page */ #razzamatazz .competition { background: url(../images/advertorial/razzamatazz/bg/comp.jpg) no-repeat 300px 75px; overflow: hidden; } #razzamatazz .competition p { font-size: 14px; font-weight: bold; margin: 5px 0; } #razzamatazz .competition p.pink { font-size: 16px; margin: 10px 0; } #razzamatazz .competition p.note { font-size: 10px; font-weight: normal; } #razzamatazz .competition #competitionEntryValidationSummary { width: 310px; } #razzamatazz .competition div.errorStyle { color: #ff0000; font-size: 12px; margin; 10px 0; } #razzamatazz .competition div.errorStyle ul { list-style: disc; margin: 0 0 0 10px; padding: 0 0 0 10px; } #razzamatazz .competition .form { background: transparent; overflow: hidden; } #razzamatazz .competition .form li.left { float: left; width: 300px; } #razzamatazz .competition .form li.right { float: left; margin: 170px 0 0; width: 300px; } #razzamatazz .competition .form li li { margin: 10px 0; } #razzamatazz .competition .form li li dt, #razzamatazz .competition .form li li label { display: block; font-size: 12px; padding: 5px 0; } #razzamatazz .competition .form li li textarea { height: 120px; width: 250px; } #razzamatazz .competition .form li li input { width: 250px; } #razzamatazz .competition .form li li input, #razzamatazz .competition .form li li textarea, #razzamatazz .competition .form li li select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; position: static; } #razzamatazz .competition .form li li.checkbox label { display: inline; font-weight: normal; } #razzamatazz .competition .form li li.button input, #razzamatazz .competition .form li li.checkbox input { border: 0; padding: 0; width: auto; } #razzamatazz .competition .form li li.first-name input, #razzamatazz .competition .form li li.surname input, #razzamatazz .competition .form li li.postcode input { width: 100px; } #razzamatazz .competition .form li li dl { overflow: hidden; width: 300px; } #razzamatazz .competition .form li li dd { float: left; } #razzamatazz .competition .form li li dd.day { width: 50px; } #razzamatazz .competition .form li li dd.month { width: 100px; } #razzamatazz .competition .form li li dd.year { width: 75px; } #razzamatazz .competition .form li li dd label { display: none; } #razzamatazz .competition .form li li.checkboxes { margin: 0 0 10px 0; overflow: hidden; width: 200px; } #razzamatazz .competition .form li li.checkboxes li { float: left; width: 50px; } /* Advertorial Page */ #razzamatazz .advertorial h2 { margin: 0 0 10px 0; } #razzamatazz .advertorial p { font-size: 12px; } #razzamatazz .advertorial img { float: right; padding: 0 10px; } /* Video */ #razzamatazz .video { background: url(../images/advertorial/razzamatazz/bg/video.jpg) no-repeat left bottom; height: 528px; margin: 10px 0 0 0; } #razzamatazz .video div { padding: 30px 0 0 0; text-align: center; } /* Stage 2 */ #razzamatazz .stage2 .container .main {background:url("/assets/images/advertorial/razzamatazz/stage2/girls.jpg") no-repeat scroll -2px 116px transparent;float:left;position:relative;width:663px;height:630px;} #razzamatazz .stage2 .container .main .clickviewround {position:absolute;right:-7px;top:74px;} #razzamatazz .stage2 .container .main .voucher {bottom:-100px;left:11px;position:absolute;} #razzamatazz .stage2 .container {overflow:visible;} #razzamatazz .stage2 h2.raz em {color:#EC008C;font-size:54px;font-style:normal;font-weight:normal;line-height:55px; } #razzamatazz .stage2 .bottom { background-image:none;padding-left:50px;padding-right:720px;padding-top:104px;position:relative; height:auto !important} #razzamatazz .stage2 .gorgeousfinalists {position:absolute;right:60px;top:12px;} #razzamatazz .stage2 .clickviewsq img {padding-top:10px;} #razzamatazz .competitionclosed {background:url("/assets/images/advertorial/razzamatazz/stage2/girlsmakeup.jpg") no-repeat scroll -2px 175px transparent;height:500px;} #razzamatazz .competitionclosed h2.raz{background:none repeat scroll 0 0 transparent;color:#000000;font-family:sans,Arial,Helvetica,sans-serif;font-size:44px;height:auto;line-height:46px;text-indent:0;} #razzamatazz .stage2 .video_wrap {padding-top:40px;width:481px;margin:0 auto; padding-bottom:40px;} #razzamatazz .stage2 .video_wrap .topborder {padding:0; height:8px;} #razzamatazz #flash_video_embed {padding:0; background-color:#000000;} #razzamatazz .stage2 .video_wrap .video-list {padding:10px 20px 5px; background-color:#000000;height:40px;} #razzamatazz .stage2 .video_wrap .bottomborder {padding:0; height:8px;} #razzamatazz .stage2 {min-height:125px;} #razzamatazz .stage2 .video_wrap .video-list li {height:40px;margin-right:10px;width:50px; overflow:hidden; float:left;} #razzamatazz .video.stage2 { height: auto !important; } #razzamatazz .stage2 .video_wrap .video-list li p, #razzamatazz .stage2 .video_wrap .video-list li h4, #razzamatazz .stage2 .video_wrap .video-list li .action { display: none; } #razzamatazz #winners {color:#EC008C;font-family:serif;font-size:32px;} #razzamatazz #winners div {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #EC008C; } #razzamatazz #winners table {color:#000000;font-family:Arial; font-size:14px;} #razzamatazz #winners table td { width:95px;height:24px;} #razzamatazz #winners .major table td { font-weight:bold;}