/* Edited with EditCSS */ /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet calendar_style.css ****/ /* Edited with EditCSS */ /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet calendar_style.css ****/ /* Edited with EditCSS */ /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet calendar_style.css ****/ /* Edited with EditCSS */ /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet calendar_style.css ****/ /* Edited with EditCSS */ /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet calendar_style.css ****/ /* CSS Document */ /* The following Styles for the Event Calendar Display code provide many of the class declarations you should need to style the calendars to suit your web site visually. You should look at the source HTML for your calendars so that you can perform considerably more innovative styling than we could use here for this generic calendar display. For instance, you could use a class called "sku_XXX" (where XXX is the actual SKU ID from your database) for Grouping by SKUs and for each "event_instance" so that you can use graphics or other forms of customization for your individual course types. Finally, all colors used in this style sheet begin with "#" so you can easy perform a search and replace to quickly color the default template for your needs. */ /* calendar global setting The width of the register DIV is not set here so that it automatically expands to fit the remaining space. This allows calendars with fewer columns to display correctly. For instance, if you're building a multi-SKU calendar and using a Display Template to sort by SKU, you don't need an "Event Name" DIV since the Grouping will already display the Event Name above each set of events scheduled for that event. The same can be done with Grouping by Location. */ .event_calendar { clear: both; font-color:#000000; } .event_calendar div{ padding: 0; margin: 0; font-size: 10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; } .event_calendar div a{ font-weight: normal; text-decoration: underline; color: red; } .event_calendar div a:hover { color:#000000; } .event_calendar p { line-height: normal; color:#000000; } .event_calendar { width: 99%; border: solid #000000 1px; color:#000000; } .event_calendar div.date { width: 18%; padding:5px 8px 12px 3px; border:0px solid #000000; background:url(images/content-bg2.gif) left top repeat-x; } .event_calendar div.location{ width: 20%; padding:5px 8px 12px 3px; border:0px solid #000000; background:url(images/content-bg2.gif) left top repeat-x; } .event_calendar div.venue{ width: 35%; padding:5px 8px 12px 3px; border:0px solid #000000; background:url(images/content-bg2.gif) left top repeat-x; } .event_calendar div.availability{ padding:5px 8px 12px 3px; border:0px solid #000000; background:url(images/content-bg2.gif) left top repeat-x; } .event_calendar div.register{ padding:0px 8px 12px 3px; border:0px solid #000000; background:url(images/content-bg2.gif) left top repeat-x; } .event_calendar div.odd div.description, .event_calendar div.odd div.date, .event_calendar div.odd div.location, .event_calendar div.odd div.venue, .event_calendar div.odd div.availability, .event_calendar div.odd div.register { background-color: transparent; color:#000000; } .event_calendar div.even div.description, .event_calendar div.even div.date, .event_calendar div.even div.location, .event_calendar div.even div.venue, .event_calendar div.even div.availability, .event_calendar div.even div.register { background-color: #333333; color:#000000; } /* /calendar global setting */ /* header */ .event_calendar div.header { background-color: #444444; border-bottom: solid #000000 1px; } .event_calendar div.header div{ float: left; color: #ffffff; background-color: inherit; border-right: solid #000000 1px; background:url(images/calendar-back.gif) top repeat; } .event_calendar div.header p { color: #ffffff; font-size: 14px; font-weight: bold; text-align: center; padding:5px 1px 0px 1px; margin:0; } .event_calendar div.header div.availability { float: none; border-right: none; } /* /header */ /* footer */ .event_calendar div.footer { background-color: #444444; border-top: solid #000000 0px; display: none; } .event_calendar div.footer div{ float: left; color: #FFFFFF; background-color: inherit; border-right: solid #000000 1px; } .event_calendar div.footer p { color: #FFFFFF; font-weight: bold; text-align: center; padding: 5px 0; margin:0; } .event_calendar div.footer div.availability { float: none; border-right: none; } /* /footer */ /* event_instance */ .event_calendar div.event_instance{ clear: both; border-bottom: solid #000000 1px; } .event_calendar div.event_instance div{ float: left; border-right: solid #000000 1px; height: 5em; } .event_calendar div.event_instance div.availability { float: none; border-right: none; } .event_calendar div.event_instance p { padding: 0 5px; margin:0; font-size: 1em; } /* /event_instance */ /* date */ div.date span.vague_date { display:block; font-weight: normal; text-align: center; font-size: 1.5em; } .event_calendar div.date span.single_day { font-weight:bold; } .event_calendar div.date span.single_day span.time{ display:block; } .event_calendar div.date span.multi_day span.end { display:block; } .event_calendar div.date span.multi_day { font-weight:normal; } .event_calendar div.date span.multi_day span.start_day, .event_calendar div.date span.multi_day span.start_time, .event_calendar div.date span.multi_day span.end_day, .event_calendar div.date span.multi_day span.end_time { font-weight:bold; } .event_calendar div.date span.multi_day span.start_time, .event_calendar div.date span.multi_day span.end_time { padding-left: 4px; font-weight:normal; } .event_calendar div.date span.registration { display:block; margin-top: 10px; font-style:italic; } .event_calendar div.date span.registration > span.single_day{ } .event_calendar div.date span.registration span.instructions { padding-right: 4px; } .event_calendar div.date span.registration span.multi_day span.reg_time span.instructions, .event_calendar div.date span.registration span.single_day span.reg_time + span.instructions { padding-left: 4px; } .event_calendar div.date span.registration span.multi_day, .event_calendar div.date span.registration span.single_day { font-weight:normal; } .event_calendar div.date span.registration span.multi_day span.reg_end { display: block; } .event_calendar div.date span.registration span.multi_day span.reg_date { padding-right: 4px; } .event_calendar div.date span.registration span.single_day span.reg_time { display: block; float: left; padding-right: 4px; } .event_calendar div.date span.registration span.single_day span.reg_time + span.instructions { float: left; display: block; } /* /date */ /* location */ .event_calendar div.event_instance div.location p{ font-weight: bold; text-align: center; } /* /location */ /* venue */ .event_calendar div.event_instance div.venue p{ text-align: center; } .event_calendar div.event_instance div.venue span.venue_address { display: block; } .event_calendar div.event_instance div.venue span.venue_name { font-weight: bold; } .event_calendar div.event_instance div.venue span.web_map{ display: block; text-align: left; float: left; margin-top: 10px; } .event_calendar div.event_instance div.venue span.booking_info { display: block; text-align: left; float: right; margin-top: 10px; } /* /venue */ /* availability */ .event_calendar div.event_instance div.availability { float: none; } .event_calendar div.event_instance div.availability p{ text-align: center; } .event_calendar div.event_instance span.seating_available { font-weight: bold; } .event_calendar div.event_instance span.sold_out { font-weight: bold; color: #FF0000; } .event_calendar div.event_instance span.wait_list { display: block; font-weight: bold; margin-top: 10px; } .event_calendar div.event_instance span.no_wait_list { display: block; margin-top: 10px; } .event_calendar div.event_instance span.null_capacity { color: #FF0000; } /* /availability */ /* Calendars without scheduled events */ .event_calendar div.no_events { background-color: #DDDDDD; padding: 0; margin:0; } .event_calendar div.no_events p{ padding: 0; margin: 0; line-height: 4em; font-size: 1.5em; color: #000000; text-align: center; } /* /Calendars without scheduled events */ /* Homepage Calendar */ .home_calendar { width: 858px; border: solid #000000 0px; color:#000000; } /* /Homepage Calendar */ /* Quick View Homepage Calendar */ .quick_view { padding: 0; margin: 10 0 5px 0 ; width: 180px; min-height: 200px; } .quick_view .event_calendar div.event_instance { padding-bottom: 5px; padding-top: 5px; } .quick_view .event_calendar div.event_instance div{ float: none; height: auto; width: 100%; } .quick_view .header, .quick_view .footer { display: none; } .quick_view .event_calendar div.even div, .quick_view .event_calendar div.odd div { background-color: transparent; } .quick_view .event_calendar .event_instance div.location p { text-align: left; background:url(images/marker.gif) no-repeat left 4px; padding:0 0 0 10px; } .quick_view .event_calendar .event_instance div.date span.time, .quick_view .event_calendar .event_instance div.date span.start_time, .quick_view .event_calendar .event_instance div.date span.end, .quick_view .event_calendar .event_instance div.date span.instructions { display: none; } .quick_view .event_calendar .event_instance div.date span.day, .quick_view .event_calendar .event_instance div.date span.start_day { padding-left: 4px; font-weight: normal; } /* /Quick View Homepage Calendar */ /**** LINK-tag style sheet sus01.css ****/ /*Essential CSS for SignupSystem V1.0 DO NOT REMOVE THESE STYLES */ .tr1 { background-color:#FFFFDD; padding: 3px; } .tr0 { padding: 3px; background-color:white; } .border, .sidebar { background-color: #59075E; } .td-background { background-color: #59075E; border: #59075E; } .red-alert { font-weight: bolder; color: #FF0000; } .alert-low { font-weight: bold; } .alert-medium { color:red; } .alert-high { color:red; font-weight: bolder; } .note { font-weight: bolder; color: #FF0000; } .samplebox { border-style: solid; border-width: thin; border-color: black; padding: 3px 3px 3px 3px; color: #000000; font-family: "Courier New", Courier, mono; } .helptext { text-align: center; background-color: #FFFFCC; padding: 5px; margin: 0 10px; } .message { text-align:center; color: red; font-size: 1.25em; padding: 5px; margin: 10px; border-top: black dotted 1px; border-bottom: black dotted 1px; } input.code_sample, textarea.code_sample { width: 100%; border: #494949 dotted 1px; padding: 5px; background-color:#FFFFE5; } table.unsubscribe_table { width:80%; border-collapse: collapse; border: 1px black solid; } table.unsubscribe_table th{ background-color:yellow; border: 1px black solid; } table.unsubscribe_table td{ border: 1px black solid; } table.unsubscribe_table input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } #guest_transfer_complete { margin: 20px 0 40px 0; border: double #948004 5px; padding: 0 10px 20px 10px; } #guest_transfer_complete h1{ color: red; } #full_error_message p#see_full{ margin-top: 40px; font-size: .8em; text-align:right; text-decoration: underline; float: right; } #full_error_message span#message{ display:none; } #full_error_message:hover span#message{ display:block; } #full_error_message:hover p#see_full{ float: none; } /* ----------- Click Track Table Start-------------- */ td.tr-heading { background-color: #999900; font-weight: bold; color:white; padding: 2px; text-align:center; vertical-align:bottom; } table.click_track_table { border: solid black 1px; width: 100%; } table.click_track_table td{ border-bottom: solid black 1px; border-right: solid black 1px; } table.click_track_table td.tr1-bold { text-align: center; font-weight: bold; background-color:yellow; } table.click_track_table tr.last_row td { text-align: center; border-bottom: none; } table.click_track_table tr.last_row td input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } table.click_track_table tr.tr1 { font-size: 1em; } table.click_track_table tr.tr0 { font-size: 1em; } /* ----------- Click Track Table End-------------- */ /* ----------- Results Start-------------- */ #results table { width:100%; border-top: solid black 1px; border-left: solid black 1px; } #results table td{ border-bottom: solid black 1px; border-right: solid black 1px; padding: 2px; } #results table th{ border-bottom: solid black 1px; background-color:yellow; border-right: solid black 1px; } /* ----------- Results End-------------- */ /* ----------- Edit Tables Top-------------- */ table.edit_left { border: solid black 1px; width:100%; padding: 0px; margin: 0px; border-collapse:collapse; } table.edit_left td{ padding: 4px; border-bottom: solid black 1px; } table.edit_left tr.first_row td{ background-color: yellow; text-align: center; font-weight: bold; } table.edit_left tr.last_row td { text-align: center; border-bottom: none; } table.edit_left th{ text-align: right; font-weight: bold; border-bottom: solid black 1px; border-right: solid black 1px; width: 33%; } table.edit_left tr.last_row td input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } table.edit_left tr.last_row td input#submit_button[disabled="disabled"] { background-color: red; } table.edit_left tr.required th{ color:red; } table.edit_left tr.required input{ background-color:#FFDDDD; } /* ----------- Edit Tables bottom-------------- */ /* ----------- Cart Styles Top-------------- */ table.cart_one_line { width:100%; border-top: solid #ffffff 0px; border-bottom: solid #ffffff 0px; text-align:center; } table.cart_one_line span.alert-1{ font-size: 1.35em; } table.cart_one_line span.contact{ display:block; font-size: 10px; color:red; } table.cart_one_line td.checkout{ width:200px; text-align:center; } table.cart_one_line td.checkout img{ border: 0; } table.cart_one_line td{ padding:5px; margin:0px; } .cart { font-size: 10px; font-weight: normal; } /* ----------- Cart-------------- */ table.cart { width:100%; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 5px 10px 5px; } table.shipping_address th { text-align: right; color: #b81e12; font-size: 12px; } .cart th { background:url(images/calendar-back2.gif) top repeat; border:1px solid #000000; font-size: 14px; text-align: center; font-weight: bold; color: #ffffff; padding:8px 0px 8px 0px; } .cart tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .cart td { font-weight: bold; color: #000000; font-size: 12px; padding:8px 0px 0px 2px; } table.cart .number { text-align:center; } table.cart .number input { text-align:center; padding-right:5px; } .cart tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .cart td.title { border: none; font-size: 12px; font-weight: bold; color: #000000; } .cart tr.total { border-top: double black; } .cart li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; list-style-position: outside; list-style-type: none; margin: 3px 0 ; } table.order { border-collapse: collapse; background:url(images/current-cart-back.gif) left top repeat-x; } .order th { background-color: #000000; color: #000000; font-size: 14px; font-weight: bold; background:url(images/current-cart-back.gif) left top repeat-x; padding:10px 0px 10px 0px; } .order tr { font-size: 10px; font-weight: normal; background:url(images/current-cart-back.gif) left top repeat-x; } .order td { font-weight: normal; color: black; font-size: 10px; background:url(images/current-cart-back.gif) left top repeat-x; } .order td.title { font-size: 12px; font-weight: bold; color: #000000; } table#choose_events, table#choose_products { width: 100%; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 0px 5px 0px; } span.asterix { display: block; font-size: 12px; text-align:center; } table#choose_events tr.asterix td, table#choose_products tr.asterix td{ font-size: 12px; padding: 5px; padding:20px 5px 10px 5px; text-align:center; } table#choose_events tr.option th, table#choose_products tr.option th { font-size: 12px; font-weight: bold; color: #000000; text-align: right; padding: 0px 5px; width: 35%; } table#choose_events td option, table#choose_products td option { width: 430px; } .cart tr.offeritems div.or_line { line-height: 1.25em; padding:0px 0px 5px 0px; } .cart tr.offeritems div.or_line span.or{ font-weight: bold; text-transform: uppercase; } /* The event_calendar style is for the overall table */ .event_calendar { } /* The next three styles are for the 3 columns of the calendar. */ .event_location { } .event_date { white-space: nowrap; } .event_venue { } .booking { font-size: 50%; font-weight: normal; } .yellow-background { background-color: #f5ff51; } /* --------- Product Catalog Top ----------------- */ div.sku_container { width:100%; text-align: right; clear: left; border-top:#948004 double 3px; padding: 15px 0 5px 0; border-bottom:#948004 dashed 1px; } div.sku_container span.sku_name { font:normal 22px/23px Georgia, "Times New Roman", Times, serif; color:#948004; padding-right:25% } div.sku_container div.sku_description { margin: 20px 0; width:70%; float: left; text-align:left; } div.sku_container div.sku_pricing { width:30%; text-align:left; vertical-align:top; float: right; } div.sku_container div.sku_pricing ul { margin: 10px 0 0 0; padding: 0; } div.sku_container div.sku_pricing ul li { list-style: none; } div.sku_container div.sku_pricing li.sku_option { float: left; font-size: .9em; margin:0; clear:left; } div.sku_container div.sku_pricing li.add_to_cart { font-size: .9em; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a{ color:red; padding:0px 0 0 10px; font-weight: bolder; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a:hover{ color:blue; } div.sku_container div.sku_pricing li.web_display{ text-decoration: line-through; white-space:nowrap; } div.sku_container div.sku_pricing li.selling_price{ font-weight: bolder; color: #948004; white-space:nowrap; font-size: 1.25em; } /* --------- Product Catalog Top ----------------- */ /* --------- Offer Display Top ----------------- */ .offer { font-size: 50%; font-weight: normal; margin: 20px 0; } table.offer_container { border: medium double #EEEEEE; width: 100%; } table.offer { border: 2px solid #b81e12; border-collapse: collapse; width: 100%; } table.offer_container td h2{ text-align:center; } .offer span.offer_price { display:block; color:red; font-weight:bold; } .offer th { border-bottom: thin solid black; background-color: #FFEBFF; font-size: 14px; font-weight: bolder; } .offer tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .offer td { font-weight: bold; color: #000000; font-size: 10px; } .offer tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .offer td.title { border: none; font-size: 10px; font-weight: normal; } .offer tr.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer td.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; list-style-position: outside; list-style-type: lower-roman; } .offer div.offer_pitch { text-align:center; } .offer div.offer_pitch p { font-size: 1.5em; } .offer div.offer_pitch p.offer_price { color:red; background-color: #FFFFCC; font-weight:bold; } .offer div.offer_pitch a { color:red; font-weight:bold; } .offer div.offer_pitch a:hover { color:blue; font-weight:bold; } .smalltext { font-size: 10px; color: #223768; } /* --------- Offer Display Bottom ----------------- */ /* --------- Signup Form Styles ----------------- */ div.opt_in_form { width: 600px; padding: 10px; margin: 0 0 0 50px; } div.opt_in_form div{ } div.opt_in_form div.form_header{ width: 500px; margin: 20px 0 0 50px; height:20px; background-repeat:no-repeat; } /* --------- New Users, please provide your email to proceed: / Existing Users, please log in below: BOX STYLE----------------- */ div.opt_in_form div.form_body{ width: 500px; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:16px 8px 9px 9px; } div.opt_in_form div.form_footer{ width: 500px; margin: 0 0 0 50px; height:20px; background-repeat:no-repeat; } div.form_body form{ padding: 0 20px; font-family: Verdana,Arial,Helvetical,sans-serif; color: #000000; text-align: left; } div.form_body input, div.form_body select { background-color: white !important; align:left; } div.form_body div.form_row{ padding-bottom: 5px; } div.form_body span.heading{ display:block; width: 140px; float: left; clear: left; text-align: right; padding:3px 3px 0; } div.form_body .required span.heading, div.form_body div.required_notice { font-weight: bold; text-transform:capitalize; color: color: #000000; } div.form_body div.email input, div.form_body div.addr1 input, div.form_body div.addr2 input { width: 250px; } div.form_body span.instructions { display: block; padding-left: 10px; font-weight: bold; font-size: .85em; } div.form_body div.required input, div.form_body div.required select { color: eeeeee; } div.form_body div.country select, div.form_body div.stateprov select { font-size: 12px; } div.form_body #prov_state_selector { padding-left: 146px } span#country_selector #prov_state_selector { display: block; } div.form_body div.required_notice { text-align:right; } div.form_body div.submit { padding:0 0 0 125px; } div.form_body div.submit input{ padding:2px 10px; } div.form_body div.opt-in_alert { font-size: 10px; padding: 20px 20px 0 20px; } div.opt_in_form h3 { padding: 0 0 20px 0; margin:0; background-color: transparent; font-family: Verdana,Arial,Helvetical,sans-serif; color: black; font-weight: bold; } div.opt_in_form h3 span{ color: #ef1600; text-transform:uppercase; } /* --------- /Signup Form Styles ----------------- */ /**** LINK-tag style sheet style.css ****/ * { margin:0; padding:0;} body { background:url(images/tail-top.jpg) left top repeat-x #171718; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#c0bcc2;} input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper, block { width:100%; overflow:hidden; } .container { width:100%;} p { margin-bottom:11px;} /*==================forms====================*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} .form { height:26px;} .form input {width:273px; height:18px; background:#1b1714; border:1px solid #555038;} textarea { width:403px; height:128px; background:#1b1714; overflow:auto; border:1px solid #555038;} #search-form { border-top:1px solid #4e4d50; padding:0px 0 20px 0;} #search-form label { display:block; height:52px;} #search-form strong { display:block; color:#c9c9c9; font-size:1.1em; margin-bottom:8px;} #search-form .instructions {display: block; text-align: right} #search-form input.text { width:140px; margin:3px 0 0 0;} #search-form .form_row span.heading { display: block; float: left; width: 58px; margin: 5px 5px 0 0; text-align: right} /*==================list====================*/ ul { list-style:none;} #top-nav { overflow:hidden;} #top-nav li { display:inline;} #top-nav li a { color:#e4cece; font-size:.91em; text-transform:uppercase; border-left:1px solid #c45d5d; padding:0 12px 0 12px; text-decoration:none;} #top-nav li a.first { border:0;} #top-nav li a:hover { text-decoration:underline;} #site-nav { width:100%; overflow:hidden; background:url(images/divider1.gif) no-repeat right top;} #site-nav li { display:inline;} #site-nav li a { display:block; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.27em; text-transform:uppercase; font-weight:bold; color:#363438; text-decoration:none; line-height:50px; width:146px; text-indent:16px; position:relative;} #site-nav li a:hover { text-decoration:underline;} #page-nav { margin-bottom:10px;} #page-nav li { display:inline;} #page-nav li a { display:block; background:url(images/page-nav.gif) no-repeat left top; width:210px; height:30px; line-height:29px; margin-bottom:1px; text-indent:34px; color:#d2d1d4; text-decoration:none; text-transform:uppercase;} #page-nav li a:hover { color:#ef1600;} .info-list li { width:100%; overflow:hidden; color:#3a3a3d; font-size:.91em; text-transform:uppercase; line-height:1.2em;} .info-list li strong { float:left; width:84px; font-family:tahoma;} .list1 { margin-bottom:-10px;} .list1 li { background:url(images/marker.gif) no-repeat left 4px; padding:0 0 13px 10px;} .list1 li a { color:#ffffff;} .list1 li strong a { color:#ffffff;} .list2 { font-size:.91em; margin-bottom:13px;} .list2 li { width:100%; overflow:hidden; background:#1e1c1f; line-height:14px; vertical-align:top;} .list2 li span { float:right; border-left:1px solid #2c2a2e; padding:6px 20px 7px 8px; text-transform:uppercase; color:#8a888c;} .list2 li a { color:#8a888c; text-decoration:none; padding:6px 0 7px 0; display:block; float:left; width:70%;} .list2 li a:hover { color:#fff;} .list2 li a b { display:block; padding:0 0 0 10px; font-weight:normal;} .list2 li.alt { width:100%; overflow:hidden; background:none; line-height:14px;} .list2 li.alt span {border-left:1px solid #424043; color:#bbb8bf;} .list2 li.alt a { color:#bbb8bf;} .list2 li.alt a:hover { color:#fff;} .list3 li { padding-bottom:17px;} /*==================other====================*/ .img-indent { margin:0 0 0 10; float:left; padding-right: 20px; padding-bottom: 10px; } .img-box { width:100%; overflow:hidden; padding-bottom:20px;} .img-box img { float:left; margin:0 20px 0 0;} .p2 { margin-bottom:11px;} .p3 { margin-bottom:6px !important;} .info-img { width:100%; overflow:hidden; padding-bottom:18px} .info-img img { float:left; margin-right:10px; } .info-img strong { display:inline-block; padding:13px 0 0 0; font-size:1.1em; color:#cb3939; font-size:1.1em; text-transform:uppercase;} /*==================txt, links, lines, titles====================*/ a {color:#ef1600;} a:hover{text-decoration:none;} h1 { display:block; background:url(images/main-title.jpg) no-repeat left top; width:330px; height:57px; position:absolute; top:29px; left:37px; text-indent:-10000px;} h2 { font-size:1.27em; color:#fff; text-transform:uppercase; line-height:1.14em; margin-bottom:17px;} h3 { font-size:.91em; text-transform:uppercase;} h4 { font-size:1em; text-transform:uppercase; color:#fff; margin-bottom:17px;} .txt1 { font-size:.91em;} .link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;} .link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;} .link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;} .link1:hover { text-decoration:underline;} .link2 { color:#ffffff;} .button { float:right;} .button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;} .button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:4px; padding-left:0;} .button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:1px 3px 3px 3px; color:#312f32; text-decoration:none; text-transform:uppercase; font-size:.85em;} .button span span a:hover {color:#fff;} /*==================boxes====================*/ .top-nav-box { background:url(images/top-nav-bg.gif) left top repeat-x; float:right;} .top-nav-box .left { background:url(images/top-nav-left.gif) no-repeat left top; } .top-nav-box .right { background:url(images/top-nav-right.gif) no-repeat right top;} .top-nav-box .inner { padding:7px 16px 10px 16px;} .main-box { background:url(images/main-box.jpg) no-repeat left top; width:656px; height:321px; position:relative; background-image: url(images/2.jpg); } .info-box { background:url(images/info-box.gif) no-repeat left top; width:225px; height:146px; position:absolute; } .info-box .inner { padding:13px 0 0 20px;} .info-box#item1 {right:11px; top:13px;} .info-box#item2 {right:11px; top:162px;} .title-box { margin-bottom:7px; } .title-box .left { background:url(images/title-left.png) no-repeat left top; padding-left:5px;} .title-box .right { background:url(images/titl-right.png) no-repeat right top; padding-right:6px;} .title-box h3 { background:url(images/title-bg.png) left top repeat-x; height:32px; line-height:30px; padding-left:5px;} .box .left-top-corner { background:url(images/left-top-corner.png) no-repeat left top; padding-left:5px;} .box .right-top-corner { background:url(images/right-top-corner.png) no-repeat right top; padding-right:6px;} .box .border-top { background:url(images/border-top.png) left top repeat-x; height:5px; overflow:hidden; font-size:0; line-height:0;} .box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:2px;} .box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:1px;} .box .ver-line-left { background:url(images/ver-line.gif) no-repeat left top;} .box .ver-line-right { background:url(images/ver-line.gif) no-repeat right top;} .box .bg { background:url(images/box-bg.gif) left top repeat-x #272629; width:100%;} .box .border-left-1 { background:url(images/border-left-1.gif) left top repeat-y;} .box .border-right-1 { background:url(images/border-right-1.gif) right top repeat-y;} .box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left top; padding-left:6px;} .box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right top; padding-right:6px;} .box .border-bot { background:url(images/border-bot.png) left top repeat-x; height:6px; overflow:hidden; font-size:0; line-height:0;} .box .inner { padding:12px 12px 4px 12px;} .box .inner1 { padding:12px 12px 2px 12px;} .box1 { border:1px solid #4b494e;} .box1 .bg { background:#3f3d42; width:100%; } .box1 .inner { padding:16px 8px 9px 9px;} .box2 { border:1px solid #363438;} .box2 .bg { background:#2c2a2e; width:100%; } .box2 .inner { padding:16px 8px 9px 9px;} .box3 { background:#3c3a3f; width:100%; margin-bottom:1px;} .box3 .border-top {background:url(images/border-top1.gif) repeat-x top;} .box3 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;} .box3 .border-left {background:url(images/border-left1.gif) repeat-y left;} .box3 .border-right {background:url(images/border-right1.gif) repeat-y right;} .box3 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;} .box3 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;} .box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;} .box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; } .box3 .inner { padding:10px;} .box3 .img-indent { margin-right:10px;} .box3 strong { color:#f1f1f1;} .box4 { border:1px solid #4b494e;} .box4 .bg { background:#3f3d42; width:100%; } .box4 .inner { padding:16px 8px 9px 9px;} /*header*/ #header {min-height: 700px;} #header .row-1 { height:84px; padding-right:13px;} #header .row-1 .fleft { padding:0px 0 0 9px; } #header #content .col-2 .row-1 { height: 305px; padding-right: 0;} #header #content .col-2 .row-2 { padding-right: 0;} #header .row-2 { height:59px; padding:0 10px 0 12px;} #header .row-3 { padding:0 0 0 12px; height:331px; background:url(images/header-tail.gif) left top repeat-x;} /*content*/ #content { background:url(images/content-bg.gif) left top repeat-x #1e1d1f; width:100%;} #content .inside { padding:12px 10px 10px 11px;} #content .indent { padding:0 0 16px 11px;} #content .row-1 { padding-bottom:7px;} #content .row-2 { padding-left:2px; } /*footer*/ #footer { text-transform:uppercase; color:#686769; text-align:right;} #footer .inner {border-top:1px solid #4f4f50; margin:0 11px; padding:17px 0 0 0;} #footer a { color:#686769; text-decoration:none;} #footer a:hover { text-decoration:underline;} /*==========================================*/ /**** LINK-tag style sheet layout.css ****/ #main {width:900px; margin:0 auto; font-size:0.69em;} #header {height: inherit; background:url(images/header-bg.jpg) no-repeat left top;} #header .col-1 { width:210px; margin-right:10px;} #header .col-2 { width:656px;} #header, #content { } .col-1, .col-2, .col-3 { float:left;} /*======= index.html =======*/ #page1 #content .col-1 {width:212px; margin-right:7px;} #page1 #content .col-2 { width:660px;} #page1 #content .col-2 .row-1 .col-1 { width:220px; margin-right:0px;} #page1 #content .col-2 .row-1 .col-2 { width:220px;} #page1 #content .col-2 .row-1 .col-3 { width:220px;} #page1 #content .col-2 .row-2 .col-1 { width:323px; margin-right:10px;} #page1 #content .col-2 .row-2 .col-2 { width:323px;} #page1 #content .col-2 .row-2 .col-3 { width:323px; margin-right:0px;} /*======= index-1.html =======*/ #page2 #content .col-1 {width:212px; margin-right:7px;} #page2 #content .col-2 { width:660px;} #page2 #content .col-2 .col-1 { width:439px; margin-right:2px;} #page2 #content .col-2 .col-2 { width:217px;} /*=========================*/ #footer {height:70px; background:#1e1d1f;} /**** Inline STYLE-tag style sheet ****/ /**** Inline STYLE-tag style sheet ****/ /* See license.txt for terms of usage */ .firebugCanvas { position:fixed; top: 0; left: 0; display:none; border: 0 none; margin: 0; padding: 0; outline: 0; } .firebugCanvas:before, .firebugCanvas:after { content: ""; } .firebugHighlight { z-index: 2147483646; position: fixed; background-color: #3875d7; margin: 0; padding: 0; outline: 0; border: 0 none; } .firebugHighlight:before, .firebugHighlight:after { content: ""; } .firebugLayoutBoxParent { z-index: 2147483646; position: fixed; background-color: transparent; border-top: 0 none; border-right: 1px dashed #E00 !important; border-bottom: 1px dashed #E00 !important; border-left: 0 none; margin: 0; padding: 0; outline: 0; } .firebugRuler { position: absolute; margin: 0; padding: 0; outline: 0; border: 0 none; } .firebugRuler:before, .firebugRuler:after { content: ""; } .firebugRulerH { top: -15px; left: 0; width: 100%; height: 14px; background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x; border-top: 1px solid #BBBBBB; border-right: 1px dashed #BBBBBB; border-bottom: 1px solid #000000; } .firebugRulerV { top: 0; left: -15px; width: 14px; height: 100%; background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y; border-left: 1px solid #BBBBBB; border-right: 1px solid #000000; border-bottom: 1px dashed #BBBBBB; } .overflowRulerX > .firebugRulerV { left: 0; } .overflowRulerY > .firebugRulerH { top: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .firebugLayoutBox { margin: 0; padding: 0; border: 0 none; outline: 0; } .firebugLayoutBox:before, .firebugLayoutBox:after { content: ""; } .firebugLayoutBoxOffset { z-index: 2147483646; position: fixed; opacity: 0.8; } .firebugLayoutBoxMargin { background-color: #EDFF64; } .firebugLayoutBoxBorder { background-color: #666666; } .firebugLayoutBoxPadding { background-color: SlateBlue; } .firebugLayoutBoxContent { background-color: SkyBlue; } .firebugLayoutLine { z-index: 2147483646; background-color: #000000; opacity: 0.4; margin: 0; padding: 0; outline: 0; border: 0 none; } .firebugLayoutLine:before, .firebugLayoutLine:after { content: ""; } .firebugLayoutLineLeft, .firebugLayoutLineRight { position: fixed; width: 1px; height: 100%; } .firebugLayoutLineTop, .firebugLayoutLineBottom { position: fixed; width: 100%; height: 1px; } .firebugLayoutLineTop { margin-top: -1px; border-top: 1px solid #999999; } .firebugLayoutLineRight { border-right: 1px solid #999999; } .firebugLayoutLineBottom { border-bottom: 1px solid #999999; } .firebugLayoutLineLeft { margin-left: -1px; border-left: 1px solid #999999; } .fbProxyElement { position: absolute; background-color: transparent; z-index: 2147483646; margin: 0; padding: 0; outline: 0; border: 0 none; } /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet sus01.css ****/ /*Essential CSS for SignupSystem V1.0 DO NOT REMOVE THESE STYLES */ .tr1 { background-color:#FFFFDD; padding: 3px; } .tr0 { padding: 3px; background-color:white; } .border, .sidebar { background-color: #59075E; } .td-background { background-color: #59075E; border: #59075E; } .red-alert { font-weight: bolder; color: #FF0000; } .alert-low { font-weight: bold; } .alert-medium { color:red; } .alert-high { color:red; font-weight: bolder; } .note { font-weight: bolder; color: #FF0000; } .samplebox { border-style: solid; border-width: thin; border-color: black; padding: 3px 3px 3px 3px; color: #000000; font-family: "Courier New", Courier, mono; } .helptext { text-align: center; background-color: #FFFFCC; padding: 5px; margin: 0 10px; } .message { text-align:center; color: red; font-size: 1.25em; padding: 5px; margin: 10px; border-top: black dotted 1px; border-bottom: black dotted 1px; } input.code_sample, textarea.code_sample { width: 100%; border: #494949 dotted 1px; padding: 5px; background-color:#FFFFE5; } table.unsubscribe_table { width:80%; border-collapse: collapse; border: 1px black solid; } table.unsubscribe_table th{ background-color:yellow; border: 1px black solid; } table.unsubscribe_table td{ border: 1px black solid; } table.unsubscribe_table input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } #guest_transfer_complete { margin: 20px 0 40px 0; border: double #948004 5px; padding: 0 10px 20px 10px; } #guest_transfer_complete h1{ color: red; } #full_error_message p#see_full{ margin-top: 40px; font-size: .8em; text-align:right; text-decoration: underline; float: right; } #full_error_message span#message{ display:none; } #full_error_message:hover span#message{ display:block; } #full_error_message:hover p#see_full{ float: none; } /* ----------- Click Track Table Start-------------- */ td.tr-heading { background-color: #999900; font-weight: bold; color:white; padding: 2px; text-align:center; vertical-align:bottom; } table.click_track_table { border: solid black 1px; width: 100%; } table.click_track_table td{ border-bottom: solid black 1px; border-right: solid black 1px; } table.click_track_table td.tr1-bold { text-align: center; font-weight: bold; background-color:yellow; } table.click_track_table tr.last_row td { text-align: center; border-bottom: none; } table.click_track_table tr.last_row td input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } table.click_track_table tr.tr1 { font-size: 1em; } table.click_track_table tr.tr0 { font-size: 1em; } /* ----------- Click Track Table End-------------- */ /* ----------- Results Start-------------- */ #results table { width:100%; border-top: solid black 1px; border-left: solid black 1px; } #results table td{ border-bottom: solid black 1px; border-right: solid black 1px; padding: 2px; } #results table th{ border-bottom: solid black 1px; background-color:yellow; border-right: solid black 1px; } /* ----------- Results End-------------- */ /* ----------- Edit Tables Top-------------- */ table.edit_left { border: solid black 1px; width:100%; padding: 0px; margin: 0px; border-collapse:collapse; } table.edit_left td{ padding: 4px; border-bottom: solid black 1px; } table.edit_left tr.first_row td{ background-color: yellow; text-align: center; font-weight: bold; } table.edit_left tr.last_row td { text-align: center; border-bottom: none; } table.edit_left th{ text-align: right; font-weight: bold; border-bottom: solid black 1px; border-right: solid black 1px; width: 33%; } table.edit_left tr.last_row td input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } table.edit_left tr.last_row td input#submit_button[disabled="disabled"] { background-color: red; } table.edit_left tr.required th{ color:red; } table.edit_left tr.required input{ background-color:#FFDDDD; } /* ----------- Edit Tables bottom-------------- */ /* ----------- Cart Styles Top-------------- */ table.cart_one_line { width:100%; border-top: solid #ffffff 0px; border-bottom: solid #ffffff 0px; text-align:center; } table.cart_one_line span.alert-1{ font-size: 1.35em; } table.cart_one_line span.contact{ display:block; font-size: 10px; color:red; } table.cart_one_line td.checkout{ width:200px; text-align:center; } table.cart_one_line td.checkout img{ border: 0; } table.cart_one_line td{ padding:5px; margin:0px; } .cart { font-size: 10px; font-weight: normal; } /* ----------- Cart-------------- */ table.cart { width:100%; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 5px 10px 5px; } table.shipping_address th { text-align: right; color: #b81e12; font-size: 12px; } .cart th { background:url(images/calendar-back2.gif) top repeat; border:1px solid #000000; font-size: 14px; text-align: center; font-weight: bold; color: #ffffff; padding:8px 0px 8px 0px; } .cart tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .cart td { font-weight: bold; color: #000000; font-size: 12px; padding:8px 0px 0px 2px; } table.cart .number { text-align:center; } table.cart .number input { text-align:center; padding-right:5px; } .cart tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .cart td.title { border: none; font-size: 12px; font-weight: bold; color: #000000; } .cart tr.total { border-top: double black; } .cart li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; list-style-position: outside; list-style-type: none; margin: 3px 0 ; } table.order { border-collapse: collapse; background:url(images/current-cart-back.gif) left top repeat-x; } .order th { background-color: #000000; color: #000000; font-size: 14px; font-weight: bold; background:url(images/current-cart-back.gif) left top repeat-x; padding:10px 0px 10px 0px; } .order tr { font-size: 10px; font-weight: normal; background:url(images/current-cart-back.gif) left top repeat-x; } .order td { font-weight: normal; color: black; font-size: 10px; background:url(images/current-cart-back.gif) left top repeat-x; } .order td.title { font-size: 12px; font-weight: bold; color: #000000; } table#choose_events, table#choose_products { width: 100%; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 0px 5px 0px; } span.asterix { display: block; font-size: 12px; text-align:center; } table#choose_events tr.asterix td, table#choose_products tr.asterix td{ font-size: 12px; padding: 5px; padding:20px 5px 10px 5px; text-align:center; } table#choose_events tr.option th, table#choose_products tr.option th { font-size: 12px; font-weight: bold; color: #000000; text-align: right; padding: 0px 5px; width: 35%; } table#choose_events td option, table#choose_products td option { width: 430px; } .cart tr.offeritems div.or_line { line-height: 1.25em; padding:0px 0px 5px 0px; } .cart tr.offeritems div.or_line span.or{ font-weight: bold; text-transform: uppercase; } /* The event_calendar style is for the overall table */ .event_calendar { } /* The next three styles are for the 3 columns of the calendar. */ .event_location { } .event_date { white-space: nowrap; } .event_venue { } /* The event_calendar style is for the overall table */ .homepage_calendar { } .booking { font-size: 50%; font-weight: normal; } .yellow-background { background-color: #f5ff51; } /* --------- Product Catalog Top ----------------- */ div.sku_container { width:100%; text-align: right; clear: left; border-top:#948004 double 3px; padding: 15px 0 5px 0; border-bottom:#948004 dashed 1px; } div.sku_container span.sku_name { font:normal 22px/23px Georgia, "Times New Roman", Times, serif; color:#948004; padding-right:25% } div.sku_container div.sku_description { margin: 20px 0; width:70%; float: left; text-align:left; } div.sku_container div.sku_pricing { width:30%; text-align:left; vertical-align:top; float: right; } div.sku_container div.sku_pricing ul { margin: 10px 0 0 0; padding: 0; } div.sku_container div.sku_pricing ul li { list-style: none; } div.sku_container div.sku_pricing li.sku_option { float: left; font-size: .9em; margin:0; clear:left; } div.sku_container div.sku_pricing li.add_to_cart { font-size: .9em; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a{ color:red; padding:0px 0 0 10px; font-weight: bolder; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a:hover{ color:blue; } div.sku_container div.sku_pricing li.web_display{ text-decoration: line-through; white-space:nowrap; } div.sku_container div.sku_pricing li.selling_price{ font-weight: bolder; color: #948004; white-space:nowrap; font-size: 1.25em; } /* --------- Product Catalog Top ----------------- */ /* --------- Offer Display Top ----------------- */ .offer { font-size: 50%; font-weight: normal; margin: 20px 0; } table.offer_container { border: medium double #EEEEEE; width: 100%; } table.offer { border: 2px solid #b81e12; border-collapse: collapse; width: 100%; } table.offer_container td h2{ text-align:center; } .offer span.offer_price { display:block; color:red; font-weight:bold; } .offer th { border-bottom: thin solid black; background-color: #FFEBFF; font-size: 14px; font-weight: bolder; } .offer tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .offer td { font-weight: bold; color: #000000; font-size: 10px; } .offer tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .offer td.title { border: none; font-size: 10px; font-weight: normal; } .offer tr.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer td.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; list-style-position: outside; list-style-type: lower-roman; } .offer div.offer_pitch { text-align:center; } .offer div.offer_pitch p { font-size: 1.5em; } .offer div.offer_pitch p.offer_price { color:red; background-color: #FFFFCC; font-weight:bold; } .offer div.offer_pitch a { color:red; font-weight:bold; } .offer div.offer_pitch a:hover { color:blue; font-weight:bold; } .smalltext { font-size: 10px; color: #223768; } /* --------- Offer Display Bottom ----------------- */ /* --------- Signup Form Styles ----------------- */ div.opt_in_form { width: 600px; padding: 10px; margin: 0 0 0 50px; } div.opt_in_form div{ } div.opt_in_form div.form_header{ width: 500px; margin: 20px 0 0 50px; height:20px; background-repeat:no-repeat; } /* --------- New Users, please provide your email to proceed: / Existing Users, please log in below: BOX STYLE----------------- */ div.opt_in_form div.form_body{ width: 500px; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:16px 8px 9px 9px; } div.opt_in_form div.form_footer{ width: 500px; margin: 0 0 0 50px; height:20px; background-repeat:no-repeat; } div.form_body form{ padding: 0 20px; font-family: Verdana,Arial,Helvetical,sans-serif; color: #000000; text-align: left; } div.form_body input, div.form_body select { background-color: white !important; align:left; } div.form_body div.form_row{ padding-bottom: 5px; } div.form_body span.heading{ display:block; width: 140px; float: left; clear: left; text-align: right; padding:3px 3px 0; } div.form_body .required span.heading, div.form_body div.required_notice { font-weight: bold; text-transform:capitalize; color: color: #000000; } div.form_body div.email input, div.form_body div.addr1 input, div.form_body div.addr2 input { width: 250px; } div.form_body span.instructions { display: block; padding-left: 10px; font-weight: bold; font-size: .85em; } div.form_body div.required input, div.form_body div.required select { color: eeeeee; } div.form_body div.country select, div.form_body div.stateprov select { font-size: 12px; } div.form_body #prov_state_selector { padding-left: 146px } span#country_selector #prov_state_selector { display: block; } div.form_body div.required_notice { text-align:right; } div.form_body div.submit { padding:0 0 0 125px; } div.form_body div.submit input{ padding:2px 10px; } div.form_body div.opt-in_alert { font-size: 10px; padding: 20px 20px 0 20px; } div.opt_in_form h3 { padding: 0 0 20px 0; margin:0; background-color: transparent; font-family: Verdana,Arial,Helvetical,sans-serif; color: black; font-weight: bold; } div.opt_in_form h3 span{ color: #ef1600; text-transform:uppercase; } /* --------- /Signup Form Styles ----------------- */ /**** LINK-tag style sheet style.css ****/ * { margin:0; padding:0;} body { background:url(images/tail-top.jpg) left top repeat-x #171718; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#c0bcc2;} input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper, block { width:100%; overflow:hidden; } .container { width:100%;} p { margin-bottom:11px;} /*==================forms====================*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} .form { height:26px;} .form input {width:273px; height:18px; background:#1b1714; border:1px solid #555038;} textarea { width:403px; height:128px; background:#1b1714; overflow:auto; border:1px solid #555038;} #search-form { border-top:1px solid #4e4d50; padding:0px 0 20px 0;} #search-form label { display:block; height:52px;} #search-form strong { display:block; color:#c9c9c9; font-size:1.1em; margin-bottom:8px;} #search-form .instructions {display: block; text-align: right} #search-form input.text { width:140px; margin:3px 0 0 0;} #search-form .form_row span.heading { display: block; float: left; width: 58px; margin: 5px 5px 0 0; text-align: right} /*==================list====================*/ ul { list-style:none;} #top-nav { overflow:hidden;} #top-nav li { display:inline;} #top-nav li a { color:#e4cece; font-size:.91em; text-transform:uppercase; border-left:1px solid #c45d5d; padding:0 12px 0 12px; text-decoration:none;} #top-nav li a.first { border:0;} #top-nav li a:hover { text-decoration:underline;} #site-nav { width:100%; overflow:hidden; background:url(images/divider1.gif) no-repeat right top;} #site-nav li { display:inline;} #site-nav li a { display:block; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.27em; text-transform:uppercase; font-weight:bold; color:#363438; text-decoration:none; line-height:50px; width:146px; text-indent:16px; position:relative;} #site-nav li a:hover { text-decoration:underline;} #page-nav { margin-bottom:10px;} #page-nav li { display:inline;} #page-nav li a { display:block; background:url(images/page-nav.gif) no-repeat left top; width:210px; height:30px; line-height:29px; margin-bottom:1px; text-indent:34px; color:#d2d1d4; text-decoration:none; text-transform:uppercase;} #page-nav li a:hover { color:#ef1600;} .info-list li { width:100%; overflow:hidden; color:#3a3a3d; font-size:.91em; text-transform:uppercase; line-height:1.2em;} .info-list li strong { float:left; width:84px; font-family:tahoma;} .list1 { margin-bottom:-10px;} .list1 li { background:url(images/marker.gif) no-repeat left 4px; padding:0 0 13px 10px;} .list1 li a { color:#ffffff;} .list1 li strong a { color:#ffffff;} .list2 { font-size:.91em; margin-bottom:13px;} .list2 li { width:100%; overflow:hidden; background:#1e1c1f; line-height:14px; vertical-align:top;} .list2 li span { float:right; border-left:1px solid #2c2a2e; padding:6px 20px 7px 8px; text-transform:uppercase; color:#8a888c;} .list2 li a { color:#8a888c; text-decoration:none; padding:6px 0 7px 0; display:block; float:left; width:70%;} .list2 li a:hover { color:#fff;} .list2 li a b { display:block; padding:0 0 0 10px; font-weight:normal;} .list2 li.alt { width:100%; overflow:hidden; background:none; line-height:14px;} .list2 li.alt span {border-left:1px solid #424043; color:#bbb8bf;} .list2 li.alt a { color:#bbb8bf;} .list2 li.alt a:hover { color:#fff;} .list3 li { padding-bottom:17px;} /*==================other====================*/ .img-indent { margin:0 0 0 10; float:left; padding-right: 20px; padding-bottom: 10px; } .img-box { width:100%; overflow:hidden; padding-bottom:20px;} .img-box img { float:left; margin:0 20px 0 0;} .p2 { margin-bottom:11px;} .p3 { margin-bottom:6px !important;} .info-img { width:100%; overflow:hidden; padding-bottom:18px} .info-img img { float:left; margin-right:10px; } .info-img strong { display:inline-block; padding:13px 0 0 0; font-size:1.1em; color:#cb3939; font-size:1.1em; text-transform:uppercase;} /*==================txt, links, lines, titles====================*/ a {color:#ef1600;} a:hover{text-decoration:none;} h1 { display:block; background:url(images/main-title.jpg) no-repeat left top; width:330px; height:57px; position:absolute; top:29px; left:37px; text-indent:-10000px;} h2 { font-size:1.27em; color:#fff; text-transform:uppercase; line-height:1.14em; margin-bottom:17px;} h3 { font-size:.91em; text-transform:uppercase;} h4 { font-size:1em; text-transform:uppercase; color:#fff; margin-bottom:17px;} .txt1 { font-size:.91em;} .link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;} .link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;} .link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;} .link1:hover { text-decoration:underline;} .link2 { color:#ffffff;} .button { float:right;} .button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;} .button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:4px; padding-left:0;} .button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:1px 3px 3px 3px; color:#312f32; text-decoration:none; text-transform:uppercase; font-size:.85em;} .button span span a:hover {color:#fff;} /*==================boxes====================*/ .top-nav-box { background:url(images/top-nav-bg.gif) left top repeat-x; float:right;} .top-nav-box .left { background:url(images/top-nav-left.gif) no-repeat left top; } .top-nav-box .right { background:url(images/top-nav-right.gif) no-repeat right top;} .top-nav-box .inner { padding:7px 16px 10px 16px;} .main-box { background:url(images/main-box.jpg) no-repeat left top; width:656px; height:321px; position:relative; background-image: url(images/2.jpg); } .info-box { background:url(images/info-box.gif) no-repeat left top; width:225px; height:146px; position:absolute; } .info-box .inner { padding:13px 0 0 20px;} .info-box#item1 {right:11px; top:13px;} .info-box#item2 {right:11px; top:162px;} .title-box { margin-bottom:7px; } .title-box .left { background:url(images/title-left.png) no-repeat left top; padding-left:5px;} .title-box .right { background:url(images/titl-right.png) no-repeat right top; padding-right:6px;} .title-box h3 { background:url(images/title-bg.png) left top repeat-x; height:32px; line-height:30px; padding-left:5px;} .box .left-top-corner { background:url(images/left-top-corner.png) no-repeat left top; padding-left:5px;} .box .right-top-corner { background:url(images/right-top-corner.png) no-repeat right top; padding-right:6px;} .box .border-top { background:url(images/border-top.png) left top repeat-x; height:5px; overflow:hidden; font-size:0; line-height:0;} .box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:2px;} .box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:1px;} .box .ver-line-left { background:url(images/ver-line.gif) no-repeat left top;} .box .ver-line-right { background:url(images/ver-line.gif) no-repeat right top;} .box .bg { background:url(images/box-bg.gif) left top repeat-x #272629; width:100%;} .box .border-left-1 { background:url(images/border-left-1.gif) left top repeat-y;} .box .border-right-1 { background:url(images/border-right-1.gif) right top repeat-y;} .box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left top; padding-left:6px;} .box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right top; padding-right:6px;} .box .border-bot { background:url(images/border-bot.png) left top repeat-x; height:6px; overflow:hidden; font-size:0; line-height:0;} .box .inner { padding:12px 12px 4px 12px;} .box .inner1 { padding:12px 12px 2px 12px;} .box1 { border:1px solid #4b494e;} .box1 .bg { background:#3f3d42; width:100%; } .box1 .inner { padding:16px 8px 9px 9px;} .box2 { border:1px solid #363438;} .box2 .bg { background:#2c2a2e; width:100%; } .box2 .inner { padding:16px 8px 9px 9px;} .box3 { background:#3c3a3f; width:100%; margin-bottom:1px;} .box3 .border-top {background:url(images/border-top1.gif) repeat-x top;} .box3 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;} .box3 .border-left {background:url(images/border-left1.gif) repeat-y left;} .box3 .border-right {background:url(images/border-right1.gif) repeat-y right;} .box3 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;} .box3 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;} .box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;} .box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; } .box3 .inner { padding:10px;} .box3 .img-indent { margin-right:10px;} .box3 strong { color:#f1f1f1;} .box4 { border:1px solid #4b494e;} .box4 .bg { background:#3f3d42; width:100%; } .box4 .inner { padding:16px 8px 9px 9px;} /*header*/ #header {min-height: 700px;} #header .row-1 { height:84px; padding-right:13px;} #header .row-1 .fleft { padding:0px 0 0 9px; } #header #content .col-2 .row-1 { height: 305px; padding-right: 0;} #header #content .col-2 .row-2 { padding-right: 0;} #header .row-2 { height:59px; padding:0 10px 0 12px;} #header .row-3 { padding:0 0 0 12px; height:331px; background:url(images/header-tail.gif) left top repeat-x;} /*content*/ #content { background:url(images/content-bg.gif) left top repeat-x #1e1d1f; width:100%;} #content .inside { padding:12px 10px 10px 11px;} #content .indent { padding:0 0 16px 11px;} #content .row-1 { padding-bottom:7px;} #content .row-2 { padding-left:2px; } /*footer*/ #footer { text-transform:uppercase; color:#686769; text-align:right;} #footer .inner {border-top:1px solid #4f4f50; margin:0 11px; padding:17px 0 0 0;} #footer a { color:#686769; text-decoration:none;} #footer a:hover { text-decoration:underline;} /*==========================================*/ /**** LINK-tag style sheet layout.css ****/ #main {width:900px; margin:0 auto; font-size:0.69em;} #header {height: inherit; background:url(images/header-bg.jpg) no-repeat left top;} #header .col-1 { width:210px; margin-right:10px;} #header .col-2 { width:656px;} #header, #content { } .col-1, .col-2, .col-3 { float:left;} /*======= index.html =======*/ #page1 #content .col-1 {width:212px; margin-right:7px;} #page1 #content .col-2 { width:660px;} #page1 #content .col-2 .row-1 .col-1 { width:220px; margin-right:0px;} #page1 #content .col-2 .row-1 .col-2 { width:220px;} #page1 #content .col-2 .row-1 .col-3 { width:220px;} #page1 #content .col-2 .row-2 .col-1 { width:323px; margin-right:10px;} #page1 #content .col-2 .row-2 .col-2 { width:323px;} #page1 #content .col-2 .row-2 .col-3 { width:323px; margin-right:0px;} /*======= index-1.html =======*/ #page2 #content .col-1 {width:212px; margin-right:7px;} #page2 #content .col-2 { width:660px;} #page2 #content .col-2 .col-1 { width:439px; margin-right:2px;} #page2 #content .col-2 .col-2 { width:217px;} /*=========================*/ #footer {height:70px; background:#1e1d1f;} /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet sus01.css ****/ /*Essential CSS for SignupSystem V1.0 DO NOT REMOVE THESE STYLES */ .tr1 { background-color:#FFFFDD; padding: 3px; } .tr0 { padding: 3px; background-color:white; } .border, .sidebar { background-color: #59075E; } .td-background { background-color: #59075E; border: #59075E; } .red-alert { font-weight: bolder; color: #FF0000; } .alert-low { font-weight: bold; } .alert-medium { color:red; } .alert-high { color:red; font-weight: bolder; } .note { font-weight: bolder; color: #FF0000; } .samplebox { border-style: solid; border-width: thin; border-color: black; padding: 3px 3px 3px 3px; color: #000000; font-family: "Courier New", Courier, mono; } .helptext { text-align: center; background-color: #FFFFCC; padding: 5px; margin: 0 10px; } .message { text-align:center; color: red; font-size: 1.25em; padding: 5px; margin: 10px; border-top: black dotted 1px; border-bottom: black dotted 1px; } input.code_sample, textarea.code_sample { width: 100%; border: #494949 dotted 1px; padding: 5px; background-color:#FFFFE5; } table.unsubscribe_table { width:80%; border-collapse: collapse; border: 1px black solid; } table.unsubscribe_table th{ background-color:yellow; border: 1px black solid; } table.unsubscribe_table td{ border: 1px black solid; } table.unsubscribe_table input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } #guest_transfer_complete { margin: 20px 0 40px 0; border: double #948004 5px; padding: 0 10px 20px 10px; } #guest_transfer_complete h1{ color: red; } #full_error_message p#see_full{ margin-top: 40px; font-size: .8em; text-align:right; text-decoration: underline; float: right; } #full_error_message span#message{ display:none; } #full_error_message:hover span#message{ display:block; } #full_error_message:hover p#see_full{ float: none; } /* ----------- Click Track Table Start-------------- */ td.tr-heading { background-color: #999900; font-weight: bold; color:white; padding: 2px; text-align:center; vertical-align:bottom; } table.click_track_table { border: solid black 1px; width: 100%; } table.click_track_table td{ border-bottom: solid black 1px; border-right: solid black 1px; } table.click_track_table td.tr1-bold { text-align: center; font-weight: bold; background-color:yellow; } table.click_track_table tr.last_row td { text-align: center; border-bottom: none; } table.click_track_table tr.last_row td input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } table.click_track_table tr.tr1 { font-size: 1em; } table.click_track_table tr.tr0 { font-size: 1em; } /* ----------- Click Track Table End-------------- */ /* ----------- Results Start-------------- */ #results table { width:100%; border-top: solid black 1px; border-left: solid black 1px; } #results table td{ border-bottom: solid black 1px; border-right: solid black 1px; padding: 2px; } #results table th{ border-bottom: solid black 1px; background-color:yellow; border-right: solid black 1px; } /* ----------- Results End-------------- */ /* ----------- Edit Tables Top-------------- */ table.edit_left { background:url(images/current-cart-back.gif) repeat; border: solid black 1px; width:100%; padding: 0px; margin: 0px; border-collapse:collapse; } table.edit_left td{ padding: 4px; border-bottom: solid black 0px; } table.edit_left tr.first_row td{ background:url(images/calendar-back.gif) left top repeat-x; text-align: center; font-weight: bold; border: solid black 0px; padding-bottom: 10px; padding-top: 10px; } table.edit_left tr.last_row td { text-align: center; border-bottom: none; } table.edit_left th{ text-align: right; font-weight: bold; font-color: #000000;; border-bottom: solid black 0px; border-right: solid black 0px; width: 33%; } table.edit_left tr.last_row td input{ background-color: #ffffff; color: black; font-weight: bold; padding: 2px 10px; } table.edit_left tr.last_row td input#submit_button[disabled="disabled"] { background-color: red; } table.edit_left tr.required th{ color:red; } table.edit_left tr.required input{ background-color:#ffffff; border: solid #a7a6aa 1px; } /* ----------- Edit Tables bottom-------------- */ /* ----------- Cart Styles Top-------------- */ table.cart_one_line { width:100%; border-top: solid #ffffff 0px; border-bottom: solid #ffffff 0px; text-align:center; } table.cart_one_line span.alert-1{ font-size: 1.35em; } table.cart_one_line span.contact{ display:block; font-size: 10px; color:red; } table.cart_one_line td.checkout{ width:200px; text-align:center; } table.cart_one_line td.checkout img{ border: 0; } table.cart_one_line td{ padding:5px; margin:0px; } .cart { font-size: 10px; font-weight: normal; } /* ----------- Cart-------------- */ table.cart { width:100%; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 5px 10px 5px; } table.shipping_address th { text-align: right; color: #b81e12; font-size: 12px; } .cart th { background:url(images/calendar-back2.gif) top repeat; border:1px solid #000000; font-size: 14px; text-align: center; font-weight: bold; color: #ffffff; padding:8px 0px 8px 0px; } .cart tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .cart td { font-weight: bold; color: #000000; font-size: 12px; padding:8px 0px 0px 2px; } table.cart .number { text-align:center; } table.cart .number input { text-align:center; padding-right:5px; } .cart tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .cart td.title { border: none; font-size: 12px; font-weight: bold; color: #000000; } .cart tr.total { border-top: double black; } .cart li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; list-style-position: outside; list-style-type: none; margin: 3px 0 ; } table.order { border-collapse: collapse; background:url(images/current-cart-back.gif) left top repeat-x; } .order th { background-color: #000000; color: #000000; font-size: 14px; font-weight: bold; background:url(images/current-cart-back.gif) left top repeat-x; padding:10px 0px 10px 0px; } .order tr { font-size: 10px; font-weight: normal; background:url(images/current-cart-back.gif) left top repeat-x; } .order td { font-weight: normal; color: black; font-size: 10px; background:url(images/current-cart-back.gif) left top repeat-x; } .order td.title { font-size: 12px; font-weight: bold; color: #000000; } table#choose_events, table#choose_products { width: 100%; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 0px 5px 0px; } span.asterix { display: block; font-size: 12px; text-align:center; } table#choose_events tr.asterix td, table#choose_products tr.asterix td{ font-size: 12px; padding: 5px; padding:20px 5px 10px 5px; text-align:center; } table#choose_events tr.option th, table#choose_products tr.option th { font-size: 12px; font-weight: bold; color: #000000; text-align: right; padding: 0px 5px; width: 35%; } table#choose_events td option, table#choose_products td option { width: 430px; } .cart tr.offeritems div.or_line { line-height: 1.25em; padding:0px 0px 5px 0px; } .cart tr.offeritems div.or_line span.or{ font-weight: bold; text-transform: uppercase; } /* The event_calendar style is for the overall table */ .event_calendar { } /* The next three styles are for the 3 columns of the calendar. */ .event_location { } .event_date { white-space: nowrap; } .event_venue { } .booking { font-size: 50%; font-weight: normal; } .yellow-background { background-color: #f5ff51; } /* --------- Product Catalog Top ----------------- */ div.sku_container { width:100%; text-align: right; clear: left; border-top:#948004 double 3px; padding: 15px 0 5px 0; border-bottom:#948004 dashed 1px; } div.sku_container span.sku_name { font:normal 22px/23px Georgia, "Times New Roman", Times, serif; color:#948004; padding-right:25% } div.sku_container div.sku_description { margin: 20px 0; width:70%; float: left; text-align:left; } div.sku_container div.sku_pricing { width:30%; text-align:left; vertical-align:top; float: right; } div.sku_container div.sku_pricing ul { margin: 10px 0 0 0; padding: 0; } div.sku_container div.sku_pricing ul li { list-style: none; } div.sku_container div.sku_pricing li.sku_option { float: left; font-size: .9em; margin:0; clear:left; } div.sku_container div.sku_pricing li.add_to_cart { font-size: .9em; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a{ color:red; padding:0px 0 0 10px; font-weight: bolder; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a:hover{ color:blue; } div.sku_container div.sku_pricing li.web_display{ text-decoration: line-through; white-space:nowrap; } div.sku_container div.sku_pricing li.selling_price{ font-weight: bolder; color: #948004; white-space:nowrap; font-size: 1.25em; } /* --------- Product Catalog Top ----------------- */ /* --------- Offer Display Top ----------------- */ .offer { font-size: 50%; font-weight: normal; margin: 20px 0; } table.offer_container { border: medium double #EEEEEE; width: 100%; } table.offer { border: 2px solid #b81e12; border-collapse: collapse; width: 100%; } table.offer_container td h2{ text-align:center; } .offer span.offer_price { display:block; color:red; font-weight:bold; } .offer th { border-bottom: thin solid black; background-color: #FFEBFF; font-size: 14px; font-weight: bolder; } .offer tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .offer td { font-weight: bold; color: #000000; font-size: 10px; } .offer tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .offer td.title { border: none; font-size: 10px; font-weight: normal; } .offer tr.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer td.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; list-style-position: outside; list-style-type: lower-roman; } .offer div.offer_pitch { text-align:center; } .offer div.offer_pitch p { font-size: 1.5em; } .offer div.offer_pitch p.offer_price { color:red; background-color: #FFFFCC; font-weight:bold; } .offer div.offer_pitch a { color:red; font-weight:bold; } .offer div.offer_pitch a:hover { color:blue; font-weight:bold; } .smalltext { font-size: 10px; color: #223768; } /* --------- Offer Display Bottom ----------------- */ /* --------- Signup Form Styles ----------------- */ div.opt_in_form { width: 600px; padding: 10px; margin: 0 0 0 50px; } div.opt_in_form div{ } div.opt_in_form div.form_header{ width: 500px; margin: 20px 0 0 50px; height:20px; background-repeat:no-repeat; } /* --------- New Users, please provide your email to proceed: / Existing Users, please log in below: BOX STYLE----------------- */ div.opt_in_form div.form_body{ width: 500px; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:16px 8px 9px 9px; } div.opt_in_form div.form_footer{ width: 500px; margin: 0 0 0 50px; height:20px; background-repeat:no-repeat; } div.form_body form{ padding: 0 20px; font-family: Verdana,Arial,Helvetical,sans-serif; color: #000000; text-align: left; } div.form_body input, div.form_body select { background-color: white !important; align:left; } div.form_body div.form_row{ padding-bottom: 5px; } div.form_body span.heading{ display:block; width: 140px; float: left; clear: left; text-align: right; padding:3px 3px 0; } div.form_body .required span.heading, div.form_body div.required_notice { font-weight: bold; text-transform:capitalize; color: color: #000000; } div.form_body div.email input, div.form_body div.addr1 input, div.form_body div.addr2 input { width: 250px; } div.form_body span.instructions { display: block; padding-left: 10px; font-weight: bold; font-size: .85em; } div.form_body div.required input, div.form_body div.required select { color: eeeeee; } div.form_body div.country select, div.form_body div.stateprov select { font-size: 12px; } div.form_body #prov_state_selector { padding-left: 146px } span#country_selector #prov_state_selector { display: block; } div.form_body div.required_notice { text-align:right; } div.form_body div.submit { padding:0 0 0 125px; } div.form_body div.submit input{ padding:2px 10px; } div.form_body div.opt-in_alert { font-size: 10px; padding: 20px 20px 0 20px; } div.opt_in_form h3 { padding: 0 0 20px 0; margin:0; background-color: transparent; font-family: Verdana,Arial,Helvetical,sans-serif; color: black; font-weight: bold; } div.opt_in_form h3 span{ color: #ef1600; text-transform:uppercase; } /* --------- /Signup Form Styles ----------------- */ /**** LINK-tag style sheet style.css ****/ * { margin:0; padding:0;} body { background:url(images/tail-top.jpg) left top repeat-x #171718; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#666666;} input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper, block { width:100%; overflow:hidden; } .container { width:100%;} p { margin-bottom:11px;} /*==================forms====================*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} .form { height:26px;} .form input {width:273px; height:18px; background:#ffffff; border:1px solid #ffffff;} textarea { width:403px; height:128px; background:#ffffff; overflow:auto; border:1px solid #a7a6aa;} #search-form { border-top:1px solid #4e4d50; padding:0px 0 20px 0;} #search-form label { display:block; height:52px;} #search-form strong { display:block; color:#c9c9c9; font-size:1.1em; margin-bottom:8px;} #search-form .instructions {display: block; text-align: right} #search-form input.text { width:140px; margin:3px 0 0 0;} #search-form .form_row span.heading { display: block; float: left; width: 58px; margin: 5px 5px 0 0; text-align: right} /*==================list====================*/ ul { list-style:none;} #top-nav { overflow:hidden;} #top-nav li { display:inline;} #top-nav li a { color:#e4cece; font-size:.91em; text-transform:uppercase; border-left:1px solid #c45d5d; padding:0 12px 0 12px; text-decoration:none;} #top-nav li a.first { border:0;} #top-nav li a:hover { text-decoration:underline;} #site-nav { width:100%; overflow:hidden; background:url(images/divider1.gif) no-repeat right top;} #site-nav li { display:inline;} #site-nav li a { display:block; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.27em; text-transform:uppercase; font-weight:bold; color:#363438; text-decoration:none; line-height:50px; width:146px; text-indent:16px; position:relative;} #site-nav li a:hover { text-decoration:underline;} #page-nav { margin-bottom:10px;} #page-nav li { display:inline;} #page-nav li a { display:block; background:url(images/page-nav.gif) no-repeat left top; width:210px; height:30px; line-height:29px; margin-bottom:1px; text-indent:34px; color:#d2d1d4; text-decoration:none; text-transform:uppercase;} #page-nav li a:hover { color:#ef1600;} .info-list li { width:100%; overflow:hidden; color:#3a3a3d; font-size:.91em; text-transform:uppercase; line-height:1.2em;} .info-list li strong { float:left; width:84px; font-family:tahoma;} .list1 { margin-bottom:-10px;} .list1 li { background:url(images/marker.gif) no-repeat left 4px; padding:0 0 13px 10px;} .list1 li a { color:#ffffff;} .list1 li strong a { color:#ffffff;} .list2 { font-size:.91em; margin-bottom:13px;} .list2 li { width:100%; overflow:hidden; background:#1e1c1f; line-height:14px; vertical-align:top;} .list2 li span { float:right; border-left:1px solid #2c2a2e; padding:6px 20px 7px 8px; text-transform:uppercase; color:#8a888c;} .list2 li a { color:#8a888c; text-decoration:none; padding:6px 0 7px 0; display:block; float:left; width:70%;} .list2 li a:hover { color:#fff;} .list2 li a b { display:block; padding:0 0 0 10px; font-weight:normal;} .list2 li.alt { width:100%; overflow:hidden; background:none; line-height:14px;} .list2 li.alt span {border-left:1px solid #424043; color:#bbb8bf;} .list2 li.alt a { color:#bbb8bf;} .list2 li.alt a:hover { color:#fff;} .list3 li { padding-bottom:17px;} /*==================other====================*/ .img-indent { margin:0 0 0 10; float:left; padding-right: 20px; padding-bottom: 10px; } .img-box { width:100%; overflow:hidden; padding-bottom:20px;} .img-box img { float:left; margin:0 20px 0 0;} .p2 { margin-bottom:11px;} .p3 { margin-bottom:6px !important;} .info-img { width:100%; overflow:hidden; padding-bottom:18px} .info-img img { float:left; margin-right:10px; } .info-img strong { display:inline-block; padding:13px 0 0 0; font-size:1.1em; color:#cb3939; font-size:1.1em; text-transform:uppercase;} /*==================txt, links, lines, titles====================*/ a {color:#ef1600;} a:hover{text-decoration:none;} h1 { display:block; background:url(images/main-title.jpg) no-repeat left top; width:330px; height:57px; position:absolute; top:29px; left:37px; text-indent:-10000px;} h2 { font-size:1.27em; color:#fff; text-transform:uppercase; line-height:1.14em; margin-bottom:17px;} h3 { font-size:.91em; text-transform:uppercase;} h4 { font-size:1em; text-transform:uppercase; color:#fff; margin-bottom:17px;} .txt1 { font-size:.91em;} .link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;} .link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;} .link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;} .link1:hover { text-decoration:underline;} .link2 { color:#ffffff;} .button { float:right;} .button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;} .button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:4px; padding-left:0;} .button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:1px 3px 3px 3px; color:#312f32; text-decoration:none; text-transform:uppercase; font-size:.85em;} .button span span a:hover {color:#fff;} /*==================boxes====================*/ .top-nav-box { background:url(images/top-nav-bg.gif) left top repeat-x; float:right;} .top-nav-box .left { background:url(images/top-nav-left.gif) no-repeat left top; } .top-nav-box .right { background:url(images/top-nav-right.gif) no-repeat right top;} .top-nav-box .inner { padding:7px 16px 10px 16px;} .main-box { background:url(images/main-box.jpg) no-repeat left top; width:656px; height:321px; position:relative; background-image: url(images/2.jpg); } .info-box { background:url(images/info-box.gif) no-repeat left top; width:225px; height:146px; position:absolute; } .info-box .inner { padding:13px 0 0 20px;} .info-box#item1 {right:11px; top:13px;} .info-box#item2 {right:11px; top:162px;} .title-box { margin-bottom:7px; } .title-box .left { background:url(images/title-left.png) no-repeat left top; padding-left:5px;} .title-box .right { background:url(images/titl-right.png) no-repeat right top; padding-right:6px;} .title-box h3 { background:url(images/title-bg.png) left top repeat-x; height:32px; line-height:30px; padding-left:5px;} .box .left-top-corner { background:url(images/left-top-corner.png) no-repeat left top; padding-left:5px;} .box .right-top-corner { background:url(images/right-top-corner.png) no-repeat right top; padding-right:6px;} .box .border-top { background:url(images/border-top.png) left top repeat-x; height:5px; overflow:hidden; font-size:0; line-height:0;} .box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:2px;} .box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:1px;} .box .ver-line-left { background:url(images/ver-line.gif) no-repeat left top;} .box .ver-line-right { background:url(images/ver-line.gif) no-repeat right top;} .box .bg { background:url(images/box-bg.gif) left top repeat-x #272629; width:100%;} .box .border-left-1 { background:url(images/border-left-1.gif) left top repeat-y;} .box .border-right-1 { background:url(images/border-right-1.gif) right top repeat-y;} .box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left top; padding-left:6px;} .box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right top; padding-right:6px;} .box .border-bot { background:url(images/border-bot.png) left top repeat-x; height:6px; overflow:hidden; font-size:0; line-height:0;} .box .inner { padding:12px 12px 4px 12px;} .box .inner1 { padding:12px 12px 2px 12px;} .box1 { border:1px solid #4b494e;} .box1 .bg { background:#3f3d42; width:100%; } .box1 .inner { padding:16px 8px 9px 9px;} .box2 { border:1px solid #363438;} .box2 .bg { background:#2c2a2e; width:100%; } .box2 .inner { padding:16px 8px 9px 9px;} .box3 { background:#3c3a3f; width:100%; margin-bottom:1px;} .box3 .border-top {background:url(images/border-top1.gif) repeat-x top;} .box3 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;} .box3 .border-left {background:url(images/border-left1.gif) repeat-y left;} .box3 .border-right {background:url(images/border-right1.gif) repeat-y right;} .box3 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;} .box3 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;} .box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;} .box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; } .box3 .inner { padding:10px;} .box3 .img-indent { margin-right:10px;} .box3 strong { color:#f1f1f1;} .box4 { border:1px solid #4b494e;} .box4 .bg { background:#3f3d42; width:100%; } .box4 .inner { padding:16px 8px 9px 9px;} /*header*/ #header {min-height: 700px;} #header .row-1 { height:84px; padding-right:13px;} #header .row-1 .fleft { padding:0px 0 0 9px; } #header #content .col-2 .row-1 { height: 305px; padding-right: 0;} #header #content .col-2 .row-2 { padding-right: 0;} #header .row-2 { height:59px; padding:0 10px 0 12px;} #header .row-3 { padding:0 0 0 12px; height:331px; background:url(images/header-tail.gif) left top repeat-x;} /*content*/ #content { background:url(images/content-bg.gif) left top repeat-x #1e1d1f; width:100%;} #content .inside { padding:12px 10px 10px 11px;} #content .indent { padding:0 0 16px 11px;} #content .row-1 { padding-bottom:7px;} #content .row-2 { padding-left:2px; } /*footer*/ #footer { text-transform:uppercase; color:#686769; text-align:right;} #footer .inner {border-top:1px solid #4f4f50; margin:0 11px; padding:17px 0 0 0;} #footer a { color:#686769; text-decoration:none;} #footer a:hover { text-decoration:underline;} /*==========================================*/ /**** LINK-tag style sheet layout.css ****/ #main {width:900px; margin:0 auto; font-size:0.69em;} #header {height: inherit; background:url(images/header-bg.jpg) no-repeat left top;} #header .col-1 { width:210px; margin-right:10px;} #header .col-2 { width:656px;} #header, #content { } .col-1, .col-2, .col-3 { float:left;} /*======= index.html =======*/ #page1 #content .col-1 {width:212px; margin-right:7px;} #page1 #content .col-2 { width:660px;} #page1 #content .col-2 .row-1 .col-1 { width:220px; margin-right:0px;} #page1 #content .col-2 .row-1 .col-2 { width:220px;} #page1 #content .col-2 .row-1 .col-3 { width:220px;} #page1 #content .col-2 .row-2 .col-1 { width:323px; margin-right:10px;} #page1 #content .col-2 .row-2 .col-2 { width:323px;} #page1 #content .col-2 .row-2 .col-3 { width:323px; margin-right:0px;} /*======= index-1.html =======*/ #page2 #content .col-1 {width:212px; margin-right:7px;} #page2 #content .col-2 { width:660px;} #page2 #content .col-2 .col-1 { width:439px; margin-right:2px;} #page2 #content .col-2 .col-2 { width:217px;} /*=========================*/ #footer {height:70px; background:#1e1d1f;} /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet sus01.css ****/ /*Essential CSS for SignupSystem V1.0 DO NOT REMOVE THESE STYLES */ .tr1 { background-color:#FFFFDD; padding: 3px; } .tr0 { padding: 3px; background-color:white; } .border, .sidebar { background-color: #59075E; } .td-background { background-color: #59075E; border: #59075E; } .red-alert { font-weight: bolder; color: #FF0000; } .alert-low { font-weight: bold; } .alert-medium { color:red; } .alert-high { color:red; font-weight: bolder; } .note { font-weight: bolder; color: #FF0000; } .samplebox { border-style: solid; border-width: thin; border-color: black; padding: 3px 3px 3px 3px; color: #000000; font-family: "Courier New", Courier, mono; } .helptext { text-align: center; background-color: #FFFFCC; padding: 5px; margin: 0 10px; } .message { text-align:center; color: red; font-size: 1.25em; padding: 5px; margin: 10px; border-top: black dotted 1px; border-bottom: black dotted 1px; } input.code_sample, textarea.code_sample { width: 100%; border: #494949 dotted 1px; padding: 5px; background-color:#FFFFE5; } table.unsubscribe_table { width:80%; border-collapse: collapse; border: 1px black solid; } table.unsubscribe_table th{ background-color:yellow; border: 1px black solid; } table.unsubscribe_table td{ border: 1px black solid; } table.unsubscribe_table input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } #guest_transfer_complete { margin: 20px 0 40px 0; border: double #948004 5px; padding: 0 10px 20px 10px; } #guest_transfer_complete h1{ color: red; } #full_error_message p#see_full{ margin-top: 40px; font-size: .8em; text-align:right; text-decoration: underline; float: right; } #full_error_message span#message{ display:none; } #full_error_message:hover span#message{ display:block; } #full_error_message:hover p#see_full{ float: none; } /* ----------- Click Track Table Start-------------- */ td.tr-heading { background-color: #999900; font-weight: bold; color:white; padding: 2px; text-align:center; vertical-align:bottom; } table.click_track_table { border: solid black 1px; width: 100%; } table.click_track_table td{ border-bottom: solid black 1px; border-right: solid black 1px; } table.click_track_table td.tr1-bold { text-align: center; font-weight: bold; background-color:yellow; } table.click_track_table tr.last_row td { text-align: center; border-bottom: none; } table.click_track_table tr.last_row td input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } table.click_track_table tr.tr1 { font-size: 1em; } table.click_track_table tr.tr0 { font-size: 1em; } /* ----------- Click Track Table End-------------- */ /* ----------- Results Start-------------- */ #results table { width:100%; border-top: solid black 1px; border-left: solid black 1px; } #results table td{ border-bottom: solid black 1px; border-right: solid black 1px; padding: 2px; } #results table th{ border-bottom: solid black 1px; background-color:yellow; border-right: solid black 1px; } /* ----------- Results End-------------- */ /* ----------- Edit Tables Top-------------- */ table.edit_left { background:url(images/current-cart-back.gif) repeat; border: solid black 1px; width:100%; padding: 0px; margin: 0px; border-collapse:collapse; } table.edit_left td{ padding: 4px; border-bottom: solid black 0px; } table.edit_left tr.first_row td{ background:url(images/calendar-back.gif) left top repeat-x; text-align: center; font-weight: bold; border: solid black 0px; padding-bottom: 10px; padding-top: 10px; } table.edit_left tr.last_row td { text-align: center; border-bottom: none; } table.edit_left th{ text-align: right; font-weight: bold; font-color: #000000;; border-bottom: solid black 0px; border-right: solid black 0px; width: 33%; } table.edit_left tr.last_row td input{ background-color: #ffffff; color: black; font-weight: bold; padding: 2px 10px; } table.edit_left tr.last_row td input#submit_button[disabled="disabled"] { background-color: red; } table.edit_left tr.required th{ color:red; } table.edit_left tr.required input{ background-color:#ffffff; border: solid #a7a6aa 1px; } /* ----------- Edit Tables bottom-------------- */ /* ----------- Cart Styles Top-------------- */ table.cart_one_line { width:100%; border-top: solid #ffffff 0px; border-bottom: solid #ffffff 0px; text-align:center; } table.cart_one_line span.alert-1{ font-size: 1.35em; } table.cart_one_line span.contact{ display:block; font-size: 10px; color:red; } table.cart_one_line td.checkout{ width:200px; text-align:center; } table.cart_one_line td.checkout img{ border: 0; } table.cart_one_line td{ padding:5px; margin:0px; } .cart { font-size: 10px; font-weight: normal; } /* ----------- Cart-------------- */ table.cart { width:100%; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 5px 10px 5px; } table.shipping_address th { text-align: right; color: #b81e12; font-size: 12px; } .cart th { background:url(images/calendar-back2.gif) top repeat; border:1px solid #000000; font-size: 14px; text-align: center; font-weight: bold; color: #ffffff; padding:8px 0px 8px 0px; } .cart tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .cart td { font-weight: bold; color: #000000; font-size: 12px; padding:8px 0px 0px 2px; } table.cart .number { text-align:center; } table.cart .number input { text-align:center; padding-right:5px; } .cart tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .cart td.title { border: none; font-size: 12px; font-weight: bold; color: #000000; } .cart tr.total { border-top: double black; } .cart li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; list-style-position: outside; list-style-type: none; margin: 3px 0 ; } table.order { border-collapse: collapse; background:url(images/current-cart-back.gif) left top repeat-x; } .order th { background-color: #000000; color: #000000; font-size: 14px; font-weight: bold; background:url(images/current-cart-back.gif) left top repeat-x; padding:10px 0px 10px 0px; } .order tr { font-size: 10px; font-weight: normal; background:url(images/current-cart-back.gif) left top repeat-x; } .order td { font-weight: normal; color: black; font-size: 10px; background:url(images/current-cart-back.gif) left top repeat-x; } .order td.title { font-size: 12px; font-weight: bold; color: #000000; } table#choose_events, table#choose_products { width: 100%; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 0px 5px 0px; } span.asterix { display: block; font-size: 12px; text-align:center; } table#choose_events tr.asterix td, table#choose_products tr.asterix td{ font-size: 12px; padding: 5px; padding:20px 5px 10px 5px; text-align:center; } table#choose_events tr.option th, table#choose_products tr.option th { font-size: 12px; font-weight: bold; color: #000000; text-align: right; padding: 0px 5px; width: 35%; } table#choose_events td option, table#choose_products td option { width: 430px; } .cart tr.offeritems div.or_line { line-height: 1.25em; padding:0px 0px 5px 0px; } .cart tr.offeritems div.or_line span.or{ font-weight: bold; text-transform: uppercase; } /* The event_calendar style is for the overall table */ .event_calendar { } /* The next three styles are for the 3 columns of the calendar. */ .event_location { } .event_date { white-space: nowrap; } .event_venue { } .booking { font-size: 50%; font-weight: normal; } .yellow-background { background-color: #f5ff51; } /* --------- Product Catalog Top ----------------- */ div.sku_container { width:100%; text-align: right; clear: left; border-top:#948004 double 3px; padding: 15px 0 5px 0; border-bottom:#948004 dashed 1px; } div.sku_container span.sku_name { font:normal 22px/23px Georgia, "Times New Roman", Times, serif; color:#948004; padding-right:25% } div.sku_container div.sku_description { margin: 20px 0; width:70%; float: left; text-align:left; } div.sku_container div.sku_pricing { width:30%; text-align:left; vertical-align:top; float: right; } div.sku_container div.sku_pricing ul { margin: 10px 0 0 0; padding: 0; } div.sku_container div.sku_pricing ul li { list-style: none; } div.sku_container div.sku_pricing li.sku_option { float: left; font-size: .9em; margin:0; clear:left; } div.sku_container div.sku_pricing li.add_to_cart { font-size: .9em; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a{ color:red; padding:0px 0 0 10px; font-weight: bolder; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a:hover{ color:blue; } div.sku_container div.sku_pricing li.web_display{ text-decoration: line-through; white-space:nowrap; } div.sku_container div.sku_pricing li.selling_price{ font-weight: bolder; color: #948004; white-space:nowrap; font-size: 1.25em; } /* --------- Product Catalog Top ----------------- */ /* --------- Offer Display Top ----------------- */ .offer { font-size: 50%; font-weight: normal; margin: 20px 0; } table.offer_container { border: medium double #EEEEEE; width: 100%; } table.offer { border: 2px solid #b81e12; border-collapse: collapse; width: 100%; } table.offer_container td h2{ text-align:center; } .offer span.offer_price { display:block; color:red; font-weight:bold; } .offer th { border-bottom: thin solid black; background-color: #FFEBFF; font-size: 14px; font-weight: bolder; } .offer tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .offer td { font-weight: bold; color: #000000; font-size: 10px; } .offer tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .offer td.title { border: none; font-size: 10px; font-weight: normal; } .offer tr.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer td.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; list-style-position: outside; list-style-type: lower-roman; } .offer div.offer_pitch { text-align:center; } .offer div.offer_pitch p { font-size: 1.5em; } .offer div.offer_pitch p.offer_price { color:red; background-color: #FFFFCC; font-weight:bold; } .offer div.offer_pitch a { color:red; font-weight:bold; } .offer div.offer_pitch a:hover { color:blue; font-weight:bold; } .smalltext { font-size: 10px; color: #223768; } /* --------- Offer Display Bottom ----------------- */ /* --------- Signup Form Styles ----------------- */ div.opt_in_form { width: 600px; padding: 10px; margin: 0 0 0 50px; } div.opt_in_form div{ } div.opt_in_form div.form_header{ width: 500px; margin: 20px 0 0 50px; height:20px; background-repeat:no-repeat; } /* --------- New Users, please provide your email to proceed: / Existing Users, please log in below: BOX STYLE----------------- */ div.opt_in_form div.form_body{ width: 500px; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:16px 8px 9px 9px; } div.opt_in_form div.form_footer{ width: 500px; margin: 0 0 0 50px; height:20px; background-repeat:no-repeat; } div.form_body form{ padding: 0 20px; font-family: Verdana,Arial,Helvetical,sans-serif; color: #000000; text-align: left; } div.form_body input, div.form_body select { background-color: white !important; align:left; } div.form_body div.form_row{ padding-bottom: 5px; } div.form_body span.heading{ display:block; width: 140px; float: left; clear: left; text-align: right; padding:3px 3px 0; } div.form_body .required span.heading, div.form_body div.required_notice { font-weight: bold; text-transform:capitalize; color: color: #000000; } div.form_body div.email input, div.form_body div.addr1 input, div.form_body div.addr2 input { width: 250px; } div.form_body span.instructions { display: block; padding-left: 10px; font-weight: bold; font-size: .85em; } div.form_body div.required input, div.form_body div.required select { color: eeeeee; } div.form_body div.country select, div.form_body div.stateprov select { font-size: 12px; } div.form_body #prov_state_selector { padding-left: 146px } span#country_selector #prov_state_selector { display: block; } div.form_body div.required_notice { text-align:right; } div.form_body div.submit { padding:0 0 0 125px; } div.form_body div.submit input{ padding:2px 10px; } div.form_body div.opt-in_alert { font-size: 10px; padding: 20px 20px 0 20px; } div.opt_in_form h3 { padding: 0 0 20px 0; margin:0; background-color: transparent; font-family: Verdana,Arial,Helvetical,sans-serif; color: black; font-weight: bold; } div.opt_in_form h3 span{ color: #ef1600; text-transform:uppercase; } /* --------- /Signup Form Styles ----------------- */ /**** LINK-tag style sheet style.css ****/ * { margin:0; padding:0;} body { background:url(images/tail-top.jpg) left top repeat-x #171718; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#666666;} input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper, block { width:100%; overflow:hidden; } .container { width:100%;} p { margin-bottom:11px;} /*==================forms====================*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} .form { height:26px;} .form input {width:273px; height:18px; background:#ffffff; border:1px solid #ffffff;} textarea { width:403px; height:128px; background:#ffffff; overflow:auto; border:1px solid #a7a6aa;} #search-form { border-top:1px solid #4e4d50; padding:0px 0 20px 0;} #search-form label { display:block; height:52px;} #search-form strong { display:block; color:#c9c9c9; font-size:1.1em; margin-bottom:8px;} #search-form .instructions {display: block; text-align: right} #search-form input.text { width:140px; margin:3px 0 0 0;} #search-form .form_row span.heading { display: block; float: left; width: 58px; margin: 5px 5px 0 0; text-align: right} /*==================list====================*/ ul { list-style:none;} #top-nav { overflow:hidden;} #top-nav li { display:inline;} #top-nav li a { color:#e4cece; font-size:.91em; text-transform:uppercase; border-left:1px solid #c45d5d; padding:0 12px 0 12px; text-decoration:none;} #top-nav li a.first { border:0;} #top-nav li a:hover { text-decoration:underline;} #site-nav { width:100%; overflow:hidden; background:url(images/divider1.gif) no-repeat right top;} #site-nav li { display:inline;} #site-nav li a { display:block; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.27em; text-transform:uppercase; font-weight:bold; color:#363438; text-decoration:none; line-height:50px; width:146px; text-indent:16px; position:relative;} #site-nav li a:hover { text-decoration:underline;} #page-nav { margin-bottom:10px;} #page-nav li { display:inline;} #page-nav li a { display:block; background:url(images/page-nav.gif) no-repeat left top; width:210px; height:30px; line-height:29px; margin-bottom:1px; text-indent:34px; color:#d2d1d4; text-decoration:none; text-transform:uppercase;} #page-nav li a:hover { color:#ef1600;} .info-list li { width:100%; overflow:hidden; color:#3a3a3d; font-size:.91em; text-transform:uppercase; line-height:1.2em;} .info-list li strong { float:left; width:84px; font-family:tahoma;} .list1 { margin-bottom:-10px;} .list1 li { background:url(images/marker.gif) no-repeat left 4px; padding:0 0 13px 10px;} .list1 li a { color:#ffffff;} .list1 li strong a { color:#ffffff;} .list2 { font-size:.91em; margin-bottom:13px;} .list2 li { width:100%; overflow:hidden; background:#1e1c1f; line-height:14px; vertical-align:top;} .list2 li span { float:right; border-left:1px solid #2c2a2e; padding:6px 20px 7px 8px; text-transform:uppercase; color:#8a888c;} .list2 li a { color:#8a888c; text-decoration:none; padding:6px 0 7px 0; display:block; float:left; width:70%;} .list2 li a:hover { color:#fff;} .list2 li a b { display:block; padding:0 0 0 10px; font-weight:normal;} .list2 li.alt { width:100%; overflow:hidden; background:none; line-height:14px;} .list2 li.alt span {border-left:1px solid #424043; color:#bbb8bf;} .list2 li.alt a { color:#bbb8bf;} .list2 li.alt a:hover { color:#fff;} .list3 li { padding-bottom:17px;} /*==================other====================*/ .img-indent { margin:0 0 0 10; float:left; padding-right: 20px; padding-bottom: 10px; } .img-box { width:100%; overflow:hidden; padding-bottom:20px;} .img-box img { float:left; margin:0 20px 0 0;} .p2 { margin-bottom:11px;} .p3 { margin-bottom:6px !important;} .info-img { width:100%; overflow:hidden; padding-bottom:18px} .info-img img { float:left; margin-right:10px; } .info-img strong { display:inline-block; padding:13px 0 0 0; font-size:1.1em; color:#cb3939; font-size:1.1em; text-transform:uppercase;} /*==================txt, links, lines, titles====================*/ a {color:#ef1600;} a:hover{text-decoration:none;} h1 { display:block; background:url(images/main-title.jpg) no-repeat left top; width:330px; height:57px; position:absolute; top:29px; left:37px; text-indent:-10000px;} h2 { font-size:1.27em; color:#fff; text-transform:uppercase; line-height:1.14em; margin-bottom:17px;} h3 { font-size:.91em; text-transform:uppercase;} h4 { font-size:1em; text-transform:uppercase; color:#fff; margin-bottom:17px;} .txt1 { font-size:.91em;} .link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;} .link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;} .link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;} .link1:hover { text-decoration:underline;} .link2 { color:#ffffff;} .button { float:right;} .button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;} .button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:4px; padding-left:0;} .button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:1px 3px 3px 3px; color:#312f32; text-decoration:none; text-transform:uppercase; font-size:.85em;} .button span span a:hover {color:#fff;} /*==================boxes====================*/ .top-nav-box { background:url(images/top-nav-bg.gif) left top repeat-x; float:right;} .top-nav-box .left { background:url(images/top-nav-left.gif) no-repeat left top; } .top-nav-box .right { background:url(images/top-nav-right.gif) no-repeat right top;} .top-nav-box .inner { padding:7px 16px 10px 16px;} .main-box { background:url(images/main-box.jpg) no-repeat left top; width:656px; height:321px; position:relative; background-image: url(images/2.jpg); } .info-box { background:url(images/info-box.gif) no-repeat left top; width:225px; height:146px; position:absolute; } .info-box .inner { padding:13px 0 0 20px;} .info-box#item1 {right:11px; top:13px;} .info-box#item2 {right:11px; top:162px;} .title-box { margin-bottom:7px; } .title-box .left { background:url(images/title-left.png) no-repeat left top; padding-left:5px;} .title-box .right { background:url(images/titl-right.png) no-repeat right top; padding-right:6px;} .title-box h3 { background:url(images/title-bg.png) left top repeat-x; height:32px; line-height:30px; padding-left:5px;} .box .left-top-corner { background:url(images/left-top-corner.png) no-repeat left top; padding-left:5px;} .box .right-top-corner { background:url(images/right-top-corner.png) no-repeat right top; padding-right:6px;} .box .border-top { background:url(images/border-top.png) left top repeat-x; height:5px; overflow:hidden; font-size:0; line-height:0;} .box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:2px;} .box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:1px;} .box .ver-line-left { background:url(images/ver-line.gif) no-repeat left top;} .box .ver-line-right { background:url(images/ver-line.gif) no-repeat right top;} .box .bg { background:url(images/box-bg.gif) left top repeat-x #272629; width:100%;} .box .border-left-1 { background:url(images/border-left-1.gif) left top repeat-y;} .box .border-right-1 { background:url(images/border-right-1.gif) right top repeat-y;} .box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left top; padding-left:6px;} .box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right top; padding-right:6px;} .box .border-bot { background:url(images/border-bot.png) left top repeat-x; height:6px; overflow:hidden; font-size:0; line-height:0;} .box .inner { padding:12px 12px 4px 12px;} .box .inner1 { padding:12px 12px 2px 12px;} .box1 { border:1px solid #4b494e;} .box1 .bg { background:#3f3d42; width:100%; } .box1 .inner { padding:16px 8px 9px 9px;} .box2 { border:1px solid #363438;} .box2 .bg { background:#2c2a2e; width:100%; } .box2 .inner { padding:16px 8px 9px 9px;} .box3 { background:#3c3a3f; width:100%; margin-bottom:1px;} .box3 .border-top {background:url(images/border-top1.gif) repeat-x top;} .box3 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;} .box3 .border-left {background:url(images/border-left1.gif) repeat-y left;} .box3 .border-right {background:url(images/border-right1.gif) repeat-y right;} .box3 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;} .box3 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;} .box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;} .box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; } .box3 .inner { padding:10px;} .box3 .img-indent { margin-right:10px;} .box3 strong { color:#f1f1f1;} .box4 { border:1px solid #4b494e;} .box4 .bg { background:#3f3d42; width:100%; } .box4 .inner { padding:16px 8px 9px 9px;} /*header*/ #header {min-height: 700px;} #header .row-1 { height:84px; padding-right:13px;} #header .row-1 .fleft { padding:0px 0 0 9px; } #header #content .col-2 .row-1 { height: 305px; padding-right: 0;} #header #content .col-2 .row-2 { padding-right: 0;} #header .row-2 { height:59px; padding:0 10px 0 12px;} #header .row-3 { padding:0 0 0 12px; height:331px; background:url(images/header-tail.gif) left top repeat-x;} /*content*/ #content { background:url(images/content-bg.gif) left top repeat-x #1e1d1f; width:100%;} #content .inside { padding:12px 10px 10px 11px;} #content .indent { padding:0 0 16px 11px;} #content .row-1 { padding-bottom:7px;} #content .row-2 { padding-left:2px; } /*footer*/ #footer { text-transform:uppercase; color:#686769; text-align:right;} #footer .inner {border-top:1px solid #4f4f50; margin:0 11px; padding:17px 0 0 0;} #footer a { color:#686769; text-decoration:none;} #footer a:hover { text-decoration:underline;} /*==========================================*/ /**** LINK-tag style sheet layout.css ****/ #main {width:900px; margin:0 auto; font-size:0.69em;} #header {height: inherit; background:url(images/header-bg.jpg) no-repeat left top;} #header .col-1 { width:210px; margin-right:10px;} #header .col-2 { width:656px;} #header, #content { } .col-1, .col-2, .col-3 { float:left;} /*======= index.html =======*/ #page1 #content .col-1 {width:212px; margin-right:7px;} #page1 #content .col-2 { width:660px;} #page1 #content .col-2 .row-1 .col-1 { width:220px; margin-right:0px;} #page1 #content .col-2 .row-1 .col-2 { width:220px;} #page1 #content .col-2 .row-1 .col-3 { width:220px;} #page1 #content .col-2 .row-2 .col-1 { width:323px; margin-right:10px;} #page1 #content .col-2 .row-2 .col-2 { width:323px;} #page1 #content .col-2 .row-2 .col-3 { width:323px; margin-right:0px;} /*======= index-1.html =======*/ #page2 #content .col-1 {width:212px; margin-right:7px;} #page2 #content .col-2 { width:660px;} #page2 #content .col-2 .col-1 { width:439px; margin-right:2px;} #page2 #content .col-2 .col-2 { width:217px;} /*=========================*/ #footer {height:70px; background:#1e1d1f;} /**** Inline STYLE-tag style sheet ****/ /**** Inline STYLE-tag style sheet ****/ /**** LINK-tag style sheet sus01.css ****/ /*Essential CSS for SignupSystem V1.0 DO NOT REMOVE THESE STYLES */ .tr1 { background-color:#FFFFDD; padding: 3px; } .tr0 { padding: 3px; background-color:white; } .border, .sidebar { background-color: #59075E; } .td-background { background-color: #59075E; border: #59075E; } .red-alert { font-weight: bolder; color: #FF0000; } .alert-low { font-weight: bold; } .alert-medium { color:red; } .alert-high { color:red; font-weight: bolder; } .note { font-weight: bolder; color: #FF0000; } .samplebox { border-style: solid; border-width: thin; border-color: black; padding: 3px 3px 3px 3px; color: #000000; font-family: "Courier New", Courier, mono; } .helptext { text-align: center; background-color: #FFFFCC; padding: 5px; margin: 0 10px; } .message { text-align:center; color: red; font-size: 1.25em; padding: 5px; margin: 10px; border-top: black dotted 1px; border-bottom: black dotted 1px; } input.code_sample, textarea.code_sample { width: 100%; border: #494949 dotted 1px; padding: 5px; background-color:#FFFFE5; } table.unsubscribe_table { width:80%; border-collapse: collapse; border: 1px black solid; } table.unsubscribe_table th{ background-color:yellow; border: 1px black solid; } table.unsubscribe_table td{ border: 1px black solid; } table.unsubscribe_table input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } #guest_transfer_complete { margin: 20px 0 40px 0; border: double #948004 5px; padding: 0 10px 20px 10px; } #guest_transfer_complete h1{ color: red; } #full_error_message p#see_full{ margin-top: 40px; font-size: .8em; text-align:right; text-decoration: underline; float: right; } #full_error_message span#message{ display:none; } #full_error_message:hover span#message{ display:block; } #full_error_message:hover p#see_full{ float: none; } /* ----------- Click Track Table Start-------------- */ td.tr-heading { background-color: #999900; font-weight: bold; color:white; padding: 2px; text-align:center; vertical-align:bottom; } table.click_track_table { border: solid black 1px; width: 100%; } table.click_track_table td{ border-bottom: solid black 1px; border-right: solid black 1px; } table.click_track_table td.tr1-bold { text-align: center; font-weight: bold; background-color:yellow; } table.click_track_table tr.last_row td { text-align: center; border-bottom: none; } table.click_track_table tr.last_row td input{ background-color: #323289; color: white; font-weight: bold; padding: 2px 10px; } table.click_track_table tr.tr1 { font-size: 1em; } table.click_track_table tr.tr0 { font-size: 1em; } /* ----------- Click Track Table End-------------- */ /* ----------- Results Start-------------- */ #results table { width:100%; border-top: solid black 1px; border-left: solid black 1px; } #results table td{ border-bottom: solid black 1px; border-right: solid black 1px; padding: 2px; } #results table th{ border-bottom: solid black 1px; background-color:yellow; border-right: solid black 1px; } /* ----------- Results End-------------- */ /* ----------- Edit Tables Top-------------- */ table.edit_left { background:url(images/current-cart-back.gif) repeat; border: solid black 1px; width:100%; padding: 0px; margin: 0px; border-collapse:collapse; } table.edit_left td{ padding: 4px; border-bottom: solid black 0px; } table.edit_left tr.first_row td{ background:url(images/calendar-back.gif) left top repeat-x; text-align: center; font-weight: bold; border: solid black 0px; padding-bottom: 10px; padding-top: 10px; } table.edit_left tr.last_row td { text-align: center; border-bottom: none; } table.edit_left th{ text-align: right; font-weight: bold; font-color: #000000;; border-bottom: solid black 0px; border-right: solid black 0px; width: 33%; } table.edit_left tr.last_row td input{ background-color: #ffffff; color: black; font-weight: bold; padding: 2px 10px; } table.edit_left tr.last_row td input#submit_button[disabled="disabled"] { background-color: red; } table.edit_left tr.required th{ color:red; } table.edit_left tr.required input{ background-color:#ffffff; border: solid #a7a6aa 1px; } /* ----------- Edit Tables bottom-------------- */ /* ----------- Cart Styles Top-------------- */ table.cart_one_line { width:100%; border-top: solid #ffffff 0px; border-bottom: solid #ffffff 0px; text-align:center; } table.cart_one_line span.alert-1{ font-size: 1.35em; } table.cart_one_line span.contact{ display:block; font-size: 10px; color:red; } table.cart_one_line td.checkout{ width:200px; text-align:center; } table.cart_one_line td.checkout img{ border: 0; } table.cart_one_line td{ padding:5px; margin:0px; } .cart { font-size: 10px; font-weight: normal; } /* ----------- Cart-------------- */ table.cart { width:100%; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 5px 10px 5px; } table.shipping_address th { text-align: right; color: #b81e12; font-size: 12px; } .cart th { background:url(images/calendar-back2.gif) top repeat; border:1px solid #000000; font-size: 14px; text-align: center; font-weight: bold; color: #ffffff; padding:8px 0px 8px 0px; } .cart tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .cart td { font-weight: bold; color: #000000; font-size: 12px; padding:8px 0px 0px 2px; } table.cart .number { text-align:center; } table.cart .number input { text-align:center; padding-right:5px; } .cart tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .cart td.title { border: none; font-size: 12px; font-weight: bold; color: #000000; } .cart tr.total { border-top: double black; } .cart li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; list-style-position: outside; list-style-type: none; margin: 3px 0 ; } table.order { border-collapse: collapse; background:url(images/current-cart-back.gif) left top repeat-x; } .order th { background-color: #000000; color: #000000; font-size: 14px; font-weight: bold; background:url(images/current-cart-back.gif) left top repeat-x; padding:10px 0px 10px 0px; } .order tr { font-size: 10px; font-weight: normal; background:url(images/current-cart-back.gif) left top repeat-x; } .order td { font-weight: normal; color: black; font-size: 10px; background:url(images/current-cart-back.gif) left top repeat-x; } .order td.title { font-size: 12px; font-weight: bold; color: #000000; } table#choose_events, table#choose_products { width: 100%; background:url(images/current-cart-back.gif) left top repeat-x; padding:5px 0px 5px 0px; } span.asterix { display: block; font-size: 12px; text-align:center; } table#choose_events tr.asterix td, table#choose_products tr.asterix td{ font-size: 12px; padding: 5px; padding:20px 5px 10px 5px; text-align:center; } table#choose_events tr.option th, table#choose_products tr.option th { font-size: 12px; font-weight: bold; color: #000000; text-align: right; padding: 0px 5px; width: 35%; } table#choose_events td option, table#choose_products td option { width: 430px; } .cart tr.offeritems div.or_line { line-height: 1.25em; padding:0px 0px 5px 0px; } .cart tr.offeritems div.or_line span.or{ font-weight: bold; text-transform: uppercase; } /* The event_calendar style is for the overall table */ .event_calendar { } /* The next three styles are for the 3 columns of the calendar. */ .event_location { } .event_date { white-space: nowrap; } .event_venue { } .booking { font-size: 50%; font-weight: normal; } .yellow-background { background-color: #f5ff51; } /* --------- Product Catalog Top ----------------- */ div.sku_container { width:100%; text-align: right; clear: left; border-top:#948004 double 3px; padding: 15px 0 5px 0; border-bottom:#948004 dashed 1px; } div.sku_container span.sku_name { font:normal 22px/23px Georgia, "Times New Roman", Times, serif; color:#948004; padding-right:25% } div.sku_container div.sku_description { margin: 20px 0; width:70%; float: left; text-align:left; } div.sku_container div.sku_pricing { width:30%; text-align:left; vertical-align:top; float: right; } div.sku_container div.sku_pricing ul { margin: 10px 0 0 0; padding: 0; } div.sku_container div.sku_pricing ul li { list-style: none; } div.sku_container div.sku_pricing li.sku_option { float: left; font-size: .9em; margin:0; clear:left; } div.sku_container div.sku_pricing li.add_to_cart { font-size: .9em; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a{ color:red; padding:0px 0 0 10px; font-weight: bolder; margin:0; } div.sku_container div.sku_pricing li.add_to_cart a:hover{ color:blue; } div.sku_container div.sku_pricing li.web_display{ text-decoration: line-through; white-space:nowrap; } div.sku_container div.sku_pricing li.selling_price{ font-weight: bolder; color: #948004; white-space:nowrap; font-size: 1.25em; } /* --------- Product Catalog Top ----------------- */ /* --------- Offer Display Top ----------------- */ .offer { font-size: 50%; font-weight: normal; margin: 20px 0; } table.offer_container { border: medium double #EEEEEE; width: 100%; } table.offer { border: 2px solid #b81e12; border-collapse: collapse; width: 100%; } table.offer_container td h2{ text-align:center; } .offer span.offer_price { display:block; color:red; font-weight:bold; } .offer th { border-bottom: thin solid black; background-color: #FFEBFF; font-size: 14px; font-weight: bolder; } .offer tr { border-top: thin solid black; font-size: 10px; font-weight: normal; } .offer td { font-weight: bold; color: #000000; font-size: 10px; } .offer tr.offeritems { border-top: none; font-size: 10px; font-weight: normal; } .offer td.title { border: none; font-size: 10px; font-weight: normal; } .offer tr.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer td.total { border-top: double black; font-size: 12px; font-weight: bold; } .offer li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; list-style-position: outside; list-style-type: lower-roman; } .offer div.offer_pitch { text-align:center; } .offer div.offer_pitch p { font-size: 1.5em; } .offer div.offer_pitch p.offer_price { color:red; background-color: #FFFFCC; font-weight:bold; } .offer div.offer_pitch a { color:red; font-weight:bold; } .offer div.offer_pitch a:hover { color:blue; font-weight:bold; } .smalltext { font-size: 10px; color: #223768; } /* --------- Offer Display Bottom ----------------- */ /* --------- Signup Form Styles ----------------- */ div.opt_in_form { width: 600px; padding: 10px; margin: 0 0 0 50px; } div.opt_in_form div{ } div.opt_in_form div.form_header{ width: 500px; margin: 20px 0 0 50px; height:20px; background-repeat:no-repeat; } /* --------- New Users, please provide your email to proceed: / Existing Users, please log in below: BOX STYLE----------------- */ div.opt_in_form div.form_body{ width: 500px; border:1px solid #ffffff; background:url(images/current-cart-back.gif) left top repeat-x; padding:16px 8px 9px 9px; } div.opt_in_form div.form_footer{ width: 500px; margin: 0 0 0 50px; height:20px; background-repeat:no-repeat; } div.form_body form{ padding: 0 20px; font-family: Verdana,Arial,Helvetical,sans-serif; color: #000000; text-align: left; } div.form_body input, div.form_body select { background-color: white !important; align:left; } div.form_body div.form_row{ padding-bottom: 5px; } div.form_body span.heading{ display:block; width: 140px; float: left; clear: left; text-align: right; padding:3px 3px 0; } div.form_body .required span.heading, div.form_body div.required_notice { font-weight: bold; text-transform:capitalize; color: color: #000000; } div.form_body div.email input, div.form_body div.addr1 input, div.form_body div.addr2 input { width: 250px; } div.form_body span.instructions { display: block; padding-left: 10px; font-weight: bold; font-size: .85em; } div.form_body div.required input, div.form_body div.required select { color: eeeeee; } div.form_body div.country select, div.form_body div.stateprov select { font-size: 12px; } div.form_body #prov_state_selector { padding-left: 146px } span#country_selector #prov_state_selector { display: block; } div.form_body div.required_notice { text-align:right; } div.form_body div.submit { padding:0 0 0 125px; } div.form_body div.submit input{ padding:2px 10px; } div.form_body div.opt-in_alert { font-size: 10px; padding: 20px 20px 0 20px; } div.opt_in_form h3 { padding: 0 0 20px 0; margin:0; background-color: transparent; font-family: Verdana,Arial,Helvetical,sans-serif; color: black; font-weight: bold; } div.opt_in_form h3 span{ color: #ef1600; text-transform:uppercase; } /* --------- /Signup Form Styles ----------------- */ /**** LINK-tag style sheet style.css ****/ * { margin:0; padding:0;} body { background:url(images/tail-top.jpg) left top repeat-x #171718; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#666666;} input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper, block { width:100%; overflow:hidden; } .container { width:100%;} p { margin-bottom:11px;} /*==================forms====================*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} .form { height:26px;} .form input {width:273px; height:18px; background:#ffffff; border:1px solid #ffffff;} textarea { width:403px; height:128px; background:#ffffff; overflow:auto; border:1px solid #a7a6aa;} #search-form { border-top:0px solid #4e4d50; padding:0px 0 20px 0;} #search-form label { display:block; height:52px;} #search-form strong { display:block; color:#c9c9c9; font-size:1.1em; margin-bottom:8px;} #search-form .instructions {display: block; text-align: right} #search-form input.text { width:140px; margin:3px 0 0 0;} #search-form .form_row span.heading { display: block; float: left; width: 58px; margin: 5px 5px 0 0; text-align: right} /*==================list====================*/ ul { list-style:none;} #top-nav { overflow:hidden;} #top-nav li { display:inline;} #top-nav li a { color:#e4cece; font-size:.91em; text-transform:uppercase; border-left:1px solid #c45d5d; padding:0 12px 0 12px; text-decoration:none;} #top-nav li a.first { border:0;} #top-nav li a:hover { text-decoration:underline;} #site-nav { width:100%; overflow:hidden; background:url(images/divider1.gif) no-repeat right top;} #site-nav li { display:inline;} #site-nav li a { display:block; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.27em; text-transform:uppercase; font-weight:bold; color:#363438; text-decoration:none; line-height:50px; width:146px; text-indent:16px; position:relative;} #site-nav li a:hover { text-decoration:underline;} #page-nav { margin-bottom:10px;} #page-nav li { display:inline;} #page-nav li a { display:block; background:url(images/page-nav.gif) no-repeat left top; width:210px; height:30px; line-height:29px; margin-bottom:1px; text-indent:34px; color:#d2d1d4; text-decoration:none; text-transform:uppercase;} #page-nav li a:hover { color:#ef1600;} .info-list li { width:100%; overflow:hidden; color:#3a3a3d; font-size:.91em; text-transform:uppercase; line-height:1.2em;} .info-list li strong { float:left; width:84px; font-family:tahoma;} .list1 { margin-bottom:-10px;} .list1 li { background:url(images/marker.gif) no-repeat left 4px; padding:0 0 13px 10px;} .list1 li a { color:#ffffff;} .list1 li strong a { color:#ffffff;} .list2 { font-size:.91em; margin-bottom:13px;} .list2 li { width:100%; overflow:hidden; background:#1e1c1f; line-height:14px; vertical-align:top;} .list2 li span { float:right; border-left:1px solid #2c2a2e; padding:6px 20px 7px 8px; text-transform:uppercase; color:#8a888c;} .list2 li a { color:#8a888c; text-decoration:none; padding:6px 0 7px 0; display:block; float:left; width:70%;} .list2 li a:hover { color:#fff;} .list2 li a b { display:block; padding:0 0 0 10px; font-weight:normal;} .list2 li.alt { width:100%; overflow:hidden; background:none; line-height:14px;} .list2 li.alt span {border-left:1px solid #424043; color:#bbb8bf;} .list2 li.alt a { color:#bbb8bf;} .list2 li.alt a:hover { color:#fff;} .list3 li { padding-bottom:17px;} /*==================other====================*/ .img-indent { margin:0 0 0 10; float:left; padding-right: 20px; padding-bottom: 10px; } .img-box { width:100%; overflow:hidden; padding-bottom:20px;} .img-box img { float:left; margin:0 20px 0 0;} .p2 { margin-bottom:11px;} .p3 { margin-bottom:6px !important;} .info-img { width:100%; overflow:hidden; padding-bottom:18px} .info-img img { float:left; margin-right:10px; } .info-img strong { display:inline-block; padding:13px 0 0 0; font-size:1.1em; color:#cb3939; font-size:1.1em; text-transform:uppercase;} /*==================txt, links, lines, titles====================*/ a {color:#ef1600;} a:hover{text-decoration:none;} h1 { display:block; background:url(images/main-title.jpg) no-repeat left top; width:330px; height:57px; position:absolute; top:29px; left:37px; text-indent:-10000px;} h2 { font-size:1.27em; color:#fff; text-transform:uppercase; line-height:1.14em; margin-bottom:17px;} h3 { font-size:.91em; text-transform:uppercase;} h4 { font-size:1em; text-transform:uppercase; color:#fff; margin-bottom:17px;} .txt1 { font-size:.91em;} .link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;} .link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;} .link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;} .link1:hover { text-decoration:underline;} .link2 { color:#ffffff;} .button { float:right;} .button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;} .button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:4px; padding-left:0;} .button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:1px 3px 3px 3px; color:#312f32; text-decoration:none; text-transform:uppercase; font-size:.85em;} .button span span a:hover {color:#fff;} /*==================boxes====================*/ .top-nav-box { background:url(images/top-nav-bg.gif) left top repeat-x; float:right;} .top-nav-box .left { background:url(images/top-nav-left.gif) no-repeat left top; } .top-nav-box .right { background:url(images/top-nav-right.gif) no-repeat right top;} .top-nav-box .inner { padding:7px 16px 10px 16px;} .main-box { background:url(images/main-box.jpg) no-repeat left top; width:656px; height:321px; position:relative; background-image: url(images/2.jpg); } .info-box { background:url(images/info-box.gif) no-repeat left top; width:225px; height:146px; position:absolute; } .info-box .inner { padding:13px 0 0 20px;} .info-box#item1 {right:11px; top:13px;} .info-box#item2 {right:11px; top:162px;} .title-box { margin-bottom:7px; } .title-box .left { background:url(images/title-left.png) no-repeat left top; padding-left:5px;} .title-box .right { background:url(images/titl-right.png) no-repeat right top; padding-right:6px;} .title-box h3 { background:url(images/title-bg.png) left top repeat-x; height:32px; line-height:30px; padding-left:5px;} .box .left-top-corner { background:url(images/left-top-corner.png) no-repeat left top; padding-left:5px;} .box .right-top-corner { background:url(images/right-top-corner.png) no-repeat right top; padding-right:6px;} .box .border-top { background:url(images/border-top.png) left top repeat-x; height:5px; overflow:hidden; font-size:0; line-height:0;} .box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:2px;} .box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:1px;} .box .ver-line-left { background:url(images/ver-line.gif) no-repeat left top;} .box .ver-line-right { background:url(images/ver-line.gif) no-repeat right top;} .box .bg { background:url(images/box-bg.gif) left top repeat-x #272629; width:100%;} .box .border-left-1 { background:url(images/border-left-1.gif) left top repeat-y;} .box .border-right-1 { background:url(images/border-right-1.gif) right top repeat-y;} .box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left top; padding-left:6px;} .box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right top; padding-right:6px;} .box .border-bot { background:url(images/border-bot.png) left top repeat-x; height:6px; overflow:hidden; font-size:0; line-height:0;} .box .inner { padding:12px 12px 4px 12px;} .box .inner1 { padding:12px 12px 2px 12px;} .box1 { border:1px solid #4b494e;} .box1 .bg { background:#3f3d42; width:100%; } .box1 .inner { padding:16px 8px 9px 9px;} .box2 { border:1px solid #363438;} .box2 .bg { background:#2c2a2e; width:100%; } .box2 .inner { padding:16px 8px 9px 9px;} .box3 { background:#3c3a3f; width:100%; margin-bottom:1px;} .box3 .border-top {background:url(images/border-top1.gif) repeat-x top;} .box3 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;} .box3 .border-left {background:url(images/border-left1.gif) repeat-y left;} .box3 .border-right {background:url(images/border-right1.gif) repeat-y right;} .box3 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;} .box3 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;} .box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;} .box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; } .box3 .inner { padding:10px;} .box3 .img-indent { margin-right:10px;} .box3 strong { color:#f1f1f1;} .box4 { border:1px solid #4b494e;} .box4 .bg { background:#3f3d42; width:100%; } .box4 .inner { padding:16px 8px 9px 9px;} /*header*/ #header {min-height: 700px;} #header .row-1 { height:84px; padding-right:13px;} #header .row-1 .fleft { padding:0px 0 0 9px; } #header #content .col-2 .row-1 { height: 305px; padding-right: 0;} #header #content .col-2 .row-2 { padding-right: 0;} #header .row-2 { height:59px; padding:0 10px 0 12px;} #header .row-3 { padding:0 0 0 12px; height:331px; background:url(images/header-tail.gif) left top repeat-x;} /*content*/ #content { background:url(images/content-bg.gif) left top repeat-x #1e1d1f; width:100%;} #content .inside { padding:12px 10px 10px 11px;} #content .indent { padding:0 0 16px 11px;} #content .row-1 { padding-bottom:7px;} #content .row-2 { padding-left:2px; } /*footer*/ #footer { text-transform:uppercase; color:#686769; text-align:right;} #footer .inner {border-top:1px solid #4f4f50; margin:0 11px; padding:17px 0 0 0;} #footer a { color:#686769; text-decoration:none;} #footer a:hover { text-decoration:underline;} /*==========================================*/ /**** LINK-tag style sheet layout.css ****/ #main {width:900px; margin:0 auto; font-size:0.69em;} #header {height: inherit; background:url(images/header-bg.jpg) no-repeat left top;} #header .col-1 { width:210px; margin-right:10px;} #header .col-2 { width:656px;} #header, #content { } .col-1, .col-2, .col-3 { float:left;} /*======= index.html =======*/ #page1 #content .col-1 {width:212px; margin-right:7px;} #page1 #content .col-2 { width:660px;} #page1 #content .col-2 .row-1 .col-1 { width:220px; margin-right:0px;} #page1 #content .col-2 .row-1 .col-2 { width:220px;} #page1 #content .col-2 .row-1 .col-3 { width:220px;} #page1 #content .col-2 .row-2 .col-1 { width:323px; margin-right:10px;} #page1 #content .col-2 .row-2 .col-2 { width:323px;} #page1 #content .col-2 .row-2 .col-3 { width:323px; margin-right:0px;} /*======= index-1.html =======*/ #page2 #content .col-1 {width:212px; margin-right:7px;} #page2 #content .col-2 { width:660px;} #page2 #content .col-2 .col-1 { width:439px; margin-right:2px;} #page2 #content .col-2 .col-2 { width:217px;} /*=========================*/ #footer {height:70px; background:#1e1d1f;} /**** Inline STYLE-tag style sheet ****/ /**** Inline STYLE-tag style sheet ****/