#facebox .b {background:url(/images/facebox/b.png)}
#facebox .tl {background:url(/images/facebox/tl.png)}
#facebox .tr {background:url(/images/facebox/tr.png)}
#facebox .bl {background:url(/images/facebox/bl.png)}
#facebox .br {background:url(/images/facebox/br.png)}
#facebox {position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left}
#facebox .popup {position: relative}
#facebox table {margin: auto; border-collapse: collapse}
#facebox .body {padding: 10px; background: #fff; width: 370px}
#facebox .loading {text-align: center}
#facebox .image {text-align: center}
#facebox img {border: 0}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 3px; text-align: center}
#facebox .info {margin-top: 5px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #777; line-height: 16px; font-size: 11px}
#facebox .navigation {float: left}
#facebox .close {float: right}
#facebox .next, #facebox .prev {font-size: 170%}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%}
.facebox_hide {z-index:-100}
.facebox_overlayBG {background-color: #000; z-index: 99}
* html #facebox_overlay {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */ sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/ input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */ legend{color:#000;}
/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
/* remember to define focus styles! */ :focus {outline: 0}
/* remember to highlight inserts somehow! */ ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0}
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/** * Bump up IE to get to 13px equivalent */ pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ /* Note: Throughout this file, the *property filter is used to give a value to IE that other browsers do not see. */ /* Section: General Rules */ body {text-align:center}
#ft {clear:both}
/* Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) */ /* Subsection: General */ #doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {margin:auto; text-align:left; width:57.69em;*width:56.25em; min-width:750px}
/* Subsection: 950 Centered (doc2) */ #doc2 {width:73.076em;*width:71.25em}
/* Subsection: 100% (doc3) */ #doc3 {/* Left and Right margins are not a structural part of Grids. Without them Grids works fine, but content bleeds to the very edge of the document, which often impairs readability and usability. They are provided because they prevent the content from "bleeding" into the browser's chrome.*/ margin:auto 10px; width:auto}
/* Subsection: 974 Centered (doc4) */ #doc4 {width:74.923em;*width:73.05em}
/* Section: Preset Template Rules (.yui-t[1-6]) */ /* Subsection: General */ /* to preserve source-order independence for Gecko */ .yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static;}
#yui-main {width:100%;}
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main{float:left;margin-right:-25em;}
/* Subsection: For Specific Template Presets */ .yui-t1 .yui-b {float:left;width:12.30769em;*width:12.00em;}
.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}
.yui-t2 .yui-b {float:left;width:13.8461em;*width:13.50em;}
.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}
.yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
.yui-t3 #yui-main .yui-b {margin-left:24.0769em;*margin-left:23.62em;}
.yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}
.yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}
.yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
.yui-t6 #yui-main .yui-b {margin-right:24.0769em;*margin-right:23.62em;}
.yui-t7 #yui-main .yui-b {display:block;margin:0 0 1em 0}
#yui-main .yui-b {float:none;width:auto;}
/* Section: Grids and Nesting Grids */ /* Subsection: Children generally take half the available space */ .yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {float:left;}
/*Float units (and sub grids) to the right */ .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u{float:right;}
/*Float units (and sub grids) to the left */ .yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first {float:left;}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {width:49.1%;}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {width:32%;margin-left:1.99%;}
/* Give IE some extra breathing room for 1/3-based rounding issues */ .yui-gb .yui-u {*margin-left:1.9%;*width:31.9%;}
.yui-gc div.first, .yui-gd .yui-u {width:66%;}
.yui-gd div.first {width:32%;}
.yui-ge div.first, .yui-gf .yui-u{width:74.2%;}
.yui-ge .yui-u, .yui-gf div.first {width:24%;}
.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {margin-left:0;}
/* Section: Deep Nesting */ .yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;}
.yui-g .yui-gc div.first, .yui-gd .yui-g {width:66%;}
.yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {*margin-right:0;}
.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u {_margin-left:1.0%;}
.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;}
.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {margin:0;}
.yui-gb .yui-gb .yui-u {_margin-left:.7%;}
.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {*margin-left:0;}
.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first {width:32%;}
.yui-g .yui-gd div.first {_width:29.9%;}
.yui-ge .yui-g {width:24%;}
.yui-gf .yui-g {width:74.2%;}
.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {float:right;}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {float:left;}
/* Width Accommodation for Nested Contexts */ .yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {*width:24%;_width:20%;}
/* Width Accommodation for Nested Contexts */ .yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
/* Patch for GD within GE */ .yui-ge div.first .yui-gd .yui-u {width:65%;}
.yui-ge div.first .yui-gd div.first {width:32%;}
/* Patch for GB within GE */ .yui-ge div.first .yui-gb .yui-u {width:32%;}
.yui-ge div.first .yui-gb div.first {width:32%;}
/* Section: Clearing */ #bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf{zoom:1;}
/* Caution! Ensure accessibility in print and other media types... */ @media projection, screen {/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide {display: none}
}
/* Hide useless elements in print layouts... */ @media print {.ui-tabs-nav {display: none}
}
/* Skin */ .ui-tabs-nav, .ui-tabs-panel {font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0 0 0 4px}
.ui-tabs-nav:after {/* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "}
.ui-tabs-nav li {float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ }
.ui-tabs-nav a, .ui-tabs-nav a span {display: block; padding: 0 10px; background: url(/images/tab.png) no-repeat}
.ui-tabs-nav a {margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #27537a; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ }
.ui-tabs-nav .ui-tabs-selected a {position: relative; top: 1px; z-index: 2; margin-top: 0; color: #000}
.ui-tabs-nav a span {width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0}
*>.ui-tabs-nav a span {/* hide from IE 6 */ width: auto; height: auto}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background-position: 0 -50px}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {/* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {/* @ Opera, we need to be explicit again here now... */ cursor: pointer}
.ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40)}
.ui-tabs-panel {border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.ui-tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%}
/* Additional IE specific bug fixes... */ * html .ui-tabs-nav {/* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block}
*:first-child+html .ui-tabs-nav {/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px}
/* MSIE bug */ ul.jd_menu, ul.jd_menu_vertical {margin: 0px; padding: 0px; list-style-type: none}
ul.jd_menu ul, ul.jd_menu_vertical ul {display: none}
ul.jd_menu li {float: left}
ul.jd_menu_vertical {width: 300px}
ul.jd_menu_vertical li {float: none}
/* -- Sub-Menus -- */ ul.jd_menu ul, ul.jd_menu_vertical ul {position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 10000}
ul.jd_menu ul li, ul.jd_menu_vertical ul li {float: none; margin: 0px}
ul.jd_menu, ul.jd_menu ul, ul.jd_menu_vertical, ul.jd_menu_vertical ul {/* background-color: #369; border: 1px solid #036; border-top: 1px solid #69C; border-left: 1px solid #69C; height: 20px;*/ }
ul.jd_menu_vertical {height: auto}
ul.jd_menu ul {height: auto}
* html ul.jd_menu ul {width: 1%}
ul.jd_menu li {/* font-family: sans-serif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; padding: 4px 7px 3px 7px; height: 13px; */ cursor: pointer; white-space: nowrap}
ul.jd_menu li li {/*width: 200px;*/ }
ul.jd_menu li a {/* color: #FFF; text-decoration: none;*/ }
ul.jd_menu li.jdm_hover, ul.jd_menu li.jdm_active {/* background-color: #69C; color: #FFF; padding: 3px 6px 2px 6px; border: 1px solid #369; border-left: 1px solid #9CF; border-top: 1px solid #9CF; */ }
div#growlDock {position: fixed; z-index: 9999; top: 10px; right: 10px; width: 300px; /** Internet Explorer Hack **/ _position: absolute; _top: expression(eval(document.body.scrollTop))}
div.notice p {background-color: #5D5D5D; color: #fff; opacity: .85; filter: alpha(opacity = 85); padding: 10px}
/* slider specific CSS */ .sliderGallery {overflow: hidden; position: relative; padding: 10px; height: 160px; width: 560px}
.sliderGallery UL {position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0}
.sliderGallery UL LI {display: inline}
.slider {width: 542px; height: 17px; padding: 1px; position: relative; top:140px; left:5px; background: url(/images/slider-gallery/scrollbar.png) no-repeat}
.handle {position: absolute; cursor: move; height: 17px; width: 181px; top: 0; background: url(/images/slider-gallery/scrollbar-handle.png) no-repeat; z-index: 100}
.slider span {color: #bbb; font-size: 80%; cursor: pointer; position: absolute; z-index: 110; top: 3px}
.slider .slider-lbl {-moz-user-select: none}
#livesearch-results {position: absolute; padding: 0; margin: 0; width: 0px; z-index: 10000; margin-right: 2.5em;*margin-right: 2.4375em; margin-left: -2.5em;*margin-left: -2.4375em}
#livesearch-results.loading {display: none}
#livesearch-results-bubble {width: 23.0769em;*width: 22.5em; margin-top: 10px; background-color: #5A5A5A; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}
.livesearch-category {text-align: left; color: #FFFFFF; background-color: transparent; font-weight: bold; padding: 5px}
#livesearch-results .livesearch-category a {color: #FFFFFF; display: block; text-align: right}
.livesearch-result {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-align: left; padding: 5px; padding: 5px}
#livesearch-results a {color: #5A5A5A; display: block; font-size: 85%; font-weight: bold}
.livesearch-result .description {color: #BBBBBB; font-weight: normal}
.livesearch-result img {padding-right: 5px}
/* hover styles */ .livesearch-result-over {cursor: pointer; background-color: #DDDDDD}
.livesearch-result-over .description {color: #888888}
.livesearch-result {background-color: white}
.livesearch-result-over {background-color: #DDDDDD}
.livesearch-result a:hover {background-color: #DDDDDD}
body {background-color: white; color:#666666; font-family:"Trebuchet MS","Lucida Grande",Verdana,Georgia,Sans-Serif; cursor: auto}
body.loading {cursor: wait}
a:link {color:#007DC3; font-size:12px; text-decoration:none}
a:visited {color:#007DC3; font-size:12px; text-decoration:none}
a:hover, a:active {color:black; font-size:12px; text-decoration:none}
h1 {font-size: 24px; font-weight: bold; line-height: 29px; color: #0C75BC; margin-bottom: 15px}
h3 {font-size: 14px; color: #0C75BC; font-weight: bold}
h3 a, h3 a:hover, h3 a:active, h3 a:visited, h3 a:link {font-size: 14px; color: #0C75BC; font-weight: bold}
.panel {border: 1px solid #CCCCCC; padding: 20px; background: url(/images/common/box_bg.gif) repeat-x top left}
#bd {padding-bottom:70px}
/* footer sticks to bottom of page */ #bd {padding-bottom: 15px}
#hd {background: transparent; padding-top: 25px; padding-bottom: 10px}
#header-primary-navbar li {z-index: 200}
ul#header-primary-navbar.jd_menu li ul {background: #4193cb url(/images/hover_menu/menu_bg.gif) repeat-x top; border-top: 1px solid #829FB8; border-right: 1px solid #829FB8; border-bottom: 1px solid #829FB8}
ul#header-primary-navbar.jd_menu li ul li {padding-top: 5px; height: 2em;*height: 1.95em; width: 15em;*width: 14.625em; text-align: left; padding-left: 1em;*padding-left: 0.975em; padding-right: 1em;*padding-left: 0.975em}
ul#header-primary-navbar.jd_menu li ul li a.branch-menu {background: transparent url(/images/hover_menu/arrow_white.gif) no-repeat 15.5em center}
ul#header-primary-navbar.jd_menu li ul li a, ul#header-primary-navbar.jd_menu li ul li a:hover, ul#header-primary-navbar.jd_menu li ul li a:visited {color: white; display: block}
ul#header-primary-navbar.jd_menu li ul li.jdm_hover, ul#header-primary-navbar.jd_menu li ul li.jdm_active {background-color: #1b4388}
/* header navbar */ ul#header-navbar {list-style: none; margin-left: 0; padding: 0}
ul#header-primary-navbar {background: transparent url(/images/main_nav_left.png) no-repeat left; height: 33px; padding-left: 9px}
ul#header-primary-navbar > li {position: relative; float: left; text-align: center; white-space: nowrap; height: 33px; border-left: 1px solid #829FB8; border-right: 1px solid #CCCCCC; width:7.3864em;*width:7.2017em}
ul#header-primary-navbar > li.first {border-left: 0; background: transparent url(/images/main_nav_home_bg.gif) repeat-x -8px center}
ul#header-primary-navbar > li.last {border-right: 0; width: 21.1538em;*width: 20.625em; background: transparent url(/images/main_nav_right.png) no-repeat right}
ul#header-primary-navbar > li > a {display: block; line-height: 33px; font-weight: bold; text-decoration: none; margin-left: 0px; color: #333333; background: transparent url(/images/main_nav_bg.gif) repeat-x}
ul#header-primary-navbar > li > a:hover {background: transparent url(/images/main_nav_bgB.gif) repeat-x left}
ul#header-primary-navbar > li > form {height: 33px; margin-right: 9px; background: transparent url(/images/main_nav_bg.gif) repeat-x}
/* breadcrumbs */ #breadcrumbs {padding: 5px; text-align: left}
#breadcrumbs ul {list-style: none}
#breadcrumbs ul li {display: inline}
#breadcrumbs ul li a {padding: 0px 5px 0px 5px}
/* search box */ .search-box {margin-top: 7px; border: 0; padding: 0; position: absolute; left: 30px; height: 17px; padding-top: 2px; background: transparent url(/images/search/searchfield_repeat.png) repeat bottom left; width: 17em;*width:16.575em}
div.search-box-wrapper {text-align: left}
span.search-box-leftcap {position: absolute; margin-left: 10px; width: 20px; left: 0px; height: 19px; margin-top: 7px; background: transparent url(/images/search/searchfield_leftcap.png) no-repeat top left}
span.search-box-rightcap {position: absolute; margin-top: 7px; width: 10px; height: 19px; right: 15px; background: transparent url(/images/search/searchfield_rightcap.png) no-repeat top left}
.example {color: #666}
/* category */ #category-listings {position: relative; border: 1px solid #5A5A5A; padding: 10px}
#category-listings .yui-gb {padding-top: 25px; padding-bottom: 10px; height: 180px}
#category-listings .yui-u {height: 100%; position: relative}
.category-listing {position: absolute; bottom: 0; width: 100%; text-align: center}
.category-listing .slide-up {background: transparent url(/images/arrow_up.gif) no-repeat center left; padding-left: 20px; margin-left: -20px}
.category-listing li ul li {width: 100%}
.category-listing ul li a {background-color: white}
.category-name {font-weight: bold; margin-top: 10px; padding-bottom: 5px; width: auto; display: block; border-bottom: 1px solid black}
.subcategory-name {font-weight: bold; margin-top: 10px; margin-bottom: 25px; padding-bottom: 5px; width: auto; display: block; border-bottom: 1px solid black}
.subcategory-name a, .subcategory-name a:link, .subcategory-name a:visited, .subcategory-name a:hover {color: #666666}
.related-category {border: 0; position: relative; margin: 5px; padding-bottom: 10px; padding-top: 5px}
.product-listings table {width: 100%; margin-bottom: 10px; margin-top: 10px}
.product-listings td {width: 33%; padding: 10px; text-align: center; border: 1px solid #CCCCCC}
.product-listings table tr td.first {border-left: 0}
.product-listings table tr td.last {border-right: 0}
.product-listings table tr.first td {border-top: 0}
.product-listings table tr.last td {border-bottom: 0}
.product-listings table tr.images td {padding-top: 20px; border-bottom: 0; vertical-align: bottom; height: 150px}
.product-listings table tr.descriptions td {padding-bottom: 20px; border-top: 0; vertical-align: top}
.product-listings td.empty {border: 0}
.related-category .category-listing, .related-product .product-listing {position: relative; bottom: auto}
/* product */ /* grid */ div.product-listings ul > .loader {background: transparent url(/images/ajax-loader.gif) no-repeat center center}
.product-listings .yui-gb {padding-bottom: 25px; height: 180px}
.product-listings .yui-u {height: 100%; position: relative}
/* end grid */ #product-description {font-weight: bold}
#product-description img {float: right; display: inline; /*fixes IE float bug*/ }
#product-color {font-weight: bold}
#product-sku {margin-top: 10px; margin-bottom: 10px}
#product-tabs {margin-top: 20px}
#warranty-statement {font-size: 12px; padding-right: 102px; padding-bottom: 50px; background: transparent no-repeat left bottom}
#product-links {padding:0; margin-top: 15px; list-style-type:none;}
#product-links li {margin-left: 5px; display:inline;}
#product-images {text-align: center; padding-bottom: 10px}
.related-products .label {display: block; font-weight: bold; padding-bottom: 10px}
div.related-product {border: 0; position: relative; margin: 5px; padding-bottom: 10px; padding-top: 5px; text-align: center}
/* downloads */ #download-categories ul li, #download-products ul li {margin-top: 10px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px dashed #CCCCCC}
.download-tab li {margin-bottom: 10px}
.download-tab table {width: 100%}
.download-tab table td.name {width: 75%; font-weight: bold}
.download-tab table td.download {font-weight: bold}
/* footer */ #ft {text-align: center; background-color: transparent; height: 24px; margin: auto; width:74.923em;*width:73.05em}
a.language.active {text-decoration: underline}
#footer-navbar {padding: 5px; background-image: none}
#footer-navbar .copyright {font-size: 85%}
#footer-navbar ul {list-style: none; padding: 0; margin: 0}
#footer-navbar ul li {display: inline}
/* gallery */ #gallery-banner {background: transparent url(/images/slider-gallery/slider-gallery-bg.png) no-repeat; height: 202px; width: 974px; margin-top: 15px}
.sliderGallery {margin-left: 1px; width: 972px; height: 180px; background: transparent; padding-top: 12px; padding-left: 0px; padding-right: 0px}
.sliderGallery .gallery {position: relative; width: 837px; height: 155px; overflow: hidden; overflow:-moz-scrollbars-horizontal; overflow-x: auto}
.sliderGallery table {position: absolute; min-width: 837px}
.sliderGallery table td {padding-left: 10px; padding-right: 10px; padding-bottom: 5px; text-align: center; white-space: nowrap}
.sliderGallery table td.delimiter {padding-left: 0px; padding-right: 0px; margin: 0; border-left: 1px solid white}
.slider {top: 0px; margin-left: 14px; height: 20px; width: 932px; background: url(/images/slider-gallery/scroll_934.png) no-repeat}
.slider span {color: #DDDDDD; font-weight: bold}
.handle {position: absolute; cursor: move; height: 20px; width: 115px; top: 0; background: url(/images/slider-gallery/scrollbar-handle.png) no-repeat; z-index: 100}
/* search */ .search-category {background-color: #5A5A5A; color: #FFFFFF; padding: 5px; line-height: 1.5em; position: relative; margin-top: 0px; padding-left: 10px}
.search-category .label {text-align: left}
.search-category .per-page {text-align: right; position: absolute; right: 10px; line-height: 1.5em}
.search-category a, .search-category a:link, .search-category a:hover, .search-category a:visited {color: white}
.search-results {margin-bottom: 5px}
/* sitemap */ #browse-categories h3 {border-bottom: 1px solid #CCCCCC}
#browse-categories #category-listings .yui-gb {height: 140px}
/* news sidebar */ .news-sidebar {border: 1px solid #CCCCCC; padding: 20px; background-color: #E6F1F8}
.latest-news-article, .news-article {padding-bottom: 15px; padding-top: 15px}
/* home page */ .latest-events {position: relative}
.latest-events li {padding-right: 80px}
.latest-events li img {position: absolute; right: 0}
/* kb */ #kb-category-listings {margin: 10px}
.kb-article-listings li {padding-left: 10px; padding-bottom: 5px; padding-top: 5px}
.kb-article-listings li.even {background-color: #EEEEEE}
#kb-categories-header, #kb-recent-articles-header, .kb-articles-header {background-color: #5A5A5A; color: white; line-height: 30px; padding-left: 10px; margin-top: 10px}
#kb-categories-header .search {margin-left: 275px}
#kb-categories-header .search form {display: inline}
/* misc */ div#jGrowl > div {background-color: #5D5D5D}
.pagination {padding: 5px; text-align: right}
.loader {position: relative; padding: 0; margin: 0; z-index: 10000; background-image: url(/images/ajax-loader.gif); background-repeat: no-repeat; background-position: center}
/* round corners */ .panel, #ft, .news-sidebar {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}
.corner-small-top, .round-border-small-top {-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px}
.corner-small-bottom, .round-border-small-bottom {-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px}
.corner-large {-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px}
#header-primary-navbar.jd_menu ul, .corner-small, .round-border-small {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}
.shadow {-webkit-box-shadow: 0px 2px 5px #CCCCCC}
#facebox {z-index: 10000}
.facebox_overlayBG {z-index: 9999}
.align-right {float: right; display: inline; /*fixes IE float bug*/ }
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:30px;height:30px;overflow:hidden;float:left;margin:0 8px 5px 0;border: 1px solid #CCCCCC;}
.galleria li.active {border: 1px solid #0c75bc}
.galleria li a{display:none}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:200px}
/* MSIE bug */ #main_image, .galleria_wrapper {height: 200px; width:200px;}
.galleria_wrapper {display: inline; line-height: 200px; text-align: center;}
#main_image img {vertical-align:middle}