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 } } /* Elements ///////////////////////////////////////////////////////////////*/ body { font-family:Arial, Helvetica, sans-serif; font-size:.8em; margin:0px; background:#000; color:#666} a {color:#C00;} a:visited {color:#C00;} a:hover {color:#fff;} form {} h1 { font-weight:bold; line-height:1.2em; font-size:2.0em; font-family: Arial, Helvetica, sans-serif; color: #222; line-height:1.2em; padding-bottom: 10px; border-bottom: 2px dotted #ccc; text-transform: uppercase;} h2 { font-family: Arial, Helvetica, sans-serif; color: #0979c5;} h3 {font-family: Arial, Helvetica, sans-serif; color:#999;} h4 {} hr {border: 1px dotted #CCC;} p {line-height:1.4em} /* IDs ////////////////////////////////////////////////////////////////////*/ #CDSend_AddressLine1, #CDSend_AddressLine2, #CDSend_City, #CDSend_CompanyName, #CDSend_Email {} #CDSend_NameTitle, #CDSend_PhoneNumber {margin-left:0px} #CreateLoginTable {border:2px solid #DDD} #ContentDisplayHome {margin:30px 30px 25px 0px; line-height:1.4em; } #ContentDisplay {margin:30px 30px 25px 0px; line-height:1.4em; } #ContentDisplay img quote_image {border: 0px solid none; } #ContentDisplay .form_textarea, #ContentDisplay .form_text {background:#FFF; border:1px solid #AAA; padding:3px 0px; color:#000;} #ContentDisplay .form_textarea {width:610px} #ContentTable {width:920px; margin:0px 0 0px 0;} #CopyrightNotice {color:#444444; margin:0px 0px 5px 0px;} #CustomerDataQuestions {} #Disclaimer {color:#eb8d1d; margin:0px 10px 0px 10px; font-size:.75em;} #Footer {background:url(/images/footer.jpg) top center no-repeat #FFF; font-size:.8em; padding-top: 0px; padding-bottom: 20px;} #FooterContactInformation {margin:10px 0px 10px 0px; font-size:1.4em; color: #444444; width: 920px; line-height: 1.5em} #FooterPhoneInformation { font-size:1.2em; font-weight:bold; color:#444444;} #FooterAddressInformation {font-size:.7em; color: #444444;} #FooterLinks {margin:10px 0px 10px 0px;} #FooterLinks a.nav_first{padding:0px 10px 0px 0px; color:#444444} #FooterLinks a.nav_opt{padding:0px 10px; border-left:1px dotted #444444; color:#444444} #FooterLinks a:visited{} #FooterLinks a:hover{color:#222222;} #FooterSEOContent {color:#444444} #FooterSEOContent a, #FooterSEOContent a:hover {color:#222222} #FooterTable {width:920px; margin:60px 0px 20px 0px; border:0px solid #FFF; border-top:0px;} #Header {} #links tr {border-bottom: 1px solid #6C0;} .links {background-color: #e9f0db; padding: 0px;} .l {padding: 5px; } #ImageAuthorizationTable {color:#333; background:#eee; padding:6px; border:1px solid #ccc; 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:920px; margin:0 auto 0 auto; padding:0 0 0 0; background: #753046; } #HeaderDivContainer {} #HeaderContentColumn {background:url(/images/header_bg_all_03.jpg) bottom center no-repeat; padding-top:0px} #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:920px; 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} #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} #Search {} #SearchBox {} #SlideShowBox { } #SubMessage {} #SubMessageContainer { background:url() no-repeat top center; margin-bottom:10px; margin-top:30px; } #SubMessageContainerSub { background:url() no-repeat top center; margin-bottom:10px; margin-top:100px; } #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:207px;} #SubMessage .lead_box .form_textarea, #SubMessage .lead_box .form_text {background:#fff; border:1px solid #0779c1; padding:3px 0px; color: #333;} #SubMessage .lead_box {width:210px;} #SubMessage .lead_box #ImageAuthorizationTable {width:210px; background:#70c9ed; border-color:#70c9ed; color:#222; } #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 .buttons{background:url(/images/lead_box_button.jpg) repeat-x top; border:1px solid #531927; font-size:14px; height:24px; color:#FFF; font-weight:bold} #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: #094a74;} #SubMessage .lead_box .form_submit_container {text-align:left} #SubMessage .form_required_div {font-size:10px; text-align:center; margin:0px; margin-bottom:3px} #SubMessage div.required {color:#094a74;} #SubMessage div.form_cd_responses {color:#0779c1;} #SubMessage h2 { color: #fff; line-height:1.2em; text-shadow: 1px 1px 0.1em #222; font-size:24px;} #SubMessage h3 {color:#fff; text-shadow: 1px 1px 0.1em #222;} #SubMessage {color:#09528a;} #SubMessage a {color:#09528a;} #SubMessage a:visited {color:#09528a;} #SubMessage a:hover {color:#000;} #SubNavigation {} #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:visited{} #TopLinks a:hover{color:#2e85ec;} #WebCredit, #WebCredit a, #WebCredit a:visited {color:#444444; margin-top:10px} #ZipSearchBox {width:60px; border:1px solid #DDD; background:#DDD; height:1.3em; margin-left:3px} /* Classes ////////////////////////////////////////////////////////////////*/ .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:10px 0 3px 0; font-size:12px;} .article_datedescription {font-style:italic; font-size:.83em} .article_description {color:#575043; font-size:.9em} #ContentDisplay2 .article_description {color:#575043; font-size:.9em} .article_imagecolumn {padding:5px;} .article_imagecolumn img {} .article_contentcolumn {padding-left:10px} .article_table {margin-bottom:8px} .articles_title {} .article a {color:#C00;} .article_header a:visited {color:#C00;} .article_header a:hover {color:#000;} .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; background:url(/images/button_back.jpg) repeat-x center #CCC; border:0px; height:2.2em; font-size:12px;} .buttons_darkgrey {cursor:pointer; color:#EEE; padding:.1em .2em .3em .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:.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_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} /* Content Columns */ .cc_130 {width:130px; background:; 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; background:; vertical-align:top;} .cc_210 {width:210px; background:; vertical-align:top;} .cc_250 {width:250px; background:; vertical-align:top;} .cc_225 {width:225px; background:; vertical-align:top;} .cc_255 {width:255px; background:; vertical-align:top;} .cc_270 {width:270px; background:; vertical-align:top;} .cc_290 {width:290px; background:; vertical-align:top;} .cc_300 {width:300px; background:; vertical-align:top;} .cc_320 {width:320px; background:; vertical-align:top;} .cc_420 {width:420px; background:; vertical-align:top;} .cc_470 {width:470px; background:; vertical-align:top;} .cc_480 {width:480px; background:; vertical-align:top;} .cc_520 {width:520px; background:; vertical-align:top;} .cc_680 {width:680px; background:; vertical-align:top;} .cc_605 {width:605px; background:; vertical-align:top; border-right: 0px solid #000;} .cc_600 {width:600px; background:; vertical-align:top;} .cc_620 {width:620px; background:; vertical-align:top;} .cc_650 {width:650px; background:; vertical-align:top;} .cc_670 {width:670px; background:; vertical-align:top;} .cc_700 {width:700px; background:; vertical-align:top;} .cc_745 {width:745px; background:; vertical-align:top;} .cc_890 {width:890px; background:; vertical-align:top;} .cc_920 {width:920px; background:; vertical-align:top;} .cc_900 {width:900px; background:; vertical-align:top;} /* End Content columns */ .centercol{} .color_gray {color:#666} .clear {clear: both;} /* Coupon Classes */ .coupon_clickfordetails {font-size:.8em; font-weight:normal} .coupon_cutout {border:2px solid #0b71b7; 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; } .coupons_table {margin-bottom:10px; width:100%} .coupons_table h1{margin-top:0px; margin-bottom:5px} .coupon_ind_table {background:#0979c5; color: #fff;} .coupon_title a {color:#fff;;} .coupon_title a:visited {color:#fff;;} .coupon_title a:hover {color:#ccc;} /* Coupon Classes */ .downloads_ind_table {} .error_box {border:3px solid #EE9B86; background:#FCDEDC; color:#CC3300; margin-bottom:6px;} .error_box h3 {color:#CC0000; margin-bottom:0px; margin-top:0px} .event_header {} .event_datedescription {} .event_imagecolumn {} .events_comingsoon {} .events_goingon {} .events_past {} .events_title {} .extrapad {margin-left: 10px; } .fc_222 {width:222px; vertical-align:top; padding:10px; font-size:.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: #0979c5;} .form_cd_question_table {} .form_cd_question_table td.category {} .form_cd_question_table td.field {} .form_cd_responses {} .form_cd_responses_under {margin:3px 0 0 20px} .form_helpexample {color:#666; font-style:italic} .form_img_notification {width:15px} .form_instructions {color:#6f5b14; background:#e6c448; padding:6px; border:4px solid #e6c448; margin:0 0 8px 0;} .form_title {} .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_title {} .gallery_main_feature {margin-right:10px} .headerimg {margin-left: 25px; } .image_thumbnail {margin-right: 20px; margin-left:0px; margin-bottom: 20px; width: 115px; height: 85px; border:5px solid #222; padding: 1px;} .image_thumbnailcolumn {} .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_phonenumber {} .location_result_address {font-size:.9em} .location_result_webaddress {} .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; } .multimedia_display {} .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;} .pageleftcol {} .pagerightcol {} .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_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_full_description {} .product_how_purchase {color:#FFF; margin-bottom:3px; font-size:.9em} .profile_link_result_name{font-size:.8em} div.required {color:#0979c5; 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:.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:.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:.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:.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:210px} .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}/* 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: 295px; width: 920px; } .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: 295px; margin: 0 auto; width: 920px; } .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: #eeeeee solid 0px; border-right: #1f6582 dotted 1px; background:url() bottom center repeat-x; color:#0068a6; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; } #nav a.nav_first{ border-right: #1f6582 dotted 1px; background:url() bottom center repeat-x; color:#0068a6; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; } #nav a.nav_opt:hover, #nav a.nav_first:hover{ color:#fff; background:#0068a6; text-shadow: 0px 0px 0.2em #444444; } #nav a.nav_sel_first{ border-right: #1f6582 dotted 1px; background:#0068a6; color:#fff; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-shadow: 0px 0px 0.2em #444444; text-transform:uppercase; } #nav a.nav_sel{ border-left: #eeeeee solid 0px; border-right: #1f6582 dotted 1px; background:#0068a6; color:#fff; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-shadow: 0px 0px 0.2em #444444; text-transform:uppercase; } #nav a.nav_sel_first:hover, #nav a.nav_sel:hover{ color:#fff; background:#0068a6; text-shadow: 0px 0px 0.2em #444444; text-transform:uppercase; } #nav a.nav_opt, #nav a.nav_first, #nav a.nav_sel_first, #nav a.nav_sel {padding:14px 12px 13px 12px ; margin: 0px 0px -3px 0px; }