body { color:#000; text-align:center; background-image:url(http://www.wanduta.com/V2/images/page_bg.png); background-repeat : repeat-x; background-color:#e7e8e9; font-family:arial, helvetica; font-size:12px; line-height:17px; margin:0 0 40px; padding:0; } #container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: auto;} a{ color:#933; font-weight:bold; text-decoration:none; } a:hover{ color:#333; } #wrapper { width:990px; text-align:left; margin:0 auto; padding:0; } #menu1 { position:absolute; top:37px; left:878px; color:#fff; } #menu2 { position:absolute; top:75px; left:490px; width:510px; } a { text-decoration:none; } p { text-align:left; margin:20px; margin-left:30px; } h1 { text-align:left; margin-left:20px; } #inside { margin-left:20px; margin-right:20px; } #movie { text-align:left; margin-left:40px; margin-top:0; margin-bottom:0; height:192px; } #contents1 { position: relative; /* required : div-absolute can be absolute relative to inner-container */ margin: 0 auto; /* centering for Firefox */ width: 990px; /* same width as div-centered; required for Firefox */ margin-right:auto; margin-left:auto; height:174px; color:#000; padding:0; margin-top:0; margin-bottom:0; } #logo { margin-left:20px; margin-top:0; margin-bottom:0; height:172px; } #contents2 { position: relative; /* required : div-absolute can be absolute relative to inner-container */ margin: 0 auto; /* centering for Firefox */ background-image:url(http://www.wanduta.com/V2/images/headline_background_strip.png); margin-right:auto; margin-left:auto; width:990px; height:121px; color:#000; padding:0; margin-top:-20px; /* was 0 */ margin-bottom:0; } #contents3 { /* background-image:url(http://www.wanduta.com/V2/images/bg_slice_sub_horizontal.gif); */ background-image:url(http://www.wanduta.com/V2/images/bg_slice_middle.png); margin-right:auto; margin-left:auto; width:990px; color:#000; padding:0; } #contents4 { /* background-image:url(http://www.wanduta.com/V2/images/bg_slice_sub_horizontal.gif); */ background-image:url(http://www.wanduta.com/V2/images/bg_slice_middle.png); margin-right:auto; margin-left:auto; width:990px; color:#000; margin-top:0; /* was -20 */ padding:0; } #contents5 { background-image:url(http://www.wanduta.com/V2/images/bg_slice_sub_horizontal.gif); width:990px; color:#000; margin-right:auto; margin-left:auto; margin-top:-20px; padding:0; } /* ---------------- DROPDOWN MENU ---------------------------------------- */ #cssdropdown,#cssdropdown ul { background-image:url(bg.gif); list-style:none; text-transform:uppercase; font-family:arial, helvetica; font-size:11px; text-align:center; } #cssdropdown,#cssdropdown * { margin:0; padding:0; } #cssdropdown li.headlink { width:114px; float:left; margin-left:-1px; margin-right:10px; /* padding-right:15px; */ /* border:1px #000 solid; */ background-color:#000; text-align:center; margin-top:3px; margin-bottom:3px; list-style-type:none; } #cssdropdown li.headlink a { padding-top:3px; /* was 5 */ padding-bottom:3px; display:block; background:#000; list-style-type:none; /* padding:10px; */ margin-right:1px; /* 10 */ } #cssdropdown li.headlink ul { background-image:url(bg.gif); background-position:bottom; display:none; text-align:left; padding-bottom:10px; list-style-type:none; } #cssdropdown li.headlink:hover ul { background-image:url(bg.gif); /* background: none; */ display:block; list-style-type:none; } #cssdropdown li.headlink ul li a { /* background-image:url(bg.gif); */ background: none; height:20px; /* was 24 */ margin-top:2px; margin-bottom:2px; /* letter-spacing:0.88px; */ list-style-type:none; /* padding:5px; */ text-align:center; } #cssdropdown li.headlink ul li a:hover { /* background-image:url(bg.gif); */ background: none; color:#000; font-weight:700; list-style-type:none; text-align:center; } #cssdropdown a { color:#FFF; } #cssdropdown ul li a:hover { text-decoration:none; list-style-type:none; } #cssdropdown li.headlink a:hover { background: none /* background-image:url(bg.gif); */ list-style-type:none; color:#000; } #cssdropdown li.headlink ul :a { background: none /* background-image:url(bg.gif); */ background-position:bottom; padding-bottom:10px; list-style-type:none; } #cssdropdown li.headlink ul :a :hover{ background: none padding-bottom:10px; list-style-type:none; color:#939; } #cssdropdown li.headlink a:hover { color:#933; /* background-image:url(bg.gif); */ } /* ---------------------- / DROPDOWN MENU ------------------------------- */ #one_col_content{ width:950px; padding-left:20px; padding-right:20px; font-size:12px; margin-top:0; margin-bottom:0; line-height:17px; } #one_col_content h1{ padding-left:8px; /* was 10 */ } .half{ width:495px; float:left; position: relative; } .rightFooter{ padding-right:10px; position: absolute; left: 400px; top: 5px } #footer { background-image:url(http://www.wanduta.com/V2/images/bg_slice_footer.png); background-repeat: no-repeat width:990px; color:#000; margin-right:auto; margin-left:auto; margin-top:-20px; height:30px; padding:0; } #footer a{ font-weight:300; color:#666; } #footer a:hover{ color:#933; } /* home */ /* body { color:#000; text-align:center; background-image:url(http://www.wanduta.com/V2/images/page_bg.png); background-repeat : repeat-x; background-color:#e7e8e9; font-family:arial, helvetica; font-size:12px; line-height:17px; margin:0 0 40px; padding:0; } */ a{ color:#933; font-weight:bold; } a:hover{ color:#333; } #wrapper { width:990px; text-align:left; margin:0 auto; padding:0; } #contents1 { position: relative; /* required : div-absolute can be absolute relative to inner-container */ margin: 0 auto; /* centering for Firefox */ width: 990px; /* same width as div-centered; required for Firefox */ margin-right:auto; margin-left:auto; height:174px; color:#000; padding:0; margin-top:0; margin-bottom:0; z-index:999; } #homepage_content { position: relative; /* required : div-absolute can be absolute relative to inner-container */ margin: 0 auto; /* centering for Firefox */ width: 990px; /* same width as div-centered; required for Firefox */ height:492px; background-image:url(http://www.wanduta.com/V2/images/bg_home.png); margin-right:auto; margin-left:auto; color:#000; padding:0; margin-top:0; margin-bottom:0; z-index:1; } #menu1 a{ color:#fff; } #menu1 a:hover{ color:#999; } #box1{ position:absolute; top:32px; left:20px; width:476px; height:213px; } #box2{ position:absolute; top:40px; left:510px; width:440px; height:200px; color:#fff; } #radio_button{ position:absolute; top:120px; left:820px; width:128px; height:105px; color:#fff; } #home_box1{ position:absolute; top:280px; left:150px; width:140px; height:130px; color:#939598; font-weight:bold; font-size:12px; } #home_box2{ position:absolute; top:280px; left:466px; width:140px; height:130px; color:#939598; font-weight:bold; font-size:12px; } #home_box3{ position:absolute; top:280px; left:767px; width:140px; height:130px; color:#939598; font-weight:bold; font-size:12px; } #home_box1_image{ position:absolute; top:280px; left:70px; width:75px; height:63px; } #home_box2_image{ position:absolute; top:280px; left:370px; width:75px; height:63px; } #home_box3_image{ position:absolute; top:280px; left:690px; width:75px; height:63px; } /* approach 3 */ #threeboxes { padding:0; margin:0; color:#000; font-family: arial, helvetica, sans-serif; white-space:nowrap; } /* #threeboxes li {display:inline;} */ #threeboxes ul{display: inline; list-style-type: none;} #threeboxes li { background:#fc6; color:#000; text-decoration:none; float:left; border:1px solid #000; width:300px; } .half1{ width:100px; float:left; background-color:#999; font-color:#000; } .half2{ width:100px; float:left; background-color:#aaa; font-color:#000; } #radioButton{ display: block; width: 127px; height: 106px; background: url("images/radio_button1.png") no-repeat 0 0; } #radioButton:hover{ background-position: 0 -115px; } #radioButton span{ display: none; } #facebookButton{ display: block; width: 40px; height: 40px; background: url("images/facebook_button.png") no-repeat 0 0; } #facebookButton span{ display: none; } #twitterButton{ display: block; width: 40px; height: 40px; background: url("images/twitter_button.png") no-repeat 0 0; } #twitterButton span{ display: none; } #rssButton{ display: block; width: 24px; height: 24px; background: url("images/rss_button.png") no-repeat 0 0; } #rssButton span{ display: none; } #radioButton_footer{ display: block; width: 140px; height: 23px; background: url("images/radioButton_footer.png") no-repeat 0 0; } #radioButton_footer:hover{ background-position: 0 -23px; } #radioButton_footer span{ display: none; } #homefooter_right1a { position:absolute; top:37px; left:260px; height:50px; padding:0; } #homefooter_right2a { position:absolute; top:37px; left:290px; height:50px; padding:0; } #homefooter_right3a { position:absolute; top:41px; left:330px; height:50px; padding:0; } .headline{ width:600px; height:45px; position:relative; top:36px; left:24px; text-indent: -9000px; } /* 3 col page */ #threecols_wrapper{ position: relative; /* required : div-absolute can be absolute relative to inner-container */ margin: 0 auto; /* centering for Firefox */ background-image:url(http://www.wanduta.com/V2/images/bg_3cols.png); margin-right:auto; margin-left:auto; width:990px; height:205px; } #threecols_wrapper_long{ position: relative; /* required : div-absolute can be absolute relative to inner-container */ margin: 0 auto; /* centering for Firefox */ background-image:url(http://www.wanduta.com/V2/images/bg_3cols_long.png); margin-right:auto; margin-left:auto; width:990px; height:260px; } #threecols_headline1{ position:absolute; top:22px; left:72px; width:237px; color:#b4181e; font-weight:bold; font-size:16px; } #threecols_image1{ position:absolute; top:52px; left:72px; height:100px; width:90px; } #threecols_text1{ position:absolute; top:50px; left:152px; height:105px; width:155px; color:#000; line-height:16px; font-size:11px; } #threecols_headline2{ position:absolute; top:22px; left:386px; width:237px; color:#b4181e; font-size:16px; font-weight:bold; } #threecols_image2{ position:absolute; top:52px; left:386px; height:100px; width:90px; } #threecols_text2{ position:absolute; top:50px; left:466px; height:105px; width:155px; color:#000; line-height:16px; font-size:11px; } #threecols_headline3{ position:absolute; top:22px; left:692px; width:237px; color:#b4181e; font-weight:bold; font-size:16px; } #threecols_image3{ position:absolute; top:52px; left:692px; height:100px; width:90px; } #threecols_text3{ position:absolute; top:50px; left:778px; height:105px; width:155px; color:#000; line-height:16px; font-size:11px; } /* end 3 col page */ #threecolsButton1{ position:absolute; top:157px; left:244px; display: block; width: 68px; height: 24px; background: url("images/learn_more_button.png") no-repeat 0 0; } #threecolsButton1:hover{ background-position: 0 -25px; } #threecolsButton1 span{ display: none; } #threecolsButton2{ position:absolute; top:157px; left:557px; display: block; width: 68px; height: 24px; background: url("images/learn_more_button.png") no-repeat 0 0; } #threecolsButton2:hover{ background-position: 0 -25px; } #threecolsButton2 span{ display: none; } #threecolsButton3{ position:absolute; top:157px; left:866px; display: block; width: 68px; height: 24px; background: url("images/learn_more_button.png") no-repeat 0 0; } #threecolsButton3:hover{ background-position: 0 -25px; } #threecolsButton3 span{ display: none; } #threecolsButton1_long{ position:absolute; top:207px; left:244px; display: block; width: 68px; height: 24px; background: url("images/learn_more_button.png") no-repeat 0 0; } #threecolsButton1_long:hover{ background-position: 0 -25px; } #threecolsButton1_long span{ display: none; } #threecolsButton2_long{ position:absolute; top:207px; left:557px; display: block; width: 68px; height: 24px; background: url("images/learn_more_button.png") no-repeat 0 0; } #threecolsButton2_long:hover{ background-position: 0 -25px; } #threecolsButton2_long span{ display: none; } #threecolsButton3_long{ position:absolute; top:207px; left:866px; display: block; width: 68px; height: 24px; background: url("images/learn_more_button.png") no-repeat 0 0; } #threecolsButton3_long:hover{ background-position: 0 -25px; } #threecolsButton3_long span{ display: none; } #one_col_content h2{ font-size:18px; font-weight:bold; color:#1A1A1A; line-height:22px; padding-left:32px; padding-right:32px; } #one_col_content h3{ font-size:16px; color:#666666; padding-left:32px; padding-right:32px; } #leftbox { float: left; width: 470px; margin: 0; } #leftbox1 { float: left; width: 440px; margin: 0; } #leftbox2 { float: left; left:40px; width: 760px; margin: 0; } #rightbox { margin-left: 500px; max-width: 450; } #rightbox1 { margin-left:460px; max-width: 470; } #rightbox2 { margin-left:800px; width: 160; } /* --------- */ #wanduta_booking_and_promotions_button:hover{ background-position: 0 -40px; } #wanduta_booking_and_promotions_button span{ display: none; } #wanduta_booking_and_promotions_button{ position:absolute; /* top:207px; left:866px; */ display: block; width: 221px; height: 34px; background: url("images/wanduta_booking_and_promotions_button.png") no-repeat 0 0; } /* == */ #wanduta_management_button:hover{ background-position: 0 -40px; } #wanduta_management_button span{ display: none; } #wanduta_management_button{ position:absolute; /* top:207px; left:866px; */ display: block; width: 221px; height: 34px; background: url("images/wanduta_management_button.png") no-repeat 0 0; } /* == */ #wanduta_credit_button:hover{ background-position: 0 -40px; } #wanduta_credit_button span{ display: none; } #wanduta_credit_button{ position:absolute; /* top:207px; left:866px; */ display: block; width: 145px; height: 34px; background: url("images/wanduta_credit_button.png") no-repeat 0 0; } /* == */ #wanduta_discount_platform_button:hover{ background-position: 0 -40px; } #wanduta_discount_platform_button span{ display: none; } #wanduta_discount_platform_button{ position:absolute; /* top:207px; left:866px; */ display: block; width: 145px; height: 34px; background: url("images/wanduta_discount_platform_button.png") no-repeat 0 0; } /* == */ #wanduta_health_button:hover{ background-position: 0 -40px; } #anduta_health_button span{ display: none; } #anduta_health_button{ position:absolute; /* top:207px; left:866px; */ display: block; width: 145px; height: 34px; background: url("images/anduta_health_button.png") no-repeat 0 0; } /* ---------------- */ #box_discounts{ position:relative; width:455px; margin:0; } #box_discounts_top{ background:url(http://www.wanduta.com/V2/images/bg_slice_discounts_top.png) no-repeat; width:455px;height:39px; } #box_discounts_body{ background: url(http://www.wanduta.com/V2/images/bg_slice_discounts.png) repeat-y; margin:0; } #box_discounts: h2 p{ padding-left:5px; padding-right:5px; margin:0; } #box_discounts: h2{ color:#b4181e; font-size:14px; margin:0; } #box_discounts_foot{ background: url(http://www.wanduta.com/V2/images/bg_slice_discounts_foot.png); width:455px; height:26px; margin:0px; } .box_discounts_image{ width:90px; float:left; margin:0px; margin-left;20px; } .box_discounts_content{ float:left; margin:0px; width:325px; margin-left:110px; font-family:arial,sans-serif; font-size:12px; } .box_discounts_content1{ float:left; margin:0px; width:405px; /* IE */ margin-left:20px; padding-top:10px; padding-bottom:10px; } .clear{ clear : both; } #button_artist{ display: block; width: 77px; height: 24px; background: url("images/button_artist") no-repeat 0 0; } #button_artist:hover{ background-position: 0 -24px; } #button_artist span{ display: none; } #button_band{ display: block; width: 77px; height: 24px; background: url("images/button_band") no-repeat 0 0; } #button_band:hover{ background-position: 0 -24px; } #button_band span{ display: none; } /* --------------------- portal page ----------------- */ #portal_wrapper { position: relative; /* required : div-absolute can be absolute relative to inner-container */ margin: 0 auto; /* centering for Firefox */ width: 980px; /* same width as div-centered; required for Firefox */ margin-right:auto; margin-left:20px; margin-top:0px; height:400px; color:#000; padding:0; margin-bottom:0; } #portal_button_row1{ position:absolute; left:20px; top:120px; width:460px; height:36px; } #portal_button_row2{ position:absolute; left:20px; top:230px; width:460px; height:36px; } #portal_suggestion_box{ position:absolute; left:480px; top:10px; height:333px; width:458px; background: transparent url(images/portal_suggestion_box_bg.png); } #portal_welcome_username{ position:absolute; left:20px; top:10px; font-family:sans-serif; font-size:14px; font-weight:bold; } #portal_edit_account_info{ position: absolute; left:20px; top:36px; font-family:sans-serif; font-size:12px; } #portal_subhead_benefits{ position:absolute; left:20px; top:86px; width:124px; height:27px; background: transparent url(images/portal_subhead_benefits.png) } #portal_subhead_opportunities{ position:absolute; left:20px; top:195px; width:201px; height:27px; background: transparent url(images/portal_subhead_opportunities.png) } #portal_please_note{ position: absolute; left:20px; top:280px; font-family:sans-serif; font-size:12px; width:430px; } #portal_suggestion_box_headline{ position: absolute; left:510px; top:100px; font-family:arial,sans-serif; font-size:12px; } #portal_email_field{ position: absolute; left:510px; top:130px; font-family:arial,sans-serif; font-size:12px; } #portal_text_area{ position: absolute; left:510px; top:160px; font-family:arial,sans-serif; font-size:12px; } #portal_submit{ position: absolute; left:838px; top:295px; }