/* file: base.css */
/* Yahoo! reset rules */
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;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* Yahoo! font-reset rules */
body {font:13px/1.231 verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
* html ul { zoom: 1 }
/*
    Layout styles
    Site is 975px wide, base font-size 13px and line-height 16px
*/
#wrap { background: white; overflow: visible; width: 955px; padding: 0 10px; position: relative; /*left: 50%; margin-left: -487.5px;*/ border-bottom: 5px solid #ededed }

body { text-align: center ! important }
#wrap { margin: 0 auto ! important; text-align: left }

#header { height: 72px; position: relative; }
#menu { position: relative; z-index: 4; height: 28px; border: 1px solid #ddd; border-width: 1px 0; margin-bottom: 5px }
#top_promo { background: #B4C9E8; white-space: nowrap; }
#top_promo a, #top_promo img { display: block }

/** from ALA http://www.alistapart.com/articles/holygrail **/
#content {
    padding-left:  176px;
    padding-right: 236px;
    width: 543px;
    overflow: hidden;
    background: url('http://www.velan.com/_media/fr/icon_dot_vertical.gif') repeat-y scroll 176px top;
}
#content-wrap { background: white url('http://www.velan.com/_media/fr/icon_dot_vertical.gif') repeat-y scroll 779px top; z-index: 3; }
#left, #center, #right { position: relative; float: left }
#left {
    width: 176px;
    margin-left: -100%;
    left: -236px;
} 
* + html #content > #left {
    margin-left: expression(document.all.center.offsetWidth * -1 + parseFloat(document.all.center.currentStyle.paddingLeft) * 2); /* Fix for IE7 */
}
* html #left {
    margin-left: -543px;
}
#right {
    width: 176px;
    margin-right: -236px;
}
#center {
    width: 543px;
    padding: 0 30px 30px;
    overflow: hidden;
}                                                         

#footer { clear: both; padding-top: 1px; background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') top left repeat-x; line-height: 3em; height: 3em }
#footer p { float: left }
#footer .credit { float: right }

/* Visual styles */
a, a:link, a:active, a:visited { text-decoration: none; color: #0088CC }
body { color: #666666; }
html { background: #ededed }
input.hover, button.hover { cursor: pointer }
* html { height: 100% }

/*  */
#logo { width: 222px; height: 49px; overflow: hidden; display: block;
        position: relative; top: 17px; left: 30px; }

#topnav { position: absolute; top: 0; right: 0; }
#topnav li { float: left; font-size: 10px; color: black }
#topnav li a { background-repeat: no-repeat; background-position: center right;
               display: block; text-indent: -100em; overflow: hidden;
               height: 17px; margin-right: 10px}
#topnav .lang-fr a { background-image: url('http://www.velan.com/_media/fr/sub_nav_language_off.gif'); width: 57px; }
#topnav .home a { background-image: url('http://www.velan.com/_media/fr/sub_nav_home_off.gif'); width: 35px; }
#topnav .sitemap a { background-image: url('http://www.velan.com/_media/fr/sub_nav_site_map_off.gif'); width: 54px; }
#topnav li span { display: block; float: left; height: 17px; }
#topnav .l { background: url('http://www.velan.com/_media/fr/sub_nav_bg_login_left.gif'); width: 43px; }
#topnav .r { background: url('http://www.velan.com/_media/fr/sub_nav_bg_login_right.gif'); width: 10px; }
#topnav .name { line-height: 17px; padding-right: 10px }
#topnav .name strong { font-weight: bold }
#topnav .login,
#topnav .logout { background: url('http://www.velan.com/_media/fr/sub_nav_bg_login_right.gif') repeat-x; margin-right: -10px; }
* html #topnav .login,
* html #topnav .logout { margin-right: 0 }
#topnav .login a,
#topnav .logout a { float: left }
#topnav .login a { background-image: url('http://www.velan.com/_media/fr/button_login_off.gif'); width: 34px; margin-right: 0 }
#topnav .logout a { background-image: url('http://www.velan.com/_media/fr/button_logout_off.gif'); width: 46px; margin-right: 0 }

#search { position: absolute; bottom: 10px; right: 0; }
#search label { position: absolute; line-height: 20px; padding-left: 4px; color: #aaa; }
#search input { margin-right: 6px; line-height: 16px; border: 1px solid #c6c6c6; padding: 0 2px }
#search button { text-indent: -100em; background: url('http://www.velan.com/_media/fr/button_go_off.gif'); width: 38px; height: 18px; border: none; }

/* Navigation */
#menu li { float: left; position: relative }
#menu li ul { display: none }
#menu li, 
#menu li a { background-position: center left; background-repeat: no-repeat; height: 28px }
#menu li a { display: block; height: 28px; text-indent: -100em; overflow: hidden; }
#menu li ul a { height: auto }
#menu .section-about { background-image: url('http://www.velan.com/_media/fr/nav_about_off.gif'); width: 56px }
#menu .section-about a.current,
#menu .section-about a:hover { background-image: url('http://www.velan.com/_media/fr/nav_about_on.gif'); }
#menu .section-my_velan { background-image: url('http://www.velan.com/_media/fr/nav_my_velan_off.gif'); width: 82px; position: absolute; right: 0 }
#menu .section-my_velan a.current,
#menu .section-my_velan a:hover { background-image: url('http://www.velan.com/_media/fr/nav_my_velan_on.gif'); }
#menu .section-news_and_events { background-image: url('http://www.velan.com/_media/fr/nav_news_and_events_off.gif'); width: 105px }
#menu .section-news_and_events a.current,
#menu .section-news_and_events a:hover { background-image: url('http://www.velan.com/_media/fr/nav_news_and_events_on.gif'); }
#menu .section-products { background-image: url('http://www.velan.com/_media/fr/nav_products_off.gif'); width: 78px }
#menu .section-products a.current,
#menu .section-products a:hover { background-image: url('http://www.velan.com/_media/fr/nav_products_on.gif') }
#menu .section-products ul a { color: #666666 }
#menu .section-products ul a:hover { cursor: default; color: white }
#menu .section-products ul ul a { color: #0088CC }
#menu .section-products ul ul a:hover { cursor: pointer; color: white }
#menu .section-industries_served { background-image: url('http://www.velan.com/_media/fr/nav_industries_served_off.gif'); width: 130px }
#menu .section-industries_served a.current,
#menu .section-industries_served a:hover { background-image: url('http://www.velan.com/_media/fr/nav_industries_served_on.gif') }
#menu .section-services { background-image: url('http://www.velan.com/_media/fr/nav_service_off.gif'); width: 64px }
#menu .section-services a.current,
#menu .section-services a:hover { background-image: url('http://www.velan.com/_media/fr/nav_service_on.gif') }
#menu .section-resources { background-image: url('http://www.velan.com/_media/fr/nav_resources_off.gif'); width: 85px }
#menu .section-resources a.current,
#menu .section-resources a:hover { background-image: url('http://www.velan.com/_media/fr/nav_resources_on.gif') }
#menu .section-contacts { background-image: url('http://www.velan.com/_media/fr/nav_contacts_off.gif'); width: 76px }
#menu .section-contacts a.current,
#menu .section-contacts a:hover { background-image: url('http://www.velan.com/_media/fr/nav_contacts_on.gif') }

#menu .subnav { top: 28px }

#menu .subnav,
#menu .subsubnav,
#menu .subsubsubnav
{ display: none; width: 180px; position: absolute;  }

#menu .subnav li,
#menu .subsubnav li
{ float: none; height: auto !important; }

#menu .subnav li a,
#menu .subsubnav li a
{   background: white; font-size: 11px; text-indent: 0;
    padding-top: 4px; padding-bottom: 4px; height: auto;
    font-weight: normal; }
    
#menu .subnav li a:hover,
#menu .subsubnav li
{ background: #0283D7 }

#menu .subsubnav,
#menu .subsubsubnav { left : 100% !important; top: -1px !important; border: solid 1px #ddd; border-bottom: 0px; }

#menu .section-my_velan .subnav { right: 0 }
#menu .section-my_velan .subsubnav { left: auto !important; right: 100% !important }

/* Breadcrumbs */
#crumbs { font-size: 10px; line-height: 3em; background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; margin-bottom: 2em; }
#crumbs li { display: inline; font-size: 110%; }
#crumbs-none { height: 30px }

/* Generic containers. Font: 12px */
.container { font-size: 0.846em; padding: 0 10px 30px 0; overflow: hidden; width: 166px; background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; margin-bottom: 20px }
#right .container { padding: 0 0 30px 9px; }
.container h3 {
    font-weight:bold; line-height: 30px; color: #0088CC; text-transform: uppercase;
    background: lightblue url(http://www.velan.com/_media/fr/section_bg.gif); margin-bottom: 1em;
    padding: 0 14px; width: 137px; overflow: hidden; }

.container h3.mini_cart {
    background: lightblue url(http://www.velan.com/_media/fr/section_bg_shopping_cart.gif);
}
.container form { padding: 0 1em }
.container form div { margin-bottom: 1em; }
.container label { display: block; font-weight: bold; }
.container select { width: 100%; font-size: 10px }
.container .action { text-align: center }
.container.last { border-bottom: none }
.container p { margin: 0.5em }
.container button.s { overflow: hidden; text-indent: -100em; background: url('http://www.velan.com/_media/fr/button_submit_off.gif') top center no-repeat; width: 65px; height: 18px; border: 0;
                        display: block; position: relative; margin: 0 auto; }
.container button.submit:hover { cursor: pointer; }
#left .about h3 { background: url('http://www.velan.com/_media/fr/header_world_leader.jpg') no-repeat left top;
                  overflow: hidden; text-indent: -100em; width: 100%; height: 55px;
                  font: bold 16px Verdana, Arial, sans-serif !important;
                  margin: 0; padding: 0; }
#left .about p { font-size: 14px; line-height: 1.5em; }

/* Subnavigation */
.subnav { border: 1px solid #dddddd; border-bottom: none; background-color: #fbfbf9; }
.subnav ul { border: none; width: 100%; }
.subnav li { position: relative; font-size: 1%; width: 100%; }
.subnav li a { display: inline-block }
.subnav li a { font-weight: bold; display: block; padding: 0.3em 1.5em 0.3em 0.5em; line-height: 1.4em !important; border-bottom: 1px solid #ddd; font-size: 11px }
.subnav li ul a { font-weight: normal; background-position: 97% center; background-repeat: no-repeat }
.subnav li a.has_sub_level,
.subnav li a.has_subsub_level { background-image: url(http://www.velan.com/_media/fr/icon_arrow_right.gif) !important; background-repeat: no-repeat !important; background-position: 98% 50% !important }
.subnav ul.products li.with_sub a.active { background-image: url(http://www.velan.com/_media/fr/icon_arrow_up.gif)  }
.subnav li a.current,
.subnav li a:hover { background-color: #0088cc !important; color: white }
.subnav li ul ul a { padding-left: 1.5em }
.subnav li ul ul li a { background-color: #eeeee6; }
.subnav li ul.products li.with_sub a { background-image: url(http://www.velan.com/_media/fr/icon_arrow_down.gif) }
.subnav li ul.products li.with_sub a.current { background-image: url(http://www.velan.com/_media/fr/icon_arrow_up.gif) }
.subnav li ul li.with_sub li a { background-image: none !important }
.subnav li ul li.with_sub a.has_sub_level { background-image: url(http://www.velan.com/_media/fr/icon_arrow_right.gif) !important; background-repeat: no-repeat !important; background-position: 98% 50% !important }
.subnav ul.products {}
.subnav ul.products ul {z-index:100}
.subnav ul.products ul ul {z-index:101}

.subnav ul.products li.with_sub a.open { background-image: url(http://www.velan.com/_media/fr/icon_arrow_up.gif) }
.subnav ul.products li.with_sub a.noclick:hover { background-color: #fbfbf9 !important; color: #0088cc; }
.subnav ul.products li.hide ul { display: none; }
.subnav ul.products li.with_sub a.open { background-image: url(http://www.velan.com/_media/fr/icon_arrow_up.gif) }
.subnav ul.products .subsubsubnav { display: none; top: 0; left: 165px; position: absolute; border: solid 1px #ddd; border-bottom: 0px; }

#left .subnav li { text-transform: uppercase; }
#left .subnav li ul li { text-transform: none; }

/* Content, font-size: 11px */
#center { font-size: 0.8462em; line-height: 1.75em; position: relative; }
#center span { line-height: 1.75em; }
#center h1,
#center h2,
#center h3,
#center h4,
#center h5,
#center h6,
#center strong,
#center b { font-weight: bold }
#center h1 { font: bold 32px Arial, sans-serif;
                      text-transform: uppercase; letter-spacing: -1px;
                      padding-bottom: 17px; margin-bottom: 16px;
                      background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; 
                      line-height: 1em; position: relative; }
#center h2 { font-size: 1.5em; margin: 1em 0; }
#center p  { margin-bottom: 1em; }
#center ul { margin-bottom: 1em }
#center ul li { list-style: disc; margin-left: 20px }
#center em,
#center i { font-style: italic;}
#center a:visited { color: #999 }
#center form .submit { margin-top: 30px }
#center form .submit,
#center .actions { background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') top left repeat-x; overflow: hidden; width: 100%; padding: 15px 0}
#center .actions strong span { float: right; line-height: 16px; margin-right: 4px; font-weight: bold }
#center .actions a,
#center form .submit button { float: right; overflow: hidden; text-indent: -100em; display: inline-block; display: -moz-inline-box; }
#center .actions a.apply { width: 112px; height: 26px; background: url('http://www.velan.com/_media/fr/button_large_apply_now_off.gif') }
#center .actions a.general_apply { width: 195px; height: 16px; background: url('http://www.velan.com/_media/fr/button_general_online_application_off.gif') }

/* Right */
#product_search form { position: relative; }
#product_search form a { text-transform: uppercase; font: normal 8px Arial, Verdana, sans-serif; background: url('http://www.velan.com/_media/en/icon_arrow.gif') left center no-repeat; padding-left: 14px; }
#product_search form label { position: absolute; margin: 3px 0 0 4px; font-weight: normal; color: #aaa; z-index: 100 }
#product_search form input { border: 1px solid #c6c6c6; padding: 2px; font-size: 11px; width: 100%; position: relative; margin-left: -3px }
#product_search .action button { border: none;
                                 background: url('http://www.velan.com/_media/fr/button_go_off.gif');
                                 width: 38px; height: 18px; display: block;
                                 text-indent: -100em;
                                 position: relative; left: 50%; margin-left: -19px; }

#product_search .more,
#product_search .less { display: none }

#right .container ul { padding: 0 10px }
.login-form div.more a,
#right .container li { padding-left: 14px; background: url('http://www.velan.com/_media/fr/icon_arrow.gif') left 0.3em no-repeat; margin-bottom: 1em; }
#left .container { overflow: visible; }
.container .action { display: block; width: 100% }
.container .action a.more { font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.2em;
                            background: url('http://www.velan.com/_media/fr/icon_arrow.gif') no-repeat right center;
                            float: right; padding-right: 10px; margin-right: 10px; }           
.container .action a.more:visited { color: #999 }

/* Footer */
#footer { font-size: 10px; color: #9a9a9a }
                            
/* Form */
#center form { clear: both; padding-top: 30px }
#center form fieldset { width: 100%; overflow: hidden; }
#center form h3 { font-size: 14px; background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; padding: 16px 0 0 0; margin-bottom: 6px; }
#center form label { float: left; width: 175px; line-height: 22px; font-weight: bold; }
#center form div label span {display: inline; margin: 0 }
#center form div { position: relative; margin-bottom: 4px; clear: both; width: 100%; }
#center form div span { display: block; margin-top: 4px; margin-left: 175px; }
#center form input,
#center form select,
#center form textarea { font-size: 11px; line-height: 13px !important; padding: 4px 3px 3px 3px; border: 1px solid #c6c6c6; margin-right: 4px}
#center form .err { color: red; font-weight: bold; margin-top: 0 !important }
#center form button { width: 110px; height: 26px; border: none; background: url('http://www.velan.com/_media/fr/button_large_submit_off.gif') }
#center form button:hover { cursor: pointer }
#center form #save_information { background: url('http://www.velan.com/_media/fr/button_large_save_information_off.gif'); width: 178px; float: left !important }
#center form div table { border: none; }
#center form div table td { border: none; padding: 0;}
#center form div table td input { border: none }

/* Table */
#center table,
#center table td { border: 1px solid #C6C6C6; border-collapse: collapse }
#center table { border-width: 1px 0 0 1px }
#center table td { border-width: 0 1px 1px 0; padding: 3px; }

#center .login-form div,
#center .password div { padding-left: 137px; width: auto; }
#center .login-form div input,
#center .password div input { width: 163px }
#center .login-form div label,
#center .password div label { width: 100px }
#center .login-form div .err,
#center .password div .err { margin-left: 100px }
#center .login-form div.more a { margin-left: 100px }
#center .password .submit button { display:block }
#center .login-form div.inline { padding-left: 237px; line-height: 22px;  }
* html #center .login-form div.inline { width: 100%; }
#center .login-form div.inline input { width: auto; border: none; position: relative; top: 2px; }
#center .login-form div.inline label { display: inline; float: none }
#center .login-form .submit { padding-left: 237px }
#center .login-form .submit button { position: relative; display: block; width: 70px; float: none !important; background: url('http://www.velan.com/_media/fr/button_large_login_off.gif') bottom right }

/* my velan homepage */
#center .home { width: 100%; overflow: hidden }
#center .home .intro { font-size: 14px; line-height: 2em; background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; margin-bottom: 16px; padding-bottom: 16px }
#center .home .intro strong { font-weight: bold }
#center .home p { width: 100%; overflow: hidden; }
#center .home .contact h2 { margin: 0 }
#center .home .contact .info { padding: 10px; color: black; background: #E3F2FD }
#center .home .contact { font-weight: bold; clear: both; margin-top: 1em; }
#center .home address { white-space: pre; line-height: 1.5em; padding-top: 1em }
#center .home address .company { font-size: 14px; font-weight: bold; line-height: 1.5em; display: block; white-space: normal }

/* tabs */
#center .tabs-hide { display: none; margin: 0; padding: 0 }
#center .tabs-nav { list-style: none; height: 29px; margin: 0; list-style: none; z-index: 100; }
#center .tabs-nav li { z-index: 5; position: relative; height: 28px; float: left; list-style: none; margin: 0; padding: 0; font: normal 12px Arial, sans-serif; }
#center .tabs-nav li a { display: block; line-height: 14px; padding: 8px 0; text-align: center }
#center .tabs-nav .tabs-selected { position: relative; padding-bottom: 1px; }
#center .tabs-container { position: relative; border: 1px solid #c4c4c4; padding: 20px; z-index: 0; margin-bottom: 20px; }
    /* ie */
    * html #center .tabs-nav { height: 29px; margin-bottom: -2px }

#center .tabs-nav a { text-indent: -100em; overflow: hidden; }
#center .tabs-nav a.news { background: url(http://www.velan.com/_media/fr/tab_whats_new_off.gif) top left no-repeat; width: 93px }
#center .tabs-nav .tabs-selected a.news { background-image: url(http://www.velan.com/_media/fr/tab_whats_new_on.gif) }
#center .tabs-nav a.events { background: url(http://www.velan.com/_media/fr/tab_upcoming_events_off.gif) top left no-repeat; width: 128px }
#center .tabs-nav .tabs-selected a.events { background-image: url(http://www.velan.com/_media/fr/tab_upcoming_events_on.gif) }
#center .tabs-nav a.overview { background: url(http://www.velan.com/_media/fr/tab_overview_off.gif) top left no-repeat; width: 84px }
#center .tabs-nav .tabs-selected a.overview { background-image: url(http://www.velan.com/_media/fr/tab_overview_on.gif) }
#center .tabs-nav a.products { background: url(http://www.velan.com/_media/fr/tab_products_off.gif) top left no-repeat; width: 88px }
#center .tabs-nav .tabs-selected a.products { background-image: url(http://www.velan.com/_media/fr/tab_products_on.gif) }
#center .tabs-nav a.literature { background: url(http://www.velan.com/_media/fr/tab_literature_off.gif) top left no-repeat; width: 93px }
#center .tabs-nav .tabs-selected a.literature { background-image: url(http://www.velan.com/_media/fr/tab_literature_on.gif) }
#center .tabs-nav a.relatedproducts { background: url(http://www.velan.com/_media/fr/tab_related_products_off.gif) top left no-repeat; width: 138px }
#center .tabs-nav .tabs-selected a.relatedproducts { background-image: url(http://www.velan.com/_media/fr/tab_related_products_on.gif) }
#center .tabs-nav a.product-lines { background: url(http://www.velan.com/_media/fr/tab_product_lines_off.gif) top left no-repeat; width: 111px }
#center .tabs-nav .tabs-selected a.product-lines { background-image: url(http://www.velan.com/_media/fr/tab_product_lines_on.gif) }

#center .tabs-nav a.corporate { background: url(http://www.velan.com/_media/fr/tab_head_office_off.gif) top left no-repeat; width: 98px }
#center .tabs-nav .tabs-selected a.corporate { background-image: url(http://www.velan.com/_media/fr/tab_head_office_on.gif) }
#center .tabs-nav a.sales { background: url(http://www.velan.com/_media/fr/tab_sales_off.gif) top left no-repeat; width: 61px }
#center .tabs-nav .tabs-selected a.sales { background-image: url(http://www.velan.com/_media/fr/tab_sales_on.gif) }
#center .tabs-nav a.service { background: url(http://www.velan.com/_media/fr/tab_service_off.gif) top left no-repeat; width: 72px }
#center .tabs-nav .tabs-selected a.service { background-image: url(http://www.velan.com/_media/fr/tab_service_on.gif) }
#center .tabs-nav a.international { background: url(http://www.velan.com/_media/fr/tab_international_off.gif) top left no-repeat; width: 110px }
#center .tabs-nav .tabs-selected a.international { background-image: url(http://www.velan.com/_media/fr/tab_international_on.gif) }
#center .tabs-nav a.velan_support { background: url(http://www.velan.com/_media/fr/tab_velan.com_support_off.gif) top left no-repeat; width: 142px }
#center .tabs-nav .tabs-selected a.velan_support { background-image: url(http://www.velan.com/_media/fr/tab_velan.com_support_on.gif) }


#center .tabs-container .actions { background: none; padding-bottom: 0 }
#center .overview_wrap { overflow: hidden; width: 100% }
    
/* news */                      
.news_item h2 { margin-bottom: 0 !important; clear: both }
.news_item .img { float: left; margin: 0 1em 0.5em 0; padding-top: 0.7em; background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; }
.news_item .img span { display: block; padding: 0.5em }
.news_item .last { background: none; border: solid 1px red; }
.news_item .snote,
.items .snote { display: block; font-style: italic }
.tabbed_news .actions,
.archive .actions,
.news_item .actions { border-top: none !important; clear: both; margin-top: 10px; }
.tabbed_news .actions a,
.archive .actions a,
.news_item .actions a { text-indent: 0 !important; padding-left: 15px; background: url(http://www.velan.com/_media/fr/icon_arrow.gif) center left no-repeat; font-weight: bold }
.home .news_item,
.archive .news_item { clear: both; background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; width: 100%; overflow: hidden; margin-bottom: 16px; padding-bottom: 16px }
.archive .last { background-image: none }
#center .home .news_item h2,
#center .archive .news_item h2 { font-size: 11px; margin: 0; font-weight: normal }
#center .home .last,
#center .archive .last { border-bottom: none !important }
.archive .no-thumb { padding-left: 15px; background: url('http://www.velan.com/_media/fr/icon_arrow.gif') left 8px  no-repeat }

h1 .rss { position: absolute; line-height: 20px; top: 12px; right: 0; background: url('http://www.velan.com/_media/feed-icon-20x20.png') no-repeat; width: 20px; height: 20px; text-indent: -100em; overflow: hidden; }
* html h1 .rss { right: 30px; }
a.rss-small { float: right; display: block; line-height: 14px; width: 14px; height: 14px; padding: 8px 0px; }
.subscribe { position: absolute; right: 30px; margin-top: -1em; padding-right: 18px; background: url('http://www.velan.com/_media/feed-icon-14x14.png') center right no-repeat; }
    
#center .archive form.year { padding: 0; margin-bottom: 16px }
#center .archive form.year button { background-image: url('http://www.velan.com/_media/fr/button_go_off.gif'); text-indent: -100em; background-repeat: no-repeat; width: 38px; height: 18px  }
#center .archive form.year label { float: none; display: inline; width: auto }
#center .archive form.year select { margin: 0 0.5em 0 0 }

.news_item .related { clear: both }
.article-related-files li,
.news_item .related li,
.tabbed_news .items li { margin-left: 0 !important; padding-left: 15px !important; list-style: none !important; background: transparent url('http://www.velan.com/_media/fr/icon_arrow.gif') left 0.75em no-repeat;  }
.tabbed_news h2 { font-size: 14px !important; margin-bottom: 0 !important }

#center .home .news_item { overflow: hidden; }
#center .home .news_item h2 a { font-weight: bold }       
#center .home .featured h2 a { font-size: 18px; display: block; font-weight: normal }
#center .home .more { float: right; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.2em;
                            background: url('http://www.velan.com/_media/fr/icon_arrow.gif') no-repeat right center; padding-right: 10px; }
#center .home h1 {
    background: url('http://www.velan.com/_media/fr/section_bg_home.gif') no-repeat 0 0;
    color: #0088CC; 
    margin-bottom: 14px; border-bottom: none;
    text-transform: uppercase;
    font: bold 11px Verdana,sans-serif; line-height: 30px !important; height: 30px !important; letter-spacing: inherit;
    padding: 0px 14px;
    width: 517px;
}

#center .news_item .related { border-top: 1px dotted #c6c6c6; margin-top: 20px; padding-top: 20px }

/* events */
#center .event .snote { font-size: 14px }
#center .event .banner { margin-bottom: 16px }
#center .event .name { margin: 0; padding: 0; line-height: 1.5em }
#center .event .where,
#center .event .when { margin: 0; padding: 0; font-size: 14px; line-height: 1.5em; }
#center .event .when { margin-bottom: 0px; }
#center .event .desc { margin-bottom: 18px }
#center .event .notes { background: #f8f8f8; border: 1px solid #eee; padding: 20px; margin: 34px; }
#center .event .note { margin-bottom: 25px }
#center .event .note h3 { font-size: 14px } 
#center .event form input,
#center .event form select,
#center .event form textarea { width: 356px }
#center .event .form_error { font-weight: bold }
* html #center .event form input,
* html #center .event form select,
* html #center .event form textarea { width: 353px; }

/* about specific page styles */
.global_operations h3 { background: lightblue url('http://www.velan.com/_media/fr/section_bg_home.gif'); color: #0088CC; padding: 0 14px; line-height: 30px; text-transform: uppercase; margin-bottom: 1em }
.global_operations h4 { line-height: 2em; margin-bottom: 0.5em }
.global_operations h3,
.global_operations h4 { clear: both; }

.productSubcategoryName {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px;
}

.productSubhead {
    font-size: 14px;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 10px;
}

h2#productCategories {
    font-size: 18px;                                                             
    padding: 40px 0 12px 0;
    margin-bottom: 0;
}
.products #center .cat_list,
.products #center .cat_list li {
    list-style: none; padding: 0; margin: 0;
}
.products #center .cat_list {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px; margin-bottom: 20px;
    background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x;
}
.products #center .cat_list li {
    float: left;
    height: 18px;
}
.products #center .cat_list li a {
    display: block;
    padding-right: 1em; margin-right: 1em;
    border-right: 1px solid #666;
    line-height: 12px;
}
.products #center .cat_list li a:visited {
    color: #08c
}
.products #center .cat_list li a.last {
    margin: 0; padding: 0; border: 0;
}

.products #center .full_cat_list { border: 0; width: 100%; margin-bottom: 10px !important; }
.products #center .full_cat_list td { border: 0; width: 33%; padding: 0 0 30px 0 !important; vertical-align: top}
.products #center .full_cat_list td a.img { float: left; }
.products #center .full_cat_list td a.name { display: block; width: 85px; position: relative; padding: 0.5em 0; line-height: 15px; clear: left; }
.products #center .full_cat_list td a.name img { margin-left: 3px; }

.productOverviewImages {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    border: 0;
}

.overviewCategory, .overviewDivider {
    background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x;
    padding: 8px 0;
    margin-bottom: 20px;
}

.categoryNames {
    font-weight: normal;
    color: #0189C5;
}

.productNames {
    color: #0189C5;
}

/** product info **/
table.products,
table.products th { border: 1px solid #c6c6c6;  }
table.products { border-width: 1px 0 0 1px; }
table.products th { border-width: 0 1px 1px 0; font-weight: bold; font-size: 14px; }
table.products th, table.products td { padding: 0 !important; }
table.products th,
table.products .tech_info td { padding: 12px !important; width: 141px; background: #f4f4f4; }
table.products .photos td { padding: 0 0 5px 0 !important; text-align: center; }
table.products .photos td div { overflow: hidden; width: 165px; }
table.products .photos td div a.graphic { padding-top: 5px; display: block; width: 165px; }
table.products .tech_info td { padding-bottom: 0 !important; vertical-align: top; }
table.products dl,
table.products  p { line-height: 1.2em;  }
table.products dl { padding-bottom: 1px; } 
table.products dt { font-weight: bold }
table.products dd { margin-bottom: 1em }

#overview .products { float: left }
#overview .info { float: left; width: 320px; padding-left: 12px }
#overview .info h3 { padding: 0; }

#tabbedProductInfo .clear { height: 1px; clear: both; }
* + html #tabbedProductInfo .clear { display: none }
* html #tabbedProductInfo .clear { display: none }
#tabbedProductInfo #overview { width: 501px }

.productsTechInfoTable {
    width: 500px;
    border: 1px solid #c6c6c6;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.productsTechInfoTable div.photo {
    width: 200px;
    text-align: center;
    float: left;
    border-right: 1px solid #c6c6c6;
}

.techSpecsContainer {
    width: 299px;
    float: right;
    vertical-align: top;
}

.techSpecsContainer th,
.techSpecsContainer td {
    border-bottom: 1px solid #c6c6c6;
}

.techSpecsContainer td {
    text-align: left;
}
.techSpecsContainer.full {
    width: 100%;
    
}
.techSpecsContainer.full tr.last th,
.techSpecsContainer.full tr.last td {
    border-bottom: 0;
}

li .techSpecsContainer {
    border: 1px solid #c6c6c6;  
    border-width: 1px 1px 0 1px;
    width: 98%;
    float: none;
}

div.techSpecsContainer div.row {
    width: 100%;
    height: 1%;
    padding: 0;
    margin: 0;
    clear: both;
    border-bottom: 1px solid #c6c6c6;
}

.techSpecsContainer th {
    width: 150px;
    padding: 3px;
    line-height: 16px;
    font-weight: bold;
    border-right: 1px solid #c6c6c6;
}

.techSpecsContainer td {
    padding: 3px;
    line-height: 16px;
    vertical-align: top;
    border-right: 0 !important;
}

li div.techSpecsContainer div.specs {
    float: left;
}

.productsCategoryHeader {
    width: 100%;
    padding: 3px;
    background-color: #f1f1ef;
    text-transform: uppercase;
}

#center .literatureTable,
#center .literatureTable td,
#center .infoColumnDetails,
#center .reqPrintCopies,
#center .reqPrintCopies td {
    border: 0;
    padding: 0;
}

.literatureTable {
    width: 100%;
}
.literatureTable tr.spacer {
    height: 5px !important;
}
#center .literatureTable td {
    padding: 5px;
}
#center .literatureTable td td {
    padding: 0;
}
.literatureTable td.coverImage {
    width: 100px;
    padding: 0 3px 0 0 !important;
    text-align: left;
    vertical-align: top;
}
.literatureTable td.infoColumn {
    text-align: left;
    vertical-align: top;
}
.literatureTable td.reqColumn {
    width: 150px;
    text-align: right;
    vertical-align: top;
}
.lit-description {
    padding-left: 12px;
}
#center form .lit-description span,
#center form .lit-description strong {
    padding-left: 12px;
    display: block;
}                                      
#center form .lit-description span.download {
    line-height: 16px;
    background: url(http://www.velan.com/_media/fr/icon_arrow.gif) no-repeat left 5px;
}
* html #center form .lit-description .download a {
    display: inline-block;
}
.infoColumnDetails {
    width: 100%;
    padding: 0;
}
.infoColumnDetails td {
    padding: 0;
    vertical-align: top;
    line-height: 16px;
}
.infoColumnDetails td.docType {
    font-weight: bold;
    text-transform: uppercase;
}
.infoColumnDetails td.arrowImage {
    width: 15px;
    text-align: right;
    vertical-align: top;
}
.infoColumnDetails td.arrowImage img {
    margin: 6px 3px 0 0;
}
img.doctype {
    position: relative; margin-top:-3px; top: 3px;
}
* + html img.doctype { position: static; }
/* weird ie bug. using 'fixed' because it confuses ie and resets the position. */
    * html #TB_window img.doctype { position: fixed }
    * + html #TB_window * { position: relative }

/* Articles */
.article-images
{
    float: left;
    padding-right: 20px;
    width: 270px;
}

.article-image
{
    padding-bottom: 20px;
    text-align: center;
}

.article-image .caption
{
    display: block;
    text-align: center;
    font-size: 10px;
    color: #666;
    line-height: 14px;
    font-family: verdana;
    padding: 5px 0px;
    background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x;
}

.article-related-files
{
    margin-top: 10px;
    padding: 10px 0px;
    clear: both;
    background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') top left repeat-x;
}
hr.clear
{
    clear: both;
    visibility: hidden;
}

/* Contacts */
#center table.contacts_legend,
#center table.contacts_legend td
{
    border: 0;
}

table.contacts_legend .caption
{
    width: 55px;
    vertical-align: top;
    font-weight: bold;
}

table.contacts_legend .circles
{
    width: 20px;
    text-align: center;
}

.contacts_flash_map
{
      padding-top: 30px;
      padding-bottom: 50px;
}

#corporate table
{
    width:  500px;
    border: 0;
}
#corporate table td
{
    width:  50%;
    vertical-align: top;
    padding: 0;
    border: 0;
}
#sales div.content,
#service div.content,
#international div.content,
#velan_support div.content,
#corporate table td div.content
{
    padding: 5px;
}
#corporate table td.left-column
{
    padding-right: 5px;
}

#corporate table td.right-column
{
    padding-left: 5px;
}
#sales strong.title,
#service strong.title,   
#corporate strong.title,
#velan_support strong.title,
#international strong.title
{
     text-align: center;
     display: block;
     text-align: center;
     background-color: #f1f1ef;
     text-transform: uppercase;
     font-size: 100%;
     font-weight: 700;
}

#sales strong.title
{
    width: 500px;
}

/* Login alert div */
#loginAlertPopup
{
    width: 100%;
    height: 100%;
    text-align: center;
}

#loginAlertPopup table
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    
}

#loginAlertPopup td
{
    text-align: center;
    color: #676767;
}

#loginAlertPopup td.divider
{
    background-image: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif');
    background-repeat: repeat-x;
    background-position: center left;
    padding-top: 10px;
    padding-bottom: 10px;
}

#loginAlertPopup td.alertText
{
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0;
    text-align: center;
    color: #676767;
}

#loginAlertPopup td span.loginLink
{
    padding-right: 5px;
}

#loginAlertPopup td span.signupLink
{
    padding-left: 5px;
}

#prodAdvSrchOpts, #toggleProdAdvSrchOptsHide
{
    display: none;
}

#bannerProdSearch input
{
    border: 1px solid #c6c6c6;
    color: #666666;
}

#bannerProdSearch input.image
{
    border: 0;
}

body.lang-fr #bannerProdSearch #toggleProdAdvSrchOptsShow
{
    position: relative; left: -10px;
}

#productCategoryId, #productSubCategoryId
{
    width: 150px;
    position: relative;
    overflow: auto;
}

.miniSrchOption
{
    position: relative;
    overflow: auto;
}

.prodSearchResults
{
    margin-top: 0;
    margin-bottom: 0;
}

.prodSearchResultsName
{
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0;
}

.prodSearchResults li
{
    background-image: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif');
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.prodSearchResults li.last
{
    background-image: none;
}

.prodSearchResults .techSpecsContainer
{
    border: none;
}

.prodSearchResultsCurPage
{
    font-weight: bold;
}

.dividerHorizontal
{
    background-image: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif');
    background-repeat: repeat-x;
    background-position: center left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.emailDocumentForm
{
    width: 100%;
    height: auto;
}

.emailDocumentForm td
{
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.formLabel
{
    font-weight: bold;
}

.formInput input[type=text]
{
    border: 1px solid #c6c6c6;
    width: 300px;
    height: 15px;
}

.formInput textarea
{
    border: 1px solid #c6c6c6;
    width: 300px;
    height: 100px;
}

.emailDocumentFormCancel
{
    float: left;
    padding-left: 10px;
}

.emailDocumentFormSend
{
    float: right;
    padding-right: 10px;
}

.emailDocumentFormError
{
    background-color: #b4c9e8;
}

/* Print requests */
.reqPrintCopies
{
    padding: 0px;
    margin: 0;
}

.reqPrintCopies td
{
    padding: 0;
}

.reqPrintCopies td.quantity span
{
    display: block;
    text-align: right;
    padding: 10px;
    border: 1px solid #ebebeb;
    border-width: 0 1px 1px 1px;
}

#center table.printRequest 
{
    width: 100%;
    border: 0;
}

#center table.printRequest  td {
    border: 0;
}

#center .printRequest td.formLabel, td.formInput {
    padding: 5px;
}
#center .printRequest td.formInput input {
    border: 1px solid #C6C6C6;
}

.printRequest td.formLabel
{
    width: 35%;
}

#prodRequestHideShipping
{
    display: none;
}

#shippingInfo
{
    display: none;
}

#frmPrintRequest input[type=text]
{
    height: auto;
}

#frmPrintRequest textarea
{
    width: 98%;
    height: 80px;
}

.shoppingCart
{
    width: 100%;
    
}

.shoppingCart th, .shoppingCart td
{
    border: 1px solid #c6c6c6 !important;
    padding: 10px !important;
}

.shoppingCart th
{
    background-color: #efefef;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

.shoppingCart th.item
{
    width: 65%;
}

.shoppingCart th.code
{
    width: 20%;
}

.shoppingCart th.quantity
{
    width: 15%;
    text-align: right;
}

.shoppingCart td.qty
{
    text-align: right;
}

.shoppingCart td span.comments
{
    font-weight: bold;
    text-transform: uppercase;
}

.itemDisplay,
.itemDisplay td {
    border: none !important;
}

.itemDisplay
{
    width: 100%;
}

.itemDisplay td.thumb
{
    width: 100px;
    border: 0;
    padding: 0;
}

.itemDisplay td.title
{
    border: 0;
}

#btnClearUpdateCart
{
    float: left;
}

#btnClearUpdateCart img
{
    padding: 10px;
}

#btnSubmitCart
{
    float: right;
}

.cartActionButtons
{
    width: 100%;
    border: 0 !important;
}

.cartActionButtons td
{
    border: 0 !important;
    vertical-align: middle;
}

.cartActionButtons td.clearUpdateAction
{
    width: 50%;
    text-align: left;
}

.cartActionButtons td.clearUpdateAction img
{
    padding-right: 10px;
}

.cartActionButtons td.submitAction
{
    width: 50%;
    text-align: right;
}

#miniCart
{
    width: 160px;
    font-size: 10px;
    font-weight: bold;
    color: #686868;
    text-transform: uppercase;
}

#miniCart .header
{
    width: 155px;
    clear: both;
    position: relative;
}

#miniCart .item
{
    width: 130px;
    float: left;
    position: relative;
}

#miniCart .qty
{
    width: 20px;
    float: right;
    position: relative;
}

#miniCart .divider
{
    border-top: 1px solid #dadada;
    position: relative;
    width: 160px;
    clear: both;
}

#miniCart .keyline
{
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    width: 160px;
    clear: both;
}

#miniCart .contents .line.first
{
    padding-top: 5px;
}

#miniCart .contents .line
{
    clear: both;
    padding-top: 10px;
}

#miniCart .hide
{
    display: none;
}

#miniCart .contents .item
{
    width: 130px;
    float: left;
    position: relative;
    font-weight: normal;
    text-transform: none;
}

#miniCart .contents .qty
{
    width: 20px;
    float: right;
    text-align: right;
    position: relative;
    font-weight: normal;
    text-transform: none;
}

#miniCart .actions
{
    clear: both;
    padding-top: 15px;
    text-align: center;
}

#center .orderDatePicker,
#center .orderDatePicker td {
    border: 0; 
}

.orderDatePicker td.header
{
    width: 100px;
    font-weight: bold;
}

.orderDatePicker td.label
{
    width: 60px;
    font-weight: normal;
    text-align: right;
    padding-right: 5px;
}

.orderDatePicker td.input
{
    font-weight: normal;
}

.orderHistory
{
    width: 100%;
}

.orderHistory th
{
    font-weight: bold;
    border: 1px solid #c6c6c6;
    background-color: #efefef;
    padding: 5px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
}

.orderHistory th.date, .orderHistory th.ship-address
{
    text-align: left;
}

.orderHistory td
{
    padding: 5px;
    border: 1px solid #c6c6c6;
    line-height: 13px;
}

.orderHistory td.count, #orderHistory td.status
{
    text-align: center;
}

#center .orderDisplay
{
    width: 100%;
    border: 0;
}

#center .orderDisplay td {
    border: 0;
}

.orderDisplay td.label
{
    width: 35%;
    font-weight: bold;
}

.orderDisplay td.order-num
{
    font-weight: bold;
}

.orderDisplay td.data
{
    width: 65%;
}

.underline
{
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 13px;
    margin-bottom: 16px;
    background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; 
}
.my_velan_download_actions
{
    background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') top left repeat-x; 
    margin-top: 20px;
}
.my_velan_download_buttons
{
    text-align: center;
    padding: 15px 0px;
    background: url('http://www.velan.com/_media/fr/icon_dot_horizontal.gif') bottom left repeat-x; 
}

/** industries **/
#center table.industry_list, 
#center table.industry_list td { border: none }
#center table.industry_list td { vertical-align: middle }
#center table.industry_list td .img { float: left }
#center table.industry_list { font-size: 14px }

/** site search **/
#search_results,
#search_results td,
#search_results table { border: 0 !important; padding: 0 !important }

/** tabs fixes **/
.tabbed_news .tabs-container {
    width: 443px;
}

.tabbedCatInfo .tabs-container {
    width: 443px;
}

.tabbed_contact .tabs-container {
    width: 505px;
}


/* file: base_fr.css */
.lang-fr #topnav .lang-fr a { width: 48px; }
.lang-fr #topnav .home a { width: 48px; }
.lang-fr #topnav .sitemap a { width: 75px; }
.lang-fr #topnav .login a { width: 119px; }
.lang-fr #topnav .logout a { width: 115px; }

.lang-fr #search button { width: 58px; }

.lang-fr #menu .section-about { width: 131px }
.lang-fr #menu .section-my_velan { width: 92px }
.lang-fr #menu .section-news_and_events { width: 176px }
.lang-fr #menu .section-contacts { width: 100px }
.lang-fr #menu .section-products { width: 73px }
.lang-fr #menu .section-industries_served { width: 82px }
.lang-fr #menu .section-resources { width: 92px }

.lang-fr #product_search .action button { width: 58px; margin-left: -29px; }

.lang-fr .container .action a.more  { width: 47px; }
.lang-fr .container button.s { width: 91px; }


.lang-fr #content #center .apply { width: 181px !important }
.lang-fr #content #center .general_apply { width: 249px !important; }
.lang-fr #center form button { width: 143px; }
.lang-fr #center form #save_information { width: 255px; }

.lang-fr #center .login-form button { width: 216px; margin-left: -108px }

.lang-fr #center .archive form.year button { width: 58px } 

.lang-fr #center .tabs-nav a.products { width: 83px }
.lang-fr #center .tabs-nav a.product-lines { width: 141px }
.lang-fr #center .tabs-nav a.news { width: 109px }
.lang-fr #center .tabs-nav a.events { width: 145px }

.lang-fr #center .tabs-nav a.corporate { width: 102px }
.lang-fr #center .tabs-nav a.sales { width: 70px }
.lang-fr #center .tabs-nav a.service { width: 89px }
.lang-fr #center .tabs-nav a.overview { width: 72px }
.lang-fr #center .tabs-nav a.relatedproducts { width: 143px }
.lang-fr #center .tabs-nav a.literature { width: 119px }
.lang-fr #center .tabs-nav a.international { width: 110px }
.lang-fr #center .tabs-nav a.velan_support { width: 157px }

/* file: thickbox.css */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
     width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}

#TB_window .popup {
    padding: 0; margin: 0 40px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    position: absolute; top: 10px; right: 10px;
    display: none;
}

#TB_print {
    float: right;
    display: block;
    position: absolute; top: 8px; right: 40px; left: auto;
    background: url('http://www.velan.com/_media/fr/button_print_version_off.gif') no-repeat;
    width: 104px; height: 23px;
}
#TB_print a {
    display: block; width: 100%; height: 100%;
    overflow: hidden; text-indent: -100em;
}
.lang-fr #TB_print {
    width: 128px;
}

#TB_closeWindowButton {
    display: none;
    
    width: 19px; height: 18px;
    background: url('http://www.velan.com/_media/fr/icon_close.gif') no-repeat;
    position: absolute; right: 0;
    text-indent: -100em; overflow: hidden;
}

#TB_closeWindowAction {
    position: relative; left: 50%; display: block;
    width: 55px; height: 18px;
    background: url('http://www.velan.com/_media/fr/button_close_off.gif') no-repeat;
    margin: 15px 0 15px 0;
    margin-left: -26px; 
    text-indent: -100em; overflow: hidden; 
}

.lang-fr #TB_closeWindowAction {
    width: 64px; margin-left: -30px;
}

#TB_ajaxWindowTitle{
    display: none;
}

#TB_title{
    height: 38px; position: relative; width: 100%;
}

#TB_ajaxContent{
    clear:both;
    padding:0;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
    padding:15px;
}

#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}

#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}

/* file: popup.css */
#logo { margin-bottom: 30px }

.popup {
    margin: 0; padding: 30px 40px;        
    font-size: 11px;
    font-family: Verdana, sans-serif;
}
.popup h1 {
    font: normal 14px Verdana, sans-serif;
    padding-bottom: 8px; margin-bottom: 1em;
    border-bottom: 1px dotted #C6C6C6;
}
.popup h2 {
    font: bold 18px Verdana, sans-serif;
    margin-bottom: 1em;
}
.popup ul {
    margin: 0; padding: 0;
}

/* file: datePicker.css */


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #666666;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #dfdfdf;
	color: #000000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #eaeaea;
	color: #c7c7c7;
}
table.jCalendar td.today {
	background: #6cc1eb;
	color: #fff;
}
table.jCalendar td.selected {
	background: #0088cc;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #d3d3d3;
	color: #aeaeae;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
	color: #aeaeae;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 19px;
	height: 19px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://www.velan.com/_media/fr/icon_calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}