/********* Box 221 Top Link *********/ h2.boxtop_link, h3.boxtop_link { display:block; float:left; padding:8px 0 0 8px; margin:0; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:12px; line-height:12px; font-weight:bold; color:#111; } h2.boxtop_link a, h3.boxtop_link a { display:block; float:left; position:relative; top:-2px; overflow:hidden; width:182px; height:15px; font-size:12px; line-height:14px; font-weight:bold; color:#111; margin:0; padding:1px 24px 0 0; background: transparent url(/images/navbar/button16-tall.png) no-repeat right top; } h2.boxtop_link a:hover, h3.boxtop_link a:hover { color:#5B81FF; background-position: right -116px; } h2.boxtop_link a:active, h3.boxtop_link a:active { color:#999; background-position: right -231px; } h2.boxtop_link.thispage a, h3.boxtop_link.thispage a { background-position: right -231px; cursor:default; color:#111; } /********* top next - previous video or picture navbar *********/ div.gallery_nextprev_top { width:306px; height:119px; clear:both; margin:0; padding:0; } div.gallery_nextprev_top ul { margin:0; padding:0 0 8px 0; border-bottom:none; width:306px; float:left; display:block; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } div.gallery_nextprev_top ul li { width:153px; display:block; float:left; margin:0; padding:0; } div.gallery_nextprev_top ul a { color:#333; display:block; position:relative; float:left; width:129px; font-size:12px; line-height:16px; outline-style:none; } div.gallery_nextprev_top ul a.next { background: #fff url(/images/navbar/button16-tall.png) no-repeat right 8px; padding:3px 0 3px 0; margin:0 0 0 20px; text-align:right; } div.gallery_nextprev_top ul a.previous { background: #fff url(/images/navbar/button16-tall-facing-left.png) no-repeat left 8px; padding:3px 0 3px 0; margin:0 20px 0 0;} div.gallery_nextprev_top ul a img { display:block; border:2px solid white; margin:9px 0 0 0;} div.gallery_nextprev_top ul a.next img { float:right; } div.gallery_nextprev_top ul a.previous img { float:left; } div.gallery_nextprev_top ul a:hover img { border:2px solid white;} div.gallery_nextprev_top ul a p { z-index:900; display:none; position:absolute; top:96px; left:-12px; width:100px; font-size:11px; line-height:13px; border:1px solid silver; background-color:#eee; color:black; padding:4px 8px; margin:0; opacity:0.9; filter:alpha(opacity=90); } div.gallery_nextprev_top ul a.next p { left:24px; text-align:left; } div.gallery_nextprev_top ul a:hover p { display:block; } div.gallery_nextprev_top ul a b { display:block; float:left; margin:0; cursor:pointer; font-weight:normal !important; } div.gallery_nextprev_top ul a.next b { width:91px; padding:5px 37px 0 0; } div.gallery_nextprev_top ul a.previous b { width:104px; padding:5px 0 0 24px; } div.gallery_nextprev_top ul a.next:hover { color:#5B81FF; background-position: right -108px; } div.gallery_nextprev_top ul a.previous:hover { color:#5B81FF; background-position: left -108px; } div.gallery_nextprev_top ul a:hover b { color:#5B81FF; } div.gallery_nextprev_top ul a.next:active { color:#999; background-position: right -223px; } div.gallery_nextprev_top ul a.previous:active { color:#999; background-position: left -223px; } /********* picture and video navbar *********/ #picture_video_nav {margin:0; padding:0; list-style:none; display:inline; } #picture_video_nav li {display:block; float:left; padding:0 16px; line-height:11px; } #picture_video_nav li.first {padding:0 16px 0 0; } #picture_video_nav li a {display:block; float:left; color:#111; height:18px; } #picture_video_nav li.thispage a { background:url(../../images/buttons_arrows/up-arrow2.png) no-repeat center 12px; cursor:default; } #picture_video_nav li.thispage a:hover {color:#111; } #picture_video_nav li a:hover {color:#5B81FF; } /********* picture and video navbar container scroller *********/ .picture_video_scroller { width:306px; height:313px; overflow:auto; } /********* next - previous feature and tech spec navbar *********/ div.nextprev { width: 724px; margin:0; padding:0; clear:both; } ul.nextprev_nav { width:724px; border-top:1px solid silver; margin:10px 0; padding:2px 0; float:left; display:block; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } ul.nextprev_nav li { width:362px; display:block; float:left; margin:0; padding:0; } ul.nextprev_nav a { color:#333; display:block; float:left; width:288px; font-size:12px; line-height:16px; } ul.nextprev_nav a.next { background: #fff url(/images/navbar/button16-tall.png) no-repeat right 8px; padding:3px 24px 3px 0; margin:0 0 0 50px; text-align:right; } ul.nextprev_nav a.previous { background: #fff url(/images/navbar/button16-tall-facing-left.png) no-repeat left 8px; padding:3px 0 3px 24px; margin:0 50px 0 0; } ul.nextprev_nav a img { display:none; } ul.nextprev_nav a b { display:block; float:left; width:288px; margin:0; padding:5px 0 0 0; cursor:pointer; font-weight:normal !important; } ul.nextprev_nav a.next:hover { color:#5B81FF; background-position: right -108px; } ul.nextprev_nav a.previous:hover { color:#5B81FF; background-position: left -108px; } ul.nextprev_nav a:hover b { color:#5B81FF; } ul.nextprev_nav a.next:active { color:#999; background-position: right -223px; } ul.nextprev_nav a.previous:active { color:#999; background-position: left -223px; } /********* applications secondary navbar 221 size *********/ ul.applications_secondary_nav_221 { width:221px; margin:0; padding:0; float:left; display:block; clear:both; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } ul.applications_secondary_nav_221 li { width:219px; display:block; float:left; margin:0 0 0 1px; padding:0; } ul.applications_secondary_nav_221 a { color:#333; display:block; float:left; width:187px; font-size:12px; line-height:16px; margin:0; padding:3px 24px 3px 8px; background: #fff; } ul.applications_secondary_nav_221 a img { border:none; width:25px; float:left; margin:0 10px 0 0; padding:0; } ul.applications_secondary_nav_221 a b { display:block; float:left; width:150px; margin:0; padding:3px 0 0 0; cursor:pointer; font-weight:normal; } ul.applications_secondary_nav_221 a:hover { color:#5B81FF; } ul.applications_secondary_nav_221 a:hover b { color:#5B81FF; } ul.applications_secondary_nav_221 a:active { color:#999; } ul.applications_secondary_nav_221 li.thispage { border-top: 1px solid #5B81FF; border-bottom: 1px solid #5B81FF; margin-top:2px; margin-bottom:2px; } ul.applications_secondary_nav_221 li.thispage a { background-color: #D9E2FF; cursor:default; color:#000; } ul.applications_secondary_nav_221 li.thispage a b, ul.applications_secondary_nav_221 li.thispage a:hover b { cursor:default; color:#111; font-weight:bold; } ul.applications_secondary_nav_221 li.thispage ul { background-color: #D9E2FF; } /********* applications tertiary navbar 221 size *********/ ul.applications_tertiary_nav_221 { width:219px; margin:0; padding:0 0 8px 0; float:left; display:block; clear:both; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; font-weight:normal; } ul.applications_tertiary_nav_221 li { width:219px; display:block; float:left; margin:0; padding:0; } ul.applications_tertiary_nav_221 a { cursor:pointer !important; color:#333; display:block; float:left; width:169px; font-size:11px; line-height:15px; margin:0; padding:3px 8px 4px 42px; background: #fff url(/images/navbar/button16-tall.png) no-repeat 14px 2px; } ul.applications_tertiary_nav_221 a:hover { cursor:pointer !important; color:#333; background-position: 14px -114px; } ul.applications_tertiary_nav_221 a:active { color:#999; background-position: 14px -229px; } ul.applications_tertiary_nav_221 li.thispage { border-top: none; border-bottom: none; } ul.applications_tertiary_nav_221 li.thispage a { cursor:default !important; background-position: 14px -229px; cursor:default; color:#111; font-weight:bold; } /* level 3 */ ul.applications_tertiary_nav_221 li ul { width:219px; margin:0; padding:0; float:left; display:block; clear:both; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; font-weight:normal; } ul.applications_tertiary_nav_221 li ul li { width:219px; display:block; float:left; margin:0; padding:0; } ul.applications_tertiary_nav_221 li ul a { cursor:pointer !important; color:#333; display:block; float:left; width:142px; font-size:11px; line-height:15px; margin:0; padding:3px 8px 4px 69px; background: #fff url(/images/navbar/button16-blue-tall.png) no-repeat 42px 2px; } ul.applications_tertiary_nav_221 li ul a:hover { cursor:pointer !important; color:#333; background-position: 42px -114px; } ul.applications_tertiary_nav_221 li ul a:active { color:#999; background-position: 42px -229px; } ul.applications_tertiary_nav_221 li ul li.thispage { border-top: none; border-bottom: none; } ul.applications_tertiary_nav_221 li ul li.thispage a { cursor:default !important; background-position: 42px -229px; cursor:default; color:#111; font-weight:bold; } /********* applications at a glance *********/ ul.applications_glance_nav { width:640px; margin:4px 0 0 0; padding:0; list-style:none; display:block; position:relative; } ul.applications_glance_nav li {display:block; float:left; width:186px; margin:0; padding:8px 8px 0px 16px; } ul.applications_glance_nav li a { display:block; float:left; } ul.applications_glance_nav li a h3 { color:#111; font-size:14px; font-weight:bold; margin:0; padding:0; } ul.applications_glance_nav li a p { margin:0; padding:2px 0 0 0; } ul.applications_glance_nav li a:hover h3, ul.applications_glance_nav li a:hover p { color:#5B81FF; } /********* features at a glance *********/ ul.features_glance_nav { width:306px; margin:2px 0; padding:7px 0 4px 0; float:left; display:block; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } ul.features_glance_nav li { width:305px; display:block; float:left; margin:0 0 10px 1px; padding:0; } ul.features_glance_nav a { color:#333; display:block; float:left; width:288px; font-size:12px; line-height:16px; margin:0; padding:0 8px 0 8px; background: #fff; } ul.features_glance_nav a img { border:none; float:left; margin:0 10px 0 0; padding:0; } ul.features_glance_nav a b { display:block; float:left; width:253px; margin:0; padding:0; cursor:pointer; font-weight:bold !important; } ul.features_glance_nav a em { display:block; float:left; width:253px; margin:0; padding:0; cursor:pointer; font-weight:normal; font-style:normal !important; } ul.features_glance_nav a:hover, ul.features_glance_nav a:hover b { color:#5B81FF; } ul.features_glance_nav a:active { color:#999; } ul.features_glance_nav li.thispage { border-top: 1px solid silver; border-bottom: 1px solid silver; } ul.features_glance_nav li.thispage a { padding-top:5px; padding-bottom:5px; background: #eee; cursor:default; color:#000; } ul.features_glance_nav li.thispage a b { cursor:default; font-weight:bold !important; } ul.features_glance_nav li.thispage a em { cursor:default; font-style:normal !important; } /* old version */ ul.features_glance_nav_old { width:306px; margin:2px 0; padding:7px 0 4px 0; float:left; display:block; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } ul.features_glance_nav_old li { width:288px; display:block; float:left; margin:0 0 9px 1px; padding:0 8px; } ul.features_glance_nav_old li.thispage { padding-top:5px; padding-bottom:5px; background:#eee; border-top: 1px solid silver; border-bottom: 1px solid silver; } ul.features_glance_nav_old h3 { color:#111; font-size:14px; font-weight:bold; margin:0; padding:0; } ul.features_glance_nav_old h3 a { color:#111; } ul.features_glance_nav_old h3 a:hover { color:#5B81FF; } ul.features_glance_nav_old p { margin:0; padding:2px 0 0 0; display:block; float:right; width:213px; } ul.features_glance_nav_old img { width:60px; float:left; margin:0 10px 0 0; padding:0; } ul.features_glance_nav_old a img { border:2px solid white;} ul.features_glance_nav_old a:hover img { border:2px solid #5B81FF;} ul.features_glance_nav_old li.thispage a img { border:2px solid #eee;} ul.features_glance_nav_old li.thispage a:hover img { border:2px solid #5B81FF;} /********* tertiary horizontal navbar *********/ .horizontal_nav_container { margin:0; padding:4px; } /* border: 1px solid silver; background: #eee; } */ .horizontal_nav_container ul {float:left; display:inline; margin:0; padding:0; list-style:none; position:relative; font-weight:normal; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:12px;} .horizontal_nav_container ul li {display:block; float:left; padding:0 0 0 12px; margin:0 0 0 12px; border-left: 1px solid silver;} .horizontal_nav_container ul li a {display:block; float:left; color:#666; padding:0;} .horizontal_nav_container ul li a:hover { color:#5B81FF;} .horizontal_nav_container ul li.first { border:none;} .horizontal_nav_container ul li.first.heading { border:none; margin:0; padding:0 0 0 4px; } .horizontal_nav_container ul li.first.heading h3 { margin:0; padding:0; font-size:12px; } .horizontal_nav_container ul li.thispage a, .horizontal_nav_container ul li.thispage a:hover {display:block; float:left; outline-style:none; color:#333; font-weight:bold; cursor:default;} /********* category sectional navbar *********/ div.category_hero { width:441px; padding:8px 16px 16px 16px; position:relative; display:block; } div.category_hero h3 { color:#111; font-size:18px; line-height:24px; font-weight:bold; margin:0; padding:0; text-align:left; } ul.category_product_block { margin:0; padding:0; list-style:none; display:block; position:relative; } ul.category_product_block li {display:block; float:left; width:205px; margin:0; padding:8px 15px 0px 16px; } ul.category_product_block li.size_221 { width:189px; } ul.category_product_block li h3 { color:#111; font-size:14px; font-weight:bold; margin:0; padding:0; text-align:left; } div.category_hero h3 a, ul.category_product_block li h3 a { color:#111; } div.category_hero h3 a:hover, ul.category_product_block li h3 a:hover { color:#5B81FF; } div.category_hero h3 a:hover img, ul.category_product_block li h3 a:hover img { opacity:0.6; filter:alpha(opacity=60); } div.category_hero p, ul.category_product_block li p { margin:0; padding:2px 0 8px 0; text-align:left; } /********* features secondary navbar *********/ ul.features_secondary_nav { width:221px; margin:2px 0; padding:8px 0 4px 0; float:left; display:block; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } ul.features_secondary_nav li { width:219px; display:block; float:left; margin:0 0 0 1px; padding:0; } ul.features_secondary_nav a { color:#333; display:block; float:left; width:187px; font-size:12px; line-height:16px; margin:0; padding:3px 24px 3px 8px; background: #fff url(/images/navbar/button16-tall.png) no-repeat 97% 8px; } ul.features_secondary_nav a img { border:none; width:25px; float:left; margin:0 10px 0 0; padding:0; } ul.features_secondary_nav a b { display:block; float:left; width:150px; margin:0; padding:3px 0 0 0; cursor:pointer; font-weight:normal !important; } ul.features_secondary_nav a:hover { color:#5B81FF; background-position: 97% -108px; } ul.features_secondary_nav a:hover b { color:#5B81FF; } ul.features_secondary_nav a:active { color:#999; background-position: 97% -223px; } ul.features_secondary_nav li.thispage { border-top: 1px solid #5B81FF; border-bottom: 1px solid #5B81FF; } ul.features_secondary_nav li.thispage a { background-color: #D9E2FF; background-position: 97% -223px; cursor:default; color:#111; } ul.features_secondary_nav li.thispage a b, ul.features_secondary_nav li.thispage a:hover b { cursor:default; color:#111; font-weight:bold !important; } /********* upright list navbar 221 wide *********/ ul.upright_list_nav_221 { width:221px; margin:8px 0 4px 0; padding:0; list-style:none; display:block; float:left; position:relative; } ul.upright_list_nav_221 li { list-style:none; display:block; float:left; width:205px; padding:0 8px; margin:3px 0; } ul.upright_list_nav_221 li a { color:blue; display:block; float:left; width:181px; margin:0; padding:0 0 0 24px; border:none; text-decoration:none; background:url(/images/navbar/button16-tall.png) no-repeat left top; cursor:pointer; } ul.upright_list_nav_221 li a:hover { color:#5B81FF; background-position: left -116px; } ul.upright_list_nav_221 li a:active { background-position: left -231px; } ul.upright_list_nav_221 li.thispage a, .upright_list_nav_221 li.thispage a:hover { color:#666; font-weight:bold; background-position: left -116px; cursor:default; } ul.upright_list_nav_221 li.thispage a:active { background-position: left -231px; } ul.upright_list_nav_221 li.thispage ul { width:181px; margin:0; padding:0 0 0 24px; list-style:none; display:block; float:left; position:relative; } ul.upright_list_nav_221 li.thispage ul li { list-style:none; display:block; float:left; width:181px; padding:0; margin:3px 0; } ul.upright_list_nav_221 li.thispage ul li a { font-weight:normal; color:#666; display:block; float:left; width:157px; margin:0; padding:0 0 0 24px; border:none; text-decoration:none; background:url(/images/navbar/button16-blue-tall.png) no-repeat left top; cursor:pointer; } ul.upright_list_nav_221 li.thispage ul li a:hover { font-weight:normal; color:#5B81FF; background-position: left -116px; cursor:pointer; } ul.upright_list_nav_221 li.thispage ul li a:active { font-weight:normal; background-position: left -231px; } ul.upright_list_nav_221 li.thispage ul li.thispage a, ul.upright_list_nav_221 li.thispage ul li.thispage a:hover { font-weight:bold; color:#666; display:block; float:left; width:157px; margin:0; padding:0 0 0 24px; border:none; text-decoration:none; background:url(/images/navbar/button16-blue-tall.png) no-repeat left -116px; cursor:default; } ul.upright_list_nav_221 li.thispage ul li.thispage a:active { background-position: left -231px; } /********* upright list navbar 306 wide *********/ ul.upright_list_nav_306 {margin:0 0 4px 0; padding:0; list-style:none; display:inline; float:left; position:relative; } ul.upright_list_nav_306 li { list-style:none; display:block; float:left; width:274px; padding:0; margin:3px 0; } ul.upright_list_nav_306 li a { color:blue; margin:0; padding:0 0 0 24px; display:block; height:16px; border:none; text-decoration:none; background:url(/images/navbar/button16.png) no-repeat left top; cursor:pointer; } ul.upright_list_nav_306 li a:hover { color:#5B81FF; background-position: left -16px; } ul.upright_list_nav_306 li a:active { background-position: left -32px; } ul.upright_list_nav_306 li a b { display:block; height:16px; padding: 0 0 0 2px; font-weight:normal; } ul.upright_list_nav_306 li.thispage a, .upright_list_nav_306 li.thispage a:hover { color:#666; background-position: left -16px; cursor:default; } ul.upright_list_nav_306 li.thispage a:active { background-position: left -32px; } ul.upright_list_nav_306 li.thispage a b { font-weight:bold; } ul.upright_list_nav_306 li.thispage ul li { list-style:none; display:block; float:left; width:242px; padding:0; margin:3px 0; } ul.upright_list_nav_306 li.thispage ul li a { color:#666; margin:0; padding:0 0 0 24px; display:block; height:16px; border:none; text-decoration:none; background:url(/images/navbar/button16-blue.png) no-repeat left top; cursor:pointer; } ul.upright_list_nav_306 li.thispage ul li a:hover { color:#5B81FF; background-position: left -16px; cursor:pointer; } ul.upright_list_nav_306 li.thispage ul li a:active { background-position: left -32px; } ul.upright_list_nav_306 li.thispage ul li a b { display:block; height:16px; padding: 0 0 0 2px; font-weight:normal; } /********* breadcrumb navbar *********/ div#breadcrumbs_nav_container { display:block; clear:both; padding:0; margin:4px 0; min-height:18px; width:976px; } ul#breadcrumbs_nav { display:block; float:left; margin:0; padding:0; width:720px; text-align:left; list-style:none; font-weight:normal; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:11px; } ul#breadcrumbs_nav li { display:block; float:left; padding:0 0 0 14px; background:url(/images/buttons_arrows/breadcrumb-arrow2.gif) no-repeat left 2px; font-size:11px; color:#666; } ul#breadcrumbs_nav li.first { padding:0; background:none; } ul#breadcrumbs_nav li a { display:block; float:left; color:#666; } ul#breadcrumbs_nav li.first a { padding: 0 0 0 4px; } ul#breadcrumbs_nav li a:hover { color:#5B81FF; } ul#breadcrumbs_nav li.thispage a, ul#breadcrumbs_nav li.thispage a:hover { color:#333; font-weight:bold; cursor: default; } ul#breadcrumbs_nav li b.cursor_arrow a, ul#breadcrumbs_nav li b.cursor_arrow a:hover { cursor:default; color:#333; } ul#breadcrumbs_nav li b.cursor_hand a, ul#breadcrumbs_nav li b.cursor_hand a:hover { cursor:pointer; color:#333; } /********* cart and checkout navbar *********/ div#cart_checkout_nav_container { display:block; float:right; margin:0; padding:0; position:relative; } ul#cart_checkout_nav { display:block; float:right; margin:0; padding:0; list-style:none; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:11px; } ul#cart_checkout_nav li { display:block; float:left; margin:0; padding:0; font-size:11px; color:#666; } ul#cart_checkout_nav li a { display:block; float:left; margin:0; padding:0 0 0 5px; color:#666; } ul#cart_checkout_nav li a:hover { outline-style:none; color:#5B81FF; } ul#cart_checkout_nav li.cart a { padding-right:18px; font-weight:bold; color:#333; background: transparent url(/images/icons/cart-new.gif) no-repeat right top; } ul#cart_checkout_nav li.cart a.full { background: transparent url(/images/icons/cart-new-full.gif) no-repeat right top; } ul#cart_checkout_nav li.cart a:hover { color:#5B81FF; background-position: right -28px; } ul#cart_checkout_nav li.cart a:active { color:#666; background-position: right -56px; } ul#cart_checkout_nav li.checkout a { font-weight:bold; color:#333; } ul#cart_checkout_nav li.checkout a:hover { color:#5B81FF; } /********* secondary navbar *********/ #secondary_nav_container { margin:0; height:42px;} #secondary_nav_container h1 { position:relative; top:-3px; display:block; float:left; color:#111; font-weight:normal; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:28px; line-height:32px; margin:0; padding:0; } #secondary_nav_container h1 a, #secondary_nav_container h1 a:hover { display:block; color:#111; cursor:default; } #secondary_nav_container h1 i { display:none; } #secondary_nav_container h1 a#H1_DF_X8 { width:221px; height:38px; background:transparent url(/images/h1-titles/draganflyer-x8.gif) no-repeat; } #secondary_nav_container h1 a#H1_DF_X6 { width:221px; height:38px; background:transparent url(/images/h1-titles/draganflyer-x6.gif) no-repeat; } #secondary_nav_container h1 a#H1_DF_X4 { width:221px; height:38px; background:transparent url(/images/h1-titles/draganflyer-x4.gif) no-repeat; } #secondary_nav_container h1 a#H1_DF_E4 { width:221px; height:38px; background:transparent url(/images/h1-titles/draganflyer-e4.gif) no-repeat; } #secondary_nav_container h1 a#H1_DF_SUPPORT { width:221px; height:38px; background:transparent url(/images/h1-titles/draganflyer-support.gif) no-repeat; } #secondary_nav_container h1 a#H1_DF_TANGORC { width:221px; height:38px; background:transparent url(/images/h1-titles/tango.gif) no-repeat; } #secondary_nav_container h1 a#H1_DRAGAN_EYE { width:221px; height:38px; background:transparent url(/images/h1-titles/dragan-eye.gif) no-repeat; } #secondary_nav_container h1 a#H1_DRAGAN_EYE_PRO { width:221px; height:38px; background:transparent url(/images/h1-titles/dragan-eye-pro.gif) no-repeat; } #secondary_nav {float:right; display:inline; margin:3px 0 0 0; padding:0; list-style:none; position:relative; font-weight:normal; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:12px;} #secondary_nav li {display:block; float:left; padding:0 11px; margin:0;} #secondary_nav li.right_end { padding:0 0 0 11px;} #secondary_nav li a {display:block; float:left; color:#666; padding:8px 0 0 0;} #secondary_nav li a:hover { color:#5B81FF;} #secondary_nav li.thispage a, #secondary_nav li.thispage a:hover {display:block; float:left; outline-style:none; color:#333; font-weight:bold; cursor:default;} #secondary_nav li.order_now, li.order_now { position:relative; top:5px; height: 21px; padding-right:0; margin: 0; } #secondary_nav li.order_now a, li.order_now a { color:#000; background: #eee url(/images/buttons_arrows/make-button-bg-l.png) no-repeat left top; height: 21px; float: left; display: block; margin: 0; padding: 0 0 0 16px; line-height: 21px; text-align: left; cursor: pointer; } #secondary_nav li.order_now a b, li.order_now a b { color:#000; background: #eee url(/images/buttons_arrows/make-button-bg-r.png) no-repeat right top; font-weight: normal; float: left; display: block; margin: 0; padding: 0 16px 0 0; } #secondary_nav li.order_now a:hover, li.order_now a:hover { color:#fff; background-position: left -21px; } #secondary_nav li.order_now a:hover b, li.order_now a:hover b { color:#fff; background-position: right -21px; } #secondary_nav li.order_now a:active, li.order_now a:active { color:#bbb; background-position: left -21px; } #secondary_nav li.order_now a:active b, li.order_now a:active b { color:#bbb; background-position: right -21px; } #secondary_nav li.thispage.order_now a { cursor: default; } #secondary_nav li.thispage.order_now a:hover, #secondary_nav li.thispage.order_now a:active { color:#000; background-position: left top; } #secondary_nav li.thispage.order_now a:hover b, #secondary_nav li.thispage.order_now a:active b { color:#000; background-position: right top; } /********* applications secondary navbar 306 size *********/ ul.applications_secondary_nav_306 { width:306px; margin:2px 0; padding:7px 0 4px 0; float:left; display:block; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } ul.applications_secondary_nav_306 li { width:288px; display:block; float:left; margin:0 0 9px 1px; padding:0 8px; } ul.applications_secondary_nav_306 li.thispage { padding-top:5px; padding-bottom:5px; background:#eee; border-top: 1px solid silver; border-bottom: 1px solid silver; } ul.applications_secondary_nav_306 h3 { color:#111; font-size:14px; font-weight:bold; margin:0; padding:0; } ul.applications_secondary_nav_306 h3 a { color:#111; } ul.applications_secondary_nav_306 h3 a:hover { color:#5B81FF; } ul.applications_secondary_nav_306 p { margin:0; padding:2px 0 0 0; display:block; float:right; width:213px; } ul.applications_secondary_nav_306 img { width:60px; float:left; margin:0 10px 0 0; padding:0; } ul.applications_secondary_nav_306 a img { border:2px solid white;} ul.applications_secondary_nav_306 a:hover img { border:2px solid #5B81FF;} ul.applications_secondary_nav_306 li.thispage a img { border:2px solid #eee;} ul.applications_secondary_nav_306 li.thispage a:hover img { border:2px solid #5B81FF;} /********* applications secondary navbar another way with full hover *********/ ul.applications_secondary_nav_full_hover { width:306px; margin:2px 0; padding:7px 0 4px 0; float:left; display:block; list-style:none; position:relative; font-family:Arial, "Lucida Grande", Helvetica,Verdana,sans-serif; } ul.applications_secondary_nav_full_hover li { width:305px; display:block; float:left; margin:0 0 0 1px; padding:0; } ul.applications_secondary_nav_full_hover a { color:#333; display:block; float:left; width:272px; font-size:12px; line-height:16px; margin:0; padding:5px 24px 5px 8px; background: #fff url(/images/navbar/button16-tall.png) no-repeat 98% 5px; } ul.applications_secondary_nav_full_hover a img { border:none; width:60px; float:left; margin:0 10px 0 0; padding:0; } ul.applications_secondary_nav_full_hover a b { display:block; float:left; width:202px; margin:0; padding:0; cursor:pointer; font-weight:bold !important; } ul.applications_secondary_nav_full_hover a em { display:block; float:left; width:202px; margin:0; padding:0; cursor:pointer; font-weight:normal; font-style:normal !important; } ul.applications_secondary_nav_full_hover a:hover { color:#5B81FF; background-position: 98% -111px; } ul.applications_secondary_nav_full_hover a:active { color:#999; background-position: 98% -226px; } ul.applications_secondary_nav_full_hover li.thispage { border-top: 1px solid #5B81FF; border-bottom: 1px solid #5B81FF; } ul.applications_secondary_nav_full_hover li.thispage a { padding-top:5px; padding-bottom:5px; background-color: #D9E2FF; background-position: 98% -226px; cursor:default; color:#000; } ul.applications_secondary_nav_full_hover li.thispage a b { cursor:default; font-weight:bold !important; } ul.applications_secondary_nav_full_hover li.thispage a em { cursor:default; font-style:normal !important; } /********* footer navbar *********/ #footer_nav_container { display:block; margin:20px 0 15px 0; padding:3px 0 0 0; border-top:1px solid silver; color:#666; font-weight:normal; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:11px; } #footer_nav_container p { font-size:11px; margin:0; padding:0 0 0 2px;} #footer_nav_container h4 { color:#666; display:block; float:left; font-weight:normal; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:11px; line-height:18px; margin:0; padding:0 0 0 2px; } #footer_nav_container h4 small { position:relative; top:-2px; left:2px; } #footer_nav {float:right; display:inline; margin:0 2px 0 0; padding:0; list-style:none; position:relative; } #footer_nav li {display:block; float:left; margin:0 0 0 7px; padding:0 0 0 7px; border-left: 1px solid silver; font-size:11px; } #footer_nav li a {display:block; float:left; outline-style:none; color:#666; } #footer_nav li a:hover {outline-style:none; color:#5B81FF; } #footer_nav li.first { margin:0; padding:0; border:none; } /********* boiler plate navbar *********/ .boiler_plate { height:32px; margin:10px 0; padding:16px; border: 1px dotted silver; overflow:hidden; } .boiler_plate, .boiler_plate p, .boiler_plate strong, .boiler_plate b, .boiler_plate ul, .boiler_plate li { font-size: 11px; line-height:14px; color:#999; } .boiler_plate p { clear:both; margin:0 !important; padding:0 !important; height:16px; display:block; } .boiler_plate ul { width:670px; height:16px; float:left; display:block; margin:0; padding:0; list-style:none; position:relative; } .boiler_plate ul li {display:block; float:left; margin:0 0 0 7px; padding:0 0 0 7px; border-left: 1px solid silver; } .boiler_plate ul li a {display:block; float:left; outline-style:none; color:#999;} .boiler_plate ul li a:hover {outline-style:none; color:#5B81FF; } .boiler_plate ul li.first { margin:0; padding:0; border:none; } /********* utility navbar *********/ #utilities_nav_container { display:block; height:20px; } #utilities_nav_container h2 { display:block; float:left; color:#111; font-weight:bold; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; font-size:14px; margin:0; padding:0 0 0 2px; } #utilities_nav_container h2 small { position:relative; top:-2px; left:0; } #utilities_nav_container h2 span { display:none; } #utilities_nav {float:right; display:inline; margin:0 2px 0 0; padding:0; list-style:none; position:relative; } #utilities_nav li {display:block; float:left; margin:0 0 0 7px; padding:0 0 0 7px; border-left: 1px solid silver; font-size:11px;} #utilities_nav li a {display:block; float:left; outline-style:none; color:#666; } #utilities_nav li a:hover {outline-style:none; color:#5B81FF; } #utilities_nav li.first { margin:0; padding:0; border:none; } #utilities_nav li.thispage { font-weight:bold; } #utilities_nav li.thispage a { cursor: default; } #utilities_nav li.thispage a:hover { color:#666; } /********* global top navbar *********/ #search_form { margin:10px 0 0 15px; padding:0; } #search_go { margin:0; padding:0; display:block; float:left; width:22px; height:22px; border:none; background:url(/images/navbar/search-go-button.png); background-position: 0 0; } #search_go:hover { background-position: 0 -22px; } #search_go:active { background-position: 0 -44px; } #search_keywords { margin:0 3px 0 0; padding:3px 3px; display:block; float:left; width:165px; height:16px; border:1px solid #ccc; background:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#777; } /* This NAV script has been heavily modified but the original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_drop6.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. */ .preload_nav { display:none; } #nav_container { background:#fff; } #nav { width:976px; height:45px; margin:0 auto; padding:0; list-style:none; position:relative; z-index:200; background:#fff; } #nav li a { outline-style:none; } #nav li a span { display:none; } #nav_home, #nav_about, #nav_products, #nav_customers, #nav_news, #nav_search { float:left; } #nav_home, #nav_home a.nav_link, #nav_home a.nav_link.thispage, #nav_search, #nav_search a.nav_link, #nav_search a.nav_link.thispage, #nav_about, #nav_about a.nav_link, #nav_about a.nav_link.thispage, #nav_products, #nav_products a.nav_link, #nav_products a.nav_link.thispage, #nav_customers, #nav_customers a.nav_link, #nav_customers a.nav_link.thispage, #nav_news, #nav_news a.nav_link, #nav_news a.nav_link.thispage { height:45px; display:block; margin:0; padding:0; background: url(/images/navbar/dfnavbar-p-c-n-a-new.gif) no-repeat; } #nav_home, #nav_home a.nav_link, #nav_home a.nav_link.thispage, #nav_search, #nav_search a.nav_link, #nav_search a.nav_link.thispage { width:224px; } #nav_about, #nav_about a.nav_link, #nav_about a.nav_link.thispage, #nav_products, #nav_products a.nav_link, #nav_products a.nav_link.thispage, #nav_customers, #nav_customers a.nav_link, #nav_customers a.nav_link.thispage, #nav_news, #nav_news a.nav_link, #nav_news a.nav_link.thispage { width:132px; } #nav_home, #nav_home a.nav_link { background-position: 0 0; } /* #nav_home a.nav_link:hover { background-position: 0 -45px; } #nav_home a.nav_link.thispage, #nav_home a.nav_link.thispage:hover { background-position: 0 -135px; } #nav_home a.nav_link:active { background-position: 0 -90px; } */ #nav_search, #nav_search a.nav_link { background-position: -752px 0; } #nav_search a.nav_link:hover { background-position: -752px -45px; } #nav_search a.nav_link.thispage, #nav_search a.nav_link.thispage:hover { background-position: -752px -135px; } #nav_search a.nav_link:active { background-position: -752px -90px; } #nav_products, #nav_products a.nav_link { background-position: -224px 0; } #nav_products a.nav_link:hover { background-position: -224px -45px; } #nav_products a.nav_link.thispage, #nav_products a.nav_link.thispage:hover { background-position: -224px -135px; } #nav_products a.nav_link:active { background-position: -224px -90px; } #nav_customers, #nav_customers a.nav_link { background-position: -356px 0; } #nav_customers a.nav_link:hover { background-position: -356px -45px; } #nav_customers a.nav_link.thispage, #nav_customers a.nav_link.thispage:hover { background-position: -356px -135px; } #nav_customers a.nav_link:active { background-position: -356px -90px; } #nav_news, #nav_news a.nav_link { background-position: -488px 0; } #nav_news a.nav_link:hover { background-position: -488px -45px; } #nav_news a.nav_link.thispage, #nav_news a.nav_link.thispage:hover { background-position: -488px -135px; } #nav_news a.nav_link:active { background-position: -488px -90px; } #nav_about, #nav_about a.nav_link { background-position: -620px 0; } #nav_about a.nav_link:hover { background-position: -620px -45px; } #nav_about a.nav_link.thispage, #nav_about a.nav_link.thispage:hover { background-position: -620px -135px; } #nav_about a.nav_link:active { background-position: -620px -90px; } /* drop down menu for main navbar */ #nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0; } #nav li:hover {position:relative; z-index:200; } #nav a:hover {position:relative; white-space:normal; z-index:200; } #nav :hover ul.sub {left:0px; top:44px; background: #000; padding:0; border:1px solid #000; white-space:nowrap; width:131px; height:auto; z-index:300; } #nav :hover ul.sub li {background:#eee; display:block; height:20px; position:relative; float:left; width:131px; font-weight:normal; font-family:Verdana, Arial, "Lucida Grande", Helvetica, sans-serif; } #nav :hover ul.sub li a {background:#eee; display:block; font-size:11px; font-family:Verdana, Arial, "Lucida Grande", Helvetica, sans-serif; height:18px; width:131px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; } #nav li ul.sub li a.fly {background:#eee url(/images/navbar/arrow.gif) 121px 6px no-repeat; } #nav :hover ul.sub li a:hover {background:#666; color:#fff; } #nav :hover ul.sub li a.fly:hover {background:#666 url(/images/navbar/arrow_over.gif) 121px 6px no-repeat; color:#fff; } #nav li b {display:block; font-size:11px; font-family:Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; height:18px; width:131px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#000; cursor:default; border-bottom:1px solid #333; background: #ccc; } #nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul {left:119px; top:-1px; background: #eee; padding:0; border:1px solid #000; white-space:nowrap; width:131px; z-index:400; height:auto; } #nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } #nav li:hover li:hover > ul {left:130px; top:-1px; background: #eee; padding:0; border:1px solid #000; white-space:nowrap; width:131px; z-index:400; height:auto; } #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } #nav li:hover li:hover > a.fly {background:#666 url(/images/navbar/arrow_over.gif) 121px 6px no-repeat; color:#fff; border-color:#333; } #nav li:hover li:hover > li a.fly {background:#666 url(/images/navbar/arrow_over.gif) 121px 6px no-repeat; color:#fff; border-color:#333; }