/* CSS Document */ /* CSS Document */ /* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin general styles for all themes */ html, body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; background: #000 url('background.jpg') fixed center; text-align: center; } p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #fff; margin-top: 0px; } form { margin: 0px; } ul { list-style-type: circle; } .actCHECKOUTEM { background-color: #009900; } .actCHECKOUTBG { background-color: #003300; } .actlarger { font-size: 13px; color: #ffffff; } .actsmaller { font-size: 10px; color: #ffffff; } .actxxsmall { font-size: 10px; color: #999; } .actxsmall { font-size: 11px; color: #ffffff; } .actsmall { font-size: 11px; color: #ffffff; } .actregular { font-size: 13px; color: #ffffff; } .actlarge { font-size: 16px; color: #ffffff; } .actxlarge { font-size: 20px; color: #ffffff; } .actxxlarge { font-size: 20px; color: #ffffff; } .actwarningcolor { color: #ffff00; } .actrequiredcolor { color: #ffff00; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #ff0000; } .actwarning { font-size: 11px; color: #ffff00; } .actwelcome { font-size: 11px; color: #ffffff; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #33ff33; } .thinborder1 { border: 1px solid #003300; } .thinborder2 { border: 1px solid #009900; } .thinred { border: solid 1px #003300; border-top: 0px; } .thinred2 { border: solid 1px #009900; border-top: 0px; } .content_left { text-align: left; margin-right: 20px; } .content_right { text-align: left; float: left; } .boxheading { font-weight: bold; text-transform: uppercase; color: #000000; } a.boxlink:link { color: #000000; text-decoration: none; } a.boxlink:visited { color: #000000; text-decoration: none; } a.boxlink:hover { color: #000000; text-decoration: underline; } a.boxlink:active { color: #000000; text-decoration: none; } table.checkout td { background-color: #003300; } table.checkout th { background-color: #009900; } .cart { background-color: #003300; } .cartheading { background-color: #009900; font-weight: bold; } * html .boxhead h2 { height: 1%; } .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #000000; font-weight: bold; font-size: 1.2em; line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } /* end of general styles for all themes */ /* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */ /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue { height: 1px; background-color: #f7f7f7; clear: both; } .solid_line_light_blue { height: 1px; padding: 0px; margin: 0px; background-color: #009900; clear: both; } .solid_line_blue { height: 1px; padding: 0px; margin: 0px; background-color: #f7f7f7; clear: both; } .dotted_outline_blue { border: 1px dotted #f7f7f7; padding: 8px; } /* end lines ---------------------------------------------------------------------------- */ .best_selling_items { padding: 10px; background-color: #000000; } .best_selling_items_spacing { padding: 0px 0px 8px 8px; } .product_image_cost { margin: 0px 12px 8px 0px; text-align: center; float: left; } .product_list { margin: 0 auto; margin-bottom: 10px; } /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */ /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_right { float: right; margin: 16px 0px 15px 20px; } .image_float_left { float: left; margin: 5px 20px 15px 0px; } .image_product { margin: 0px 0px 0px 0px; float: left; background-position: top right; text-align: center; } /* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */ /* headings ----------------------------------------------------------------------------- */ h1 { font-size: 1.5em; font-weight: 900; margin: 0px; padding: 16px 0px 4px 0px; color: #b30d00; } h1.subheading { font-size: 1.5em; font-weight: 900; padding: 10px 0px 8px 0px; background: url("nav_back.jpg") repeat #B30D00; padding: 3px 0 3px 8px; color: #fff; border-top: 2px solid #fff; } h2 { font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #b30d00; } h2.clearall { font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #b30d00; clear: both; } h3.product { font-size: 1.2em; font-weight: 900; margin: 0px; padding: 3px; color: #b30d00; clear: both; } h3.product_price { font-size: 1em; font-weight: 900; margin: 0px; margin-top: 0px; padding: 0px 0px 0px 0px; } .text_heading_left_column { margin: 0px; padding: 4px 0px 4px 0px; line-height: normal; color: white; font-weight: 900; font-size: 13px; } /* end headings ------------------------------------------------------------------------- */ /* list fomatting ----------------------------------------------------------------------- */ ul { line-height: 100%; padding: 0px 0px 0px 1px; margin: 0px 0px 18px 15px; font-size: 1em; } /* Main content list layouts */ #content_inner li { line-height: 200%; } #content_inner ul { line-height: 30%; } /* end list fomatting ------------------------------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu { padding: 2px 0px 2px 0px; font-size: 11px; margin: 0px; color: #000000; } .text_menu_no_space { word-spacing: normal; } .text_menu_cart { padding: 0px; margin: 0px; line-height: normal; } .text_menu_cart_items { padding: 0px; margin: 0px; line-height: normal; font-weight: 900; } /* end menu text ----------------------------------------------------------------------- */ /* product text ------------------------------------------------------------------------ */ .text_product_small_info { font-size: 10px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading { margin: 0px; padding: 10px 0px 12px 0px; line-height: normal; color: #009900; font-weight: 900; font-size: 11px; } .text_product_small_info_price { margin: 0px; padding: 8px 0px 0px 0px; line-height: normal; font-weight: 900; font-size: 11px; } /* end product text -------------------------------------------------------------------- */ .text_breadcrumbs { font-size: 10px; margin: 0px; line-height: normal; padding: 2px 0px 2px 0px; color: #fff; } .text_footer { color: #000000; font-size: 10px; padding: 0px; margin: 4px 0px 0px 0px; } .text_options { font-weight: 900; } .text_word_spacing_8px { word-spacing: 8px; } .text_terms_conditions { color: #009900; font-size: 11px; border: 0; margin: 0; padding: 0; } /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */ /* buttons ----------------------------------------------------------------------------- */ .form_button { line-height: normal; width: 76px; margin: 0px; padding: 0px 0px 0px 12px; font-size: 11px; background-color: #009900; border: 1px solid #003300; color: #000000; word-spacing: normal; } .form_button_quick_search { line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size: 11px; background-color: #009900; border: 1px solid #003300; color: #000000; background-image: url('theme_icon_search.gif'); word-spacing: normal; } .form_button_add_to_cart { line-height: 13px; height: 20px; width: 76px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size: 11px; background-color: #009900; border: 1px solid #003300; color: #000000; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } /* end buttons ------------------------------------------------------------------------- */ .form_input_general { line-height: normal; font-size: 11px; word-spacing: normal; } .form_main_search_box { line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size: 11px; background-color: #003300; border: 1px solid #003300; color: #ffffff; vertical-align: top; } .form_main_search_box_td { background-color: #009900 } /* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */ /* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */ a.product_section:link { color: #fff; text-decoration: none; } a.product_section:visited { color: #fff; text-decoration: none; } a.product_section:hover { color: #fff; text-decoration: underline; } a.product_section:active { color: #fff; text-decoration: none; } /* ------------------------ */ a.link_menu:visited { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #000000; text-decoration: none; background-color: #009900; } a.link_menu:link { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #000; text-decoration: none; background-color: #009900; } a.link_menu:active { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #000000; text-decoration: none; background-color: #009900; } a.link_menu:hover { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #000000; text-decoration: none; background-color: #003300; } /* ------------------------ */ a.link_footer:visited { color: #d1f085; text-decoration: underline; } a.link_footer:link { color: #d1f085; text-decoration: underline; } a.link_footer:active { color: #d1f085; text-decoration: underline; } a.link_footer:hover { color: #fff; text-decoration: underline; } /* ------------------------ */ a.link_breadcrumbs:visited { color: #ccc; text-decoration: underline; } a.link_breadcrumbs:link { color: #ccc; text-decoration: underline; } a.link_breadcrumbs:active { color: #ccc; text-decoration: underline; } a.link_breadcrumbs:hover { color: #b30d00; text-decoration: underline; } /* ------------------------ */ a.link_cart:visited { color: #003300; text-decoration: underline; } a.link_cart:link { color: #003300; text-decoration: underline; } a.link_cart:active { color: #003300; text-decoration: underline; } a.link_cart:hover { color: #003300; text-decoration: underline; } /* ------------------------ */ a.link_terms_conditions:visited { color: #33ff33; text-decoration: underline; } a.link_terms_conditions:link { color: #33ff33; text-decoration: underline; } a.link_terms_conditions:active { color: #33ff33; text-decoration: underline; } a.link_terms_conditions:hover { color: #33ff33; text-decoration: underline; } /* ------------------------ */ /* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */ /* removed tech styles here /* MyStyles */ #wrapper { width: 950px; padding: 0; margin: 0 auto; text-align: left; background: url("wrapper_back.jpg")repeat-y; background-color: #0b2017; } #content { width: 680px; float: right; margin: 0; padding: 0; padding-top: 230px; background-color: #0b2017; min-height: 750px; padding-bottom: 20px; text-align: center; } #l_nav { width: 255px; padding-top: 245px; float: left; background-color: #0b2017; } #header { position: absolute; height: 190px; width: 950px; top: 0; background: #666 url('bridge_top.jpg'); border-bottom: 2px solid #fff; } #footer { padding: 8px 0 8px 0; width: 100%; clear: both; background: #000; text-align: center; border-top: 1px solid #fff; } #content_inner { background-color: #0B2017; margin: 0 auto; padding-top: 20px; padding-right: 12px; padding-bottom: 10px; padding-left: 0; text-align: left; width: 650px; } #content_inner img { border: 2px solid #fff; } #content_inner p { line-height: 1.6em; } #content_inner tbody p a:link { color: #ccc; } #content_inner tbody p a:visited { color: #ccc; } #content_inner tbody p a:active { color: #fff; } #content_inner tbody p a:hover { color: #fff } #content_inner a.product_section { text-decoration: none; } p.text_breadcrumbs a:visited { color: #ccc; } p.text_breadcrumbs a:link { color: #ccc; } p.text_breadcrumbs a:active { color: #ccc; } p.text_breadcrumbs a:hover { color: #b30d00; } .product_section { clear: left; } .solid_line { background-color: #fff; height: 3px; } .product_list h3 { background: url("nav_back.jpg") repeat scroll 0 0 #B30D00; color: #FFFFFF; margin-bottom: 15px; padding: 3px; border-top: 1px solid #fff; } /* NEW DROP DOWN LEFT MENU STYLES */ /* Left menu link styles */ .ul1 a:link { color: #0b2017; text-decoration: none; } .ul1 a:visited { color: #0b2017; text-decoration: none; } .ul1 a:hover { color: #b30d00; text-decoration: underline; } .ul1 a:active { color: #fff; } .ul1 a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; } .ul1 a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; } .ul1 a:hover { color: #B30D00; font-weight: bold; text-decoration: underline; } .ul1 a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; } a.link1_selected:link { } a.link1_selected:visited { } a.link1_selected:hover { } a.link1_selected:active { } .ul2 a:link { color: #000; text-decoration: none; } .ul2 a:visited { color: #000; } .ul2 a:hover { color: #B30D00; text-decoration: underline; } .ul2 a:active { color: #000; text-decoration: underline; } a.link2_selected:link { text-decoration: underline; } a.link2_selected:visited { text-decoration: underline; } a.link2_selected:hover { text-decoration: underline; } a.link2_selected:active { text-decoration: underline; } .navcontainerment { background-color: #0B2017; width: 255px; } .ul1 { background-color: #0b2017; font-size: 1.1em; list-style-type: none; margin: 0; padding: 0; width: 255px; } .ul2 { background-color: #FFFFCC; border-top: 3px solid #FFFFFF; list-style-type: none; margin: 5px 0 0; padding: 0; width: 255px; } .li1 { background-color: #0b2017; background-image: url("lback.jpg"); margin: 1px 0; padding: 8px 0 8px 20px; border-bottom: 1px solid #fff; } .li1_selected { background-color: #0b2017; padding: 5px 0 5px 0; width: 255px; border-top: 2px solid #fff; line-height: 120%; } .link1_selected { font-weight: bold; margin: 0; padding: 0 0 0 20px; } .link2_selected { padding: 0 0 0 20px; } .li2_selected { border-bottom: 1px dotted #999999; margin: 0 0; padding: 6px 0 6px 0; font-size: 0.9em; } .li2 { border-bottom: 1px dotted #999999; margin: 2px 0; padding: 6px 0 6px 20px; font-size: 0.9em; } .white_line { height: 2px; background-color: #fff; } /* TOP NAVIGATION STYLES */ .navbar { position: absolute; top: 191px; width: 950px; padding: 0; background-color: #b30d00; border-bottom: 1px solid #fff; font-size: 1.2em; font-weight: bold; } #navcontainer ul { padding: 0.7em 0; margin: 0; list-style-type: none; background: #b30d00 url('nav_back.jpg'); color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; } #navlist li { display: inline; } #navlist li a { text-decoration: none; background: #b30d00 url('nav_back.jpg'); color: #FFF; padding: 0.6em 3.5em; border-right: 1px solid #fff; font-weight: bold; font-size: 1.1em; } ul#navlist a:link { color: #fff; text-decoration: none; } ul#navlist a:visited { color: #fff; text-decoration: none; } ul#navlist a:active { color: #fff; text-decoration: underline; } ul#navlist a:hover { color: #fff; text-decoration: underline; } /* Additional side menu holder and styles */ .groupwrap { position: relative; width: 255px; top: 20px; } .groups p { margin: 0; padding: 15px 20px 8px 20px; color: #fff; } .groups { float: left; background: url('lback_plain.jpg') #0b2017 repeat-y; } #group_2 { top: 40px; } h2.side_title { color: #b30d00; background: url('playground_sections.jpg') #0b2017 center no-repeat; padding: 7px 0px 11px 20px; font-size: 1.6em } .groups a:link { color: #fff; } .groups a:visited { color: #fff; } .groups a:hover { color: #b30d00; font-weight: bold; } .groups a:active { color: #fff; }