/* Global ------------------------------------------------------------------*/ * { margin: 0; } html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin:0; padding:0; } html, body { height: 100%; } body { background:#ffe40c url('../images/bg_body.jpg') top center repeat-x; border: 0; color:#311b10; font-family : Verdana, Arial, Helvetica, "Times New Roman", Sans-serif; font-size : 11px; font-style : normal; } blockquote { font-size: 14px; font-style: italic; margin: 0px; padding: 10px 10px 10px 0px; quotes: "\201C" "\201D"; } blockquote:before { content: open-quote; font-size: 250%; font-weight: bold; } blockquote:after { content: close-quote; font-size: 250%; font-weight: bold; } br { line-height: 10px; } em, i { font-style:italic; } hr { background-color: #c69d58; border: 0px; clear: both; color: #c69d58; height: 1px; } img { border:0px; } p { margin-top: 0px; margin-bottom: 10px; line-height:17px; } pre { font-family: monospace; font-size: 1.0em; margin-bottom: 10px; } fieldset { border: none; padding-bottom:0px; margin-bottom:0px; } small { font-size: 80%; } strong, b { font-weight: bold; } .alignCenter, p.alignCenter { text-align:center; } .alignLeft { text-align:left; } .alignRight { text-align: right; } .autoHeight { width: auto !important; } .autoWidth { width: auto !important; } .bold, p.bold, a.bold { font-weight: bold; } .border { border: #CCCCCC 1px solid; } .border small { margin-left: 12px; } .border td { padding: 10px; } .clear { clear:both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ .clearRight { clear:right; } .cursorHand { cursor: hand; cursor: pointer; } .floatCenter { margin-left: auto; margin-right: auto; } .floatLeft, .float_left { float:left; } .marginLeft { margin-left:10px; } .floatRight, .float_right { float:right; } .hidden { display: none; } .noBorder { border: none !important; } .noMargin { margin: 0px; } .noPadding { padding: 0px; } .normal, a.normal { font-weight: normal !important; } .noTopPadding { margin-top: 0px; } .oneThird { width: 33%; } .padding { margin: 10px; } .red { color: #d5350a !important; } .twoColumn { width: 45%; } .threeColumn { width: 32%; margin-right: 10px; } .wide { width: 100%; } /* Headings ------------------------------------------------------------------*/ h1, h2 { font-family : Verdana, Arial, Helvetica, "Times New Roman", Sans-serif; } h1 { color:#582309; font-weight:normal; line-height:32px; font-size: 28px; margin:0px 0px 20px 0px; padding:0px; } h2 { padding:0px; margin:10px 0px 10px 0px; line-height:18px; font-size: 14px; font-weight:bold; } h3 { padding:0px; margin:10px 0px 10px 0px; line-height:16px; font-size: 14px; font-weight:normal; } h4 { padding:0px; margin:10px 0px 10px 0px; line-height:14px; font-size: 13px; font-weight:normal; } h5 { font-size: 12px; } /* Styled headings */ h1.closed { margin-top:20px; width:832px; height:43px text-indent: -9999px; background: url(../images/heading_closed.gif) no-repeat; } h1.front_page { margin-bottom:20px; margin-top:10px; width:830px; height:43px; text-indent: -9999px; background: url(../images/heading_front_page.gif) no-repeat; } h1.main_price { margin-bottom:15px; margin-top:30px; width:336px; height:66px; text-indent: -9999px; background: url(../images/heading_main_price.gif) no-repeat; } h1.personal_front_page { margin-top:20px; width:428px; height:26px; text-indent: -9999px; background: url(../images/heading_personal_front_page.gif) no-repeat; } h1.personal_info { margin-bottom:10px; margin-top:20px; width:645px; height:25px; text-indent: -9999px; } h1.preview { margin-top:20px; width:151px; height:21px; text-indent: -9999px; background: url(../images/heading_preview.gif) no-repeat; } h1.price { margin-bottom:10px; margin-top:20px; width:331px; height:18px; text-indent: -9999px; background: url(../images/heading_price.gif) no-repeat; } h1.privacy { margin-top:25px; width:198px; height:18px; text-indent: -9999px; background: url(../images/heading_privacy.gif) no-repeat; } h1.product { margin-bottom:20px; margin-top:30px; width:122px; height:18px; text-indent: -9999px; background: url(../images/heading_product.gif) no-repeat; } h1.rules { margin-top:30px; width:95px; height:22px; text-indent: -9999px; background: url(../images/heading_rules.gif) no-repeat; } h1.sent { margin-bottom:20px; margin-top:20px; width:177px; height:21px; text-indent: -9999px; background: url(../images/heading_sent.gif) no-repeat; } h1.status { margin-bottom:15px; width:163px; height:25px; text-indent: -9999px; background: url(../images/heading_status.gif) no-repeat; } h1.weekly_competition { margin-top:20px; width:429px; height:30px; text-indent: -9999px; background: url(../images/heading_weekly_competition.gif) no-repeat; } /* Front page subheadings */ div.front_page_product h2 { background: url(../images/heading_front_page_product.gif) no-repeat; height:22px; text-indent: -9999px; width:146px; } div.front_page_product h2 a { display: block; height:22px; width:146px; } /* Participate page subheadings */ h2.personal_info_form { margin-bottom:15px; width:174px; height:19px; text-indent: -9999px; background: url(../images/heading_personal_info_form.gif) no-repeat; } h2.participate_to_weekly_competition { margin-bottom:15px; margin-top:0px; width:215px; height:41px; text-indent: -9999px; background: url(../images/heading_participate_to_weekly_competition.gif) no-repeat; } h2.participate_to_weekly_competition a { display: block; } /* Product page subheadings */ div.product_partner h2 { background: url(../images/heading_product_partner.gif) no-repeat; height:48px; text-indent: -9999px; width:285px; } div.product_partner h2 a { display: block; height:48px; width:285px; } div.product_participate h2 { background: url(../images/heading_product_participate.gif) no-repeat; height:18px; text-indent: -9999px; width:187px; } div.product_participate h2 a { display: block; height:17px; width:89px; } /* Facebook headings */ h2.facebook_small { background : url('../images/heading_facebook_small.gif') no-repeat; height: 63px; margin: 5px 0px 0px 0px; padding:0px; position: absolute; left: 0; top: 64; text-indent: -9999px; width: 290px; z-index: 10; } h2.facebook_small a { display: block; height: 63px; width: 290px; } h2.facebook_regular { background : url('../images/heading_facebook_regular.gif') no-repeat; height: 59px; margin: 15px 0px 10px -8px; padding:0px; text-indent: -9999px; width: 439px; } h2.facebook_regular a { display: block; height: 59px; width: 439px; } h2.facebook_wide { background : url('../images/heading_facebook_wide.gif') no-repeat; height: 59px; margin: 10px 0px 0px -8px; padding:0px; text-indent: -9999px; width: 724px; } h2.facebook_wide a { display: block; height: 59px; width: 724px; } /* Weekly competition Thanks-page subheadings */ div.weekly_competition_partner { float: left; width: 350px; } div.weekly_competition_participate { float: left; width: 200px; } div.weekly_competition_partner h2 { background: url(../images/heading_weekly_competition_partner.gif) no-repeat; height:48px; text-indent: -9999px; width:285px; } div.weekly_competition_partner h2 a { display: block; height:48px; width:285px; } div.weekly_competition_participate h2 { background: url(../images/heading_weekly_competition_participate.gif) no-repeat; height:17px; text-indent: -9999px; width:89px; } div.weekly_competition_participate h2 a { display: block; height:17px; width:89px; } /* Images ------------------------------------------------------------------*/ img.border { border: #CCC 1px solid; padding: 3px; } img.floatLeft { margin: 0px 10px 0px 10px; } img.floatRight { margin: 0px 0px 10px 10px; } /* Layout ------------------------------------------------------------------*/ #wrapper { background: transparent url('../images/bg_wrapper.jpg') top center no-repeat; min-height: 100%; height: auto !important; height: 100%; margin: 0px auto -183px auto; position: relative; width:960px; } #logo { background: transparent url('../images/logo.gif') top center no-repeat; font-size: 160%; height: 104px; position: absolute; top: 20px; left: 355px; text-align: center; text-indent: -9999px; width:256px; } #logo a { display: block; height: 104px; width: 256px; } #content { margin:340px auto 0px auto; min-height: 300px; padding:0px 45px 0px 45px; width:870px; } .content_top { background : transparent url(../images/bg_content_top.gif) left top no-repeat; height:46px; width: 620px; margin:0; } .content_body { width: 620px; margin:0; } .content_body h1, .content_body h2 { color:#451D04; font-size:18px; line-height:22px; margin: 0px 0px 12px 0px; padding:0; text-align:left; } .content_body div.content { padding: 10px 0px 10px 20px; } .content_bottom { background : url('../images/bg_content_bottom.gif') no-repeat; height:9px; width: 620px; margin:0; } #content_left { padding:0px; float:left; width:230px; } #content_right { float:left; width: 620px; } #wrapper_bottom { margin: 0 auto 10px auto; width:750px; } /* Footer, Push is for sticky footer */ #footer, .push { clear: both; height: 183px; } #footer { background: transparent url('../images/bg_footer.jpg') bottom center repeat-x; padding-top: 0px; width: 100%; } #footer_content { background: transparent url('../images/bg_footer_content.jpg') bottom center no-repeat; height: 183px; margin: 0 auto; padding: 0px 0px 0px 83px; position: relative; width: 877px; } #footer_content a { float: left; margin-right: 32px; margin-top: 96px; } #footer_content img { border: 0; } #footer_content a#oululainen_logo { margin-top: 130px; } #footer_content img#product { height: 384px; position: absolute; top: -201px; left: 528px; width: 407px; } #footer a, #footer a:visited { color:#d5350a; font-size:10px; text-decoration:underline; } #footer a:hover { color:#d5350a; font-size:10px; text-decoration:none; } /* Results table */ .form_desc { margin-left:40px; } .form_desc ul li { } table#result_table { margin-top:10px; } table#result_table tr th { font-size: 11px; font-weight: bold; padding-bottom: 6px; text-align:left; } table#result_table tr th.status { width: 105px; } table#result_table tr td { vertical-align:top; } #result_table td.accepted { background: green; } #result_table td.accepted_other { background: yellow; } #result_table td.not_accepted { background: red; } ul.legend { margin-bottom: 10px; margin-top: 10px; } ul.legend li { padding: 2px 0px 5px 85px; } ul.legend li.status1 { background : url(../images/icon_accepted.gif) no-repeat; } ul.legend li.status2 { background : url(../images/icon_pending.gif) no-repeat; } ul.legend li.status3 { background : url(../images/icon_accepted_other.gif) no-repeat; } /* Links ------------------------------------------------------------------*/ a, a:visited { color : #311b10; text-decoration : underline; } a:hover { color : #311b10; text-decoration: none; } a, a:focus { outline : none; } form#messageForm a.right_link { float:right; margin-right:20px; } a.logo { float:right; margin:0px 135px 20px 0px; } a.arrow { font-weight:normal !important; padding-right:12px; margin-top:10px; background : url('../images/icon_arrow.gif') no-repeat right 4px; } a.back { clear: both; display: block; width: 42px; } a.back_to_begin { background : url('../images/link_back_to_begin.gif') no-repeat top left; display: block; float:right; height: 16px; margin: 30px 10px 10px 0px; text-indent: -9999px; width: 128px; } a.back_to_front_page { background : url('../images/link_back_to_front_page.gif') no-repeat top left; display: block; float:right; height: 16px; margin: 30px 10px 10px 0px; text-indent: -9999px; width: 87px; } a.participate_to_test { background : url('../images/button_participate_to_test.gif') no-repeat top left; display: block; float: right; height: 49px; margin: 0px 40px 0px 20px; text-indent: -9999px; width: 144px; } a.preview_link { float:left; margin-left:10px !important; } a.share_to_facebook { background : url('../images/button_share_to_facebook.gif') no-repeat top left; display: block; float: left; height: 49px; margin: 0px 20px 0px 0px; text-indent: -9999px; width: 282px; } a#privacy { display: block; font-size: 90%; font-weight: normal; margin-top: 4px; } a#rules { font-size: 90%; font-weight: normal; } /* Lists ------------------------------------------------------------------*/ ul { list-style-type:none; margin-bottom:20px; } ul.list { list-style-type:disc; margin-bottom:10px; margin-left:20px; } li { margin-bottom:5px; } /* Forms ------------------------------------------------------------------*/ form#messageForm a.add_recipient { background : url('../images/icon_arrow.gif') no-repeat left 4px; display: block; font-weight:normal !important; margin-bottom: 10px; padding-left:12px; } form#messageForm a.arrow { font-weight:normal !important; padding-right:12px; background : url('../images/icon_arrow.gif') no-repeat right 4px; } /* Errors */ input.error, select.error { /* border: 1px solid #d5350a; */ } /* Form rows */ .optional { clear: both; font-weight: normal; margin-bottom: 6px; /*width: 270px;*/ } .required { /*font-weight: bold;*/ margin-bottom: 3px; /*width: 270px;*/ } /* Participate form */ form#personal { } form#personal, form#messageForm { width: 318px; } span.friend_name { float:left; font-weight:bold; margin-bottom:5px; margin-left:62px; width:90px; } span.friend_email { float:left; font-weight:bold; margin-bottom:5px; margin-left:10px; } #personal label { display: block; font-size:11px; margin:0px 0px 5px 0px; padding-bottom:0; color:#311b10; } #personal label:hover { color:#582309; } form#personal { margin: 0px; } form#personal fieldset { width:318px; } form#personal h2 { font-weight:bold; font-size:12px; margin-top:0px; margin-bottom:5px; } form#personal div.firstname, form#personal div.lastname { float:left; margin-bottom:8px; position:relative; width:154px; } form#personal div.lastname { margin-left: 10px; } form#personal div.email { clear: both; line-height:10px; width:318px; } form#personal input.small { background: transparent url(../images/input_text_small.gif) no-repeat scroll 0 0; border:medium none; color:#593d0d; font-family:Verdana,Arial,Helvetica,"Times New Roman",Sans-serif; font-size:11px; height:16px; padding:3px 4px; width:82px; } form#personal input.medium { background: transparent url(../images/input_text_medium.gif) no-repeat scroll 0 0; border:medium none; color:#593d0d; font-family:Verdana,Arial,Helvetica,"Times New Roman",Sans-serif; font-size:11px; height:16px; padding:3px 4px; width:146px; } form#personal input.large { background: transparent url(../images/input_text_large.gif) no-repeat scroll 0 0; border:medium none; color:#593d0d; font-family:Verdana,Arial,Helvetica,"Times New Roman",Sans-serif; font-size:11px; height:16px; padding:3px 4px; width:310px; } form#personal a { } form input.update_message { background : url('../images/icon_arrow.gif') no-repeat right 6px; border:none; color : #d5350a; font-family : Verdana, Arial, Helvetica, "Times New Roman", Sans-serif; font-weight:normal; font-size:11px; letter-spacing:0px; margin:0px; padding-right:10px; } #order_newsletter, #weekly_competition { float:left; margin:0; padding:0; } form#personal label.order_newsletter, form#personal label.weekly_competition { color:#311b10; font-size:11px; font-weight:normal; margin:0 0 6px 20px; text-align:left; } form#personal label.order_newsletter { margin-bottom: 10px; } form#personal label.order_newsletter:hover, form#personal label.weekly_competition:hover { text-decoration: underline; } form#personal label.weekly_competition { line-height: 16px; } form#personal input.button_participate, input.button_participate { width:115px; height:34px; border:none; background : url(../images/button_participate.gif) no-repeat; cursor:pointer; margin:0px 12px 12px -3px; float:left; text-indent: -9999px; } .widthControl { margin-left:15px; width:400px; } /* Send invitations form */ form#messageForm { margin-top:0px; } form#messageForm div.recipient_data { width: 318px; } form#messageForm div.recipient_data div { float: left; margin:0px 0 5px 0px; } form#messageForm label { font-weight:bold; margin:5px 0 5px 0px; } form#messageForm label:hover { text-decoration: underline; } form#messageForm div.recipient_data label { float: left; margin: 3px 0px 0px 0px; width: 60px; } form#messageForm div.recipient_data label:hover { text-decoration: none; } form#messageForm div.own_subject label { display: block; } form#messageForm div.own_message { margin-top: 5px; } form#messageForm div.own_message label { display: block; margin-top: 5px; } .buttons { margin:5px 0px 5px 0px; display:block; height:40px; } form#messageForm input.button_send_invitations { border:none; cursor:pointer; float:left; height: 34px; margin: 5px 0px 5px 0px; width: 85px; } form.SendForm input.button_send { background: url(../images/button_send.gif) no-repeat; height:34px; margin:15px 0; width:85px; border:none; cursor:pointer; display:block; text-indent: -9999px; } form#messageForm input.name { background:transparent url(../images/input_text_small.gif) no-repeat scroll 0 0; border:medium none; color:#593d0d; font-family:Verdana,Arial,Helvetica,"Times New Roman",Sans-serif; font-size:11px; height:16px; margin: 0px 0px 5px 0px; padding:3px 4px; width:82px; } form#messageForm input.email { background : url(../images/input_text_medium.gif) no-repeat; border:medium none; color:#593d0d; font-family:Verdana,Arial,Helvetica,"Times New Roman",Sans-serif; font-size:11px; height:16px; margin: 0px 0px 5px 10px; padding:3px 4px; width:146px; } form#messageForm input#own_subject { background : url(../images/input_text_large.gif) no-repeat; border:medium none; clear: both; color:#593d0d; font-family:Verdana,Arial,Helvetica,"Times New Roman",Sans-serif; font-size:11px; height:16px; padding:3px 4px; width:310px; } form#messageForm textarea#own_message { background : url(../images/textarea_large.gif) no-repeat; border:medium none; border-bottom: #f0c700 1px solid; clear: both; color:#593d0d; font-family: Verdana,Arial,Helvetica,"Times New Roman",Sans-serif; font-size:11px; height:130px; margin-bottom: 5px; padding:3px 4px; width:310px; } /* Tables ------------------------------------------------------------------*/ tr.row td { padding-bottom:10px; } #content table { border-collapse:collapse; border:none; padding-left:0px; font-size:11px; } #content table.message { width: 420px; } #content table th { text-align:left; font-weight:normal; } #content table td { margin-left:0px; padding-left:0px; } #content table td.firstc { width: 120px; } td.firstc { width: 150px; } td.day { width:60px; font-weight:bold; vertical-align:top; } /* Errors */ div.error { color:#d5350a; font-size:12px; } div.error select { color:#d5350a !important; } form#personal label.error { color: #d5350a; } .errormsgb { border: none; margin-bottom:5px; padding-bottom: 10px; color:#c80000; text-align:left; } /* Participate form error */ form#personal .errormsgb { padding-bottom: 10px; width: 318px; } /* Send invitations form error */ form#messageForm .errormsgb { width: 318px; } .errormsgb div { color:#c80000; padding-left: 0px; text-align:left; } .errormsgb h2 { color:#c80000; font-family: Verdana, Arial, Helvetica; margin-bottom:10px; padding-bottom:0px; padding-left: 0px; font-size:12px; font-weight:bold; } .error, .error a { color:#c80000; } div.required_fields { margin:0 0 0 345px; } /* Project tailored ------------------------------------------------------------------*/ p.regular { margin-top: 0px; width:318px; } p.increase_text_size { font-size: 120%; line-height: 20px; } /* Horizontal rulers */ div.hr_large_down { background : transparent url(../images/bg_hr_large_down.gif) left top repeat-x; border: 0px; clear: both; color: transparent; display: block; height:46px; margin:0; } div.hr_large_up { background : transparent url(../images/bg_hr_large_up.gif) left top repeat-x; border: 0px; clear: both; color: transparent; display: block; height:46px; margin:0; } div.hr_small_down { background : transparent url(../images/bg_hr_small_down.gif) left top repeat-x; border: 0px; clear: both; color: transparent; display: block; height:20px; margin:0 0 10px 0; } div.hr_small_up { background : transparent url(../images/bg_hr_small_up.gif) left top repeat-x; border: 0px; clear: both; color: transparent; display: block; height:20px; margin:0 0 0px 0; } div.hr_narrow { width: 318px; } div.hr_regular { width: 560px; } div.hr_wide { width: 860px; } div.hr_video { margin-top: -4px; width: 577px; } /* Front page */ div.front_page_left_column { float: left; width: 350px; } div.front_page_left_column p { margin-bottom: 0px; width: 330px; } div.front_page_right_column { float: left; width: 450px; } div.front_page_right_column p { margin-bottom: 0px; } div.front_page_facebook { float: left; height: 130px; margin-top: 10px; position: relative; width: 320px; } div.front_page_product { float: left; margin-top: 5px; width: 300px; } /* Product page */ div.product_column_1 { float:left; margin-right: 42px; width: 280px; } div.product_column_2 { float:left; margin-right: 42px; width: 200px; } div.product_column_3 { float:left; width: 280px; } div.product_column_2 h3, div.product_column_3 h3 { font-size: 11px; font-weight: bold; margin: 0px; } div.product_facebook { float: left; margin-top: 10px; position: relative; width: 320px; } div.product_participate { float: left; margin-top: 10px; width: 200px; } /* Tell friend page */ div.participate_to_weekly_competition { float: right; width: 260px; } /* Figures */ div.figure { margin-left: -20px; } p.figure { width: 480px; } h1.figure_1111, h1.figure_2111 { background: url(../images/heading_figure_111.gif) no-repeat; } h1.figure_1112, h1.figure_2112 { background: url(../images/heading_figure_112.gif) no-repeat; } h1.figure_1113, h1.figure_2113 { background: url(../images/heading_figure_113.gif) no-repeat; } h1.figure_1121, h1.figure_2121 { background: url(../images/heading_figure_121.gif) no-repeat; } h1.figure_1122, h1.figure_2122 { background: url(../images/heading_figure_122.gif) no-repeat; } h1.figure_1123, h1.figure_2123 { background: url(../images/heading_figure_123.gif) no-repeat; } h1.figure_1131, h1.figure_2131 { background: url(../images/heading_figure_131.gif) no-repeat; } h1.figure_1132, h1.figure_2132 { background: url(../images/heading_figure_132.gif) no-repeat; } h1.figure_1133, h1.figure_2133 { background: url(../images/heading_figure_133.gif) no-repeat; } h1.figure_1211, h1.figure_2211 { background: url(../images/heading_figure_211.gif) no-repeat; } h1.figure_1212, h1.figure_2212 { background: url(../images/heading_figure_212.gif) no-repeat; } h1.figure_1213, h1.figure_2213 { background: url(../images/heading_figure_213.gif) no-repeat; } h1.figure_1221, h1.figure_2221 { background: url(../images/heading_figure_221.gif) no-repeat; } h1.figure_1222, h1.figure_2222 { background: url(../images/heading_figure_222.gif) no-repeat; } h1.figure_1223, h1.figure_2223 { background: url(../images/heading_figure_223.gif) no-repeat; } h1.figure_1231, h1.figure_2231 { background: url(../images/heading_figure_231.gif) no-repeat; } h1.figure_1232, h1.figure_2232 { background: url(../images/heading_figure_232.gif) no-repeat; } h1.figure_1233, h1.figure_2233 { background: url(../images/heading_figure_233.gif) no-repeat; } h1.figure_1311, h1.figure_2311 { background: url(../images/heading_figure_311.gif) no-repeat; } h1.figure_1312, h1.figure_2312 { background: url(../images/heading_figure_312.gif) no-repeat; } h1.figure_1313, h1.figure_2313 { background: url(../images/heading_figure_313.gif) no-repeat; } h1.figure_1321, h1.figure_2321 { background: url(../images/heading_figure_321.gif) no-repeat; } h1.figure_1322, h1.figure_2322 { background: url(../images/heading_figure_322.gif) no-repeat; } h1.figure_1323, h1.figure_2323 { background: url(../images/heading_figure_323.gif) no-repeat; } h1.figure_1331, h1.figure_2331 { background: url(../images/heading_figure_331.gif) no-repeat; } h1.figure_1332, h1.figure_2332 { background: url(../images/heading_figure_332.gif) no-repeat; } h1.figure_1333, h1.figure_2333 { background: url(../images/heading_figure_333.gif) no-repeat; } /* Fancy lightbox */ #fancy_ajax div { padding: 0px 0px 0px 5px; } /* Main price */ /* Without javascript */ div#main_price { height: 500px; margin-bottom: 240px; width: 800px; } /* With javascript */ #fancy_ajax div#main_price { height: 500px; margin-bottom: 0px; width: 800px; } /* Without javascript */ div#main_price img { margin: 0px 0px 0px 0px; position: absolute; left: 20px; top: 350px; z-index: 1; } /* With javascript */ #fancy_ajax div#main_price img { margin: -10px 0px 0px 0px; position: absolute; left: -10px; top: 0px; z-index: 1; } div#main_price p { width: 550px; } div#main_price a { position: absolute; z-index: 2; } /* Weekly competition prices */ div.price { float: left; width: 202px; } div.price p { padding-right: 5px; } #fancy_ajax a.back { display: none; } #fancy_ajax form { display: none; } #fancy_ajax p { padding-right: 10px; } p.space { padding-bottom: 140px; } #fancy_ajax p.space { display: none; } #fancy_ajax div#content_right { width: auto !important; }