html { background: url("https://img.igl.net/images/bg1.jpg") repeat-x 0px 0px; background-color: #000000; } body { font-family: Trebuchet MS, Arial; font-size: 13px; color: #999999; } a { color: #FFFFFF; font-weight: bold; text-decoration: underline; } a:hover { color: #33CCFF; }  .frame { width: 1002px; margin: 0px auto 0px auto; }  .header1 { color: #33CCFF; font-size: 30px; margin: 0px 0px 10px 0px; } .header2 { color: #33CCFF; font-size: 18px; } .header2_alt { color: #99FF66; font-size: 18px; text-transform: uppercase; } .header3 { color: #33CCFF; font-size: 16px; } .header4 { color: #999999; font-size: 16px; } .header5 { color: #ff33ff; font-size: 22px; } .header5_alt { color: #99ff66; font-size: 22px; } .text_alt { color: #99FF66; } .arrow { cursor: pointer; } .value { color: #FF9933; }  a.btn { height: 50px; padding: 0px 0px 0px 15px; display: block; font-weight: bold; text-decoration: none; text-align: center; white-space: nowrap; font-size: 18px; text-transform: uppercase; } a.btn .out { height: 50px; display: block; padding: 0px 15px 0px 0px; } a.btn .in { height: 44px; display: block; padding: 6px 0px 0px 0px; } a:hover.btn { text-decoration: underline; color: #FFFFFF; }  a.blue_btn { background: url("https://img.igl.net/images/button1_left.gif") no-repeat 0px 0px; } a.blue_btn .out { background: url("https://img.igl.net/images/button1_right.gif") no-repeat top right; } a.blue_btn .in { background: url("https://img.igl.net/images/button1_content.gif") repeat-x 0px 0px; }  a.orange_btn { background: url("https://img.igl.net/images/button2_left.gif") no-repeat 0px 0px; } a.orange_btn .out { background: url("https://img.igl.net/images/button2_right.gif") no-repeat top right; } a.orange_btn .in { background: url("https://img.igl.net/images/button2_content.gif") repeat-x 0px 0px; }  .step_list { padding: 15px 0; } .step_list li { padding: 0px 22px 0px 20px; float: left; display: block; text-align: right; height: 37px; } .step_list li.last { padding: 0px 0px 0px 20px; } .step_list li div { float: left; padding: 10px 0px 0px 0px; height: 30px; display: block; background: url("https://img.igl.net/images/step_tab.gif") no-repeat center right; float: left; font-size: 18px; font-weight: bold; color: #666666; } .step_list li strong { position: relative; left: -8px; } .step_list li div span { position: relative; left: -10px; top: -1px; background: url("https://img.igl.net/images/circle.gif") no-repeat center left; float: left; padding: 10px 0px 0px 0px; height: 28px; width: 36px; text-align: center; font-size: 12px; color: #666666; margin: -7px 0px 0px 0px; } .step_list_container { padding: 0px 0px 0px 100px; } .step_list { margin: 0px; } .step_list li { margin: 0px -10px 0px 0px; float: left; display: block; text-align: right; height: 37px; } .step_list li div { padding: 7px 30px 0px 0px; height: 30px; display: block; background: url("https://img.igl.net/images/step_tab.gif") no-repeat center right; float: left; font-size: 18px; font-weight: bold; color: #666666; } .step_list li div span { position: relative; left: -10px; background: url("https://img.igl.net/images/circle.gif") no-repeat center left; float: left; padding: 9px 0px 0px 0px; height: 28px; width: 37px; text-align: center; font-size: 12px; color: #666666; margin: -7px 20px 0px 0px; } .step_list a:link, .step_list a:hover, .step_list a { text-decoration: none; color: #595959; } .step_list li.current div { color: #FFFFFF; } .step_list li.current div.yellow { background: url("https://img.igl.net/images/step_tab_yellow.gif") no-repeat center right; } .step_list li.current div.blue { background: url("https://img.igl.net/images/step_tab_blue.gif") no-repeat center right; } .step_list li.current div.red { background: url("https://img.igl.net/images/step_tab_red.gif") no-repeat center right; } .step_list li.current div.purple { background: url("https://img.igl.net/images/step_tab_purple.gif") no-repeat center right; } .step_list li.current div.yellow span { background: url("https://img.igl.net/images/circle_yellow.gif") no-repeat center left; } .step_list li.current div.blue span { background: url("https://img.igl.net/images/circle_blue.gif") no-repeat center left; } .step_list li.current div.red span { background: url("https://img.igl.net/images/circle_red.gif") no-repeat center left; } .step_list li.current div.purple span { background: url("https://img.igl.net/images/circle_purple.gif") no-repeat center left; } #create .step_list ul { width: auto; } #create .step_list li { padding: 0px 15px; }  #tour { background: #000000; padding: 20px; } .tour_step { display: none; } .tour_image { float: left; margin: 20px 40px 0px 20px; } .tour_info { float: left; font-size: 16px; margin: 20px 0px 0px 0px; } .tour_info .header2 { margin: 0px 0px 20px 0px; font-size: 24px; } .tour_info .header2 span { font-size: 20px; } .tour_info .header3 { margin: 0px; font-size: 16px; } .tour_info ul.bullets li { list-style-type: disc; margin: 0px 0px 5px 30px; } .tour_info ul.bullets ol li { list-style-type: decimal; background: url("https://img.igl.net/images/tour_fade.gif"); } .tour_info .left, .tour_info .right { position: relative; left: -20px; } .tour_intro { height: 37px; background : url("https://img.igl.net/images/tour_fade.gif") repeat-x top; margin: 0 20px; } .tour_intro div { float: left; width: 450px; } .tour_intro div img { float: left; margin: 0px 10px; position: relative; top: -20px; left: -12px; } .tour_intro div.right { padding-left: 10px; } .join_a_league_btn { float: left; width: 300px; margin: 40px 20px 0px 0px; } .start_tour_btn { float: left; width: 200px; margin: 40px 20px 0px 0px; } .next_tour_btn { float: left; width: 200px; margin: 40px 0px 0px 0px; } #tour_step_1 { display: block; }