html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 0px } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } /* h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } */ form { margin:0; } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, select { display: inline-block } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } /* table { border-spacing: 1px; } */ thead, tbody, tfoot { vertical-align: middle } td, th { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } /* ol, ul, dir, menu, dd { margin-left: 80px } */ ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "\A" } :before, :after { white-space: pre-line } center { text-align: center } :link, :visited { text-decoration: underline } :focus { } img {border:0px} /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { } h1, h2, h3, h4, h5, h6 { } ul, ol, dl { } } .article_col_views, .article_col_comments {font-size:.83em; width:30%; padding-left:6px; border-left:1px solid #CCC} .article_header {margin:0 0 3px 0;} .article_datedescription {font-style:italic; font-size:.83em} .article_description {color:#666; font-size:.9em} .article_imagecolumn {padding:5px;} .article_contentcolumn {padding-left:10px} .article_table {margin-bottom:8px} .articles_title {} .calendar_active_day {border:1px solid #CCC;} .calendar_changespan_box {margin-bottom:5px;} .calendar_changespan_box select {border:2px solid #CCC; padding:3px} .calendar_date {color:#000; font-weight:bold; padding:3px} .calendar_display {background:#DDD} .calendar_display tr td.calendar_active_day {background:#FFF;} .calendar_display_box {min-height:100px;} .calendar_inactive_day { vertical-align:top; border:1px solid #CCC; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .calendar_event_table_container {padding:3px; background:#FF6; border-top:2px solid #F93;} .calendar_event_datedescription {font-size:10px} .calendar_event_table tr td {font-size:.9em} .calendar_display tr td.calendar_day_header_wke {background:#EEE; color:#333; text-align:center; font-weight:bold; border:1px solid #CCC;} .calendar_display tr td.calendar_day_header_wkd {background:#EEE; color:#333; text-align:center; font-weight:bold; border:1px solid #CCC;} .cart_quick_details_column {vertical-align:middle; padding-top:3px} .cart_quick_free_shipping {color:#F00; font-weight:bold} .cart_productcode {color:#666; font-size:.8em; font-style:italic} .cart_table {background:#CCC} .cart_table th {background:url(/images/cm_specbg.jpg) repeat-x} .cart_table th.align_left {text-align:left} .cart_table th.align_right {text-align:right} .cart_table td {background:#FFF} .cart_table .border_bottom {border-bottom:1px solid #CCC;} .cart_table .border_top_total {border-top:1px solid #666;} .cart_table_print th {background:url(/images/cm_specbg.jpg) repeat-x #DDD; border:1px solid #AAA} .cart_table_print th.align_left {text-align:left} .cart_table_print th.align_right {text-align:right} .cart_table_print td {background:#FFF; vertical-align:top; border:1px solid #CCC} .cart_table_print td.vertical_middle {vertical-align:middle} .cart_table_print td.fieldgray {background:#EEE} .cart_table_print .border_bottom {border-bottom:1px solid #CCC;} .cart_table_print .border_top_total {border-top:1px solid #666;} .cart_table_print {} .cart_subtotal_display {text-align:right; margin-top:5px; color:#000; margin-right:5px} .cart_total_display {font-size:1.4em; text-align:right; margin-top:5px; color:#000; margin-right:5px} .cart_subtotal_title {color:#666} .cart_total_title {color:#666} .cart_transaction_history_header {margin-bottom:5px; margin-top:15px} .cart_table_ups {background:#CCC} .cart_table_ups th {background:#d4ccbf} .cart_table_ups td {background:#ebebe6} .chk_lightorange {border:1px solid #f5da6e; background:url(/images/chk_lightorange.jpg) repeat-x top center #fde688;} .chk_lightorange .form_text, .chk_lightorange .form_select{border:1px solid #ebcb4b; padding:2px} .chk_lightorange .form_question{border-top:0px; margin-top:0px; padding-top:0px; color:#900} .chk_silver {border:1px solid #DDD; background:url(/images/chk_silver.jpg) repeat-x top center #ebeaea;} .chk_silver .form_text{border:1px solid #CCC; padding:2px} .chk_silver .form_cd_question_container{border-top:1px solid #FFF} .chk_silver .form_cd_question_table{border:0px} .chk_silver .form_question{border-top:1px solid #FFF} .chk_silver .form_answer{} .comment_all_box {} .comment_list_title {font-size:1.2em; font-weight:bold; padding-bottom:5px; border-bottom:1px dotted #999; margin-bottom:10px} .comment_posted_box {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #CCC} .comment_posted_date {font-style:italic; font-size:.9em; margin-top:3px} .comment_posted_date_tag {font-style:italic; color:#666;} .comment_posted_by { font-weight:bold } .comment_flag_box {margin-top:3px} .comment_firsttoadd_message {font-style:italic} /* Coupon Classes */ .coupon_clickfordetails {font-size:.8em; font-weight:normal} .coupon_cutout {border:2px dashed #999; width:100%} .coupon_cutout h4 {margin:0 0 5px 0} .coupon_expiration {color:#666; font-style:italic} .coupon_print_button {margin-top:5px} .coupon_title {margin:0 0 3px 0} .coupons_table {margin-bottom:10px; width:100%} .coupons_table h1{margin-top:0px; margin-bottom:5px} /* Coupon Classes */ .default_video_box {margin-top:10px; margin-bottom:10px} .gallery_enlarge_text {display:none;} .helpinstructions {margin-bottom:10px} .invoice_balance_remaining_notice {font-size:1.3em; font-weight:bold; color:#F00} .invoice_balance_remaining_clickhere {margin-bottom:10px} .invoice_notes_to_user {margin-bottom:10px} .link_to_overflow {width:250px; overflow-x:hidden; border:1px solid #999} .link_to {border:0px} .location_boundingbox {width:480px; overflow-x:scroll} .login_account_notice {margin:5px 0;} .post_sharing_box {} .p-testimonial {padding:20px; border:1px solid #CCC; background:#EEE; color:#333; font-style:italic; font-size:1.1em} .p-testimonial cite {display:block; text-align:right; padding-top:8px} .product_main_category {margin-bottom:10px} .product_main_sublink {font-weight:bold} .product_main_category_sub {font-size:.85em} .product_main_category_sub2 {margin-left:8px} a.product_main_sublink_sel, a.product_sub_sublink_sel, a.product_sub2_sublink_sel {color:#000; font-weight:bold; background:#EEE} .product_nav_section_header {margin-bottom:5px;} .product_cat_column {border:2px solid #DDD} .product_code {font-style:italic; color:#666; margin-bottom:2px; font-size:10px} .product_cost {margin:6px; height:70px} .product_cost_box_standard {background:#F0F0FF; border:2px solid #BDD0F4} .product_cost_box_lowerprice {background:#FCE78F; border:2px solid #F48E5E} .product_cost_view {font-weight:bold; margin-bottom:5px; color:#060; font-size:14px} .product_costtext_view {font-size:11px; font-weight:bold; line-height:13px; color:#060} .product_displaycost_subtext {font-size:10px; font-weight:normal} .product_details_header, .product_parts_details_header, .product_accessories_details_header{font-weight:bold; color:#000; font-family:Tahoma, Geneva, sans-serif; cursor:pointer} .product_details_header {margin-top:20px; padding:4px; background:url(/images/prs_back_details.jpg) no-repeat right;} .product_parts_details_header {padding:4px; background:url(/images/prs_back_parts.jpg) no-repeat right;} .product_accessories_details_header {padding:4px; background:url(/images/prs_back_accessories.jpg) no-repeat right;} .product_itemcost {font-weight:bold; font-size:1.4em; margin-bottom:5px; border-bottom:4px solid #EEE; padding-bottom:6px; text-align:right} .product_addtocart_container {border:2px solid #EEE; margin-bottom:4px;} .product_addtocart_table {border:1px solid #CCC} .product_addtocart_table td {background:#FFF; } .product_notavailable_notice {font-style:italic; color:#666} .product_title_header {margin-bottom:15px; padding-bottom:10px; border-bottom:1px dotted #CCC} .product_title {margin-bottom:8px} .product_inventorystatus {font-style:italic} .product_outofinventorystatus {font-style:italic; color:#F00} .product_itemcode {color:#666; font-style:italic;} .product_attr_title {font-weight:bold} .product_short_description {margin-top:15px; border-top:4px solid #EEE; padding-top:4px} .product_full_description, .product_parts_full_description, .product_accessories_full_description {margin-top:10px; margin-bottom:20px} .product_header {min-height:30px; font-size:.9em} .product_how_purchase {color:#990000; margin-bottom:3px; font-size:.9em} .product_imagecolumn {} .product_imagecontainer {min-height:100px; display:table-cell; vertical-align:bottom} .product_addon_container {margin-bottom:6px; padding-bottom:4px; border-bottom:1px dotted #999} .product_addon_cost_box_standard {background:#F0F0FF; border:2px solid #BDD0F4; width:170px; height:70px; text-align:center} .product_addon_cost_box_lowerprice {background:#FCE78F; border:2px solid #F48E5E; width:170px; height:70px; text-align:center} .product_addon_cost {margin:6px;} .product_addon_cost_view {font-weight:bold; margin-bottom:3px; color:#060; font-size:14px} .product_addon_costtext_view {font-size:11px; font-weight:bold; line-height:13px; color:#060} .product_addon_addtocart { width:60px; text-align:right; float:right; margin-left:6px; padding-left:6px; border-left:2px solid #FFF; height:48px} .product_addon_quantitybox {font-size:10px; margin-right:3px} .product_addon_quantity {margin-top:2px} .product_addon_addtext {font-weight:bold; color:#00C} .product_addon_code {font-style:italic; color:#666; margin-bottom:2px; font-size:10px} .product_addon_shortdescription {font-size:10px} .product_attr_title_sub {font-style:italic; float:left; margin-right:4px} .product_filter_sort_title {font-weight:bold; margin-bottom:2px; padding-bottom:2px; border-bottom:1px dotted #CCC} .product_filter_sort_label {font-size:.9em} .product_itemcost_original {color:#F00; text-decoration:line-through; text-align:right; padding-right:5px} .prod_sub_select_container {background:#DDD; padding:3px} .product_variation_description {} .product_variation_line{ border-top:1px solid #DDD; vertical-align:top; color:#333} .product_variation_cost{ text-align:right } .product_variation_savings_cost{color:#F00; font-size:.8em; font-style:italic} .product_variation_productcode {font-style:italic; color:#666; font-size:.8em; line-height:1.1em; margin-top:2px} .profile_link_result_name{font-size:.8em} .rating{ width:80px; height:16px; margin:0 0 20px 0; padding:0; list-style:none; clear:both; position:relative; background: url(/images/star-matrix.gif) no-repeat 0 0; } /* add these classes to the ul to effect the change to the correct number of stars */ .nostar {background-position:0 -160px} .onestar {background-position:0 0} .twostar {background-position:0 -16px} .threestar {background-position:0 -32px} .fourstar {background-position:0 -48px} .fivestar {background-position:0 -64px} .sixstar {background-position:0 -80px} .sevenstar {background-position:0 -96px} .eightstar {background-position:0 -112px} .ninestar {background-position:0 -128px} .tenstar {background-position:0 -144px} ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; } ul.rating li.one a {left:0} ul.rating li.two a {left:16px;} ul.rating li.three a {left:32px;} ul.rating li.four a {left:48px;} ul.rating li.five a {left:64px;} ul.rating li.six a {left:80px;} ul.rating li.seven a {left:96px;} ul.rating li.eight a {left:112px;} ul.rating li.nine a {left:128px;} ul.rating li.ten a {left:144px;} ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(/images/star-matrix.gif) no-repeat 0 0 } ul.rating li.one a:hover {background-position:0 -176px;} ul.rating li.two a:hover {background-position:0 -192px;} ul.rating li.three a:hover {background-position:0 -208px} ul.rating li.four a:hover {background-position:0 -224px} ul.rating li.five a:hover {background-position:0 -240px} ul.rating li.six a:hover {background-position:0 -256px} ul.rating li.seven a:hover {background-position:0 -272px} ul.rating li.eight a:hover {background-position:0 -288px} ul.rating li.nine a:hover {background-position:0 -304px} ul.rating li.ten a:hover {background-position:0 -320px} .remove_post_header {margin-bottom:5px; color:#900; margin-top:15px} .rss_feed_box {margin-top:5px; font-size:.9em} .savings_cost {color:#F00} .shipping_estimator_container {margin-top:10px; margin-bottom:10px} .slideshow-images img { background-color:#FFF; } .support_response {color:#090} .customer_response {color:#666} .supportticket_completedresponse {margin-top:2px} .supportticket_response {margin-top:3px} .supportticket_textresponse {width:98%; background:#FFF; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; border:1px solid #BBB} .supportticket_button_container {margin-top:3px} .addpost_help_tip { font-weight:normal; font-style:italic; color:#666 } .addpost_submit_box {} .addpost_question_box {margin-bottom:5px} .addpost_question_title { font-weight:normal} .userpost_message_box {margin-bottom:10px; padding:8px; background:#FBF2B7; border:4px solid #F8E981} .userpost_message_editlink_box {} .userpost_message_header {font-size:1.3em; font-weight:bold; color:#BF0000} .userpost_preview_link {margin-bottom:10px;} /* mediaboxAdvanced - white theme */ #mbOverlay { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; cursor: pointer; } #mbOverlay.mbOverlayFF { background: transparent url(/cm/unifrontend/images/80.png) repeat; } #mbOverlay.mbOverlayIE { position: absolute; } #mbCenter { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40); } #mbCenter.mbLoading { background: #fff url(/cm/unifrontend/images/WhiteLoading.gif) no-repeat center; /* This style is applied only during animation. */ /* For example, the following turns off shadows, */ /* helping browser performance on slow systems. */ /* To leave shadows on, just remove these lines: */ -moz-box-shadow: none; -webkit-box-shadow: none; } #mbImage { position: relative; left: 0; top: 0; /* Begin styles for inline content, if no style is given */ font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #000; text-align: center; background-position: center center; background-repeat: no-repeat; padding: 10px; } #mbImage a, #mbImage a:link, #mbImage a:visited { color: #333; } #mbImage a:hover, #mbImage a:active { color: #000; } /* End inline content styles */ #mbBottom { min-height: 40px; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #999; text-align: left; padding: 0 10px 10px; } #mbTop { padding: 10px 10px 20px; } #mbTitle { display: inline; color: #000; font-weight: bold; line-height: 20px; font-size: 12px; } #mbNumber { display: inline; color: #333; line-height: 14px; font-size: 10px; margin: auto 10px auto 0px; } #mbCaption { display: block; color: #333; line-height: 14px; font-size: 10px; } #mbPrevLink, #mbNextLink, #mbCloseLink { display: block; float: right; height: 20px; margin: 0; outline: none; } #mbPrevLink { width: 83px; background: transparent url(/cm/unifrontend/images/WhitePrevious.gif) no-repeat center; } #mbNextLink { width: 54px; background: transparent url(/cm/unifrontend/images/WhiteNext.gif) no-repeat center; } #mbCloseLink { width: 65px; background: transparent url(/cm/unifrontend/images/WhiteClose.gif) no-repeat center; } /* Styles for flash version alert */ #mbError { position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #000; text-align: center; border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color: #700; font-weight: bold; text-decoration: underline; }html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 0px } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } /* h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } */ form { margin:0; } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, select { display: inline-block } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } /* table { border-spacing: 1px; } */ thead, tbody, tfoot { vertical-align: middle } td, th { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } /* ol, ul, dir, menu, dd { margin-left: 80px } */ ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "\A" } :before, :after { white-space: pre-line } center { text-align: center } :link, :visited { text-decoration: underline } :focus { } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3, h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } } body{font-family:Arial,Helvetica,sans-serif;font-size:0.8em;margin:0px;background:#a7c6dd;color:#585858;}a{color:#416c8d;}a:visited{color:#11236a;}a:hover{color:#000;}h1{font-weight:bold;line-height:1.2em;font-size:1.9em;font-family:'Century Gothic',Arial,Helvetica,sans-serif;color:#11236a;line-height:1.2em;}h2{font-family:'Century Gothic',Arial,Helvetica,sans-serif;color:#6d6e71;}h3{font-family:'Century Gothic',Arial,Helvetica,sans-serif;color:#6d6e71;}hr{border:1px dotted #CCC;}p{line-height:1.4em;}#CDSend_NameTitle,#CDSend_PhoneNumber{margin-left:0px;}#CreateLoginTable{border:2px solid #DDD;}#ContentDisplayHome{margin:6px 20px 0px 30px;line-height:1.4em;border-top:2px dotted #DDD;padding-top:16px;}#ContentDisplayHome h1,#ContentDisplayHome h3{margin-top:0px;}#ContentDisplay{margin:30px 20px 25px 30px;line-height:1.4em;}#ContentDisplay img quote_image{border:0px solid none;}#ContentDisplay .form_textarea,#ContentDisplay .form_text{background:#FFF;border:3px solid #DDD;padding:3px 0px;color:#000;}#ContentDisplay .form_textarea{width:560px;}#ContentTable{width:960px;margin:0px 0 0px 0;}#CopyrightNotice{color:#FFF;margin:0px 0px 5px 0px;}#Disclaimer{color:#eb8d1d;margin:0px 10px 0px 10px;font-size:0.75em;}#Footer{background:url(/images/header_bg_all_07.jpg) top center no-repeat;font-size:0.8em;padding-top:0px;padding-bottom:20px;}#FooterContactInformation{margin:10px 0px 10px 0px;font-size:1.4em;color:#999;line-height:1.5em;}#FooterPhoneInformation{font-size:1.2em;font-weight:bold;color:#999;}#FooterAddressInformation{font-size:0.7em;color:#999;}#FooterLinks{margin:10px 0px 10px 0px;}#FooterLinks a.nav_first{padding:0px 10px 0px 0px;color:#476f90;}#FooterLinks a.nav_opt{padding:0px 10px;border-left:1px dotted #FFF;color:#476f90;}#FooterLinks a:hover{color:#FFF;}#FooterSEOContent{color:#EEE;}#FooterSEOContent a,#FooterSEOContent a:hover{color:#EEE;}#FooterTable{width:900px;margin:70px 30px 20px 30px;border:0px solid #FFF;}#links tr{border-bottom:1px solid #6C0;}.links{background-color:#e9f0db;padding:0px;}.l{padding:5px;}#ImageAuthorizationTable{color:#ccc;background:#222222;padding:6px;border:3px solid #222222;margin:0 2px 4px 0;margin-top:5px;}#ImageAuthorizationTable img{border:2px solid #999;}#ImageAuthorizationTable input{border:2px solid #999;margin-top:5px;}#NavLinks{list-style:none;display:inline;clear:both;}#NavLinks li{float:left;text-align:left;border-right:1px solid #142d0e;}#NavLinks li.first{margin-left:-10px;}#NavLinks li.last{border-right:0px;}#NavLinks li a{color:#000;text-decoration:none;font-size:10px;display:block;font-weight:bold;padding:0px 12px 13px 12px;}#NavLinks li a:visited{color:#000;}#NavLinks li a:hover{color:#0066CC;background:url(/images/tab_over.jp) bottom no-repeat;}#HeaderContent{width:960px;margin:0 auto 0 auto;padding:0 0 0 0;background:#753046;}#HeaderContentColumn{background:url(/images/header_bg_all_03.jpg) bottom center no-repeat;padding-top:0px;position:relative;}#HeaderNavigation{margin-right:0px;}#HeaderNavigation tr td{vertical-align:bottom;}#HeaderTopContent{background:url(/images/header_bg_orange.jpg) repeat-x top #EC7600;height:16px;}#HorNav ul li ul li a{color:#000;}#Logo{margin:0 0 0 0;}#LogoTable{width:960px;margin:0;}#Main{margin:0 0 0 0;background:url(/images/header_bg_all_05.jpg) top center no-repeat;}#Main_sub{margin:0 0 0 0;background:url(/images/header_bg_all_sub_05.jpg) top center no-repeat;}#Main_blank{margin:0 0 0 0;background:url(/images/header_bg_all_blank_05.jpg) top center no-repeat;}#map a{color:#000;}#PageContainer{background:url(/images/header_bg_all_06.jpg) top center repeat-y;}#PageContainer2{background:url(/images/header_bg_all_06_sub.jpg) top center repeat-y;}#PrimaryContentTable{margin-bottom:30px;}#PrimaryContentTable .logintable{border:3px solid #F5D2AF;background:#FDEFDF;margin-top:4px;}#ProductSubNavSection{margin:5px 5px 20px 5px;}#SubMessageContainer{background:url() no-repeat top center;margin-bottom:10px;margin-top:20px;}#SubMessageContainerSub{background:url() no-repeat top center;margin-bottom:10px;margin-top:60px;}#SubMessage .article_imagecolumn{padding:0px;border:2px solid #370e18;}#SubMessage .article_header a{color:#e35525;margin-top:0;}#SubMessage .article_header a:visited{color:#e35525;}#SubMessage .article_header a:hover{color:#e35525;}#SubMessage .form_textarea{width:237px;}#SubMessage .lead_box .form_textarea,#SubMessage .lead_box .form_text{background:#4b7494;border:1px solid #b0cade;padding:3px 0px;color:#ccc;}#SubMessage .lead_box{width:240px;}#SubMessage .lead_box #ImageAuthorizationTable{width:240px;background:#81a9c8;border-color:#81a9c8;color:#FFFFFF;}#SubMessage .lead_box #ImageAuthorizationTable img{border:2px solid #FFF;width:100px;float:left;height:40px;margin-right:10px;}#SubMessage .lead_box #ImageAuthorizationTable input{border:none;}#SubMessage .lead_box .form_question{border-top:0px;margin-top:0px;}#SubMessage .lead_box .form_cd_question_container{margin-bottom:4px;}#SubMessage .lead_box .form_cd_question{font-weight:bold;color:#11236a;}#SubMessage .lead_box .form_submit_container{text-align:center;}#SubMessage .form_required_div{font-size:10px;text-align:center;margin:0px;margin-bottom:3px;}#SubMessage div.required{color:#11236a;}#SubMessage div.form_cd_responses{color:#11236a;}#SubMessage .lead_box h2{color:#FFF;padding:10px;margin-top:10px;background:#5582a5;line-height:1.2em;text-align:center;}#SubMessage h3{color:#FFF;}#SubMessage{color:#11236a;}#SubNavSection{margin:0px 0px 20px 0px;}#TopLinks{text-align:right;font-size:11px;color:#EEE;}#TopLinks td{padding:5px 10px 0px 10px;}#TopLinks a.nav_first{padding:0;color:#2c68b0;text-decoration:none;}#TopLinks a.nav_opt{padding:0 0 0 10px;border-left:1px dotted #ccc;margin-left:10px;color:#2c68b0;text-decoration:none;}#TopLinks a:hover{color:#2e85ec;}#WebCredit,#WebCredit a,#WebCredit a:visited{color:#FFF;margin-top:10px;}#ZipSearchBox{width:60px;border:1px solid #DDD;background:#DDD;height:1.3em;margin-left:3px;}.windows img{margin-right:10px;}.addthis_toolbox{margin-top:15px;}.align_center{text-align:center;}.align_left{text-align:left;}.align_right{text-align:right;}.article_header{margin:40px 0 3px 0;font-size:24px;}.article_datedescription{font-style:italic;font-size:0.83em;}.article_description{color:#575043;font-size:0.9em;}#ContentDisplay2 .article_description{color:#575043;font-size:0.9em;}.article_imagecolumn{padding:5px;}.article_imagecolumn img{border:5px solid #FFF;}.article_contentcolumn{padding-left:10px;}.article_table{margin-bottom:8px;}.article a{color:#f89422;}.article_header a:visited{color:#f89422;}.article_header a:hover{color:#fff;}.article_lead_content{padding-bottom:15px;border-bottom:1px dotted #CCC;margin-bottom:20px;}.bg{background:#e4dfd6;padding:10px;border:2px solid #e0dbd1;}.border{border:2px solid #c1b599;}.border_right_0{border-right:none;}.border_right_5gray{border-right:5px solid #EEE;}.borderl{border-left:2px dotted #aaa18a;}.buttons{cursor:pointer;color:#FFF;font-weight:bold;border:6px solid #035185;background:#006;height:38px;font-size:16px;font-weight:bold;}.buttons_darkgrey{cursor:pointer;color:#EEE;padding:0.1em 0.2em 0.3em 0.2em;height:1.5em;font-weight:300;text-transform:uppercase;background:url(/images/button_back_darkgrey.jpg) repeat-x center #666;border:0px;font-size:11px;}.cart_productcode{color:#666;font-size:0.8em;font-style:italic;}.cart_table{background:#CCC;}.cart_table th{background:url(/images/cm_specbg.jpg) repeat-x;}.cart_table th.align_left{text-align:left;}.cart_table th.align_right{text-align:right;}.cart_table td{background:#FFF;}.cart_table .border_bottom{border-bottom:1px solid #CCC;}.cart_table .border_top_total{border-top:1px solid #666;}.cart_table_print th{background:url(/images/cm_specbg.jpg) repeat-x #DDD;border:1px solid #AAA;}.cart_table_print th.align_left{text-align:left;}.cart_table_print th.align_right{text-align:right;}.cart_table_print td{background:#FFF;vertical-align:top;border:1px solid #CCC;}.cart_table_print td.vertical_middle{vertical-align:middle;}.cart_table_print td.fieldgray{background:#EEE;}.cart_table_print .border_bottom{border-bottom:1px solid #CCC;}.cart_table_print .border_top_total{border-top:1px solid #666;}.cart_total_display{font-size:1.4em;text-align:right;}.cart_total_title{color:#666;}.cart_transaction_history_header{margin-bottom:5px;margin-top:15px;}.cart_table_ups{background:#CCC;}.cart_table_ups th{background:#d4ccbf;}.cart_table_ups td{background:#ebebe6;}.cc_130{width:130px;vertical-align:top;}.cc_150{width:149px;background:#FFF;vertical-align:top;border-top:5px solid #FFF;border-right:1px solid #CCC;}.cc_180{width:180px;vertical-align:top;}.cc_210{width:210px;vertical-align:top;}.cc_250{width:250px;vertical-align:top;}.cc_225{width:225px;vertical-align:top;}.cc_255{width:255px;vertical-align:top;}.cc_280{width:280px;vertical-align:top;}.cc_290{width:290px;vertical-align:top;}.cc_300{width:300px;vertical-align:top;}.cc_320{width:320px;vertical-align:top;}.cc_420{width:420px;vertical-align:top;}.cc_470{width:470px;vertical-align:top;}.cc_480{width:480px;vertical-align:top;}.cc_520{width:520px;vertical-align:top;}.cc_680{width:680px;vertical-align:top;}.cc_605{width:605px;vertical-align:top;border-right:0px solid #000;}.cc_600{width:600px;vertical-align:top;}.cc_620{width:620px;vertical-align:top;}.cc_650{width:650px;vertical-align:top;}.cc_670{width:670px;vertical-align:top;}.cc_700{width:700px;vertical-align:top;}.cc_745{width:745px;vertical-align:top;}.cc_890{width:890px;vertical-align:top;}.cc_960{width:960px;vertical-align:top;}.cc_900{width:900px;vertical-align:top;}.color_gray{color:#666;}.clear{clear:both;}.coupon_clickfordetails{font-size:0.8em;font-weight:normal;}.coupon_cutout{border:4px dotted #FFF;width:100%;}.coupon_cutout h4{margin:0 0 5px 0;}.coupon_expiration{color:#666;font-style:italic;}.coupon_title{margin:0 0 3px 0;font-size:1.4em;}.coupon_ind_title{color:#FFF;background:#04283a;}.coupons_table{margin-bottom:10px;width:100%;}.coupons_table h1{margin-top:0px;margin-bottom:5px;}.coupon_ind_table{background:none;color:#ccc;}.coupon_title a{color:#fff;}.coupon_title a:visited{color:#fff;}.coupon_title a:hover{color:#ccc;}.error_box{border:3px solid #EE9B86;background:#FCDEDC;color:#CC3300;margin-bottom:6px;}.error_box h3{color:#CC0000;margin-bottom:0px;margin-top:0px;}.extrapad{margin-left:10px;}.fc_222{width:222px;vertical-align:top;padding:10px;font-size:0.73em;color:#333;}.fd{background:url(../images/footer_bg_divider.jpg) top no-repeat;width:4px;}.float_left{float:left;}.float_right{float:right;}.form_cd_question{font-weight:bold;color:#333;}.form_cd_responses_under{margin:3px 0 0 20px;}.form_helpexample{color:#666;font-style:italic;}.form_img_notification{width:15px;}.form_instructions{color:#444444;background:#ccc;padding:6px;border:4px solid #ccc;margin:0 0 8px 0;}.form_question{margin:10px 0 3px 0;padding-top:5px;}.form_responses{margin:0 0 10px 20px;}.form_responses .form_textarea{width:500px;}.form_submit_container{margin-top:5px;}.form_textarea{font-family:Arial,Helvetica,sans-serif;font-size:1.1em;padding:4px;background-color:#222222;border:0px solid #a6c47d;width:525px;}.form_validateerror{color:#FF0000;}.form_validateerror_under{color:#FF0000;margin:1px 0 5px 20px;}.gallery_main_feature{margin-right:10px;}.headerimg{margin-left:25px;}.image_thumbnail{margin-right:20px;margin-left:0px;margin-bottom:20px;width:110px;height:85px;border:5px solid #fff;padding:0px;}.list{margin:0;padding:0 0 0 20px;}.list li{list-style-image:url(../images/list.gif);}.location_result_box{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #DDD;}.location_result_imagecolumn{padding-right:15px;}.location_result_name{font-size:1.3em;font-weight:bold;color:#134615;}.location_result_address{font-size:0.9em;}.location_results_message{border-top:1px dotted #CCC;padding-top:15px;}.location_search_box{width:250px;font-size:14px;border:1px solid #999;height:20px;}.location_search_button{cursor:pointer;color:#555;background:url(/images/button_back.jpg) repeat-x center #CCC;border:0px;height:24px;font-size:14px;}.logintable_username,.logintable_userpass{padding:4px;background:#DDD;border:1px solid #999;}.margin_0{margin:0px;}.margin_10{margin:10px;}.margin_bottom_5{margin-bottom:5px;}.margin_bottom_10{margin-bottom:10px;}.margin_left_10{margin-left:10px;}.margin_right_10{margin-right:10px;}.mr{margin-right:10px;}.ml{margin-left:10px;}.noborder{border:none;}.nopad{padding-top:0;margin-top:0;}.padt{padding-top:15px;}.padtt{padding-top:20px;}.padl{padding-left:20px;}.padr{padding-right:20px;}.padding{padding-left:10px;padding-top:10px;}.padding_0{padding:0px;}.padding_10{padding:10px;}.padding_15{padding:15px;}.paddingr{padding-right:10px;}.padb{padding-bottom:30px;padding-right:20px;}.padding_top_2{padding-top:2px;}.pageleftcol_header{background:url(/images/header_bg_all_02.jpg) no-repeat bottom right #e8e1d4;}.pagerightcol_header{background:url(/images/header_bg_all_04.jpg) no-repeat bottom left #e8e1d4;}.product_main_category{margin-bottom:10px;}.product_main_sublink{font-weight:bold;}.product_main_category_sub{font-size:0.85em;}.product_main_category_sub2{margin-left:8px;}a.product_main_sublink_sel,a.product_sub_sublink_sel,a.product_sub2_sublink_sel{color:#000;font-weight:bold;background:#EEE;}.product_nav_section_header{margin-bottom:5px;}.product_cost_box_standard{border:0px;background:none;}.product_cat_column{border:0px;}.product_code{font-style:normal;color:#666;margin-bottom:2px;}.product_cost{font-weight:bold;}.product_cost_view{color:#0c1d31;}.product_details_header{margin-bottom:10px;margin-top:20px;padding-bottom:4px;border-bottom:1px dotted #CCC;}.product_header{min-height:none;}.product_itemcost{font-weight:bold;font-size:1.4em;margin-bottom:10px;border-bottom:4px solid #EEE;padding-bottom:6px;text-align:right;}.product_addtocart_container{border:0px solid #EEE;margin-bottom:4px;}.product_addtocart_table{background:#DDD;border:1px solid #CCC;}.product_addtocart_table td{background:#FFF;}.product_title{margin-bottom:8px;}.product_itemcode{margin-bottom:15px;color:#666;font-style:italic;padding-bottom:10px;border-bottom:1px dotted #CCC;}.product_attr_title{font-weight:bold;}.product_short_description{margin-top:15px;border-top:4px solid #EEE;padding-top:4px;}.product_how_purchase{color:#FFF;margin-bottom:3px;font-size:0.9em;}.profile_link_result_name{font-size:0.8em;}div.required{color:#333;font-weight:bold;}.red{color:#7c243b;}.search_box{width:150px;font-size:11px;border:1px solid #023068;height:16px;background-color:#0e4990;}.search_button{cursor:pointer;color:#555;background:url(/images/button_back.jpg) no-repeat top center #CCC;border:0px;height:20px;width:50px;font-size:11px;margin-left:5px;margin-right:0px;}.search_result_location{background:url(/images/sr_bg_business.jpg) no-repeat top right #FCDFC5;border:2px solid #EABD7B;padding:6px;margin-bottom:5px;}.search_result_location .location_result_name{font-size:1em;}.search_result_event{background:url(/images/sr_bg_event.jpg) no-repeat top right #D8FC96;border:2px solid #C1F78C;padding:6px;margin-bottom:5px;}.search_result_event .event_header{font-weight:bold;}.search_result_event .article_description{color:#666;font-size:0.9em;font-style:italic;}.search_result_article{background:url(/images/sr_bg_content.jpg) no-repeat top right #FDF9BD;border:2px solid #F5EFA0;padding:6px;margin-bottom:5px;}.search_result_article .article_header{font-weight:bold;}.search_result_article .article_description{color:#666;font-size:0.9em;font-style:italic;}.search_result_content{background:url(/images/sr_bg_content.jpg) no-repeat top right #FDF9BD;border:2px solid #F5EFA0;padding:6px;margin-bottom:5px;}.search_result_content .search_pagetitle{font-weight:bold;}.search_result_content .search_pagedescription{color:#666;font-size:0.9em;font-style:italic;}.spacer_5{width:5px;background:#FFF;}.spacer_3{width:3px;background:#FFF;}.sub_articles_content,.sub_articles_navcontent{border-bottom:1px dotted #999;margin:0 0 10px 0;padding-bottom:10px;}.sub_articles_title{margin:0 0 8px 0;border-bottom:2px solid #BEC1D6;padding-bottom:4px;color:#282E46;}.sub_articletypes_title{margin:0 0 0 0;}.sub_articletypes_list{margin:5px 0 10px 0;}.sub_articletypes_list a{display:block;padding:2px;}.sub_articletypes_list a:hover{background:#FFF8F0;}.sub_articlearchive_title{margin:0 0 0 0;}.sub_articlearchive_list{margin:5px 0 10px 0;}.sub_articlearchive_list a{display:block;padding:2px;}.sub_articlearchive_list a:hover{background:#FFF8F0;}a.sub_nav_header,a.sub_nav_header:visited{color:#06F;text-decoration:none;font-weight:bold;}.sub_nav_links{margin:0px 0px 10px 0px;}.sub_nav_links a{text-decoration:none;display:block;border:1px solid #CCC;padding:5px;font-weight:bold;color:#0c1d31;background:url(/images/sub_nav_down.jpg) top;}.sub_nav_links a:hover{background:url(/images/sub_nav_up.jpg) top #FFF;}.sub_nav_links a.subs_under{border-bottom:1px dotted #CCC;}.sub_nav_links a.subs_under_sel{border-bottom:1px dotted #CCC;color:#000;font-weight:bold;background:url(/images/sub_nav_up.jpg) top;}.sub_nav_links div.subs_under{margin:1px 0 3px 10px;font-size:0.85em;}.sub_nav_selected{border:1px solid #CCC;padding:5px;font-weight:bold;background:#FFF;}.sub_nav_links a.subs_link_sel{color:#000;font-weight:bold;}.submessage_container_div{margin:0px 30px 0px 30px;padding:0px 0 15px 0;overflow-x:hidden;width:240px;}.submessage_side{background:#FFF;}.success_box{border:3px solid #dcdcfc;background:#f0f0fd;color:#0033CC;margin-bottom:6px;}.success_box h3{color:#003399;margin-bottom:0px;margin-top:0px;}.whitetext{color:#FFF;}.head-phone{position:absolute;left:350px;top:40px;font-family:'Century Gothic',Arial,Helvetica,sans-serif;color:#81a9c8;font-size:24px;font-weight:bold;}.head-phone span{color:#11236a;}/* SLIMBOX */ #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /** Stylesheet: Slideshow.css CSS for Slideshow. License: MIT-style license. Copyright: Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/). HTML:
Notes: These next four rules are set by the Slideshow script. You can override any of them with the !important keyword but the slideshow probably will not work as intended. */ .slideshow { display: block; position: relative; z-index: 0; } .slideshow-images { display: block; overflow: hidden; position: relative; } .slideshow-images img { display: block; position: absolute; z-index: 1; } .slideshow-thumbnails { overflow: hidden; } /** HTML:
Notes: The images div is where the slides are shown. Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc. */ .slideshow-images { height: 330px; width: 960px; } .slideshow-images-visible { opacity: 1; } .slideshow-images-prev { opacity: 0; } .slideshow-images-next { opacity: 0; } .slideshow-images img { float: left; left: 0; top: 0; } /** Notes: These are examples of user-defined styles. Customize these classes to your usage of Slideshow. */ .slideshow { height: 330px; margin: 0 auto; width: 960px; } .slideshow a img { border: 0; } /** HTML:
...
Notes: Customize the hidden / visible classes to affect the captions animation. */ .slideshow-captions { background: #000; bottom: 0; color: #FFF; font: normal 12px/22px Arial, sans-serif; left: 0; overflow: hidden; position: absolute; text-indent: 10px; width: 100%; z-index: 10000; } .slideshow-captions-hidden { height: 0; opacity: 0; } .slideshow-captions-visible { height: 22px; opacity: .7; } /** HTML:
Notes: Customize the hidden / visible classes to affect the controller animation. */ .slideshow-controller { background: url(controller.png) no-repeat; height: 42px; right: 50%; margin: 215px 0 35px 0; overflow: hidden; position: absolute; top: 50%; width: 238px; z-index: 10000; } .slideshow-controller * { margin: 0; padding: 0; } .slideshow-controller-hidden { opacity: 0; } .slideshow-controller-visible { opacity: 1; } .slideshow-controller a { cursor: pointer; display: block; height: 18px; overflow: hidden; position: absolute; top: 12px; } .slideshow-controller a.active { background-position: 0 18px; } .slideshow-controller li { list-style: none; } .slideshow-controller li.first a { background-image: url(controller-first.gif); left: 33px; width: 19px; } .slideshow-controller li.last a { background-image: url(controller-last.gif); left: 186px; width: 19px; } .slideshow-controller li.next a { background-image: url(controller-next.gif); left: 145px; width: 28px; } .slideshow-controller li.pause a { background-image: url(controller-pause.gif); left: 109px; width: 20px; } .slideshow-controller li.play a { background-position: 20px 0; } .slideshow-controller li.play a.active { background-position: 20px 18px; } .slideshow-controller li.prev a { background-image: url(controller-prev.gif); left: 65px; width: 28px; } /** HTML:
Notes: Customize the hidden / visible classes to affect the loader animation. */ .slideshow-loader { height: 28px; right: 0; position: absolute; top: 0; width: 28px; z-index: 10001; } .slideshow-loader-hidden { opacity: 0; } .slideshow-loader-visible { opacity: 1; } /** HTML:
Notes: Customize the active / inactive classes to affect the thumbnails animation. Use the !important keyword to override FX without affecting performance. */ .slideshow-thumbnails { bottom: -65px; height: 65px; left: 0; position: absolute; width: 100%; } .slideshow-thumbnails * { margin: 0; padding: 0; } .slideshow-thumbnails ul { height: 65px; left: 0; position: absolute; top: 0; width: 10000px; } .slideshow-thumbnails li { float: left; list-style: none; margin: 5px 5px 5px 0; position: relative; } .slideshow-thumbnails a { display: block; float: left; padding: 2px; position: relative; } .slideshow-thumbnails a:hover { background-color: #999 !important; opacity: 1 !important; } .slideshow-thumbnails img { display: block; width:100px; border:1px solid #FFF; } .slideshow-thumbnails-active { background-color: #999; opacity: 1; } .slideshow-thumbnails-inactive { background-color: #DDD; opacity: .5; }/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish * Dropdowns by Patrick Griffiths and Dan Webb. * http://carroll.org.uk/sandbox/suckerfish/bones2.html */ /* ----[ LINKS ]----*/ /* all menu links */ #nav a, #subMenusContainer a{ text-decoration:none; display:block; padding:5px 20px; background-color:#FFF ; } /* Just main menu links --[for non-javascript users this applies to submenu links as well]*/ #nav a{ margin:0; float:left; } /* Just sub menu links */ #subMenusContainer a, #nav li li a{ text-align:left; border-bottom:1px dotted #999; } /* All menu links on hover or focus */ #nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{ background-color:#999 ; color:#ccc; } /* sub menu links on hover or focus */ #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus{ background-color:#CCC ; color:#0c1d31; } /* Parent Sub Menu Links ---[javascript users only]*/ .subMenuParentBtn{ background: url(/css/arrow_right.gif) right center no-repeat; } /* Parent Sub Menu Links on hover or focus ---[javascript users only]*/ .subMenuParentBtnFocused{ background: url(/css/arrow_right.gif) right center no-repeat; } /* Parent Main Menu Links ---[javascript users only]*/ .mainMenuParentBtn{ background: url(/css/arrow_down.gif) right center no-repeat; } /* Parent Main Menu Links on hover or focus ---[javascript users only]*/ .mainMenuParentBtnFocused{ background: url(/css/arrow_down.gif) right center no-repeat; } /* ----[ OLs ULs, LIs, and DIVs ]----*/ /* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */ .smOW{ display:none; position: absolute; overflow:hidden; /*the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden*/ padding:0 2px; margin:0 0 0 -2px; } /* All ULs and OLs */ #nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em; } /* All submenu OLs and ULs */ #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*border around submenu goes here*/ background:#999; border:1px solid #999; left:0; } /* List items in main menu --[for non-javascript users this applies to submenus as well] */ #nav li { /*great place to use a background image as a divider*/ display:block; list-style:none; position:relative; float:left; } #subMenusContainer li{ list-style: none; } /* main menu ul or ol elment */ #nav{ display:block; position: relative; list-style:none; margin:0 0 0 0; z-index:5; top:0px; text-align: center; display:block; } #subMenusContainer{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; } /* --------------------------[ The below is just for non-javscript users ]--------------------------*/ #nav li li{ float:none; } #nav li li a{ /* Just submenu links*/ position:relative; float:none; } #nav li ul { /* second-level lists */ position: absolute; width: 10em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-top:2.2em; } /* third-and-above-level lists */ #nav li ul ul { margin: -1em 0 0 -1000em; } #nav li:hover ul ul { margin-left: -1000em; } /* lists nested under hovered list items */ #nav li:hover ul{ margin-left: 0; } #nav li li:hover ul { margin-left: 10em; margin-top:-2.5em;} /* extra positioning rules for limited noscript keyboard accessibility */ #nav li a:focus + ul { margin-left: 0; margin-top:2.2em; } #nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;} #nav li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;} #nav li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;} #nav li:hover a:focus{ margin-left: 0; } #nav li li:hover a:focus + ul { margin-left: 10em; } #nav {margin-top:0px;} #nav a.nav_opt{ border-left: #CCC solid 1px; border-right: #999 solid 1px; background:url() bottom center repeat-x; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } #nav a.nav_first{ border-right: #999 solid 1px; background:url() bottom center repeat-x; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } #nav a.nav_opt:hover, #nav a.nav_first:hover{ color:#fff; background:url() bottom center repeat-x #333; } #nav a.nav_sel_first{ border-right: #777 solid 1px; border-left: #666 solid 1px; background:url() bottom center repeat-x #777; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } #nav a.nav_sel{ border-right: #777 solid 1px; border-left: #666 solid 1px; background:url() bottom center repeat-x #777; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } #nav a.nav_sel_first:hover, #nav a.nav_sel:hover{ color:#fff; background:url() bottom center repeat-x #777; } #nav a.nav_opt, #nav a.nav_first, #nav a.nav_sel_first, #nav a.nav_sel {padding:20px 15px 20px 15px ; margin: 0px 0px 0px 0px; }