/* Born: 01/03/10 by Christian Fagan @ Visual Jazz Description: This file relates to all stand-alone promotion pages for Mecca Cosmetica NOTE: homepage CSS should go in homepage.css (duh) */ /*maxima promo page */ /* .maxima { height: 1030px; margin: 0 auto; background: url(../img/elements/maximaPromo/bg_maxima.png) top center no-repeat; } */ .maxima { min-height: 668px; margin: 0 auto; background: url(../img/elements/maximaPromo/bg_maxima.gif) top center no-repeat; } * html .maxima { height: 668px; } .content.maxima { padding: 0; } .maxima h1 { display: none; text-indent: -9999px; width: 230px; height: 130px; } .maxima h2 { display: block; position: absolute; top: 25px; left: 410px; width: 230px; height: 130px; } .maxima #maximaHome { display: block; } .maxima #maximaComePlay { display: none; } .maxima #maximaTheEvents { display: none; } .maxima #maximaBeauty { display: none; } .maxima #maximaBrands { display: none; } .maxima .home { background: url(../img/elements/maximaPromo/bg_maxima_home.gif) no-repeat top right; /*position: absolute;top: 0; left: 0;*/ width: 960px; /*height: 447px;*/ height: 500px; } .maxima .maximaSub { background: url(../img/elements/maximaPromo/bg_maxima_comePlay.gif) no-repeat bottom right; /*position: absolute; top: 0; left: 0;*/ width: 960px; height: 500px; } * html .maxima .maximSub { /*height: 447px;*/ height: 500px; } /** mikes additions */ .maxima h2.stb { display: block; width: 531px; height:102px; text-indent: -9999px; background: url(../img/elements/maximaPromo/h2_shopBrands.gif) bottom right no-repeat; position: absolute; top: 20px; left: 360px; } .maxima .brandLinks { width: 588px; float: left; display: block; padding-left: 360px; margin-left: 0px; padding-top: 135px; } .maxima .brandLinks li { list-style: none; margin: 0px; padding: 0px; display: block; float: left; } .maxima .brandLinks li a { display: block; text-indent: 0; left: auto; top: auto; position: relative; float: left; } .maxima .brandLinks li a img { border: 0px; float: left; } .maxima .footer a { text-indent: 0; } .maxima .footer a img { border: 0px; } .maxima .footer ul { margin: 0px; padding: 0px; } .maxima .footer ul li { list-style: none; margin: 0px; padding: 0px; float: left; } /** end mikes additions */ .maxima #maximaTheEvents { min-height: 600px; } .maxima #maximaTheEvents a { top: 570px; } * html .maxima #maximaTheEvents { height: 655px; } .maxima .maximaSub h2 { top: 23px; left: 360px; } .maxima .maximaSub .copy { /*position: absolute;*/ margin-top: 103px; margin-left: 360px; } .maxima .maximaSub a { position: absolute; border: 0; text-indent: 0; top: 410px; left: 785px; } .maxima .maximaSub a img { border: 0; } .maxima #maximaBeauty { min-height: 965px; margin-bottom: 20px; } .maxima #maximaBeauty h2 { top: 0; left: 356px; } .maxima #maximaBeauty .copy { margin-top: 73px; margin-left: 356px; } .maxima #maximaBeauty .line1 { margin-top: 0; margin-left: 356px; } .maxima #maximaBeauty .line2 { margin-top: 0; margin-left: 311px; } .maxima #maximaBeauty .line3 { margin-top: 0; margin-left: 0px; } .maxima #maximaBeauty .line4 { margin-top: 0; margin-left: 0px; } .maxima #maximaBeauty a { top: 879px; } .maxima .links { list-style: none; position: absolute; top: 0; left: 0; } .maxima .links li { position: absolute; top: 0; left: 0; } .maxima .links li a { text-indent: 0; border: none; color: transparent; } .maxima .links li a img { border: 0; } .maxima .links li.link01 { top: 238px; left: 625px; } /* come play */ .maxima .links li.link02 { top: 255px; left: 362px; } /* the events */ .maxima .links li.link03 { top: 208px; left: 483px; } /* ways to maximise your beauty */ .maxima .links li.link04 { top: 357px; left: 616px; } /* find us on facebook */ .maxima .links li.link05 { top: 338px; left: 286px; } /* follow us on twitter */ .maxima .links li.link06 { top: 362px; left: 463px; } /* join the beauty revolution */ .maxima .links li.link07 { top: 297px; left: 731px; } /* shop the brands */ .maxima .footer { padding: 0; margin-bottom: 20px; } * html .maxima .png { behavior: url(/css/iepngfix.htc); } .maxima .address { display: block; /*position: absolute; top: 447px; left: 0;*/ margin-bottom: 10px; border: 0; text-indent: 0; } .maxima .address img { border: 0; } .maxima .photos { /*position: absolute; top: 515px; left: 0;*/ } .maximaContent { width: 960px; min-height: 668px; margin: 0 auto; position: relative; overflow: hidden; padding: 0; } * html .maximaContent { height: 668px; } .maximaContent .timer { width: m840px; height: 315px; background-color: #b973ae; padding: 30px 0 0 20px; } .maximaContent .timer h2 { display: block; text-indent: -9999px; width: 740px; height: 91px; background: url(../img/elements/maximaPromo/h2_theBiggest.png) 0 0 no-repeat; } .maximaContent .timer ul { margin-left: 0px; position: relative; overflow: hidden; margin-bottom: 0px; padding-left: 10px; } .maximaContent .timer ul li { list-style: none; float: left; color: #fff; display: block; width: 275px; } .maximaContent .timer ul li { font-weight: bold; font-size: 150px; line-height: 0.9em; letter-spacing: -10px; } .maximaContent .timer ul li span { padding-right: 10px; } .maximaContent .timer ul li.days { font-size: 1.2em; height: 50px; text-indent: -9999px; background: url(../img/elements/maximaPromo/hdm_01.png) 80px 30px no-repeat; } .maximaContent .timer ul li.hours { font-size: 1.2em; height: 50px; text-indent: -9999px; background: url(../img/elements/maximaPromo/hdm_02.png) 70px 30px no-repeat; } .maximaContent .timer ul li.mins{ font-size: 1.2em; height: 50px; text-indent: -999m9px; background: url(../img/elements/maximaPromo/hdm_03.png) 80px 30px no-repeat; } .maximaContent a { display: block; text-indent: -9999px; overflow: hidden; } .maximaContent a:hover { filter:alpha(opacity=50); opacity:0.5; -moz-opacity: 0.5; } .maximaContent a.register { width: 331px; height: 198px; background: url(../img/elements/maximaPromo/bg_registerHere.png) 0 0 no-repeat; position: absolute; top: 516px; right: 153px; } .maximaContent div.textWrap { width: 289px; height: 288px; background: url(../img/elements/maximaPromo/bg_text.png) 0 0 no-repeat; position: absolute; top: 502px; left: 60px; } .maximaContent div.textWrap p {text-indent: -9999px; } .maximaContent p.directions { width: 745px; height: 45px; text-indent: -9999px; background: url(../img/elements/maximaPromo/bg_directions.png) 0 0 no-repeat; position: absolute; bottom: 10px; left: 50px;} .maximaContent .simple_overlay { display: none; z-index: 10000; padding: 20px; background: #fff; border: 3px solid #481d43; position: absolute!important; left: 160px!important; } .maximaContent .simple_overlay div.close { position: absolute; top: 5px; right: 20px; cursor: pointer; } /* ultimate stuff */ .ultimateBeauty { background: #7f7dbb url(../img/elements/ultimate/bg_colRight.gif) right 250px no-repeat; color: #fff; margin: -15px 0 -15px -30px; width: 710px; padding: 30px 0 0 30px; position: relative; } .ultimateBeauty h1 { background: url(../img/elements/ultimate/h1_ultimateInner.gif) 0 0 no-repeat; width: 654px; height: 69px; text-indent: -9999px; margin-bottom: 30px; } .ultimateBeauty h1.goodLuck { width: 352px; height: 95px; background: url(../img/elements/ultimate/h1_goodLuck.gif); } .ultimateBeauty div.colLeft { width: 320px; float: left; padding: 0 15px 0 0; } .ultimateBeauty strong { color: #ffed00; } .ultimateBeauty div.colRight { float: right; padding: 0 20px 0 0; width: 348px; } .ultimateBeauty div.colLeft p { margin-bottom: 30px; } .ultimateBeauty a img { border: none; } .ultimateBeauty img.picLeft { float: left; margin-right: 10px; margin-bottom: 20px;} .ultimateBeauty img.picRight { float: right; margin-left: 10px; margin-bottom: 20px; } .ultimateBeauty h2 { display: block; text-indent: -9999px; } .ultimateBeauty h2.sendOff { width: 325px; height: 36px; margin-bottom: 30px; background: url(../img/elements/ultimate/h2_sendOff.gif) 0 0 no-repeat; float: left; } .ultimateBeauty ul.sponsoredBy { margin-left: 0px; margin-bottom: 30px; float: left; } .ultimateBeauty ul.sponsoredBy li { list-style: none; margin-bottom: 15px; float: left; } .ultimateBeauty div.formPanel { width: 348px; border: 1px solid #686699; background: #9997c9; padding: 0 0 20px 0 ; position: relative; margin-top: 25px; float: left; overflow: visible; } .ultimateBeauty div.formPanel h3 { width: 329px; height: 190px; text-indent: -9999px; background: url(../img/elements/ultimate/img_polishFeature.jpg) 0 0 no-repeat; margin: -28px 0 0 12px;} .ultimateBeauty div.formPanel ul { margin-bottom: 0px; margin-left: 0px; font-size: 0.9em; position: relative; overflow: hidden; width: 348px; } .ultimateBeauty div.formPanel ul li { margin-bottom: 0px; margin-left: 0px; list-style: none; padding: 5px 20px; position: relative; overflow: hidden; clear: both; width: 348px; float: left; } .ultimateBeauty input.subRes { cursor: pointer; float: none; width: 326px; height: 42px; background: url(../img/elements/ultimate/btn_enterNowBig.gif); font-size: 0px; color: #fff; padding: 35px 0 0 0; border: 0px; margin: 10px 0 0 10px; } .ultimateBeauty div.formPanel input { float: left; } .ultimateBeauty div.formPanel label { float: left; display: block; width: 270px; padding: 0 0 0 10px; } .ultimateBeauty div.formPanel strong { color: #fff; } .ultimateBeauty p.disc { clear: both; font-size: 0.9em; color: #cccbe4; } .ultimateBeauty a { color: #fff; } .ultimateBeauty img.bg_extension { position: absolute; right: 0px; top: 487px; margin-right: -67px; } .ultimateBeauty ul.friendForm { margin-left: 0px; position: relative; overflow: hidden; width: 400px; padding: 20px 0 40px 0; } .ultimateBeauty ul.friendForm li { list-style: none; clear: both; margin-bottom: 0px; width: 400px; float: left; } .ultimateBeauty ul.friendForm li div { float: left; position: relative; overflow: hidden; } .ultimateBeauty ul.friendForm li div.name { width: 166px; } .ultimateBeauty ul.friendForm li div.name input { width: 144px; } .ultimateBeauty ul.friendForm li div.email { width: 234px; } .ultimateBeauty ul.friendForm li div.email input { width: 224px; } .ultimateBeauty ul.friendForm input {background: #b2b1d6; border: 1px solid #4c4b70; padding: 3px; float: left; } .ultimateBeauty ul.friendForm label { padding: 5px 0 0 5px; float: left; } .ultimateBeauty ul.friendForm input.subRes { background: url(../img/elements/ultimate/btn_sendEmails.gif); border: 0px; margin: 10px 0 0 0; } .ultimateBeauty a.downloadVoucher { display: block; text-indent: -9999px; background: url(../img/elements/ultimate/bg_downloadVoucher.jpg); width: 272px; height: 328px; position: absolute; top: 20px; right: 20px; } .ultimateBeauty ul.singleRow li { padding-right: 8px; } .ultimateBeauty div.error { padding-left: 50px; color: #FFED00; } ul.tc { margin-left: 0px; } ul.tc li { list-style: none;} /* 10 reasons */ body.ten-reasons .content { padding: 0!important; } body.ten-reasons .content-inner { padding: 0 0 0 0!important; width: 960px; } body.ten-reasons img { border: 0px!important; margin: 0px!important; padding: 0px!important; } body.ten-reasons h1.title { display: block; text-indent: -9999px; float: left; background: url(../img/elements/homepage/10reasons/img_top10Welcome.gif) 0 0 no-repeat; width: 960px; height: 178px; margin: 0px!important; padding: 0px!important; } ul.reasons { display: block; margin: 0!important; padding: 0!important; float: left; width: 320px; } ul.reasons li { display: block; float: left; width: 300px; padding: 0 0 0 20px!important; margin: 0 0 0 0!important; float: left; position: relative; color: #313131; font-size: 90%; } ul.reasons li h2 { text-indent: -9999px; } ul.reasons li p { padding-right: 30px; position: absolute; font-family: tahoma, verdana; } ul.reasons li ol { width: auto!important; position: absolute; top: 100px; margin-left: 0px; } ul.reasons li ol li { width: 221px; font-size: 100%; padding: 0 0 10px 20px!important; background: url(../img/elements/homepage/10reasons/m_list.gif) 0 3px no-repeat; font-family: tahoma, verdana; } ul.reasons li span.pink { color: #fc00ff; } ul.reasons li span.topPadding { padding-top: 7px; display: block; } ul.reasons li a { color: #fc00ff; } ul.reasons li a.profile { position: absolute; top: 270px; left: 40px; } ul.reasons li a.profile:hover {filter:alpha(opacity=50);opacity:0.5;-moz-opacity: 0.5;} ul.reasons li.reason01 { height: 163px; background: url(../img/elements/homepage/10reasons/reasons_01.gif) 0 0 no-repeat; } ul.reasons li.reason02 { height: 330px; background: url(../img/elements/homepage/10reasons/reasons_02.gif) 0 0 no-repeat; } ul.reasons li.reason03 { height: 212px; background: url(../img/elements/homepage/10reasons/reasons_03.gif) 0 0 no-repeat; } ul.reasons li.reason04 { height: 189px; background: url(../img/elements/homepage/10reasons/reasons_04.gif) 0 0 no-repeat; } ul.reasons li.reason04 p { width: 200px; } ul.reasons li.reason05 { height: 171px; background: url(../img/elements/homepage/10reasons/reasons_05.gif) 0 0 no-repeat; } ul.reasons li.reason06 { height: 253px; background: url(../img/elements/homepage/10reasons/reasons_06.gif) 0 0 no-repeat; } ul.reasons li.reason07 { height: 180px; background: url(../img/elements/homepage/10reasons/reasons_07.gif) 0 0 no-repeat; } ul.reasons li.reason08 { height: 175px; background: url(../img/elements/homepage/10reasons/reasons_08.gif) 0 0 no-repeat; width: 283px; } ul.reasons li.reason09 { height: 206px; background: url(../img/elements/homepage/10reasons/reasons_09.gif) 0 0 no-repeat; } ul.reasons li.reason10 { height: 242px; background: url(../img/elements/homepage/10reasons/reasons_10.gif) 0 0 no-repeat; } ul.reasons li.reason04 p { top: 143px; left: 37px; } ul.reasons li.reason08 p { top: 115px; left: 37px; } ul.reasons li.reason05 p { top: 115px; } ul.reasons li.reason03 p { top: 115px; padding-right: 50px; } ul.reasons li.reason06 p { top: 145px; padding-right: 70px; } ul.reasons li.reason09 p { top: 130px; } ul.reasons li.reason10 p { top: 167px; padding-right: 70px; } body.francoisnarsMecca{font-size: 0.55em!important; color: #6c6c6c;} .francoisnarsMecca .content-wide{ background:url(/themeccaedit/images/bg.jpg) no-repeat center top #fff; width: 100%; height: 1818px;} .francoisnarsMecca .content {background: none; min-height: 1000px; position: relative;} .francoisnarsMecca .content p {font-family: tahoma, verdana, sans-serif; } .francoisnarsMecca .contentArea {width: 960px; border:1px solid #fff; margin: auto; } .francoisnarsMecca h2 {margin:19px 0 13px 278px; background: url(/themeccaedit/images/title.png) no-repeat; text-indent: -9999px; width:297px; height:93px;} .francoisnarsMecca .headingText {color: #fff; margin:0 151px 0 331px;} .francoisnarsMecca .headingText p{line-height:1.4em;} .francoisnarsMecca .redText {color:#e32225;} .francoisnarsMecca h3 a{font-size: 0.7em; color:#e32225!important; font-family:Verdana, Geneva, sans-serif; font-weight: normal; line-height: 1em; text-decoration: none;} .francoisnarsMecca ol {list-style-type: none;} .francoisnarsMecca h3 a:hover{text-decoration: underline;} .francoisnarsMecca #one {width:161px; height: 180px; background: url(/themeccaedit/images/one.jpg) no-repeat #ededed 15px 15px; padding: 139px 20px 0 139px; position:absolute; left: 315px; top:277px;} .francoisnarsMecca #two {width:230px; height: 255px; background: url(/themeccaedit/images/two.jpg) no-repeat right 26px; padding: 193px 77px 0 0; position:absolute; right:0px; text-align: right; z-index:1;} *:first-child+html .francoisnarsMecca #two {background: url(/themeccaedit/images/two.jpg) no-repeat 176px 25px;} .francoisnarsMecca #three {width:202px; height: 255px; background: url(/themeccaedit/images/three.jpg) no-repeat left top; padding:108px 0 0 210px; position:absolute; left: 0px; top: 506px;} .francoisnarsMecca #four {width:170px; height: 170px; background: url(/themeccaedit/images/four.jpg) no-repeat right top; padding:120px 145px 0 108px;; position:absolute; left:271px; top: 601px; text-align: right; z-index:4;} .francoisnarsMecca #five {width:124px; height: 255px; background: url(/themeccaedit/images/five.jpg) no-repeat left top; padding:150px 15px 0 123px; position:absolute; left: 0px; top: 728px;} .francoisnarsMecca #six {width:237px; height: 255px; background: url(/themeccaedit/images/six.jpg) no-repeat left top; padding:89px 15px 0 2px; position:absolute; left: 284px; top: 801px;z-index: 2;} .francoisnarsMecca #seven {width:204px; height: 255px; background: url(/themeccaedit/images/seven.jpg) no-repeat right top; padding:89px 15px 0 2px; position:absolute; left: 462px; top: 929px; text-align: right;} .francoisnarsMecca #eight {width:195px; height: 249px; background: url(/themeccaedit/images/eight.jpg) no-repeat #ededed right top; position:absolute; right:0; top: 586px; text-align: right; padding: 290px 15px 0 15px;} .francoisnarsMecca #nine {width:249px; height: 249px; background: url(/themeccaedit/images/nine.jpg) no-repeat transparent left top; position:absolute; left:13px; top: 1047px; text-align: left; padding: 173px 15px 0 206px;} .francoisnarsMecca #ten {width:216px; height: 105px; background: url(/themeccaedit/images/ten.jpg) no-repeat #ededed left top; position:absolute; left: 3px; top: 1329px; text-align: left; padding:114px 50px 0 206px;} .francoisnarsMecca #eleven {width:130px; height: 95px; background: url(/themeccaedit/images/eleven.jpg) no-repeat transparent left top; position:absolute; left: 507px; top: 1342px; text-align: left; padding: 141px 0 0 115px; z-index: 1;} .francoisnarsMecca #twelve {width:228px; height: 179px; background: url(/themeccaedit/images/twelve.jpg) no-repeat transparent right top; position:absolute; right: 12px; top: 1138px; text-align: right; padding: 108px 0 0 0;} .francoisnarsMecca #thirteen {width:248px; height: 107px; background: url(/themeccaedit/images/thirteen.jpg) no-repeat transparent left top; position:absolute; left: 10px; top: 1590px; text-align: left; padding: 102px 0 0 0;} .francoisnarsMecca #fourteen {width:299px; height: 107px; background: url(/themeccaedit/images/fourteen.jpg) no-repeat transparent left top; position:absolute; left: 317px; top: 1531px; text-align: left; padding: 174px 0 0 178px;} .francoisnarsMecca #fifteen {width:280px; height: 223px; background: url(/themeccaedit/images/fifteen.jpg) no-repeat transparent right 5px; position:absolute; right: 12px; top: 1452px; text-align: right; padding: 99px 0 0 0;} ol.narsPromos li {cursor: pointer;} ol.narsPromos li p {font-family: tahoma, verdana, sans-serif;} ol.narsPromos li p a:link, ol.narsPromos li p a:visited {color: #E32225;} /* Beauty Game */ .beautyGamePromo{background:url(../img/elements/beautyGamePromo/promo-bg.gif) no-repeat; width:1203px; height:117px; position:relative; left:-132px; top:-15px; margin:0px auto; } .beautyGamePromoContent{margin:0px auto; width:960px;} .beautyGameHeader {background: url(../img/elements/beautyGamePromo/bg_header.png) no-repeat; width: 960px; height: 170px; text-indent: -9999px; } .beautyGameButtons { width: 960px; padding: 0 21px; position: relative; overflow: hidden; margin-bottom: 20px; } .beautyGameButtons a { display: block; height: 107px; width: 450px; text-indent: -9999px; float: left; } .beautyGameButtons .btnGameChangers { background: url(../img/elements/beautyGamePromo/btn_promo1.png) no-repeat; margin-right: 18px; } .beautyGameButtons .btnReadMore { background: url(../img/elements/beautyGamePromo/btn_promo2.png) no-repeat; } .beautyGamePromoBrand { border-top: solid 1px #cbcbcb; } .last-product { border-bottom: solid 1px #cbcbcb; margin-bottom: 20px; } .beautyGamePromoBrand p { font-size: .9em; } .beautyGamePromoBrand h1 { text-indent: -9999px; margin-bottom: 0; } .beautyGamePromoBrand .hero1{ position: relative; background:url(../img/elements/beautyGamePromo/bg_prod1.png) 0 0 no-repeat; width: 272px; height:340px; padding-left: 200px;} .beautyGamePromoBrand .hero1 h1 { width: 254px; height: 207px; background:url(../img/elements/beautyGamePromo/hdg_1.png) 0 0 no-repeat; text-indent: -9999px; margin-bottom: 0; } .beautyGamePromoBrand .hero1 p { margin-left: 2px; } .beautyGamePromoBrand .hero1 .options { bottom: 50px; left: 172px; } .beautyGamePromoBrand .hero2{ position: relative; background:url(../img/elements/beautyGamePromo/bg_prod2.png) 208px bottom no-repeat; width: 472px; height:340px;} .beautyGamePromoBrand .hero2 h1 { width: 452px; height: 117px; background:url(../img/elements/beautyGamePromo/hdg_2.png) 0 0 no-repeat; } .beautyGamePromoBrand .hero2 p { margin-left: 70px; width: 330px; } .beautyGamePromoBrand .hero2 .options { bottom: 145px; left: 40px; } .beautyGamePromoBrand .hero3{ position: relative; background:url(../img/elements/beautyGamePromo/bg_prod3.png) 0 0 no-repeat; width: 272px; height:340px; padding-left: 200px;} .beautyGamePromoBrand .hero3 h1 { width: 277px; height: 177px; background:url(../img/elements/beautyGamePromo/hdg_3.png) 0 0 no-repeat;} .beautyGamePromoBrand .hero3 .options { bottom: 83px; left: 170px; } .beautyGamePromoBrand .hero4{ position: relative; background:url(../img/elements/beautyGamePromo/bg_prod4.png) 260px 0 no-repeat; width: 232px; height:340px; padding-right: 240px;} .beautyGamePromoBrand .hero4 h1 { width: 247px; height: 207px; background:url(../img/elements/beautyGamePromo/hdg_4.png) 0 0 no-repeat; } .beautyGamePromoBrand .hero4 p { margin-left: 10px; width: 260px; } .beautyGamePromoBrand .hero4 p.longer { width: 300px; } .beautyGamePromoBrand .hero4 .options { bottom: 40px; left: -20px; } .beautyGamePromoBrand .hero5{ position: relative; background:url(../img/elements/beautyGamePromo/bg_prod5.png) 0 0 no-repeat; width: 311px; height:340px; padding-left: 161px;} .beautyGamePromoBrand .hero5 h1 { width: 301px; height: 207px; background:url(../img/elements/beautyGamePromo/hdg_5.png) 0 0 no-repeat;} .beautyGamePromoBrand .hero5 .options { bottom: 50px; left: 132px; } .beautyGamePromoBrand .hero6{ position: relative; background:url(../img/elements/beautyGamePromo/bg_prod6.png) 308px 0 no-repeat; width: 300px; height:340px; padding-right: 172px;} .beautyGamePromoBrand .hero6 h1 { width: 299px; height: 210px; background:url(../img/elements/beautyGamePromo/hdg_6.png) 0 0 no-repeat; } .beautyGamePromoBrand .hero6 p { margin-left: 20px; width: 245px; } .beautyGamePromoBrand .hero6 .options { bottom: 39px; left: -10px; } .beautyGamePromoBrand .hero7{ position: relative; background:url(../img/elements/beautyGamePromo/bg_prod7.png) 0 bottom no-repeat; width: 472px; height:340px;} .beautyGamePromoBrand .hero7 h1 { width: 403px; height: 109px; background:url(../img/elements/beautyGamePromo/hdg_7.png) 0 0 no-repeat; margin-bottom: 5px; } .beautyGamePromoBrand .hero7 p { margin-left: 50px; width: 353px; } .beautyGamePromoBrand .hero7 .options { bottom: 150px; left: 20px; } .beautyGamePromoBrand .options .b-add-plus { background: url(../img/elements/beautyGamePromo/btn_add_orange.png) 0 0 no-repeat; } .beautyGamePromoBrand .products { margin-top: 20px; } .beautyGamePromoBrand .product { width: 145px; padding-right: 25px; border-bottom: none; margin-bottom: 0; } .beautyGamePromoBrand a.btnShop { width: 437px; height: 21px; display: block; text-indent: -9999px; margin-left: 10px; margin-bottom: 13px; } .beautyGamePromoBrand a.btnShop1 { background: #7C7C7C url(../img/elements/beautyGamePromo/btn_shop1.png) 15px 0 no-repeat; } .beautyGamePromoBrand a.btnShop2 { background: #7C7C7C url(../img/elements/beautyGamePromo/btn_shop2.png) 15px 0 no-repeat; } .beautyGamePromoBrand a.btnShop3 { background: #7C7C7C url(../img/elements/beautyGamePromo/btn_shop3.png) 15px 0 no-repeat; } .beautyGamePromoBrand a.btnShop4 { background: #7C7C7C url(../img/elements/beautyGamePromo/btn_shop4.png) 15px 0 no-repeat; } .beautyGamePromoBrand a.btnShop5 { background: #7C7C7C url(../img/elements/beautyGamePromo/btn_shop5.png) 15px 0 no-repeat; } .beautyGamePromoBrand a.btnShop6 { background: #7C7C7C url(../img/elements/beautyGamePromo/btn_shop6.png) 15px 0 no-repeat; } .beautyGamePromoBrand a.btnShop7 { background: #7C7C7C url(../img/elements/beautyGamePromo/btn_shop7.png) 15px 0 no-repeat; } /* MysticMecca Promotion */ .mysticMecca div.promoHeader { width: 940px; height: 218px; background: #ed0f5e; float: left; text-align: center; padding: 29px 0 0 0; } .mysticMecca div.promoHeader h1, .mysticMecca div.promoHeader h2 { display: inline-block; text-indent: -9999px; } .mysticMecca div.promoHeader h1 { width: 854px; height: 61px; background: url(../img/elements/mysticMeccaPromo/h1_mysticMedusa.gif) 0 0 no-repeat; padding: 0 0 22px 0; margin: 0 0 0 0!important; } .mysticMecca div.promoHeader h2 { width: 268px; height: 30px; background: url(../img/elements/mysticMeccaPromo/h2_perfectPics.gif) 0 0 no-repeat; padding: 0 0 16px 0; margin: 0 0 0 0!important; } .mysticMecca div.promoHeader ul { display: block; float: left; height: 63px; margin: 0px; padding: 0 0 0 40px; } .mysticMecca div.promoHeader ul li { width: 71px; height: 63px; display: block; float: left; } .mysticMecca div.promoHeader ul li a { width: 71px; height: 63px; display: block; float: left; text-indent: -9999px; } .mysticMecca div.promoHeader ul li a:hover {filter:alpha(opacity=50);opacity:0.5;-moz-opacity: 0.5;} .mysticMecca div.promoHeader ul li.zodiac01 a { background: url(../img/elements/mysticMeccaPromo/starSign_01.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac02 a { background: url(../img/elements/mysticMeccaPromo/starSign_08.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac03 a { background: url(../img/elements/mysticMeccaPromo/starSign_02.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac04 a { background: url(../img/elements/mysticMeccaPromo/starSign_11.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac05 a { background: url(../img/elements/mysticMeccaPromo/starSign_05.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac06 a { background: url(../img/elements/mysticMeccaPromo/starSign_03.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac07 a { background: url(../img/elements/mysticMeccaPromo/starSign_06.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac08 a { background: url(../img/elements/mysticMeccaPromo/starSign_12.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac09 a { background: url(../img/elements/mysticMeccaPromo/starSign_07.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac10 a { background: url(../img/elements/mysticMeccaPromo/starSign_10.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac11 a { background: url(../img/elements/mysticMeccaPromo/starSign_09.gif) 0 0 no-repeat; } .mysticMecca div.promoHeader ul li.zodiac12 a { background: url(../img/elements/mysticMeccaPromo/starSign_04.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList { margin: 0px; padding: 0px; clear: both; float: left; } .mysticMecca ul.medusaPromoList li { margin: 0px; padding: 0px; list-style: none; padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #ed0f5e; width: 940px; float: left; } .mysticMecca ul.medusaPromoList li h3 { display: block; text-indent: -9999px; width: 440px; height: 91px; float: left; } .mysticMecca ul.medusaPromoList li div.description { width: 440px; float: left; } .mysticMecca div.description p { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: 100; line-height: 1.1em; } .mysticMecca ul.medusaPromoList a.b-info { background-image: url(../img/elements/mysticMeccaPromo/icon_info.gif); background-position: 0 0; } .mysticMecca ul.medusaPromoList a.b-add-plus { background-image: url(../img/elements/mysticMeccaPromo/icon_add.gif); background-position: 0 0; } .mysticMecca ul.medusaPromoList li div.medusaProducts { width: 460px; float: right; margin-top: -10px; } .mysticMecca ul.medusaPromoList li#zodiac12 { border-bottom: 0px; } .mysticMecca ul.medusaPromoList li#zodiac01 h3 { background: url(../img/elements/mysticMeccaPromo/h3_aquarius.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac02 h3 { background: url(../img/elements/mysticMeccaPromo/h3_pisces.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac03 h3 { background: url(../img/elements/mysticMeccaPromo/h3_aries.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac04 h3 { background: url(../img/elements/mysticMeccaPromo/h3_taurus.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac05 h3 { background: url(../img/elements/mysticMeccaPromo/h3_gemini.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac06 h3 { background: url(../img/elements/mysticMeccaPromo/h3_cancer.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac07 h3 { background: url(../img/elements/mysticMeccaPromo/h3_leo.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac08 h3 { background: url(../img/elements/mysticMeccaPromo/h3_virgo.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac09 h3 { background: url(../img/elements/mysticMeccaPromo/h3_libra.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac10 h3 { background: url(../img/elements/mysticMeccaPromo/h3_scorpio.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac11 h3 { background: url(../img/elements/mysticMeccaPromo/h3_sagittarius.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li#zodiac12 h3 { background: url(../img/elements/mysticMeccaPromo/h3_capricorn.gif) 0 0 no-repeat; } .mysticMecca ul.medusaPromoList li a.readMore { display: block; text-indent: -9999px; width: 95px; height: 16px; background: url(../img/elements/mysticMeccaPromo/bg_readMore.gif) 0 0 no-repeat; margin: 10px 0 0 0; } .mysticMecca ul.medusaPromoList li ul { margin: 0px; padding: 0px; width: auto; } .mysticMecca ul.medusaPromoList li ul li { margin: 0px; border-bottom: 0px!important; padding:1px 0px 33px 0!important; width: 150px; } .mysticMecca ul.medusaPromoList li ul li ul.options { margin: 0px; padding: 0px 0 0 10px; } .mysticMecca ul.medusaPromoList li ul li ul.options li { width: 46px; margin: 0px 3px 0 0!important; padding: 0 0 0 0!important; } .medusaFoot { width: 900px; height: 125px; float: left; background: #ed0f5e; padding: 0 20px; } .medusaFoot div.description { width: 460px; float: right; padding: 12px 0 0 0; } .medusaFoot div.description p { color: #fff; } .medusaFoot h1 { display: block; margin-top: 40px; text-indent: -9999px; width: 400px; height: 50px; background: url(../img/elements/mysticMeccaPromo/h1_mysticFoot.gif) 0 0 no-repeat; float: left; } .medusaFoot div.description a { color: #fff; font-weight: bold; text-decoration: none; } /* Vogue Beauty Icons */ .vogueIcons .content-wide{ background:white url(../img/elements/voguePromo/bg.gif) top center no-repeat; } .vogueIcons .content{ background:none; } .vogueIcons .vogueNav li{ float:left; } .vogueIcons .col1{ width:435px; margin-left:20px; float:left; } * html .vogueIcons .col1 {margin-left:0;} /* Target IE6 */ .vogueIcons .col2{ width:436px; margin-left:30px; float:left; margin-top:340px; zoom:1;} .vogueIcons h2{ background:url(../img/elements/voguePromo/hdg-vote.gif); width:427px; height:147px; text-indent:-9999px; margin-top:30px; } .vogueIcons.judges h2{ background:url(../img/elements/voguePromo/hdg-judges.gif); width:416px; height:185px; text-indent:-9999px; margin-top:30px; } .vogueIcons div.intro{ margin:30px 0; border:3px double black; border-width: 4px 0 4px 0; padding: 20px 0; font-size:13px; } .vogueIcons.judges div.intro{ margin:30px 0; border:3px double black; border-width: 4px 0 0 0; padding: 20px 0; font-size:13px; } .vogueIcons p.red{ color:#e2001a; } .vogueIcons p.strong{ font-weight:bold; } .vogueIcons h3.whichIcon{ background:url(../img/elements/voguePromo/txt-which.gif); width:352px; height:44px; text-indent:-9999px;} .vogueIcons h3.aboutYou{ background:url(../img/elements/voguePromo/txt-aboutYou.gif)-3px 0; width:98px; height:19px; text-indent:-9999px;} .vogueIcons h3.goodLuck{ background:url(../img/elements/voguePromo/txt-goodLuck.gif); width:90px; height:19px; text-indent:-9999px; } .vogueIcons h3.shareTheLove{ background:url(../img/elements/voguePromo/txt-shareTheLove.gif) no-repeat; width:126px; height:17px; text-indent:-9999px; } .vogueIcons h3.allDone{ background:url(../img/elements/voguePromo/txt-allDone.gif) no-repeat; width:86px; height:17px; text-indent:-9999px; } .vogueIcons a.downloadVoucherHere{ background:url(../img/elements/voguePromo/btn-downloadVoucher.gif); margin:20px 0; display:block; width:261px; height:43px; text-indent:-9999px; } .vogueIcons a.readMore{ background:url(../img/elements/voguePromo/btn-readMoreonBlog.gif); margin:0; display:block; width:206px; height:48px; text-indent:-9999px; } .vogueIcons .voguePromoList{ list-style-type:none; margin:0;} .vogueIcons .voguePromoList .product{ border-bottom:0; } .vogueIcons .voguePromoList > li{ clear:both; margin-top:30px; overflow:hidden; border-bottom:1px solid black; padding-bottom:30px;} .vogueIcons .description{ float:left; width:206px; } .vogueIcons .vogueProducts{ float:left; width:705px; padding-left:20px; } .vogueIcons .vogueProducts .product{ margin-bottom:0; } .vogueIcons .voguePromoList h3{ margin-bottom:0; } .vogueIcons #judge-kirstieClements h3{ background:url(../img/elements/voguePromo/hdg-kirstieClements.gif) top left no-repeat; text-indent:-9999px; height:41px; } .vogueIcons #judge-simonDoonan h3{ background:url(../img/elements/voguePromo/hdg-simonDoonan.png) top left no-repeat; text-indent:-9999px; height:41px; } .vogueIcons #judge-robynCoeHutshing h3{ background:url(../img/elements/voguePromo/hdg-robynCoeHutshing.png) top left no-repeat; text-indent:-9999px; height:41px; } .vogueIcons #judge-edBurstell h3{ background:url(../img/elements/voguePromo/hdg-edBurstell.png) top left no-repeat; text-indent:-9999px; height:41px; } .vogueIcons #judge-ourBrands h3{ background:url(../img/elements/voguePromo/hdg-ourBrands.png) top left no-repeat; text-indent:-9999px; height:41px; } .vogueIcons #judge-meccaStaff h3{ background:url(../img/elements/voguePromo/hdg-meccaCosmeticaStaff.png) top left no-repeat; text-indent:-9999px; height:41px; } .vogueIcons #judge-kirstieClements p.position{ background:url(../img/elements/voguePromo/txt-kirstieClements.gif) top left no-repeat; text-indent:-9999px; height:16px; } .vogueIcons #judge-simonDoonan p.position{ background:url(../img/elements/voguePromo/txt-simonDoonan.gif) top left no-repeat; text-indent:-9999px; height:16px; } .vogueIcons #judge-robynCoeHutshing p.position{ background:url(../img/elements/voguePromo/txt-robynCoeHutshing.gif) top left no-repeat; text-indent:-9999px; height:16px; } .vogueIcons #judge-edBurstell p.position{ background:url(../img/elements/voguePromo/txt-edBurstell.gif) top left no-repeat; text-indent:-9999px; height:16px; } .vogueIcons #judge-ourBrands p.position{ background:url(../img/elements/voguePromo/txt-ourBrands.gif) top left no-repeat; text-indent:-9999px; height:16px; } .vogueIcons #judge-meccaStaff p.position{ background:url(../img/elements/voguePromo/txt-meccaStaff.gif) top left no-repeat; text-indent:-9999px; height:16px; } .vogueIcons .voguePromoList .position{ font-family:futura,calibri,candara,verdana,tahoma,helvetica; font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:-6px; } #judge-meccaStaff{ border-bottom:0; } /*form*/ .vogueIcons textarea { background:black; border-color:#e2001a; border-style:solid; border-width:0 2px 2px 0; padding:20px; color:white; height:45px; width:393px; font-size:12px; } * html .vogueIcons textarea {margin-bottom:40px; } /* Target IE6 */ .vogueIcons .vogueFormStyle{ background:#000; border-color:#e2001a; border-style:solid; border-width:0 2px 2px 0; padding:3px; color:white; font-size:12px; } .vogueIcons .halfWidth label, .vogueIcons .fullWidth label, .vogueIcons .friendsEmail label, .vogueIcons .friendsName label { display:block; font-weight:bold; margin:5px 0; } .vogueIcons .halfWidth { width:208px; float:left; overflow:hidden; padding:0; } .vogueIcons .halfWidth.second { margin-left:18px; } .vogueIcons .halfWidth input{ width:200px;} .vogueIcons .halfWidth select{ width:200px;} .vogueIcons .fullWidth { clear:both; overflow:hidden; } .vogueIcons .fullWidth input { width:427px; } .vogueIcons .fullWidth select { width: 208px; } .vogueIcons .friendsName { width:165px; float:left; overflow:hidden; padding:0; } .vogueIcons .friendsName input { width:147px; } .vogueIcons .friendsEmail { width:261px; float:left; overflow:hidden; padding:0; } .vogueIcons .friendsEmail input{ width:253px; } .vogueIcons .halfWidth { width:208px; float:left; overflow:hidden; padding:0; } .vogueIcons .padded { padding:5px 0; } .vogueIcons .error{ background:#e2001a; color:white; } .vogueIcons .vogueFormStyle.error{ background:#e2001a; color:white; border-color:black; } .vogueIcons div.error { background:url("../img/elements/voguePromo/gfx-aerosoul.gif") no-repeat scroll 350px bottom #E2001A; font-size:12px; font-weight:bold; line-height:1.5em; margin-bottom:20px; padding:30px 70px 30px 20px; } /*font-size:12px; font-weight:bold; margin-bottom:20px; }*/ .vogueIcons input.float-left{ margin-right:10px; margin-top:10px; } * html .vogueIcons input.float-left{ margin-bottom:30px; } /*nav*/ .vogueIcons .vogueNav { margin-top:-15px; } .vogueIcons .vogueNav ul { margin:0; padding:0; overflow:hidden; list-style:none; } .vogueIcons .vogueNav li { margin:0; padding:0; } .vogueIcons .vogueNav li a {background:url(../img/elements/voguePromo/nav.gif); display: block; height:37px; width:100px; text-indent:-9999px; } .vogueIcons .vogueNav li.shopTheIcons a { background-position:0 0; width:154px; } .vogueIcons .vogueNav li.meetTheJudges a { background-position:-154px 0; width:161px; } .vogueIcons .vogueNav li.winTheIcons a { background-position:-315px 0; width:166px; } .vogueIcons .vogueNav li.shopTheIcons a:hover, .vogueIcons .vogueNav li.shopTheIcons a.active { background-position:0 -37px; width:154px; } .vogueIcons .vogueNav li.meetTheJudges a:hover, .vogueIcons .vogueNav li.meetTheJudges a.active { background-position:-154px -37px; width:161px; } .vogueIcons .vogueNav li.winTheIcons a:hover, .vogueIcons .vogueNav li.winTheIcons a.active { background-position:-315px -37px; width:166px; } /*large nav*/ .vogueIcons .vogueNav.large {background:url(../img/elements/voguePromo/nav-judgesNav.png); height:50px; width:960px; margin:0 -15px;} .vogueIcons .vogueNav.large li a {background:url(../img/elements/voguePromo/nav-judgesNav.png); height:50px; } .vogueIcons .vogueNav.large li.shopTheIcons a { background-position:0 0; width:317px; } .vogueIcons .vogueNav.large li.meetTheJudges a { background-position:-317px 0; width:313px; } .vogueIcons .vogueNav.large li.meetTheJudges a.active { background-position:-317px 50px; width:313px; } .vogueIcons .vogueNav.large li.winTheIcons a { background-position:-630px 0; width:330px; } .vogueIcons .vogueNav.large li.shopTheIcons a:hover { background-position:0 -51px; } .vogueIcons .vogueNav.large li.meetTheJudges a:hover { background-position:-317px -51px; } .vogueIcons .vogueNav.large li.winTheIcons a:hover { background-position:-630px -51px; } .vogueIcons div.content-inner { position: relative; } .vogueIcons div.content-inner a.iconsLink { position: absolute; top: 0px; right: 0px; width: 500px; height: 320px; text-indent: -9999px; } /* Ratings and Reviews */ .ratings {background:url(../img/elements/Ratings/bg.png) repeat-x;} .ratingsContent{background:url(../img/elements/Ratings/rating-bg.png) no-repeat; width:939px; height:512px; display:block; margin:0 auto; position:relative;} .ratingsContent h1{background:url(../img/elements/Ratings/h1.png) no-repeat; display:block; text-indent:-9999px; width:562px; height:150px; position:absolute; top:20px; left:10px;} .ratingsContent p{margin:0px; color:#fff; padding:0px; position:relative; left:10px; top:180px; width:305px; height:145px;} .ratingsContent h2.howTo{background:url(../img/elements/Ratings/how-to-h2.png) no-repeat; display:block; text-indent:-9999px; width:233px; height:17px; position:absolute; top:185px; left:325px;} .ratingsContent p a{color:#fff; text-decoration:underline;} .ratingsContent p.step1{width:260px; position:absolute; top:228px; left:336px; font-size:90%;} .ratingsContent p.step2{width:260px; position:absolute; top:307px; left:336px; font-size:90%;} .ratingsContent p.step3{width:260px; position:absolute; top:422px; left:336px; font-size:90%;} .ratingsContent h2.tips{background:url(../img/elements/Ratings/tips-h2.png) no-repeat; display:block; text-indent:-9999px; width:279px; height:42px; position:absolute; top:80px; left:640px;} .ratingsContent div.tipList{margin:5px; padding:5px; color:#754c78; position:absolute; top:120px; left:625px; width:260px; font-size: 90%; } .ratingsContent div.tipList a{color:#754c78;} .ratingsContent .leftCol{float:left;} .ratingsContent .row{margin:0px 0px 10px 0px;} .ratingsContent .tip {width:235px;} .ratingsContent .row img{display:block; margin-right:5px;} .ratingsContent a.startNow{background:url(../img/elements/Ratings/start-now-btn.png) no-repeat; width:174px; height:23px; text-indent:-9999px; position:absolute; top:473px; left:765px;} /* Beauty Election 2011 */ body.election #content {padding-top:0;} body.election #content .content-inner {width:100%;} body.election #BVRRWidgetID {width:100%;} body.election-terms ol li {padding-bottom:5px;} .beauty-election {width:100%;padding:22px 24px 30px 24px;margin:0 -24px; background:url('../img/elements/election2011/beauty-election-background.png') no-repeat 0 0;} .beauty-election ul {padding:0; margin:0;} #election-news h4, #from-the-polling-booth dt, #election-vote-login h3 {font:18px/24px Gerogia, Times New Roman, Serif; color:#000; margin-bottom:5px;} #election-vote-login {float:left; width:345px; padding:25px 40px 0 20px; background:#000; position:relative; color:#ccc;} #election-vote-login h2 {width:263px; height:94px; margin-bottom:20px; background:url('../img/elements/election2011/h2-vote-now.png') no-repeat 0 0; text-indent:-9999px;} #election-vote-login #beauty_election_stamp {width:150px; height:148px; display:block; position:absolute; top:-9px; right:-39px; text-indent:-9999px; background:url('../img/elements/election2011/beauty-election-stamp.png') no-repeat 0 0;} #election-vote-login p, .forgot_password, .sign_up {font:12px/18px Arial, Verdana, Sans-serif;} #election-vote-login h3 {color:#fff; font-size:22px; line-height:25px; font-weight:bold; margin-top:20px;} #election-vote-login h3 span {display:block;} #election-vote-login h3.vote-now {padding-top:26px;} #election-vote-login #win-2000 {position:absolute; width:97px; height:97px; text-indent:-9999px; background:url('../img/elements/election2011/win-2000.png') no-repeat 0 0; top:252px; right:16px;} #election-vote-login p.logged-in {border-top: solid 1px; padding:10px 0 20px 0; width:79%;} .beauty-election #loginDisplayBox {border-top:1px solid #fff; border-bottom:1px solid #fff; list-style:none; margin:0; padding:5px 0;} .beauty-election #loginDisplayBox li {padding-bottom:10px;} .beauty-election #loginDisplayBox label {display:block; font-size:14px; line-height:24px; color:#864474; } .beauty-election #loginDisplayBox input {width:230px; padding:4px 5px; border:none;} .beauty-election #loginDisplayBox .submit {padding:10px 0 0 0;} .beauty-election #loginDisplayBox .submit input {padding:0; margin:0; border:none; font-size:0; text-indent:-9999px; height:30px; width:146px; background:url('../img/elements/election2011/sign-in-button.png') no-repeat 0 0;} .beauty-election #loginDisplayBox .submit input:hover {background-position:-146px 0; cursor:pointer;} #election-vote-login .forgot_password {padding-top:10px; color:#fff; font-size:14px; } #election-vote-login .sign_up {padding:10px 0; color:#fff; font-size:14px;} #election-info {width:495px; float:right;} #election-info h1 {margin:26px 0 29px 19px; font: bold 40px/30px bold Georgia, Times New Roman, Serif; text-transform:uppercase; color:#000;} #election-info h1 strong {display:block; color:#864474;} #election-news {float:left; width:258px;} #election-news li{padding:0 0 19px 15px; background:url('../img/elements/election2011/election-news-background.jpg') no-repeat 0 bottom; margin-bottom:31px; list-style:none;} #election-news p {color:#000; margin-bottom:10px; font:12px/18px Arial, Verdana, Sans-serif; } #election-news img {margin-left:4px; border:none;} #from-the-polling-booth {float:right; display:inline; margin-top:5px;width:199px; padding:15px 0 13px 11px; background:#ede3eb;} #from-the-polling-booth dt {text-indent:5px; padding-bottom:15px;} #from-the-polling-booth .election-image {float:left; width:71px; padding:1px 0 32px 7px; background:url('../img/elements/election2011/polling-booth-background.png') no-repeat 0 0;} #from-the-polling-booth dd {clear:both; color:#000; font-size:11px;} #from-the-polling-booth h5 {font:bold 12px/16px Arial, Verdana, sans-serif; margin:0;} #from-the-polling-booth span {color:#864474; display:block;} #from-the-polling-booth p {line-height:15px;} #from-the-polling-booth .polled-product {font-weight:bold;} #from-the-polling-booth img {border:none;} #from-the-polling-booth #view_all a{width:175px; height:27px; display:block; text-indent:-9999px; background:url('../img/elements/election2011/view-all.png') no-repeat 0 0;} #from-the-polling-booth #view_all a:hover {background-position:0 -27px;} #election-terms-n-conditions {padding:0; background:#000; height:24px;} #election-terms-n-conditions p {padding:0; margin:0; color:#ccc; font-size:10px; width:960px; margin:0 auto; text-align:right; line-height:24px;} #election-terms-n-conditions a {color:#ccc;} #election-cast-vote {text-indent:-9999px; background: url("/img/elements/election2011/banner-voting.jpg") no-repeat 0 0; width:681px; height:124px;}