/* Site Layout Styles * Created: 16 Dec 08 @ 11.00 am * Author: Matthew Holmes * ---------------------------------------------*/ @import "thickbox.css"; /* -- TOC --------------------------------------- 1. Colors 2. Global Reset 3. Fix Floats 4. Links 5. Typography 6. Structure a. Body b. Header c. Content d. Footer 7. Navigation a. Main b. Secondary 8. Misc -- COLORS ---------------------------------------- black #000000 orange #f6871c light grey #bbbcbf dark grey #333339 */ /* -- GLOBAL RESET ---------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; font-family: inherit; list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* -- FIX FLOATS ---------------------------------------*/ .clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } * html .clearfix { height: 1%; } *+ html .clearfix { height: 1%; } /* -- LINKS ---------------------------------------*/ a, a:visited { color: #f6871c; text-decoration: none; outline: none; } /* -- TYPOGRAPHY ---------------------------------------*/ h1 { line-height: 0; } h2 { margin: 0 0 .5em; color: #f6871c; font-size: 1.5em; } h3 { font-size: 1.1em; margin: 0 0 .5em; } p small { color: #666666; font-size: .9em; } /* -- STRUCTURE ---------------------------------------*/ body { margin: 55px 0; background: #454545 url(../images/bg-body.gif) fixed repeat-x; color: #666666; font: 62.5%/1.6 Verdana, Geneva, sans-serif; } /* ---- container */ #container { width: 1060px; margin: 0 auto; background: #fff url(../images/bg.gif) no-repeat; } /* columns */ #container .column { float: left; width: 234px; } #container .middle { float: left; width: 673px; } #container .right { float: left; width: 152px; } #container .navigation { position: relative; } #container .right ul li { padding: 0 0 10px; } #container .right ul li a { display: block; padding: 0 25px; background: url(../images/bullet-point.gif) 15px 4px no-repeat; color: #666666; } /* random banner */ .middle #banner { height: 150px; width: 673px; overflow: hidden; background-color: #000000; } /* newsletter */ .middle h2#banner { margin: 0; line-height: 0; } .middle p#newsletter { float: left; line-height: 0; } /* search */ .middle form#search_form { float: right; display: block; width: 229px; height: 23px; margin: 9px 12px 0 0; background: url(../images/search.gif) left top no-repeat; } .middle form#search_form label, .middle form#search_form input, .middle form#search_form button { float: left; } .middle form#search_form label { width: 68px; text-indent: -999em; } .middle form#search_form input { width: 119px; padding: 5px; border: 0; background: none; color: #333; font-size: 10px; } .middle form#search_form button { width: 32px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; text-indent: -999em; } .search_form { padding: 0 0 15px; } .search_form legend, .search_form label { display: none; } /* content */ #content { clear: both; padding: 20px 25px; font-size: 1.1em; } #content p { padding: 0 0 .8em; } #course_table td { border: 1px solid #000; } #content .terms, #content .privacy { line-height: 1.3; } #content ul { } #content ul li { padding: 0 0 0 20px; background: url(../images/inner-bullet-point.gif) 0 5px no-repeat; } #content ul.files_list { list-style: none; margin: 0; padding: 5px 0; } #content .files_list li { margin: 0; padding: 3px 0; list-style: none; background: none; } #content .files_list img { vertical-align: middle; margin-right: 3px; border: 0; } table.products_list_table { width: 100%; } table.products_list_table td, table.knowledge_list_table td { padding: 5px 0; border-bottom: 1px solid #ccc; } table.products_list_table a, table.knowledge_list_table a { font-size: 1.2em; } table.products_list_table img { float: right; margin: 0 0 0 10px; } .content_table td { padding: 0 20px 20px 0; vertical-align: top; } div#product_detail h3 { font-size: 1.2em; } div#product_detail img { float: right; padding: 0 0 0 10px; } .prod_list input { display: none; } .prod input, .buy_field { display: none; } span.buy_button a { background: #f6871c; padding: 3px 5px; color: #fff; font-size: 1.1em; } span.buy_button a:hover { background: #000; font-size: 1.1em; } .random_1 { margin: 0px; padding: 0px; } input.button { background: #f6871c; padding: 3px 5px; color: #fff; font-size: 1.1em; border: 0; cursor: pointer; } input.button:hover { background: #000; font-size: 1.1em; border: 0; cursor: pointer; } /* news list */ .noshow { display: none; } .news_list a { font-size: 1.2em; } .news_list { border-bottom: 1px solid #ccc; padding: 5px 0; } /* click to call button */ #content .click_to_call li a { display: block; background: url(../images/btn-click-to-call.gif) 0 0 no-repeat; width: 337px; height: 60px; text-indent: -999em; } #content .click_to_call li a:hover { display: block; background: url(../images/btn-click-to-call-over.gif) 00 no-repeat; width: 337px; height: 60px; text-indent: -999em; } /* pay account button */ #content .pay_account { margin: 20px 230px; } #content .pay_account a { display: block; background: url(../images/btn-pay-account.gif) 0 0 no-repeat; width: 162px; height: 45px; text-indent: -999em; } #content .pay_account a:hover { display: block; background: url(../images/btn-pay-account-over.gif) 00 no-repeat; text-indent: -999em; } /* banners */ #banner1 { float: left; line-height: 0; width: 80px; height: 124px; clear: both; } #banner2 { height: 192px; width: 152px; } /* events */ #events { position: relative; width: 152px; height: 121px; color: #e7e8e9; } #events span { position: absolute; width: 100%; height: 100%; background: url(../images/h4-upcoming-events.gif) no-repeat; } #events a { cursor: pointer; } /* eventsPLUS */ ul#eventsList { margin: 0; padding: 0; } ul#eventsList div.left { float: left; width: 100px; font-size: 1.1em; padding: 2px 0; } ul#eventsList div.right { float: left; width: 500px; } ul#eventsList li { list-style: none; padding: 8px 0; margin: 0; border-bottom: 1px solid #ccc; background: none; } ul#eventsList li a { font-size: 1.2em; } ul#eventsList li a:hover { text-decoration: none; } ul#eventsList h3 { margin: 0; } table.events_table td { padding: 5px; } table.events_table th { font-weight: bold; text-align: left; padding: 5px 5px 5px 0; } #content form#registrationForm legend { display: none; } #content form#registrationForm fieldset fieldset legend { display: block; } #content form#registrationForm input { width: 250px; margin: 3px 0; } #content form#registrationForm textarea { width: 254px; height: 35px; margin: 3px 0; } #content form#registrationForm select { margin: 3px 0; } #content form#registrationForm ol, form.registrationForm ul { margin: 0; padding: 0; list-style: none; } #content form#registrationForm li { clear: both; margin: 0; padding: 0; list-style: none; background: none; } #content form#registrationForm label { float: left; width: 120px; margin-right: 5px; text-align: right; font-weight: bold; } #content form#registrationForm .state li { list-style: none; background: none; margin: 0; padding: 0; } #content form#registrationForm .state ul { margin: 0; padding: 0; } #content form#registrationForm #state_field { margin: 0; padding: 0; } #content form#registrationForm .receive_email legend { display: none; } #content form#registrationForm .receive_email input { width: 15px; margin: 0 5px 0 0; padding: 0; float: left; font-weight: normal; } #content form#registrationFrom .receive_email ul { margin: 0; padding: 0; } #content form#registrationForm .receive_email li { display: inline-block; font-weight: normal; width: 250px; margin: 0; padding: 0; } #content form#registrationForm .receive_email label { display: inline-block; width: 250px; } #content form#registrationForm .receive_email label { width: 250px; font-weight: normal; text-align: left; } #reserveAdditionalPlaces { width: 25px; padding: 5px 0 4px; margin: 1px 0 0; } button.SubmitButton, button.CancelGroupRegistrationButton, button.SubmitGroupRegistrationButton, input.BackToEvents, a.register, button.BackToEvent { height: 30px; border: 0; cursor: pointer; overflow: hidden; text-indent: -999em; } a.register { width: 90px; background: transparent url(../images/btn-register.gif) no-repeat; display: block; margin: 5px 0; } div.border { border: 1px solid #ccc; } div.border strong { display: block; background: #f6871c; padding: 3px 5px; color: #fff; margin: 0 0 10px; font-weight: bold; } div.border form { margin: 10px; } div.border form label { font-weight: bold; } div.border form input { margin: 5px 0; } div.border button.SubmitButton { width: 90px; background: transparent url(../images/btn-register.gif) no-repeat; display: block; text-indent: -999em; } button#addRegistrationButton { height: 30px; width: 90px; background: url(../images/btn-register.gif) no-repeat; display: block; float: left; margin: 5px 0 0 75px !important; border: 0; cursor: pointer; overflow: hidden; text-indent: -999em; } button#cancelButton { height: 30px; width: 90px; background: url(../images/btn-cancel.gif) no-repeat; display: block; float: left; margin: 5px 0 5px 125px; border: 0; cursor: pointer; overflow: hidden; text-indent: -999em; } button.SubmitReserveButton { width: 90px; background: transparent url(../images/btn-reserve.gif) no-repeat; float: left; } button.CancelGroupRegistrationButton { margin: 0 0 5px; width: 209px; background: transparent url(../images/btn-cancel-group-registration.gif) no-repeat; float: right; display: inline-block; } button.SubmitGroupRegistrationButton { margin: 5px 0 0 400px; width: 209px; background: transparent url(../images/btn-complete-group-registration.gif) no-repeat; float: right; display: inline-block; } input.BackToEvents, button.BackToEvent { width: 133px; background: url(../images/btn-back-to-events.gif) no-repeat; font-size: 0; line-height: 999px; } div.regForm span { font-weight: bold; margin: 0; } #content form.registrationForm legend { font-weight: bold; } #content form.registrationForm li#li_c_SpareCheckbox1 { width: 630px; overflow: hidden; } #content form.registrationForm li#li_c_SpareCheckbox1 input { float: none; width: 15px; margin: 2px 5px 2px 0; } #content form.registrationForm li#li_c_SpareCheckbox1 span { clear: none; width: 240px; float: left; font-weight: normal; } #content form#registrationForm ul.resetAll { width: 630px; overflow: hidden; margin-left: 125px; } #content form#registrationForm ul.resetAll input { float: none; width: 15px; } #content form#registrationForm ul.resetAll li { clear: none; width: 240px; float: left; display: inline-block; margin: 0; padding: 0; } #content form#registrationForm ul.resetAll li label { font-weight: normal; text-align: left; white-space: nowrap; } #content form#registrationForm span.fieldLabel { margin-left: 125px; } #content form#registrationForm img { margin-left: 125px; } #content form#registrationForm .input_medium_off, #content form#registrationForm .input_medium_on { margin-left: 125px; } #content #managerSignupForm legend { display: none; } #content #managerSignupForm fieldset fieldset legend { display: block; } #content #managerSignupForm input { width: 250px; margin: 3px 0; } #content #managerSignupForm textarea { width: 254px; height: 35px; margin: 3px 0; } #content #managerSignupForm select { margin: 3px 0; } #content #managerSignupForm ol { margin: 0; padding: 0; list-style: none; } #content #managerSignupForm li { clear: both; margin: 0; padding: 0; list-style: none; background: none; } #content #managerSignupForm label { float: left; width: 120px; margin-right: 5px; text-align: right; font-weight: bold; } #content #managerSignupForm .state li { list-style: none; background: none; margin: 0; padding: 0; } #content #managerSignupForm .state ul { margin: 0; padding: 0; } #content #managerSignupForm #state_field { margin: 0; padding: 0; } #content #managerSignupForm .receive_email legend { display: none; } #content #managerSignupForm .receive_email input { width: 15px; margin: 0 5px 0 0; padding: 0; float: left; font-weight: normal; } #content #managerSignupForm .receive_email ul { margin: 0; padding: 0; } #content #managerSignupForm .receive_email li { display: inline-block; font-weight: normal; width: 250px; margin: 0; padding: 0; } #content form#registrationForm .receive_email label { display: inline-block; width: 250px; } #content #managerSignupForm .receive_email label { width: 250px; font-weight: normal; text-align: left; } table.registrations_table td, table.registrations_table th { padding: 5px; border: 1px solid #ccc; } table.registrations_table th { background: #EFEFEF; } /* news */ #news { position: relative; width: 152px; height: 107px; color: #e7e8e9; } #news span { position: absolute; width: 100%; height: 100%; background: url(../images/h4-recent-news.gif) no-repeat; } #news a { cursor: pointer; } .print { float: right; } #product_tabs { display: none; } table.files_list { margin: 8px 0 0; } /* ---- footer */ #footer { position: relative; width: 1060px; height: 22px; margin: 0 auto; background: url(../images/bg.gif) 0 -5178px no-repeat; text-align: center; } #footer p { padding: 4px 0; } /* -- NAVIGATION ---------------------------------------*/ ul#nav li:hover, ul#sec_nav li:hover, ul#sub_nav li:hover { visibility: inherit; } /* main */ ul#nav { width: 124px; } ul#nav li { position: relative; display: block; float: left; width: 124px; height: 27px; z-index: 99; } ul#nav li a { display: block; width: 124px; height: 27px; background-image: url(../images/btn-main-nav.gif); text-indent: -999em; } /* off state */ ul#nav li a.training { background-position: 0 0; } ul#nav li a.rental { background-position: 0 -27px; } ul#nav li a.professional { background-position: 0 -54px; } ul#nav li a.repair { background-position: 0 -81px; } /* over state */ ul#nav li a.training:hover, ul#nav li:hover a.training, ul#nav li.hover a.training { background-position: -248px 0; } ul#nav li a.rental:hover, ul#nav li:hover a.rental, ul#nav li.hover a.rental { background-position: -248px -27px; } ul#nav li a.professional:hover, ul#nav li:hover a.professional, ul#nav li.hover a.professional { background-position: -248px -54px; } ul#nav li a.repair:hover, ul#nav li:hover a.repair, ul#nav li.hover a.repair { background-position: -248px -81px; } /* on state */ ul#nav li a.training-on { background-position: -124px 0; } ul#nav li a.rental-on { background-position: -124px -27px; } ul#nav li a.professional-on { background-position: -124px -54px; } ul#nav li a.repair-on { background-position: -124px -81px; } /* drop down */ ul#nav ul { position: absolute; top: 0; left: -999em; width: 110px; z-index: 99; } ul#nav li:hover ul, ul#nav li.hover ul { left: 124px; } ul#nav li { width: 110px; height: auto; } ul#nav li li { border-bottom: 1px solid #444; background-color: #313031; } ul#nav li li a { width: 94px; height: auto; background-image: none; text-indent: 0; padding: 6px 8px; color: #fff; } ul#nav li li a:hover { background-color: #666; } ul#nav ul ul { background: none; } /* secondary drop down on state */ #sub_nav .first_sub { position: absolute; top: 150px; left: 124px; width: 110px; } #sub_nav .second_sub { position: absolute; top: 177px; left: 124px; width: 110px; } #sub_nav .third_sub { position: absolute; top: 204px; left: 124px; width: 110px; } #sub_nav .fourth_sub { position: absolute; top: 231px; left: 124px; width: 110px; } #sub_nav li { border-bottom: 1px solid #f7a242; } #sub_nav a { display: block; padding: 6px 8px; background: #f9b954; color: #333; } #sub_nav a:hover { background: #fddb9a; } #sub_nav li.on a { font-weight: bold; background: #fddb9a; } /* secondary */ ul#sec_nav { position: relative; width: 124px; padding: 15px 0 0 0; background: url(../images/bg-sub-nav.gif) repeat-x; } ul#sec_nav { width: 124px; } ul#sec_nav li { border-bottom: 1px solid #444; } ul#sec_nav li.end { border: none; } ul#sec_nav li a { display: inline-block; width: 100px; padding: 5px 12px; color: #fff; font-size: 1.1em; font-weight: bold; text-indent: 0; height: auto; } #sec_nav_footer { float: left; width: 124px; height: 35px; margin: 0px; padding: 0px; background: url(../images/bg-banner1.gif) repeat-x; } /* secondary drop down */ ul#sec_nav li a:hover, #sec_nav li .home, ul#sec_nav li:hover a.aboutus, ul#sec_nav li.hover a.aboutus, ul#sec_nav li:hover a.tech, ul#sec_nav .aboutus-on, ul#sec_nav .contactus-on, ul#sec_nav .payaccount-on, ul#sec_nav .edit-on, ul#sec_nav .tech-on, ul#sec_nav .faqs-on, ul#sec_nav .password-on { background: #666; } ul#sec_nav .about_sub { position: absolute;/* top: 90px;*/ top: 43px; left: -999em; width: 110px; height: auto; } ul#sec_nav li:hover ul, ul#sec_nav li.hover ul { left: 124px; } ul#sec_nav li.hover .about_sub { left: 124px; z-index: 99; } ul#sec_nav li { height: auto; } ul#sec_nav li li { background-color: #313031; width: 110px; } ul#sec_nav li li a { padding: 5px 8px; width: 95px; color: #fff; font-weight: normal; } /* secondary on state */ ul#sec_nav div .about_sub-on { position: absolute; top: 43px; left: 124px; background-color: #313031; width: 110px; height: auto; z-index: 1; } ul#sec_nav div .tech_sub-on { position: absolute; top: 72px; left: 124px; background-color: #313031; width: 110px; height: auto; z-index: 1; } ul#sec_nav div li a { color: #fff; font-weight: normal; border: none; width: 95px; padding: 5px 8px; } ul#sec_nav div li.on a { font-weight: bold; background-color: #666; } table.products_category_table { width: 100%; text-align: left; } table.products_category_table td { padding: 5px 0; } table.cat_temp td { border-bottom: 1px solid #ccc; } /* -- MISC ---------------------------------------*/ /* -- ENQUIRY FORM */ form#info_form { font-size: .9em; margin: 10px 0; } form#info_form legend { display: none; } form#info_form fieldset fieldset legend { display: block; } form#info_form input { width: 250px; margin: 3px 0; } form#info_form textarea { width: 250px; padding: 2px; height: 100px; margin: 3px 0; font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; } form#info_form select { margin: 3px 0; } form#info_form ol, form#info_form ul { margin: 0; padding: 0; list-style: none; } form#info_form li { clear: both; margin: 0 0 .75em; padding: 0px; list-style: none; } form#info_form label { float: left; width: 120px; margin-right: 5px; text-align: right; font-weight: bold; } form#info_form label:after { content: ":"; } form#info_form ul { margin: 0; padding: 0; list-style: none; } form#info_form li li { float: left; width: 48%; margin: 0; padding: 0; clear: none; list-style: none; } form#info_form .state li { list-style: none; } form#info_form .security_code_fieldset { margin-left: 0px; } form#info_form .security_code_fieldset input { width: 246px; } form#info_form .security_code_fieldset legend { font-weight: bold; margin: 5px 0px; } form#info_form .state label, form#info_form .receive_email label { display: inline; width: auto; margin: 0; padding: 0px; } form#info_form .state label:after, form#info_form .receive_email label:after { content: ""; } form#info_form button { margin: 0px; } form#info_form .receive_email legend { display: none; } form#info_form .receive_email label { float: left; margin: 0; font-weight: normal; width: 400px; } form#info_form .receive_email li { float: left; background: none; } form#info_form .receive_email input { float: left; } form#info_form .interests legend { display: none; } form#info_form .interests label { margin: 0; font-weight: normal; } form#info_form .interests li { background: none; padding: 0px; } form#info_form span { float: left; display: block; clear: both; font-weight: normal; } form#info_form span input { width: 15px; margin: 3px 3px 3px 0; } form#info_form .inputCheckbox { width: 15px; margin: 3px 3px 3px 0; } form#info_form .form_caption legend { font-weight: bold; margin: 5px 0px; } form#info_form .form_caption label { display: inline-block; margin: 0; font-weight: normal; font-weight: bold; } form#info_form .form_caption li { display: block; background: none; padding: 0px; } form#info_form .submit { width: auto; float: left; } form#info_form .cancel { display: none; } form#info_form table#form_info_buttons { width: 255px; margin-left: 125px; } form#info_form #c_SpareText1 { height: 100px; } .formtable input.submit { display: none; } /* -- UPDATE FORM */ form#update-form legend { display: none; } form#update-form fieldset fieldset legend { display: block; } form#update-form input { width: 250px; margin: 3px 0; } form#update-form textarea { width: 254px; height: 35px; margin: 3px 0; } form#update-form select { margin: 3px 0; } form#update-form ol, form#update-form ul { margin: 0; padding: 0; list-style: none; } form#update-form li { clear: both; margin: 0 0 .75em; padding: 0px; list-style: none; } form#update-form label { float: left; width: 120px; margin-right: 5px; text-align: right; font-weight: bold; } form#update-form ul { margin: 0; padding: 0; list-style: none; } form#update-form li li { float: left; width: 48%; margin: 0; padding: 0; clear: none; list-style: none; } form#update-form .state li { list-style: none; } form#update-form .security_code_fieldset { margin-left: 0px; } form#update-form .security_code_fieldset input { width: 246px; } form#update-form .security_code_fieldset legend { font-weight: bold; margin: 5px 0px; } form#update-form label:after { content: ":"; } form#update-form .state label, form#update-form .receive_email label, form#update-form .interests label { display: inline; width: auto; margin: 0; font-weight: normal; } form#update-form .state label:after, form#update-form .receive_email label:after { content: ""; } form#update-form button { margin: 0px; } form#update-form .receive_email legend { display: none; } form#update-form .receive_email label { float: left; margin: 0; font-weight: normal; width: 400px; } form#update-form .receive_email li { float: left; background: none; } form#update-form .receive_email input { float: left; } form#update-form .interests legend { display: none; } form#update-form .interests label { margin: 0; font-weight: normal; } form#update-form .interests input { margin: 3px 3px 3px 0; } form#update-form .interests li { background: none; padding: 0px; } form#update-form span { float: left; display: block; clear: both; } form#update-form span input { width: 15px; margin: 3px 3px 3px 0; } form#update-form .inputCheckbox { width: 15px; margin: 3px 3px 3px 0; } form#update-form .form_caption legend { font-weight: bold; margin: 5px 0px; } form#update-form .form_caption label { display: inline-block; margin: 0; font-weight: normal; font-weight: bold; } form#update-form .form_caption li { display: block; background: none; padding: 0px; } form#update-form button { width: auto; margin-left: 125px; } form#update-form .interests input { width: 15px; } /* -- SIGN UP FORM */ form#signup_form legend { display: none; } form#signup_form fieldset fieldset legend { display: block; } form#signup_form input { width: 250px; margin: 3px 0; } form#signup_form textarea { width: 254px; height: 35px; margin: 3px 0; } form#signup_form select { margin: 3px 0; } form#signup_form ol, form#signup_form ul { margin: 0; padding: 0; list-style: none; } form#signup_form li { clear: both; margin: 0 0 .75em; padding: 0px; list-style: none; } form#signup_form label { float: left; width: 120px; margin-right: 5px; text-align: right; font-weight: bold; } form#signup_form ul { margin: 0; padding: 0; list-style: none; } form#signup_form li li { float: left; width: 48%; margin: 0; padding: 0; clear: none; list-style: none; } form#signup_form .state li { list-style: none; } form#signup_form .security_code_fieldset input { width: 246px; } form#signup_form .security_code_fieldset legend { font-weight: bold; margin: 5px 0px; } form#signup_form .receive_email, form#signup_form .security_code_fieldset, form#signup_form .interests { margin-left: 125px; } form#signup_form label:after { content: ":"; } form#signup_form .state label, form#signup_form .receive_email label, form#signup_form .interests label { display: inline; width: auto; margin: 0; font-weight: normal; } form#signup_form .state label:after, form#signup_form .receive_email label:after { content: ""; } form#signup_form .receive_email legend { display: none; } form#signup_form .receive_email label { float: left; margin: 0; font-weight: normal; width: 400px; text-align: left; } form#signup_form .receive_email li { float: left; background: none; } form#signup_form .receive_email input { margin: 3px 3px 3px 0; width: 15px; } form#signup_form .interests legend { display: none; } form#signup_form .interests label { margin: 0; font-weight: normal; } form#signup_form .interests label:after { content: ""; } form#signup_form .interests input { margin: 3px 3px 3px 0; width: 15px; } form#signup_form .interests li { background: none; padding: 0px; } form#signup_form span { float: left; display: block; clear: both; } form#signup_form span input { width: 15px; margin: 3px 3px 3px 0; } form#signup_form .inputCheckbox { width: 15px; margin: 3px 3px 3px 0; } form#signup_form .form_caption legend { font-weight: bold; margin: 5px 0px; } form#signup_form .form_caption label { display: inline-block; margin: 0; font-weight: normal; font-weight: bold; } form#signup_form .form_caption li { display: block; background: none; padding: 0px; } form#signup_form button { width: auto; margin-left: 125px; } /* -- PASSWORD FORM */ #password_form .form table th { text-align: left; padding: 5px; } #password_form div { padding: 5px; } /* -- FORGOTTEN PASSWORD FORM */ #passwordForm legend { margin: 0 0 .5em; color: #f6871c; font-size: 1.5em; font-weight: bold; } #passwordForm input { width: 300px; margin: 3px 0; } #passwordForm label { float: left; width: 110px; margin-right: 5px; text-align: right; vertical-align: middle;} #passwordForm button { margin: 5px 0 0 115px; } /* -- THICKBOX FORM POP UP -- */ .thickbox img { padding: 15px 0 0 0; } /* thickbox for members login */ #TB_ajaxContent { width: 430px; height: 272px; background: #fff url(../images/bg-login.jpg) no-repeat; } #TB_window div div form { position: absolute; top: 120px; left: 20px; } #TB_window div div form ol li { list-style: none; margin: 0 0 .75em; padding: 0; } #TB_window div div form ol li label { float: left; display: block; width: 70px; margin: 0 10px 0 0; font-size: 1.1em; text-align: right; } #TB_window div div form input { width: 180px; border: 1px solid #ddd; padding: 1px 0; } #TB_window div div form button { width: 184px; margin: 10px 0 0 77px; border: 0; background: none; cursor: pointer; } #TB_window div div #forgotten_password { position: absolute; top: 270px; left: 0; width: 180px; height: 40px; margin: 0; padding: 0; display: block; text-indent: -999em; } .fieldset_title { color: #f6871c; font-size: 1.5em; font-weight: bold; } /* INPUTS / TEXT AREAS - DO NOT REMOVE, MAY EDIT!!! * ---------------------------------------------- */ input.input_small_off, input.input_medium_off, input.input_large_off, textarea.textarea_small_off, textarea.textarea_medium_off, textarea.textarea_large_off { border: 1px solid #DDDDDD; /* Input your own value */ padding: 5px; } input.input_small_on, input.input_medium_on, input.input_large_on, textarea.textarea_small_on, textarea.textarea_medium_on, textarea.textarea_large_on { border: 1px solid #FF6600; /* Input your own value */ padding: 5px; } input.input_small_off, input.input_small_on { width: 200px; /* Input your own value */ } input.input_medium_off, input.input_medium_on { width: 300px; /* Input your own value */ } input.input_large_off, input.input_large_on { width: 350px; /* Input your own value */ } textarea.textarea_small_off, textarea.textarea_small_on { width: 350px; /* Input your own value */ height: 80px; /* Input your own value */ } textarea.textarea_medium_off, textarea.textarea_medium_on { width: 350px; /* Input your own value */ height: 150px; /* Input your own value */ } textarea.textarea_large_off, textarea.textarea_large_on { width: 350px; /* Input your own value */ height: 300px; /* Input your own value */ } /* CART - DO NOT REMOVE, MAY EDIT!!! * ---------------------------------------------- */ div.form table td { padding: 5px 0; } div.form table table td input { margin: 0 5px 0 0; } div.form table ta table.cart_table, table.text { width: 100% !important; border-collapse: collapse; border: 1px solid #ddd; } table.cart_table th, table.cart_table td, table.text th, table.text td { padding: 0.4em !important; border: 1px solid #ddd; background-color: #eee; text-align: left; } table.text th { color: #f6871c !important; } table.cart_table th.cart_labels, table.cart_table td, table.text td { background-color: #fff !important; } table.cart_table td input, table.cart_table td textarea /* quantity field */ { padding: 5px; border: 1px solid #ddd; } table.cart_table td textarea { width: 300px; height: 80px; } div.plain table th, div.plain table td { padding: 0.4em; text-align: left; } /* order form */ .order_details_header { margin: 0 0 1em; border-bottom: 1px solid #ddd; font-weight: bold; background-color: #333339; color: #FFF; padding: 4px; } .form th { font-weight: normal; text-align: left; } div.form label { display: inline; float: none; } div.form label input.checkbox { width: auto; margin: 0; padding: 0; border: 0; } #my_form .button { float: left; border: 5px solid #000; } .path, .priceConversionButton { display: none; } *+ html .ie_flash_filter { background-color: #000; filter: alpha(opacity=0); } div.filter { float: right; padding: 15px 0 0; } table.repairList { margin: 15px 0 0; width: 100%; border: 1px solid #ccc; border-collapse: collapse; background-color: white; } table.repairList th { padding: 2px; border: 1px solid #ccc; font-size: 10px; text-align: left; } table.repairList td { border: 1px solid #ccc; padding: 2px; font-size: 10px; } table.repairList .center { text-align: center; } /*table.repairList .rotate span { display: block; padding: 20px 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }*/ table.repairList tbody tr:nth-child(odd) { background-color: #eee !important; } .cartButtonsRight { padding: 0 0 0 5px; }