/* PROJECT: MAGICARD DATE: 10th June 2009 */ *{ padding:0; margin:0;} img{ border:0;} a{ outline:none;} body{ color:#333333; font-size:12px; font-family:Arial, Geneva, Helvetica, sans-serif; background:#f3f3f3;} .hidden{ display:none;} #wrap{ width:983px; margin:0 auto;} h1, h2, h3, h4{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-1px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- H E A D E R --------------------------------------------------------------------------------------------------------------------------------------------*/ #header{ width:983px; margin-bottom:8px;} .top_header{ position:relative; z-index:1002; height:32px;/*43*/ padding-top:11px;} .gform{ position:relative; display:inline; float:right; width:196px; height:22px; margin-right:6px; margin-left:20px;} .gtxt{ position:absolute; width:148px; height:16px; top:0; left:6px; padding:3px 5px; font-family:Arial, Geneva, Helvetica, sans-serif; font-size:12px; border:0; background:url(images/background/gtxt-bg.gif) no-repeat #ffffff;} .gsbmt{ position:absolute; width:27px; height:27px; top:-2px; left:170px;} *html .gtxt{ background-attachment:fixed;} .lan_selector{ position:relative; float:right; width:202px; height:22px; } .lan_flag{ position:absolute; width:24px; height:22px; top:0px; left:0; } .lan_choice{ position:absolute; width:180px; height:22px; top:0; left:30px; cursor:pointer; background:url(images/background/lan-selector-bg.gif) no-repeat} #languages{ display:none;} .languages{ position:absolute; width:178px; top:22px; left:31px; background:url(images/background/languages-bottom-bg.png) bottom no-repeat;} .languages ul{ width:160px; overflow:hidden; margin-bottom:3px; padding:9px 9px 0 9px; background:url(images/background/languages-bg.png) repeat-y;} .languages ul li{ width:100%; float:left; list-style:none;} .languages ul li a{ display:block; outline:none; height:22px; line-height:22px; padding-bottom:8px; padding-left:38px; text-decoration:none; color:#ffffff;} .languages .fr, .lan_flag .fr{ background:url(images/background/flag-fr.png) no-repeat} .languages .es, .lan_flag .es{ background:url(images/background/flag-es.png) no-repeat} .languages .pt, .lan_flag .pt{ background:url(images/background/flag-pt.png) no-repeat} .languages .ar, .lan_flag .ar{ background:url(images/background/flag-ar.png) no-repeat} .languages .cn, .lan_flag .cn{ background:url(images/background/flag-cn.png) no-repeat} .languages .en, .lan_flag .en{ background:url(images/background/flag-en.png) no-repeat} /*-------------------------------------------------------------------------------------------------------------------------------------------- N A V I G A T I O N --------------------------------------------------------------------------------------------------------------------------------------------*/ #nav{ width:983px; overflow:hidden; height:43px; color:#ffffff; font-size:11px; background:url(images/background/nav-bg.gif) repeat-x #333333;} #nav .left{ float:left; width:9px; height:43px; background:url(images/background/nav-left-bg.gif) no-repeat} #nav .right{ float:left; width:8px; height:43px; background:url(images/background/nav-right-bg.gif) no-repeat} #nav .cont{ float:left; width:966px; height:43px;} .logo{ display:block; float:left; width:186px; height:43px; margin-left:6px; background:url(images/logo.png) no-repeat;} /*.nav_items{ font-size:13px; float:left; display:inline; margin-left:14px; padding-top:11px; width:755px; } .nav_items li{ float:left; list-style:none; margin:0 2px; padding-left:5px; text-transform:uppercase; color:#ffffff; text-decoration:none; background:url(images/background/nav-hover-bg.gif) 0 -100px no-repeat; } .nav_items li span{ display:block; float:left; padding:2px 0px 0 0px; height:19px; background:url(images/background/nav-hover-bg.gif) 0 -100px no-repeat; } .nav_items a{ color:#ffffff; outline:none; text-decoration:none;}*/ .nav_items{ display:block; float:left; width:758px;/*774*/ height:43px; padding:9px 0 0 10px; font-size:11px; font-weight:bold;} .nav_items li{ display:block; float:left; display:inline; margin-right:3px; height:21px; line-height:21px; list-style:none;} .nav_items a{padding:4px 10px 3px 10px; color:#ffffff; text-decoration:none; text-align:center;} .nav_items a:hover{ background: url(images/menu/menu_hover.gif) repeat-x left bottom; } .nav_items .ni_cont { margin-right:0; } /*-------------------------------------------------------------------------------------------------------------------------------------------- L E F T H A N D N A V I G A T I O N --------------------------------------------------------------------------------------------------------------------------------------------*/ .lhn_hero{ width:983px; overflow:hidden; margin-bottom:9px;} .lhn{ width:157px; float:left; background:url(images/background/lhn-bg.gif) repeat-y; } .lhn_title{ display:block; width:145px;/*157*/ height:34px; padding-left:12px; line-height:34px; font-size:14px; background:url(images/background/lhn-title-bg.gif) no-repeat} .lhn_items9, .lhn_items10{ min-height:282px; height:auto!important; height:282px; padding:2px 8px 0 9px; background:url(images/background/lhn-bottom-bg.gif) left bottom no-repeat; } .lhn_items6{ min-height:193px; height:auto!important; height:193px; padding:2px 8px 0 9px; background:url(images/background/lhn-bottom-bg.gif) left bottom no-repeat; } .lhn_items{ width:140px; overflow:hidden;} .lhn_items li{ width:100%; float:left; list-style:none; background:url(images/background/lhn-li-bg.gif) left bottom no-repeat;} .lhn_items li a{ display:block; font-size:11px; line-height:11px; color:#333333; text-decoration:none; background:url(images/background/lhn-arrow0.gif) 122px center no-repeat; } .lhn_items .last{ background:none;} .lhn_items6 .lhn_items li a{ padding:10px 20px 10px 3px; } .lhn_items9 .lhn_items li a{ padding:10px 20px 10px 3px; } .lhn_items10 .lhn_items li a{ padding:8px 20px 8px 3px; } .lhn_color1 li a:hover, .lhn_selected_color1{ color:#ac0070!important; background:url(images/background/lhn-arrow1.gif) 122px center no-repeat!important;} .lhn_color2 li a:hover, .lhn_selected_color2{ color:#3a1c71!important; background:url(images/background/lhn-arrow2.gif) 122px center no-repeat!important;} .lhn_color3 li a:hover, .lhn_selected_color3{ color:#203995!important; background:url(images/background/lhn-arrow3.gif) 122px center no-repeat!important;} .lhn_color4 li a:hover, .lhn_selected_color4{ color:#3aa4cf!important; background:url(images/background/lhn-arrow4.gif) 122px center no-repeat!important;} .lhn_color5 li a:hover, .lhn_selected_color5{ color:#1dab75!important; background:url(images/background/lhn-arrow5.gif) 122px center no-repeat!important;} .lhn_color6 li a:hover, .lhn_selected_color6{ color:#6bc724!important; background:url(images/background/lhn-arrow6.gif) 122px center no-repeat!important;} .lhn_color7 li a:hover, .lhn_selected_color7{ color:#e95419!important; background:url(images/background/lhn-arrow7.gif) 122px center no-repeat!important;} .lhn_color8 li a:hover, .lhn_selected_color8{ color:#cd0011!important; background:url(images/background/lhn-arrow8.gif) 122px center no-repeat!important;} .lhn_color9 li a:hover, .lhn_selected_color9{ color:#7a0e19!important; background:url(images/background/lhn-arrow9.gif) 122px center no-repeat!important;} .hero318{ position:relative; float:right; width:815px; height:316px; border:1px solid #d6d6d6;} .hero318 .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .hero318 .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .hero318 .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .hero318 .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .hero318 .tr{ right:-2px;} *html .hero318 .bl{ bottom:-1px;} *html .hero318 .br{ bottom:-1px; right:-2px;} .hero229{ position:relative; float:right; width:815px; height:227px; border:1px solid #d6d6d6;} .hero229 .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .hero229 .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .hero229 .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .hero229 .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .hero229 .tr{ right:-2px;} *html .hero229 .bl{ bottom:-1px;} *html .hero229 .br{ bottom:-1px; right:-2px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- D Y N A M I C N A V I G A T I O N --------------------------------------------------------------------------------------------------------------------------------------------*/ #dynamic_nav{ width:983px; height:33px; margin-bottom:9px;} .byindustry{ position:relative; cursor:pointer; float:left; width:322px; height:32px; margin-right:9px; background:url(images/background/dnav-byind-bg.gif) no-repeat; } .byapplication{ position:relative; cursor:pointer; float:left; width:322px; height:32px; margin-right:8px; background:url(images/background/dnav-byapp-bg.gif) no-repeat; } #dnav1{ display:none;} #dnav2{ display:none;} .dnav_sub{ position:absolute; width:320px; top:30px; left:1px; background:url(images/background/dnav-sub-menu-bottom-bg.png) bottom no-repeat;} .dnav_sub_menu{ width:302px; overflow:hidden; margin-bottom:5px; padding:8px 9px 0 9px; background:url(images/background/dnav-sub-menu-bg.png) repeat-y;} .dnav_sub_menu li{ float:left; width:149px; margin-bottom:3px; font-weight:bold; list-style:none;} .dnav_sub_menu li.even{ float:right;} .dnav_sub_menu li a{ display:block; padding-top:10px; text-decoration:none; color:#ffffff; background:url(images/background/dnav-sub-menu-top-hover-bg.gif) -500px 0 no-repeat;} .dnav_sub_menu li a span{ display:block; padding:0 9px 10px 9px; background:url(images/background/dnav-sub-menu-hover-bg.gif) -500px 0 no-repeat; } .dnav_sub_menu li a:hover{ cursor:pointer; background-position:left top; } .dnav_sub_menu li a:hover span{ background-position:left bottom; } .printer_selector{ position:relative; float:left; width:322px; height:32px; background:url(images/background/dnav-printer-support-bg.gif) no-repeat;} .support_form{ position:relative; float:right; display:inline; width:188px; height:22px; margin-top:4px; margin-right:8px; } .support_form .slct{ position:relative; width:158px; height:22px; top:0; left:0; background:url(images/background/sf-slct-bg.gif) no-repeat} .support_form .slct span{ font-size:13px; color:#000000; line-height:22px; cursor:default; padding:0 5px; display:block; } .slct_options{ position:absolute; display:none; width:146px; top:20px; left:0px; padding:5px; background:#ffffff; border:1px solid #e2e9ef; border-top:0; } .slct_options li{ list-style:none; padding:2px 4px; font-size:11px; cursor:default;} .slct_options li:hover{ background:#e2e9ef; } .support_form .sbmt{ position:absolute; width:22px; height:22px; top:0; right:0;} /*-------------------------------------------------------------------------------------------------------------------------------------------- H O M E P A G E --------------------------------------------------------------------------------------------------------------------------------------------*/ .flash{ margin-bottom:9px;} .flash img{ display:block;} .home_row3{ width:983px; overflow:hidden; margin-bottom:9px;} .magicard_box{ position:relative; float:left; width:651px; min-height:325px; height:auto!important; height:325px; border:1px solid #d6d6d6;} .magicard_box .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/magicard-corner-bg.gif) 0 0 no-repeat;} .magicard_box .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/magicard-corner-bg.gif) -4px 0 no-repeat;} .magicard_box .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/magicard-corner-bg.gif) -8px 0 no-repeat;} .magicard_box .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/magicard-corner-bg.gif) -12px 0 no-repeat;} *html .magicard_box .tr{ right:-2px;} *html .magicard_box .bl{ bottom:-2px;} *html .magicard_box .br{ bottom:-2px; right:-2px;} .magicard_box .cont{ padding:10px 17px 0 17px;} .magicard_box .cont a{ color:#333333;} .magicard_box .cont a:hover{ text-decoration:none;} .magicard_box h1{ margin-bottom:8px; font-size:36px; letter-spacing:-3px;} .magicard_box .caption{ display:block; margin-bottom:12px; font-size:16px; font-weight:bold;} .press_media{ position:relative; float:right; width:322px; min-height:325px; height:auto!important; height:325px; background:#ffffff; border:1px solid #d6d6d6;} .press_media .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/magicard-corner-bg.gif) 0 0 no-repeat;} .press_media .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/magicard-corner-bg.gif) -4px 0 no-repeat;} .press_media .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/magicard-corner-bg.gif) -8px 0 no-repeat;} .press_media .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/magicard-corner-bg.gif) -12px 0 no-repeat;} *html .press_media .bl{ bottom:-1px;} *html .press_media .br{ bottom:-1px; right:-1px;} .press_media .cont{ padding:10px 6px 0 6px;} .press_media h2{ margin-left:8px; margin-bottom:5px; font-size:18px; } .subscribe{ position:absolute; width:105px; height:27px; right:15px; top:10px; line-height:27px; background:url(images/background/subscribe-bg.gif) right no-repeat; } .subscribe a{ color:#ed7d03;} .subscribe a:hover{ text-decoration:none;} .all_posts{ width:308px; margin-top:-1px; } .all_posts li{ position:relative; list-style:none; padding-bottom:11px;} .all_posts h4{ text-transform:none; letter-spacing:0px; font-weight:bold; font-family:Arial, Geneva, Helvetica, sans-serif;} .all_posts li h4 a{ display:block; height:29px; width:292px; padding:0 8px; line-height:27px; font-size:12px; color:#ffffff; text-decoration:none; background:url(images/background/press-title-bg.gif) no-repeat;} .all_posts li h4 a:hover{ background-position:0 -29px;} .arrow{ cursor:pointer; background:url(images/background/post-title-bg-arrow.png) no-repeat;} .collapse{ position:absolute; width:24px; height:28px; top:10px; right:13px; background-position:0 0; } .expand{ position:absolute; width:24px; height:28px; top:-7px; right:13px; background-position:0 -28px; } .all_posts li .entry{ width:290px; overflow:hidden; padding:12px 9px 4px 9px; background:url(images/background/entry-bg.gif) 0 9px no-repeat; } .post_text{ float:left; width:190px; font-size:11px; line-height:16px;} .post_text small{ display:block; font-size:11px; margin-bottom:8px; color:#297491;} .post_text p{ padding-bottom:8px;} .post_text .read_more{ font-size:12px; color:#333333; font-weight:bold;} .post_text .read_more:hover{ text-decoration:none;} .post_image{ float:right; width:87px; height:87px; border:1px solid #c3c3c3;} /*-------------------------------------------------------------------------------------------------------------------------------------------- P R O M O S --------------------------------------------------------------------------------------------------------------------------------------------*/ .promos{ width:983px; margin-bottom:8px; background:url(images/background/promo-bg.gif) bottom repeat-x #ffffff;} .promos .vrpt{ background:url(images/background/promo-middle-bg.gif) repeat-y;} .promos .top{ background:url(images/background/promo-top-bg.gif) no-repeat} .promos .bottom{ width:983px; overflow:hidden; background:url(images/background/promo-bottom-bg.gif) bottom no-repeat} .promos1{ width:328px; margin-bottom:8px; background:url(images/background/promo-bg.gif) bottom repeat-x #ffffff;} .promos1 .vrpt{ background:url(images/background/promo-middle1-bg.gif) repeat-y;} .promos1 .top{ background:url(images/background/promo-top1-bg.gif) no-repeat} .promos1 .bottom{ width:328px; overflow:hidden; background:url(images/background/promo-bottom1-bg.gif) bottom no-repeat} .promos2{ width:656px; margin-bottom:8px; background:url(images/background/promo-bg.gif) bottom repeat-x #ffffff;} .promos2 .vrpt{ background:url(images/background/promo-middle2-bg.gif) repeat-y;} .promos2 .top{ background:url(images/background/promo-top2-bg.gif) no-repeat} .promos2 .bottom{ width:656px; overflow:hidden; background:url(images/background/promo-bottom2-bg.gif) bottom no-repeat} .spromo{ position:relative; float:left; width:328px; min-height:174px; height:auto!important; height:174px;} .promos .last{ width:327px;} .spromo h2, .spromo h3{ margin:15px 0 10px 10px; font-size:18px; color:#262626; text-transform:uppercase;} .spromo .desc{ display:block; width:115px; margin-left:10px; line-height:18px;} .spromo .app_land_desc{ display:block; width:175px; margin-left:10px; line-height:18px;} .spromo .find_more{ position:absolute; left:10px; bottom:13px;} .spromo .plogo{ display:block; float:left; display:inline; margin-left:12px; margin-top:10px; } .spromo .pro_desc{ display:block; clear:both; width:115px; margin-left:12px; line-height:18px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- L A N G U A G E S E L E C T O R --------------------------------------------------------------------------------------------------------------------------------------------*/ #lan_selector_wrap{ position:absolute; top:75px; } .lan_detect{ position:relative; width:941px;/*981*/ height:130px;/*170*/ padding:20px; margin-bottom:9px; border:1px solid #d6d6d6;} .lan_detect.en{ background:url(images/background/ls-flag-en.png) right bottom no-repeat #ffffff;} .lan_detect.fr{ background:url(images/background/ls-flag-fr.png) right bottom no-repeat #ffffff;} .lan_detect.es{ background:url(images/background/ls-flag-es.png) right bottom no-repeat #ffffff;} .lan_detect.pt{ background:url(images/background/ls-flag-pt.png) right bottom no-repeat #ffffff;} .lan_detect.ar{ background:url(images/background/ls-flag-ar.png) right bottom no-repeat #ffffff;} .lan_detect.ch{ background:url(images/background/ls-flag-ch.png) right bottom no-repeat #ffffff;} .lan_detect .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.png) 0 0 no-repeat;} .lan_detect .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.png) -4px 0 no-repeat;} .lan_detect .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.png) -8px 0 no-repeat;} .lan_detect .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.png) -12px 0 no-repeat;} *html .lan_detect .tr{ right:-3px;} *html .lan_detect .br{ right:-3px;} .lan_detect h4{ margin-bottom:10px; line-height:16px; font-size:18px; } .lan_detect big{ font-size:14px; text-transform:uppercase; letter-spacing:-1px;} .lan_detect .enter_site_button{ display:block; margin-top:10px; } .lan_detect strong{ display:block; position:absolute; width:460px; bottom:15px; font-size:14px; text-transform:uppercase; letter-spacing:-1px; } .lan_buttons{ width:981px; height:38px; overflow:hidden; margin-bottom:9px;} .lan_buttons li{ float:left; width:157px; margin-right:8px; height:38px; list-style:none;} .lan_buttons .lan_last1{ margin-right:7px;} .lan_buttons .lan_last2{ margin-right:0px;} .lan_buttons li{ display:block; background:url(images/background/lan-buttons-bg.gif) no-repeat;} .lan_buttons li:hover{ background-position:0 -38px; /*background:url(images/background/lan-buttons-bg.gif) 0 -38px no-repeat;*/} .lan_buttons a{ display:block; width:109px;/*157*/ height:38px; padding-left:48px; text-decoration:none; color:#333333; line-height:38px;} .lan_buttons .en{ background:url(images/background/ls-en.png) 5px 5px no-repeat;} .lan_buttons .fr{ background:url(images/background/ls-fr.png) 5px 5px no-repeat;} .lan_buttons .es{ background:url(images/background/ls-es.png) 5px 5px no-repeat;} .lan_buttons .pt{ background:url(images/background/ls-pt.png) 5px 5px no-repeat;} .lan_buttons .ar{ background:url(images/background/ls-ar.png) 5px 5px no-repeat;} .lan_buttons .ch{ background:url(images/background/ls-cn.png) 5px 5px no-repeat;} .about_link{ position:relative; } .about_link .left{ background:url(images/background/about-link-left.png) no-repeat;} .about_link .right{ background:url(images/background/about-link-right.png) right no-repeat;} .about_link .cont{ position:relative; height:38px; margin:0 5px; background:url(images/background/about-link-bg.gif) repeat-x;width:973px} .about_link a{ position:absolute; display:block; outline:none; width:294px; height:24px; top:8px; left:340px; background:url(images/background/about-link.gif) no-repeat} .about_link a:hover{ display:block; width:294px; height:24px; background:url(images/background/about-link.gif) 0 -24px no-repeat} #about_cont_wrap{position:relative;overflow:hidden;margin-top:-3px;z-index:1;width:983px;float:left} #about_cont{position:absolute;width:100%} .about_cont{ margin-top:-4px; margin-bottom:9px; background:url(images/background/about-cont-bg.gif) repeat-y #ffffff; } .about_cont .bottom{ background:url(images/background/about-cont-bottom.gif) bottom no-repeat;} .about_cont .cont{ min-height:130px;/*155*/ height:auto!important; height:130px; padding:25px 0 0 22px; } .about_cont h2{ margin-bottom:10px; font-size:18px; text-transform:uppercase;} .about_cont .desc{ width:560px; line-height:18px; padding-bottom:18px} .about_cont .desc p{ margin-bottom:10px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- A B O U T U S --------------------------------------------------------------------------------------------------------------------------------------------*/ .about_hero{ width:983px; height:334px; overflow:hidden; background:url(images/background/abt-hero-bg.gif) repeat-y #ffffff; } .about_hero .top{ width:983px; height:334px; overflow:hidden; background:url(images/background/abt-hero-top-bg.gif) no-repeat top left;} .about_hero .bottom{ width:983px; height:334px; position:relative; overflow:hidden; background:url(images/background/abt-hero-bottom-bg.gif) no-repeat bottom left;} .about_hero .cont{ position:relative; width:983px; height:334px; float:left;} .about_hero .cont a{ color:#3aa4cf; text-decoration:none;} .about_hero .cont a:hover{ text-decoration:underline;} .hero_wrap{ width:10000px; height:334px; position:absolute; top:0; left:0px; } .about_hero h1{ padding:26px 35px 11px 35px; font-size:36px; text-transform:uppercase;} .about_hero .cont .desc{ padding:0 35px; line-height:18px;} .about_hero .cont .desc p{ padding-bottom:18px;} .about_hero .cont .button{ position:absolute; } .about_hero_scroll{ width:983px; height:50px; margin-bottom:10px; background:url(images/background/abt-scroll-bg.gif) repeat-x; } .about_hero_scroll .left{ width:983px; height:50px; background:url(images/background/abt-scroll-left-bg.gif) top left no-repeat;} .about_hero_scroll .right{ width:983px; height:50px; background:url(images/background/abt-scroll-right-bg.gif) top right no-repeat;} .about_hero_scroll .cont{ width:734px; height:23px; overflow:hidden; margin:0 auto; padding-top:13px;} .about_hero_scroll #prev, .about_hero_scroll #next{ width:24px; height:23px; float:left; outline:none; } .about_hero_scroll #prev{ background:url(images/background/abt-arrow-left.png) no-repeat left top;} .about_hero_scroll #next{ background:url(images/background/abt-arrow-right.png) no-repeat left top;} .about_hero_scroll #prev:hover{ background-position:left center;} .about_hero_scroll #next:hover{ background-position:left center;} .about_hero_scroll .scrollbar{ float:left; position:relative; width:677px; height:23px; margin:0 5px 0 4px; background:url(images/background/scroll-bar-bg.gif) no-repeat;} .scrollbar .bar{ position:absolute; top:4px; left:4px;} .scrollbar span{ position:relative; display:block; float:left; text-align:center; width:164px; margin-right:4px; line-height:23px; cursor:pointer; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:bold;} .scrollbar .selected{ color:#333333;} .abt_quality{ width:983px; margin-bottom:10px; background:url(images/background/abt-quality-bg.gif) repeat-y; } .abt_quality .top{ background:url(images/background/abt-quality-top-bg.gif) no-repeat left top;} .abt_quality .bottom{ padding-bottom:7px; background:url(images/background/abt-quality-bottom-bg.gif) no-repeat left bottom;} .abt_quality h2{ font-size:22px; padding:9px 9px 6px 9px;} .qboxcont{ width:983px; overflow:hidden; padding-left:9px;} .qbox{ position:relative; float:left; width:156px; text-align:center; margin-right:6px; background:url(images/background/qbox-bg.gif) repeat-y;} .qbox .qtop{ background:url(images/background/qbox-top-bg.gif) no-repeat left top;} .qbox .qbottom{ min-height:127px; height:auto!important; height:127px; background:url(images/background/qbox-bottom-bg.gif) no-repeat left bottom;} .qbox label{ position:absolute; left:20px; bottom:15px; text-transform:uppercase; font-size:11px; color:#ffffff; font-weight:bold;} .qbox .qpic{ display:block; padding-top:16px; text-align:center;} .qbox .queen{ position:relative;} .qbox .queen img{ position:absolute; left:43px; top:8px;} .qbox .queen .queen_question{ position:absolute; left:114px; top:50px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- A P P L I C A T I O N S --------------------------------------------------------------------------------------------------------------------------------------------*/ /*application sub page style*/ .app_hero{ padding:30px 0px 0px 35px;} .app_hero h1{ margin-bottom:5px; font-size:36px;} .app_hero_text{ width:395px; line-height:18px;} .app_hero_text p{ padding-bottom:18px;} .app_hero .feature_button{ position:absolute; top:238px; left:35px;} .app_hero .selector_button{ position:absolute; top:238px; left:180px;} .app_hero .feature_button_shadow{ top:267px; left:35px; } .app_hero .selector_button_shadow{ top:267px; left:180px; } /*application landing page style*/ .app_landing_hero{ padding:6px 0px 15px 0px;} .app_landing_hero h1{ margin-bottom:5px; font-size:36px; text-align:center;} .capture_member{ position:relative; width:968px;/*983*/ margin-bottom:9px; padding:15px 0px 0px 13px; border:1px solid #d6d6d6;} .capture_member .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .capture_member .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .capture_member .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .capture_member .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .capture_member .tr{ right:-2px;} *html .capture_member .bl{ bottom:-2px;} *html .capture_member .br{ bottom:-2px; right:-2px;} .capture_member h2{ margin-bottom:5px; font-size:22px; text-transform:uppercase;} .capture_member_text{ width:570px; line-height:18px; padding-bottom:16px;} .card_list{ width:570px; overflow:hidden; padding-bottom:10px;} .card_list a:hover{ text-decoration:none;} .card_list li{ list-style:none; float:left; margin-right:15px;} .app_col_cont{ width:983px; overflow:hidden; margin-bottom:9px; } .last_col{ margin:0!important;} .col1 h3, .col2 h3, .col3 h3{ margin-bottom:5px; font-size:18px;/* text-transform:uppercase;*/} .col1 h4, .col2 h4, .col3 h4{ font-size:14px; text-transform:uppercase;} .col1 .video{ margin-bottom:20px;} .col1{ position:relative; float:left; width:293px;/*323*/ margin-right:7px; padding:15px 14px 125px 14px; border:1px solid #d6d6d6; } .col1 .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .col1 .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .col1 .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .col1 .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .col1 .tr{ right:-2px;} *html .col1 .bl{ bottom:-2px;} *html .col1 .br{ bottom:-2px; right:-2px;} .col2{ position:relative; float:left; width:293px;/*323*/ margin-right:7px; padding:15px 14px 17px 14px; border:1px solid #d6d6d6; } .col2 .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .col2 .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .col2 .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .col2 .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .col2 .tr{ right:-2px;} *html .col2 .bl{ bottom:-1px;} *html .col2 .br{ bottom:-1px; right:-2px;} .col2 ul{ overflow:hidden; width:293px;} .col2 ul li{ display:block; float:left; width:293px; list-style:none; margin-bottom:20px; } .col2bg1{ background:url(images/application/vbrush1.gif) no-repeat 4px 45px #ffffff;} .col2bg2{ background:url(images/application/vbrush2.gif) no-repeat 4px 45px #ffffff;} .col2bg3{ background:url(images/application/vbrush3.gif) no-repeat 4px 45px #ffffff;} .col2bg4{ background:url(images/application/vbrush4.gif) no-repeat 4px 45px #ffffff;} .col2bg5{ background:url(images/application/vbrush5.gif) no-repeat 4px 45px #ffffff;} .col2bg6{ background:url(images/application/vbrush6.gif) no-repeat 4px 45px #ffffff;} .col2bg7{ background:url(images/application/vbrush7.gif) no-repeat 4px 45px #ffffff;} .col2bg8{ background:url(images/application/vbrush8.gif) no-repeat 4px 45px #ffffff;} .col2bg9{ background:url(images/application/vbrush9.gif) no-repeat 4px 45px #ffffff;} .col3{ position:relative; float:left; width:287px;/*323*/ margin-right:7px; padding:15px 17px 0px 17px; background:#ffffff; border:1px solid #d6d6d6; } .col3 .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .col3 .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .col3 .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .col3 .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .col3 .tr{ right:-2px;} *html .col3 .bl{ bottom:-2px;} *html .col3 .br{ bottom:-2px; right:-2px;} .rec_printers{ width:287px; overflow:hidden; } .rec_printers li{ float:left; padding-bottom:10px; margin-bottom:18px; list-style:none;} .rec_printers1 li{ border-bottom:1px solid #ac0070} .rec_printers2 li{ border-bottom:1px solid #3a1c71} .rec_printers3 li{ border-bottom:1px solid #203995} .rec_printers4 li{ border-bottom:1px solid #3aa4cf} .rec_printers5 li{ border-bottom:1px solid #1dab75} .rec_printers6 li{ border-bottom:1px solid #6bc724} .rec_printers7 li{ border-bottom:1px solid #e95419} .rec_printers8 li{ border-bottom:1px solid #cd0011} .rec_printers9 li{ border-bottom:1px solid #7a0e19} .last{ border:0!important;} .rp_title{ display:block; color:#3aa4cf; font-size:14px; line-height:16px; padding-bottom:8px; text-transform:uppercase;} .rp_title a{ text-decoration:none;} .rp_title a:hover{ text-decoration:underline;} .rp_desc{ display:block; padding-bottom:20px; line-height:18px;} .rp_icon{ width:110px; float:left;} .rec_printers .even .rp_icon{ float:right;} .rp_icon span a{ margin-bottom:5px; } .rp_pic{ width:177px; float:right; overflow:hidden;} .rec_printers .even .rp_pic{ float:left;} .rp_pic img{ display:block;} .col1_text, .col2_text{ width:290px; overflow:hidden; line-height:18px;} .col1_text .cont, .col2_text .cont{ display:block; padding-top:20px; } .col2_text .cont{ padding-top:0px;} .col1_text a, .col2_text a{ font-weight:bold;} .col1_text a:hover, .col2_text a:hover{ text-decoration:none;} .para_icon{ float:left; padding-right:10px; padding-bottom:0px; } /*-------------------------------------------------------------------------------------------------------------------------------------------- T E C H N O L O G Y --------------------------------------------------------------------------------------------------------------------------------------------*/ #technology{} .tech_land_hero{ float:right;} .tech_box{ position:relative; width:626px;/*981*/ min-height:139px; height:auto!important; height:139px; margin-bottom:9px; padding:0px 335px 0px 20px; border:1px solid #d6d6d6; } .tech_box .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .tech_box .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .tech_box .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .tech_box .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .tech_box .tr{ right:-2px;} *html .tech_box .bl{ bottom:-2px;} *html .tech_box .br{ bottom:-2px; right:-2px;} .tech_box h1{ margin:18px 0 10px 0; font-size:22px; text-transform:uppercase;} .tech_box .desc{ line-height:18px; padding-bottom:18px;} .tech_promo_box{ position:relative; width:981px;/*981*/ margin-bottom:9px; background:#ffffff; border:1px solid #d6d6d6; } .tech_promo_box .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .tech_promo_box .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .tech_promo_box .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .tech_promo_box .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .tech_promo_box .tr{ right:-2px;} *html .tech_promo_box .bl{ bottom:-2px;} *html .tech_promo_box .br{ bottom:-2px; right:-2px;} .tech_promo_box h2{ margin:18px 0 10px 0; padding:0 20px; font-size:22px; text-transform:uppercase;} .tech_promo_box .desc{ line-height:18px; padding:0 20px; padding-bottom:18px;} .tech_promo{ width:966px; margin:0 7px 0 8px; margin-bottom:8px; background:url(images/background/tech-promo-bg.gif) bottom repeat-x #ffffff; } .tech_promo .vrpt{ background:url(images/background/tech-promo-middle-bg.gif) repeat-y;} .tech_promo .top{ background:url(images/background/tech-promo-top-bg.gif) no-repeat} .tech_promo .bottom{ width:966px; overflow:hidden; background:url(images/background/tech-promo-bottom-bg.gif) bottom no-repeat} .tech_promo .spromo{ position:relative; float:left; width:322px; min-height:176px; height:auto!important; height:176px;} .tech_promo .spromo h3{ margin:12px 0 15px 12px; font-size:18px; text-transform:uppercase; line-height:20px;} .tech_promo .spromo .desc{ width:115px; padding:0; margin:0; margin-left:12px; line-height:18px; } .tech_promo .spromo .find_more{ position:absolute; left:10px; bottom:15px;} /*technology sub page styles*/ .tech_hero{ padding:30px 0px 0px 35px; } .tech_hero h1{ margin-bottom:5px; font-size:36px;} .tech_hero_text{ width:310px; line-height:18px;} .tech_hero_text p{ padding-bottom:18px;} .tech_hero .selector_button{ position:absolute; top:242px; left:35px;} .tech_hero .selector_button_shadow{ top:271px; left:35px; } .tech_sub_promo_box{ position:relative; width:973px;/*981*/ margin-bottom:9px; padding-left:8px; background:#ffffff; border:1px solid #d6d6d6; } .tech_sub_promo_box .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .tech_sub_promo_box .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .tech_sub_promo_box .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .tech_sub_promo_box .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .tech_sub_promo_box .tr{ right:-2px;} *html .tech_sub_promo_box .bl{ bottom:-2px;} *html .tech_sub_promo_box .br{ bottom:-2px; right:-2px;} .tech_sub_promo_box h2{ margin:18px 0 10px 0; padding-left:12px; font-size:22px; text-transform:uppercase;} .tech_sub_promo_box .desc{ padding-left:12px; padding-right:20px; margin-bottom:10px; } .tech_sub_promo_box .desc p, .tech_sub_promo_box .desc ul, .tech_sub_promo_box .desc ol{ line-height:18px; padding-bottom:10px;} .boxTechPrompS{width:237px; float:left; margin-right:5px; margin-bottom:5px; background:url(images/background/boxTechPromo.gif) repeat-y left top; } .boxTechPrompSTp{width:100%; background:url(images/background/boxTechPromo.gif) no-repeat -237px top} .boxTechPrompSBtm{width:100%; padding-bottom:8px; background:url(images/background/boxTechPromo.gif) no-repeat right bottom} .promoTxt{ width:213px;/*237*/ min-height:92px; height:auto!important; height:92px; padding:9px 12px 0 12px; font-size:11px; } .promoTxt .desc{ position:relative; width:90px; min-height:83px; height:auto!important; height:83px; color:#343434; line-height:15px; } .promoTxt .findmore{ display:block; position:absolute; bottom:0px; left:0px; } .blackBox{width:209px;/*237*/ padding-left:12px; margin:13px 8px 0; background:url(images/background/rankingBg.gif) no-repeat left top; position:relative} .blackBoxIn{width:199px; /*209*/ padding:5px 10px 5px 0; line-height:16px; overflow:hidden; background:url(images/background/rankingBg.gif) no-repeat right top} .blackBoxIn span{float:left; font-size:12px; text-transform:uppercase; color:#fff} .tech_sub_promo3{ width:973px; overflow:hidden; padding-bottom:9px;} .tech_sub_promo3 .boxTechPrompS{width:316px; float:left; background:url(images/background/boxTechPromo3.gif) repeat-y left top; margin-right:7px} .tech_sub_promo3 .boxTechPrompSTp{width:100%; background:url(images/background/boxTechPromo3.gif) no-repeat -316px top} .tech_sub_promo3 .boxTechPrompSBtm{width:100%; padding-bottom:8px; background:url(images/background/boxTechPromo3.gif) no-repeat right bottom} .tech_sub_promo3 .promoTxt{width:295px;/*316*/ padding:9px 8px 0 13px;} .tech_sub_promo3 .promoTxt .desc{width:145px; color:#343434; line-height:15px} .tech_sub_promo3 .blackBox{width:288px;/*300*/ padding-left:12px; margin:13px 8px 0} .tech_sub_promo3 .blackBoxIn{width:278px; /*288*/ padding:5px 10px 5px 0; line-height:16px} .tech_sub_promo2{ width:973px; overflow:hidden; padding-bottom:9px;} .tech_sub_promo2 .boxTechPrompS{width:479px; float:left; background:url(images/background/boxTechPromo2.gif) repeat-y left top; margin-right:7px} .tech_sub_promo2 .boxTechPrompSTp{width:100%; background:url(images/background/boxTechPromo2.gif) no-repeat -479px top} .tech_sub_promo2 .boxTechPrompSBtm{width:100%; padding-bottom:8px; background:url(images/background/boxTechPromo2.gif) no-repeat right bottom} .tech_sub_promo2 .promoTxt{width:459px;/*479*/ padding:9px 8px 0 12px} .tech_sub_promo2 .promoTxt .desc{width:250px; color:#343434; line-height:15px} .tech_sub_promo2 .blackBox{width:451px;/*463*/ padding-left:12px; margin:13px 8px 0} .tech_sub_promo2 .blackBoxIn{width:441px; /*451*/ padding:5px 10px 5px 0; line-height:16px} .tech_sub_promo, .tech_sub_promo3, .tech_sub_promo2{ width:973px; overflow:hidden; padding-bottom:9px;} .tech_sub_promo .desc, .tech_sub_promo3 .desc, .tech_sub_promo2 .desc{ margin:0; padding:0; border:0;} /*-------------------------------------------------------------------------------------------------------------------------------------------- P R O D U C T L A N D I N G S T Y L E S --------------------------------------------------------------------------------------------------------------------------------------------*/ .product_landing_hero{ padding:25px 0px 15px 20px; } .product_landing_hero h1{ margin-bottom:5px; font-size:36px; } .product_landing_hero .desc{ width:455px;} .product_landing_hero .desc p{ margin-bottom:10px;} .product_landing_hero .selector_button{ position:absolute; top:265px; left:20px;} .product_landing_hero .feature_button{ position:absolute; top:265px; left:165px;} /*product common lhn and hero styles*/ .phero{ position:relative; width:817px; float:right; background:url(images/background/product-hero-cont-bg.gif) repeat-y #ffffff;} .phero .top{ background:url(images/background/product-hero-top-bg.gif) no-repeat;} .phero .bottom{ background:url(images/background/product-hero-bottom-bg.gif) bottom no-repeat;} .phero .cont{ height:253px; } .phero h1{ width:445px; padding:20px 0 0 22px; line-height:24px; font-size:24px; } .phero .where_button{ position:absolute; top:200px; left:24px;} .phero .where_button_shadow{ top:229px; left:24px; } .short_feat{ float:right; width:817px; background:url(images/background/short-feat-bg.gif) repeat-x; } .short_feat .vrpt{ background:url(images/background/product-hero-cont-bg.gif) repeat-y;} .short_feat .bottom{ height:65px; background:url(images/background/short-feat-bottom-bg.gif) bottom no-repeat;} .short_feat_list{ width:801px;/*817*/ overflow:hidden; padding-left:16px; padding-top:12px; } .short_feat_list li{ float:left; width:190px; margin-right:9px; font-size:14px; list-style:none; text-align:center;} .short_feat_list li span{ display:block; font-weight:bold;} .short_feat_list li img{ display:block;} /*-------------------------------------------------------------------------------------------------------------------------------------------- P R O D U C T P A G E --------------------------------------------------------------------------------------------------------------------------------------------*/ .product{ position:relative; width:981px; margin-bottom:9px; background:#ffffff; border:1px solid #d6d6d6;} .product .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .product .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .product .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .product .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .product .tr{ right:-2px;} *html .product .bl{ bottom:-2px; right:-2px;} *html .product .br{ bottom:-2px; right:-2px;} .capable{width:971px;/*981*/ padding:11px 0 12px 10px; overflow:hidden;} .capable h3{width:100%; padding-bottom:10px; font-size:22px; text-transform:uppercase} .capable ul{width:951px; padding-left:20px; font-size:12px; line-height:14px; list-style:none; overflow:hidden; } .capable ul li{float:left; width:116px; min-height:45px; height:auto!important; height:45px; padding:6px 20px 11px 51px; } .features{width:947px;/*981*/ padding:25px 0 48px 34px; overflow:hidden; } .featuresTp{width:637px;/*947*/ min-height:315px; height:auto!important; height:315px; padding-right:310px; } .features h2{width:100%; overflow:hidden; padding-bottom:7px; font-size:30px;} .features h2 span{float:left; width:220px; margin-right:10px; } .features h2 img{float:left; margin-right:2px} .smallImg{margin-top:21px} .featuresTp p{font-size:12px; line-height:19px} .ftrList{width:637px;/*637*/ padding:34px 0 0px; overflow:hidden; list-style:none; font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; } .ftrList li{width:295px;/*380*/ padding:0 0 16px 18px; line-height:15px; float:left; background:url(images/product/bulletF.gif) no-repeat 3px 4px} .ftrList li.evenLi{width:295px;/*237*/;} .ftrList li.oddLi{clear:left; margin-right:10px;} .ftrList li small{display:block; font-size:10px; font-weight:normal;} .pro_buttons{ width:98%; overflow:hidden; margin-bottom:35px; } .pro_buttons .big{ float:left; margin-right:10px;} .pro_buttons .small{ float:left; margin-right:10px;} .pro_buttons .medium{ float:left; margin-right:10px;} .specification{ margin-right:30px; } .specification h3{ font-size:18px; margin-bottom:10px;} .specification p{ margin-bottom:10px; line-height:18px;} /*-------------listDetail---------------*/ .listDetail{width:914px; margin-bottom:40px; list-style:none; overflow:hidden; } .listDetail li{width:100%; float:left; padding-bottom:5px; background:url(images/background/consumList_bg.gif) no-repeat left bottom} .listDetail li.lstLi{background:url(images/background/consumList_bg.gif) no-repeat -945px bottom} .listDetail li div{ width:904px;/*914*/ padding:8px 0 10px 10px; font-size:12px; line-height:16px; overflow:hidden; background:url(images/background/consumList_bg.gif) repeat-y -2835px top} .listDetail li.firstLi div{background:url(images/background/consumList_bg.gif) repeat-y -1890px top; padding-top:5px} .listDetail li.evnLi div{background:url(images/background/consumList_bg.gif) repeat-y -1890px top;} .listDetail li div label{width:185px; float:left; } .listDetail li div span{width:685px;/*720*/ padding-right:10px; float:right; } .listDetail li.firstLi div label, .listDetail li.firstLi div span{font-size:14px; font-weight:bold; text-transform:uppercase} /*-------------listDetail2---------------*/ .listDetail2{width:914px; margin-bottom:40px; list-style:none; overflow:hidden} .listDetail2 li{width:100%; float:left; padding-bottom:5px; background:url(images/background/consumList2_bg.gif) no-repeat left bottom} .listDetail2 li.lstLi{background:url(images/background/consumList2_bg.gif) no-repeat -945px bottom} .listDetail2 li div{width:904px;/*914*/ padding:8px 0 10px 10px; font-size:12px; line-height:15px; overflow:hidden; background:url(images/background/consumList2_bg.gif) repeat-y -2835px top} .listDetail2 li.firstLi div{background:url(images/background/consumList2_bg.gif) repeat-y -1890px top; padding-top:5px} .listDetail2 li.evnLi div{background:url(images/background/consumList2_bg.gif) repeat-y -1890px top} .listDetail2 li div label{width:170px;/*210*/ padding:0 15px 0 0; float:left;} .listDetail2 li div strong{width:185px; float:left; padding-left:20px; font-weight:normal; } .listDetail2 li div span{width:480px;/*520*/ padding-right:10px; float:right; } .listDetail2 li.firstLi div label, .listDetail2 li.firstLi div strong, .listDetail2 li.firstLi div span{font-size:14px; font-weight:bold; text-transform:uppercase} /*.listDetail{width:914px; list-style:none} .listDetail li{width:100%; float:left; padding-bottom:5px; background:url(images/product/listDetailBg.gif) no-repeat left bottom} .listDetail li div{width:894px; padding:7px 0 7px 20px; font-size:12px; line-height:19px; overflow:hidden; background:url(images/product/listDetailBg.gif) repeat-y -914px top} .listDetail li div label{width:163px; float:left} .listDetail li div span{width:698px; padding-right:10px; float:right} .listDetail li.firstLi{padding-bottom:3px} .listDetail li.firstLi div{background:#fff} .listDetail li.firstLi div label, .listDetail li.firstLi div span{font-size:14px; font-weight:bold; text-transform:uppercase} .listDetail li.evnLi div{background-position:right bottom} .listDetail2{width:945px; list-style:none; overflow:hidden} .listDetail2 li{width:100%;float:left; padding-bottom:5px; background:url(images/background/consumList2_bg.gif) no-repeat left bottom} .listDetail2 li div{width:935px; padding:8px 0 10px 10px; font-size:12px; line-height:15px; overflow:hidden; background:url(images/background/consumList2_bg.gif) repeat-y -2835px top} .listDetail2 li.firstLi div{background:url(images/background/consumList2_bg.gif) repeat-y -1890px top; padding-top:5px} .listDetail2 li.evnLi div{background:url(images/background/consumList2_bg.gif) repeat-y right top} .listDetail2 li div label{width:190px; padding:0 20px 0 0; float:left} .listDetail2 li div strong{width:185px; float:left; font-weight:normal} .listDetail2 li div span{width:510px; padding-right:10px; float:right} .listDetail2 li.firstLi div label, .listDetail2 li.firstLi div strong, .listDetail2 li.firstLi div span{font-size:14px; font-weight:bold; text-transform:uppercase} */ /*-------------------------------------------------------------------------------------------------------------------------------------------- T H E M E F O R P R O D U C T P A G E --------------------------------------------------------------------------------------------------------------------------------------------*/ #color1 .capable ul li{background:url(images/product/iconCapable1.gif) no-repeat;} #color2 .capable ul li{background:url(images/product/iconCapable2.gif) no-repeat;} #color3 .capable ul li{background:url(images/product/iconCapable3.gif) no-repeat;} #color4 .capable ul li{background:url(images/product/iconCapable4.gif) no-repeat;} #color5 .capable ul li{background:url(images/product/iconCapable5.gif) no-repeat;} #color6 .capable ul li{background:url(images/product/iconCapable6.gif) no-repeat;} #color7 .capable ul li{background:url(images/product/iconCapable7.gif) no-repeat;} #color8 .capable ul li{background:url(images/product/iconCapable8.gif) no-repeat;} #color9 .capable ul li{background:url(images/product/iconCapable9.gif) no-repeat;} #color1 .features{background:url(images/product/featuresBg1.gif) no-repeat 10px 127px} #color2 .features{background:url(images/product/featuresBg2.gif) no-repeat 10px 127px} #color3 .features{background:url(images/product/featuresBg3.gif) no-repeat 10px 127px} #color4 .features{background:url(images/product/featuresBg4.gif) no-repeat 10px 127px} #color5 .features{background:url(images/product/featuresBg5.gif) no-repeat 10px 127px} #color6 .features{background:url(images/product/featuresBg6.gif) no-repeat 10px 127px} #color7 .features{background:url(images/product/featuresBg7.gif) no-repeat 10px 127px} #color8 .features{background:url(images/product/featuresBg8.gif) no-repeat 10px 127px} #color9 .features{background:url(images/product/featuresBg9.gif) no-repeat 10px 127px} /*-------------------------------------------------------------------------------------------------------------------------------------------- P R I N T E R S E L E C T O R --------------------------------------------------------------------------------------------------------------------------------------------*/ .ps_hero{ padding:20px 35px 0px 35px; } .ps_hero h1{ margin-bottom:5px; font-size:36px; text-align:center;} .ps_hero p{ margin-bottom:10px;} .printerSelector{ position:relative; width:981px; margin-bottom:9px; background:#ffffff; border:1px solid #d6d6d6;} .printerSelector .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .printerSelector .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .printerSelector .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .printerSelector .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .printerSelector .tr{ right:-2px;} *html .printerSelector .bl{ bottom:-2px; right:-2px;} *html .printerSelector .br{ bottom:-2px; right:-2px;} .printerSelector .cont{width:969px;/*981*/ padding:0 4px 0 8px} .printerSelector h2{ padding:12px 0 0 20px; font-size:36px;} .boxRow1 h4 label, .boxRow2 h4 label{color:#333} .box2InBtm2{width:237px;/*237*/ padding-bottom:0px; background:url(images/background/box2InBtm2N.gif) no-repeat left bottom} .rollover .box2InBtm2{background-image:url(images/background/box2InBtm2R.gif)} .select .box2InBtm2{background-image:url(images/background/box2InBtm2S.gif)} .indCard2{width:227px;/*237*/ padding:23px 5px; text-transform:uppercase; font-weight:bold; text-align:center} .indCard2 strong{font-size:25px; line-height:22px; display:block} .indCard2 span{font-size:12px; line-height:15px; display:block} /*----------box4-------*/ .boxRow4{width:100%;/*969*/ padding:10px 0 34px 0; overflow:hidden} .boxRow4 h4{width:100%; padding-bottom:14px; padding-left:10px; float:left; color:#3AA4CF; font-size:18px; text-transform:uppercase; } .boxRow4 h4 label{color:#333} .box4Tp{width:483px; background:#fff no-repeat left top; margin-right:1px} .box4Btm{width:479px; padding:2px 2px 9px; background:no-repeat -483px bottom} .box4In{width:100%; background:repeat-y -966px top} .box4InTp{width:100%; background:no-repeat -1445px top} .box4InBtm{width:479px;/*479*/ background:no-repeat right bottom} .rollover .box4Tp{background-color:#F2F2F2} .select .box4Tp{background-color:#3AA4CF} .normal .box4Tp, .normal .box4Btm, .normal .box4In, .normal .box4InTp, .normal .box4InBtm{background-image:url(images/background/box4N.gif);} .rollover .box4Tp, .rollover .box4Btm, .rollover .box4In, .rollover .box4InTp, .rollover .box4InBtm{background-image:url(images/background/box4R.gif)} .select .box4Tp, .select .box4Btm, .select .box4In, .select .box4InTp, .select .box4InBtm{background-image:url(images/background/box4S.gif)} .box4Card{width:auto;/*479*/ padding:12px 0 2px; overflow:hidden; line-height:83px; text-transform:uppercase} .box4Card label{width:250px; text-align:right; display:block; font-size:30px; font-weight:bold; float:left} .box4Card img{float:left} label.lftLabel{width:280px} .box4Txt2{width:320px;/*479*/ padding-left:30px; line-height:24px; font-size:11px; text-transform:uppercase; display:block; margin:8px 0 0 124px; color:#E1E1E1; background:url(images/background/icon1N.gif) no-repeat} .rollover .box4Txt2{background:url(images/background/icon1R.gif) no-repeat;} .select .box4Txt2{color:#fff; background:url(images/members/icon1S.gif) no-repeat;} /*-------------------------------------------------------------------------------------------------------------------------------------------- F E A T U R E M A T R I X --------------------------------------------------------------------------------------------------------------------------------------------*/ /*fm_hero lhn and hero styles*/ .fm_hero{ padding:20px 35px 0px 35px; } .fm_hero h1{ margin-bottom:5px; font-size:36px; } .fm_hero p{ margin-bottom:10px;} .tableColored{width:100%;/*983*/ background:url(images/background/tblColoredBg.gif) no-repeat left top; padding-top:4px; margin-bottom:9px;} .tblBody{width:948px;/*983*/ padding:25px 17px 4px 18px; background:url(images/background/tblColoredBg.gif) repeat-y center top} .tblFtr{width:969px;/*983*/ height:45px;/*70*/ padding:13px 14px 12px 0;background:url(images/background/tblColoredBg.gif) no-repeat right bottom;overflow:hidden} .tblFtr ul{ height:45px; float:right; list-style:none; } .tblFtr li{width:133px; height:45px; float:left; margin-right:2px; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:right; overflow:hidden; position:relative} .tblFtr li img{float:left; position:absolute; left:0; top:0;} .tblFtr li a{width:124px;/*133*/ padding:3px 9px 2px 0; background:url(images/background/tblFtrItemsBg.png) no-repeat right top; line-height:20px; display:block; margin-top:10px; color:#fefefe; text-decoration:none} .tbl{font-size:11px; vertical-align:top} .tbl td{width:132px;} .tbl .fm_col1{/*width:160px!important*/} .tblHdr{font-size:14px; font-weight:bold; line-height:18px; height:18px;/*22*/ padding:2px 0; text-transform:uppercase} .tblHdr1{color:#333; background-color:#fff;} .tblHdr2{color:#fff; background-color:#494949} .tblHdr3{color:#fff; background-color:#6d6d6d} .tbl .tblHdr th{text-align:center; font-weight:bold; padding-left:0} .tbl .tblHdr .tblHdr1{ text-align:left; padding-left:5px;} .tbl td{/*width:122px;*/ padding:9px 0 7px 10px;} .tbl td img{margin:0 4px -2px 0} .fm_col2, .fm_col3, .fm_col4, .fm_col5, .fm_col6, .fm_col7{ width:133px;} .oddRow .fm_col1{ background:#f3f3f3; } .oddRow .fm_col2{ background:#e7cfc5; } .oddRow .fm_col3{ background:#d3e2c8; } .oddRow .fm_col4{ background:#cadce3; } .oddRow .fm_col5{ background:#cbc6d4; } .oddRow .fm_col6{ background:#ddc1d4; } .oddRow .fm_col7{ background:#d6c4c6; } .evenRow .fm_col1{ background:#f9f9f9; } .evenRow .fm_col2{ background:#f6d9ce; } .evenRow .fm_col3{ background:#def0d1; } .evenRow .fm_col4{ background:#d5e9f1; } .evenRow .fm_col5{ background:#d4cfdf; } .evenRow .fm_col6{ background:#eac9df; } .evenRow .fm_col7{ background:#e1ccce; } /*-------------------------------------------------------------------------------------------------------------------------------------------- I N D U S T R Y S T Y L E S --------------------------------------------------------------------------------------------------------------------------------------------*/ /*industry lhn and hero styles*/ .industry_landing_hero{ padding:15px 0px 15px 0px;} .industry_landing_hero h1{ margin-bottom:5px; font-size:36px; text-align:center;} /*industry lhn and hero styles*/ .industry_hero{ padding:30px 0px 0px 35px; } .industry_hero h1{ margin-bottom:5px; font-size:36px; text-transform:uppercase;} .industry_hero_text{ width:370px; line-height:18px;} .industry_hero_text p{ padding-bottom:18px;} .industry_hero .feature_button{ position:absolute; top:238px; left:35px;} .industry_hero .selector_button{ position:absolute; top:238px; left:180px;} .industry_hero .feature_button_shadow{ position:absolute; top:267px; left:35px; } .industry_hero .selector_button_shadow{ position:absolute; top:267px; left:180px; } /*transport lhn and hero styles*/ .transport_hero{ padding:20px 0px 0px 35px; } .transport_hero h1{ width:330px; line-height:28px; font-size:36px; } .transport_hero_text{ width:340px; line-height:18px;} .transport_hero_text p{ padding-bottom:18px;} .transport_hero .feature_button{ position:absolute; top:255px; left:35px;} .transport_hero .selector_button{ position:absolute; top:255px; left:180px;} .transport_hero .feature_button_shadow{ position:absolute; top:284px; left:35px; } .transport_hero .selector_button_shadow{ position:absolute; top:284px; left:180px; } .industry{ position:relative; width:981px; margin-bottom:9px; background:#ffffff; border:1px solid #d6d6d6;} .industry .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .industry .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .industry .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .industry .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .industry .tr{ right:-2px;} *html .industry .bl{ bottom:-2px; right:-2px;} *html .industry .br{ bottom:-2px; right:-2px;} .industry .cont{width:969px;/*981*/ padding:12px 4px 0 8px} .industry h2, .industry h3{ padding-left:10px; font-size:36px; text-transform:uppercase; color:#333; line-height:28px} .industry h3{font-size:18px; padding-bottom:18px; line-height:18px} .normal, .rollover, .select{float:left} /*-------box1-------*/ .boxRow1{width:100%;/*969*/ padding:17px 0 34px 0; overflow:hidden; background:url(images/background/brdr1.gif) repeat-x} .boxRow1 h4{width:100%; padding-bottom:12px; padding-left:10px; float:left; color:#E95419; font-size:18px; text-transform:uppercase} .box1Tp{width:320px; background:#fff no-repeat left top; margin-right:2px} .box1Btm{width:316px; padding:2px 2px 9px; background:no-repeat -320px bottom} .box1In{width:100%; background:repeat-y -640px top} .box1InTp{width:100%; background:no-repeat -956px top} .box1InBtm{width:306px;/*316*/ padding:29px 5px; background:no-repeat right bottom} .rollover .box1Tp{background-color:#F2F2F2} .select .box1Tp{background-color:#E95419} .normal .box1Tp, .normal .box1Btm, .normal .box1In, .normal .box1InTp, .normal .box1InBtm{background-image:url(images/background/box1N.gif)} .rollover .box1Tp, .rollover .box1Btm, .rollover .box1In, .rollover .box1InTp, .rollover .box1InBtm{background-image:url(images/background/box1R.gif)} .select .box1Tp, .select .box1Btm, .select .box1In, .select .box1InTp, .select .box1InBtm{background-image:url(images/background/box1S.gif)} .box1Txt{width:100%; font-size:44px; display:block; text-transform:uppercase; text-align:center; overflow:hidden} .box1Txt small{font-size:27px; padding-bottom:0; font-weight:bold} .box1Txt2{width:260px;/*316*/ padding-left:30px; line-height:24px; font-size:11px; text-transform:uppercase; display:block; margin:7px 0 0 19px; color:#E1E1E1; background:url(images/background/icon1N.gif) no-repeat} .rollover .box1Txt2{background:url(images/background/icon1R.gif) no-repeat;} .select .box1Txt2{color:#fff; background:url(images/background/icon1S.gif) no-repeat;} /*-------box2-------*/ .boxRow2{width:100%;/*969*/ padding:16px 0 32px 0; overflow:hidden; background:url(images/background/brdr1.gif) repeat-x} .boxRow2 h4{width:100%; padding-bottom:18px; padding-left:10px; float:left; color:#E95419; font-size:18px; text-transform:uppercase} .boxRow2 h4 small{font-size:12px} .box2Tp{width:241px; background:#fff no-repeat left top; margin-right:1px} .box2Btm{width:237px; padding:2px 2px 7px; background:no-repeat -241px bottom} .box2In{width:100%; background:repeat-y -482px top} .box2InTp{width:100%; background:no-repeat -719px top} .box2InBtm{width:237px;/*237*/ padding-bottom:12px; background:no-repeat right bottom} .rollover .box2Tp{background-color:#F2F2F2} .select .box2Tp{background-color:#E95419} .normal .box2Tp, .normal .box2Btm, .normal .box2In, .normal .box2InTp, .normal .box2InBtm{background-image:url(images/background/box2N.gif)} .rollover .box2Tp, .rollover .box2Btm, .rollover .box2In, .rollover .box2InTp, .rollover .box2InBtm{background-image:url(images/background/box2R.gif)} .select .box2Tp, .select .box2Btm, .select .box2In, .select .box2InTp, .select .box2InBtm{background-image:url(images/background/box2S.gif)} .indCard1{width:221px;/*237*/ height:95px;/*74-12-12*/ padding:12px 8px 12px; overflow:hidden} .indCard1 img{float:right; margin-top:10px} .indCard1 span{font-size:11px; color:#343434; line-height:15px} .indCard1 a{font-size:10px; font-weight:bold; display:block} .indCard1 .findmore{ font-weight:bold;} .rank{width:209px;/*237*/ padding-left:12px; margin:0 8px; background:url(images/background/rankingBg.gif) no-repeat left top; position:relative} .rankIn{width:199px; /*209*/ padding:5px 10px 5px 0; line-height:16px; overflow:hidden; background:url(images/background/rankingBg.gif) no-repeat right top} .rankIn span{float:left; font-size:12px; text-transform:uppercase; color:#fff} .cardIcon{ position:absolute; right:0; top:-8px} .box2Txt2{width:190px;/*237*/ padding-left:30px; line-height:24px; font-size:11px; text-transform:uppercase; display:block; margin:7px 0 0 16px; color:#E1E1E1; background:url(images/background/icon1N.gif) no-repeat} .rollover .box2Txt2{background:url(images/background/icon1R.gif) no-repeat;} .select .box2Txt2{color:#fff; background:url(images/background/icon1S.gif) no-repeat;} /*-------box3-------*/ .boxRow3{width:100%;/*969*/ padding:16px 0 32px 0; overflow:hidden} .boxRow3 h4{width:100%; padding-bottom:18px; padding-left:10px; float:left; color:#333333; font-size:32px; text-transform:uppercase} .box3Tp{width:160px; background:#fff no-repeat left top; margin-right:1px} .box3Btm{width:156px; padding:2px 2px 11px; background:no-repeat -160px bottom} .box3In{width:100%; background:repeat-y -320px top} .box3InTp{width:100%; background:no-repeat -476px top} .box3InBtm{width:156px;/*156*/ padding-bottom:9px; background:no-repeat right bottom} .rollover .box3Tp{background-color:#F2F2F2} .select .box3Tp{background-color:#E95419} .normal .box3Tp, .normal .box3Btm, .normal .box3In, .normal .box3InTp, .normal .box3InBtm{background-image:url(images/background/box3N.gif)} .rollover .box3Tp, .rollover .box3Btm, .rollover .box3In, .rollover .box3InTp, .rollover .box3InBtm{background-image:url(images/background/box3R.gif)} .select .box3Tp, .select .box3Btm, .select .box3In, .select .box3InTp, .select .box3InBtm{background-image:url(images/background/box3S.gif)} .printerEqp{width:146px;/*156px*/ padding:13px 2px 10px 8px; overflow:hidden} .boxRow3 .rank{width:128px;/*156*/ padding-left:12px; margin:0 8px} .boxRow3 .rankIn{width:118px; /*128*/ padding:5px 10px 5px 0; line-height:16px; overflow:hidden} .boxRow3 .rankIn span{float:left; font-size:12px; text-transform:uppercase; color:#fff} .box3Txt2{width:115px;/*156*/ padding-left:30px; line-height:24px; font-size:11px; text-transform:uppercase; display:block; margin:6px 0 0 11px; color:#E1E1E1; background:url(images/background/icon1N.gif) no-repeat} .rollover .box3Txt2{background:url(images/background/icon1R.gif) no-repeat;} .select .box3Txt2{color:#fff; background:url(images/background/icon1S.gif) no-repeat;} .printerDtl{width:137px; padding:20px 8px 0 11px; /*156*/ overflow:hidden; list-style:none} .printerDtl li{width:100%; float:left; padding-bottom:20px;} .printerDtl li a{width:100%; float:left; line-height:13px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#e1e1e1} .select .printerDtl li a{color:#fff} /*------------------------------------------------------------------------------------------ C O L O R T H E M E F O R [page:industry] ---------------------------------------------------------------------------------------------*/ /*---------law-------*/ #law .boxRow4 h4{color:#e95419} #law .select .box4Tp{background-color:#e95419} #law .select .box4InBtm{background-image:url(images/background/box4S.gif)} #law .select .box4Txt2{background:url(images/background/icon1S.gif) no-repeat;} #law .select .box2InBtm2{background-image:url(images/background/box2InBtm2S.gif)} /*---------government-------*/ #government .boxRow1 h4, #government .boxRow2 h4, #government .boxRow4 h4{color:#6BC724} #government .select .box1Tp, #government .select .box2Tp, #government .select .box3Tp, #government .select .box4Tp{background-color:#6BC724} #government .select .box1Tp, #government .select .box1Btm, #government .select .box1In, #government .select .box1InTp, #government .select .box1InBtm{background-image:url(images/government/box1S.gif)} #government .select .box2Tp, #government .select .box2Btm, #government .select .box2In, #government .select .box2InTp, #government .select .box2InBtm{background-image:url(images/government/box2S.gif)} #government .select .box2InBtm2{background-image:url(images/government/box2InBtm2S.gif)} #government .select .box3Tp, #government .select .box3Btm, #government .select .box3In, #government .select .box3InTp, #government .select .box3InBtm{background-image:url(images/government/box3S.gif)} #government .select .box4Tp, #government .select .box4Btm, #government .select .box4In, #government .select .box4InTp, #government .select .box4InBtm{background-image:url(images/government/box4S.gif)} #government .select .box1Txt2, #government .select .box2Txt2, #government .select .box3Txt2, #government .select .box4Txt2{background:url(images/government/icon1S.gif) no-repeat;} /*---------corporate-------*/ #corporate .boxRow1 h4, #corporate .boxRow2 h4, #corporate .boxRow4 h4{color:#1DAB75} #corporate .select .box1Tp, #corporate .select .box2Tp, #corporate .select .box3Tp, #corporate .select .box4Tp{background-color:#1DAB75} #corporate .select .box1Tp, #corporate .select .box1Btm, #corporate .select .box1In, #corporate .select .box1InTp, #corporate .select .box1InBtm{background-image:url(images/corporate/box1S.gif)} #corporate .select .box2Tp, #corporate .select .box2Btm, #corporate .select .box2In, #corporate .select .box2InTp, #corporate .select .box2InBtm{background-image:url(images/corporate/box2S.gif)} #corporate .select .box2InBtm2{background-image:url(images/corporate/box2InBtm2S.gif)} #corporate .select .box3Tp, #corporate .select .box3Btm, #corporate .select .box3In, #corporate .select .box3InTp, #corporate .select .box3InBtm{background-image:url(images/corporate/box3S.gif)} #corporate .select .box4Tp, #corporate .select .box4Btm, #corporate .select .box4In, #corporate .select .box4InTp, #corporate .select .box4InBtm{background-image:url(images/corporate/box4S.gif)} #corporate .select .box1Txt2, #corporate .select .box2Txt2, #corporate .select .box3Txt2, #corporate .select .box4Txt2{background:url(images/corporate/icon1S.gif) no-repeat;} /*---------members-------*/ #members .boxRow1 h4, #members .boxRow2 h4, #members .boxRow4 h4{color:#3AA4CF} #members .select .box1Tp, #members .select .box2Tp, #members .select .box3Tp, #members .select .box4Tp{background-color:#3AA4CF} #members .select .box1Tp, #members .select .box1Btm, #members .select .box1In, #members .select .box1InTp, #members .select .box1InBtm{background-image:url(images/members/box1S.gif)} #members .select .box2Tp, #members .select .box2Btm, #members .select .box2In, #members .select .box2InTp, #members .select .box2InBtm{background-image:url(images/members/box2S.gif)} #members .select .box2InBtm2{background-image:url(images/members/box2InBtm2S.gif)} #members .select .box3Tp, #members .select .box3Btm, #members .select .box3In, #members .select .box3InTp, #members .select .box3InBtm{background-image:url(images/members/box3S.gif)} #members .select .box4Tp, #members .select .box4Btm, #members .select .box4In, #members .select .box4InTp, #members .select .box4InBtm{background-image:url(images/members/box4S.gif)} #members .select .box1Txt2, #members .select .box2Txt2, #members .select .box3Txt2, #members .select .box4Txt2{background:url(images/members/icon1S.gif) no-repeat;} /*---------retail-------*/ #retail .boxRow1 h4, #retail .boxRow2 h4, #retail .boxRow4 h4{color:#AC0070} #retail .select .box1Tp, #retail .select .box2Tp, #retail .select .box3Tp, #retail .select .box4Tp{background-color:#AC0070} #retail .select .box1Tp, #retail .select .box1Btm, #retail .select .box1In, #retail .select .box1InTp, #retail .select .box1InBtm{background-image:url(images/retail/box1S.gif)} #retail .select .box2Tp, #retail .select .box2Btm, #retail .select .box2In, #retail .select .box2InTp, #retail .select .box2InBtm{background-image:url(images/retail/box2S.gif)} #retail .select .box2InBtm2{background-image:url(images/retail/box2InBtm2S.gif)} #retail .select .box3Tp, #retail .select .box3Btm, #retail .select .box3In, #retail .select .box3InTp, #retail .select .box3InBtm{background-image:url(images/retail/box3S.gif)} #retail .select .box4Tp, #retail .select .box4Btm, #retail .select .box4In, #retail .select .box4InTp, #retail .select .box4InBtm{background-image:url(images/retail/box4S.gif)} #retail .select .box1Txt2, #retail .select .box2Txt2, #retail .select .box3Txt2, #retail .select .box4Txt2{background:url(images/retail/icon1S.gif) no-repeat;} /*---------events-------*/ #events .boxRow1 h4, #events .boxRow2 h4, #events .boxRow4 h4{color:#3A1C71} #events .select .box1Tp, #events .select .box2Tp, #events .select .box3Tp, #events .select .box4Tp{background-color:#3A1C71} #events .select .box1Tp, #events .select .box1Btm, #events .select .box1In, #events .select .box1InTp, #events .select .box1InBtm{background-image:url(images/events/box1S.gif)} #events .select .box2Tp, #events .select .box2Btm, #events .select .box2In, #events .select .box2InTp, #events .select .box2InBtm{background-image:url(images/events/box2S.gif)} #events .select .box2InBtm2{background-image:url(images/events/box2InBtm2S.gif)} #events .select .box3Tp, #events .select .box3Btm, #events .select .box3In, #events .select .box3InTp, #events .select .box3InBtm{background-image:url(images/events/box3S.gif)} #events .select .box4Tp, #events .select .box4Btm, #events .select .box4In, #events .select .box4InTp, #events .select .box4InBtm{background-image:url(images/events/box4S.gif)} #events .select .box1Txt2, #events .select .box2Txt2, #events .select .box3Txt2, #events .select .box4Txt2{background:url(images/events/icon1S.gif) no-repeat;} /*---------transport-------*/ #transport .boxRow1 h4, #transport .boxRow2 h4, #transport .boxRow4 h4{color:#2045A8} #transport .select .box1Tp, #transport .select .box2Tp, #transport .select .box3Tp, #transport .select .box4Tp{background-color:#2045A8} #transport .select .box1Tp, #transport .select .box1Btm, #transport .select .box1In, #transport .select .box1InTp, #transport .select .box1InBtm{background-image:url(images/transport/box1S.gif)} #transport .select .box2Tp, #transport .select .box2Btm, #transport .select .box2In, #transport .select .box2InTp, #transport .select .box2InBtm{background-image:url(images/transport/box2S.gif)} #transport .select .box2InBtm2{background-image:url(images/transport/box2InBtm2S.gif)} #transport .select .box3Tp, #transport .select .box3Btm, #transport .select .box3In, #transport .select .box3InTp, #transport .select .box3InBtm{background-image:url(images/transport/box3S.gif)} #transport .select .box4Tp, #transport .select .box4Btm, #transport .select .box4In, #transport .select .box4InTp, #transport .select .box4InBtm{background-image:url(images/transport/box4S.gif)} #transport .select .box1Txt2, #transport .select .box2Txt2, #transport .select .box3Txt2, #transport .select .box4Txt2{background:url(images/transport/icon1S.gif) no-repeat;} /*---------healthcare[Dipu-17-06-2009]-------*/ #healthcare .boxRow1 h4, #healthcare .boxRow2 h4, #healthcare .boxRow4 h4{color:#CD0011;} #healthcare .select .box1Tp, #healthcare .select .box2Tp, #healthcare .select .box3Tp, #healthcare .select .box4Tp{background-color:#CD0011} #healthcare .select .box1Tp, #healthcare .select .box1Btm, #healthcare .select .box1In, #healthcare .select .box1InTp, #healthcare .select .box1InBtm{background-image:url(images/healthcare/box1S.gif)} #healthcare .select .box2Tp, #healthcare .select .box2Btm, #healthcare .select .box2In, #healthcare .select .box2InTp, #healthcare .select .box2InBtm{background-image:url(images/healthcare/box2S.gif)} #healthcare .select .box2InBtm2{background-image:url(images/healthcare/box2InBtm2S.gif)} #healthcare .select .box3Tp, #healthcare .select .box3Btm, #healthcare .select .box3In, #healthcare .select .box3InTp, #healthcare .select .box3InBtm{background-image:url(images/healthcare/box3S.gif)} #healthcare .select .box4Tp, #healthcare .select .box4Btm, #healthcare .select .box4In, #healthcare .select .box4InTp, #healthcare .select .box4InBtm{background-image:url(images/healthcare/box4S.gif)} #healthcare .select .box1Txt2, #healthcare .select .box2Txt2, #healthcare .select .box3Txt2, #healthcare .select .box4Txt2{background:url(images/healthcare/icon1S.gif) no-repeat;} /*---------schools[Dipu-17-06-2009]-------*/ #schools .boxRow1 h4, #schools .boxRow2 h4, #schools .boxRow4 h4{color:#7A0E19} #schools .select .box1Tp, #schools .select .box2Tp, #schools .select .box3Tp, #schools .select .box4Tp{background-color:#7A0E19} #schools .select .box1Tp, #schools .select .box1Btm, #schools .select .box1In, #schools .select .box1InTp, #schools .select .box1InBtm{background-image:url(images/schools/box1S.gif)} #schools .select .box2Tp, #schools .select .box2Btm, #schools .select .box2In, #schools .select .box2InTp, #schools .select .box2InBtm{background-image:url(images/schools/box2S.gif)} #schools .select .box2InBtm2{background-image:url(images/schools/box2InBtm2S.gif)} #schools .select .box3Tp, #schools .select .box3Btm, #schools .select .box3In, #schools .select .box3InTp, #schools .select .box3InBtm{background-image:url(images/schools/box3S.gif)} #schools .select .box4Tp, #schools .select .box4Btm, #schools .select .box4In, #schools .select .box4InTp, #schools .select .box4InBtm{background-image:url(images/schools/box4S.gif)} #schools .select .box1Txt2, #schools .select .box2Txt2, #schools .select .box3Txt2, #schools .select .box4Txt2{background:url(images/schools/icon1S.gif) no-repeat;} /*---------printer selector-------*/ #ps .boxRow1 h4, #ps .boxRow2 h4{color:#3AA4CF} #ps .select .box1Tp, #ps .select .box2Tp, #ps .select .box3Tp, #ps .select .box4Tp{background-color:#3AA4CF} #ps .select .box1Tp, #ps .select .box1Btm, #ps .select .box1In, #ps .select .box1InTp, #ps .select .box1InBtm{background-image:url(images/members/box1S.gif)} #ps .select .box2Tp, #ps .select .box2Btm, #ps .select .box2In, #ps .select .box2InTp, #ps .select .box2InBtm{background-image:url(images/members/box2S.gif)} #ps .select .box2InBtm2{background-image:url(images/members/box2InBtm2S.gif)} #ps .select .box3Tp, #ps .select .box3Btm, #ps .select .box3In, #ps .select .box3InTp, #ps .select .box3InBtm{background-image:url(images/members/box3S.gif)} #ps .select .box4Tp, #ps .select .box4Btm, #ps .select .box4In, #ps .select .box4InTp, #ps .select .box4InBtm{background-image:url(images/members/box4S.gif)} #ps .select .box1Txt2, #ps .select .box2Txt2, #ps .select .box3Txt2, #ps .select .box4Txt2{background:url(images/members/icon1S.gif) no-repeat;} /*-------------------------------------------------------------------------------------------------------------------------------------------- C O N T A C T --------------------------------------------------------------------------------------------------------------------------------------------*/ .contact_info{ position:relative; width:951px;/*981*/ margin-bottom:9px; padding:17px 13px 0px 17px; background:#ffffff; border:1px solid #d6d6d6;} .contact_info .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .contact_info .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .contact_info .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .contact_info .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .contact_info .tr{ right:-2px;} *html .contact_info .bl{ bottom:-2px;} *html .contact_info .br{ bottom:-2px; right:-2px;} .contact_info .cont{ width:951px; overflow:hidden;} .contact_info .cont_succ, .contact_info .cont_err{ display:none; padding:0 70px 15px 40px; } .contact_info .cont_succ span{ display:block; font-weight:bold; border:1px solid #07b207; background:#dcffdc; padding:4px 10px;} .contact_info .cont_err span{ display:block; font-weight:bold; border:1px solid #b70404; background:#ffe7e7; padding:4px 10px;} .contact_info .left{ float:left; width:493px; padding-bottom:13px; } .contact_info .left h2{ padding-bottom:20px; font-size:36px; text-transform:uppercase;} .contact_form{ width:493px; overflow:hidden; } .form_bar{ position:relative; float:left; width:25px; min-height:312px; height:auto!important; height:312px; margin-right:2px; } .form_cont{ float:left; width:400px;/*411*/ overflow:hidden; padding-left:11px;} .form_cont .long, .form_cont .short{width:386px;/*391*/ padding:4px 3px; margin:0 1px 1px 0; background:url(images/txtLongErr.gif) no-repeat -1500px top; float:left} .form_cont .short{width:189px;/*195*/ padding:1px 3px 3px; background-image:url(images/txtShortErr.gif)} *html .form_cont .short{ padding-right:2px} .form_cont .req_err{background-position:left top} .form_cont .field{width:95%; float:left; line-height:14px;/*17*/ padding:0 0 3px 3px;} .form_cont .txt, .form_cont .txtArea{ float:left; height:16px;/*18*/ padding:1px 2px; border:1px solid #cacaca; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .form_cont .long .txt, .form_cont .long .txtArea{ width:379px;/*383*/} .form_cont .short .txt, .form_cont .short .txtArea{ width:183px;/*187*/} .form_cont .txtArea{height:135px;/*137*/} .form_cont .req{ color:#ca0083;} .form_cont .button{ padding-top:13px;} .form_cont select{ width:100%; float:left; height:20px; font-size:11px; border:1px solid #cacaca;} .form_cont .formButns{width:386px;/*391*/ padding:4px 3px; overflow:hidden; position:absolute; left:11px; bottom:0} .formButns .continue, .formButns .submit{float:right} .formButns .back, .formButns .req{float:left} .formButns .req{padding-top:15px; font-size:10px} /*.botton_urdetails{ clear:both; width:381px; overflow:hidden; padding-top:13px; } .botton_urdetails span{ float:right; } .botton_enquiry{ clear:both; width:381px; overflow:hidden; padding-top:13px; } .botton_enquiry .back{ float:left;} .botton_enquiry .continue{ float:right;} .botton_additional{ clear:both; width:381px; overflow:hidden; padding-top:13px; margin-right:-5px; } .botton_additional .back{ float:left;} .botton_additional .submit{ float:right; }*/ .personal_bar{ background:url(images/background/form-bar-personal-bg.gif) no-repeat #2fa7d4;} .personal_bar .expand{ position:absolute; display:none; width:15px; height:11px; top:294px; left:5px; background:url(images/background/form-bar-personal-expand.gif) no-repeat; } .personal_bar .collapse{ position:absolute; display:block; width:15px; height:11px; top:294px; left:5px; background:url(images/background/form-bar-personal-collapse.gif) no-repeat; } .enquiry_bar{ background:url(images/background/form-bar-enquiry-bg.gif) no-repeat #d4309a; } .enquiry_bar .expand{ position:absolute; display:block; width:15px; height:11px; top:294px; left:5px; background:url(images/background/form-bar-enquiry-expand.gif) no-repeat; } .enquiry_bar .collapse{ position:absolute; display:none; width:15px; height:11px; top:294px; left:5px; background:url(images/background/form-bar-enquiry-collapse.gif) no-repeat; } .additional_bar{ background:url(images/background/form-bar-additional-bg.gif) no-repeat #6b40b2;} .additional_bar .expand{ position:absolute; display:block; width:15px; height:11px; top:294px; left:5px; background:url(images/background/form-bar-additional-expand.gif) no-repeat; } .additional_bar .collapse{ position:absolute; display:none; width:15px; height:11px; top:294px; left:5px; background:url(images/background/form-bar-additional-collapse.gif) no-repeat; } .contact_info .right{ float:right; width:452px; padding-top:48px; } .contact_info .right h3{ font-size:18px; text-transform:uppercase;} .contact_info .map{ position:relative; min-height:310px; height:auto!important; height:310px; background:url(images/map.gif) 0 22px no-repeat;} .pos_usa{ position:absolute; display:block; width:34px; height:9px; top:100px; left:44px; cursor:pointer; background:url(images/background/pos-usa-hover-bg.gif) 0 -100px no-repeat; } .pos_usa:hover{ background-position: left top;} .pos_uk{ position:absolute; display:block; width:32px; height:18px; top:81px; left:190px; cursor:pointer; background:url(images/background/pos-uk-hover-bg.gif) 0 -100px no-repeat; } .pos_uk:hover{ background-position: left top;} .pos_dubai{ position:absolute; display:block; width:41px; height:8px; top:138px; left:248px; cursor:pointer; background:url(images/background/pos-dubai-hover-bg.gif) 0 -100px no-repeat; } .pos_dubai:hover{ background-position: left top;} .pos_china{ position:absolute; display:block; width:51px; height:12px; top:127px; left:318px; cursor:pointer; background:url(images/background/pos-china-hover-bg.gif) 0 -100px no-repeat; } .pos_china:hover{ background-position: left top;} .pos_aus{ position:absolute; display:block; width:71px; height:12px; top:226px; left:319px; cursor:pointer; background:url(images/background/pos-australia-hover-bg.gif) 0 -100px no-repeat; } .pos_aus:hover{ background-position: left top;} .map_office_add_usa{ position:absolute; width:232px; height:200px; top:109px; left:9px; background:url(images/background/office-add-usa-bg.png);} .map_office_add_usa .map_cont{ padding:16px 17px 15px 10px; } .map_office_add_usa .map_close{ position:absolute; display:block; width:40px; height:10px; top:13px; right:17px; } .map_office_add_uk{ position:absolute; width:239px; height:206px; top:95px; left:11px; background:url(images/background/office-add-uk-bg.png);} .map_office_add_uk .map_cont{ padding:15px 18px 12px 10px; } .map_office_add_uk .map_close{ position:absolute; display:block; width:40px; height:10px; top:13px; right:17px; } .map_office_add_dubai{ position:absolute; width:244px; height:201px; top:100px; left:6px; background:url(images/background/office-add-dubai-bg.png);} .map_office_add_dubai .map_cont{ padding:10px 23px 12px 10px; } .map_office_add_dubai .map_close{ position:absolute; display:block; width:40px; height:10px; top:8px; right:21px; } .map_office_add_china{ position:absolute; width:242px; height:200px; top:106px; left:79px; background:url(images/background/office-add-china-bg.png);} .map_office_add_china .map_cont{ padding:10px 22px 12px 10px; } .map_office_add_china .map_close{ position:absolute; display:block; width:40px; height:10px; top:8px; right:22px; } .map_office_add_aus{ position:absolute; width:242px; height:200px; top:105px; left:80px; background:url(images/background/office-add-australia-bg.png);} .map_office_add_aus .map_cont{ padding:8px 17px 15px 10px; } .map_office_add_aus .map_close{ position:absolute; display:block; width:40px; height:10px; top:8px; right:21px; } .map_cont{ position:relative; font-size:12px; color:#ffffff; } .map_cont h4{ overflow:hidden; width:160px; font-size:15px; margin-right:42px; margin-bottom:10px; line-height:16px; text-transform:uppercase; } .map_cont .address{ line-height:18px; padding-bottom:5px;} .map_cont .contact{ line-height:18px; font-size:14px;} .map_cont .contact_emial{ padding-top:5px; font-size:14px;} .map_cont a{ color:#44c2f5} .map_cont a:hover{ text-decoration:none;} .team{ margin-bottom:9px;} .team img{ display:block;} .int_contact{ position:relative; width:974px;/*983*/ margin:0 auto; padding:20px 0px 5px 9px; background:#ffffff; border:1px solid #d6d6d6;} .int_contact .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .int_contact .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .int_contact .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .int_contact .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .int_contact .tr{ right:-2px;} *html .int_contact .bl{ bottom:-1px;} *html .int_contact .br{ bottom:-1px; right:-2px;} .int_contact h2{ margin-bottom:4px; padding:0 24px 0 15px; font-size:22px; text-transform:uppercase; } .int_contact .desc{ padding:0 24px 0 15px; line-height:18px;} .int_contact .desc p{ padding-bottom:10px; } .int_contact ul{ width:974px; overflow:hidden; } .int_contact ul li{ float:left; width:237px; margin-right:6px; margin-bottom:5px; list-style:none; background:url(images/background/int-cont-bg.gif) repeat-y #ffffff;} .int_contact ul li .top{ background:url(images/background/int-cont-bg-top.gif) top left no-repeat; } .int_contact ul li .bottom{ background:url(images/background/int-cont-bg-bottom.gif) left bottom no-repeat; } .scontact{ width:214px; overflow:hidden; padding:6px 8px 4px 15px; font-size:12px; color:#333333; } .scontact .cont{ float:left; position:relative; width:180px; min-height:80px; height:auto!important; height:80px; padding-bottom:8px; padding-top:4px; } .scontact .cont .address{ position:absolute; left:0; bottom:8px;} .scontact .cont .address a{ font-size:11px; color:#ca0083;} .scontact .cont .address a:hover{ text-decoration:none;} .scontact .cont strong{ font-weight:bold; font-size:13px;} .scontact .flags{ width:30px; overflow:hidden; float:right; } .scontact .flags img{ display:block; float:right; margin-bottom:2px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- P O P U P S --------------------------------------------------------------------------------------------------------------------------------------------*/ #popup_bglayer{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:1000; background:#000000; opacity:0.8; filter:alpha(opacity=80); z-index:5000;} .popup_layer{ position:absolute; width:100%; top:50px; left:0; z-index:5100;} .pop_wrap{ width:889px; margin:0 auto; } .pop_wrap .top{ padding-top:4px; background:url(images/background/pop-wrap-top-bg.png) no-repeat; } .pop_wrap .bottom{ padding-bottom:4px; background:url(images/background/pop-wrap-bottom-bg.png) bottom no-repeat; } .pop_wrap .middle{ position:relative; width:100%; padding-bottom:9px; background:url(images/background/pop-wrap-bg.gif) repeat-y; } .pop_wrap .close{ position:absolute; width:61px; height:17px; right:11px; top:5px; } .pop_wrap .close a{ display:block;} .pop_title{ float:left; height:40px; padding:20px 100px 10px 25px; font-size:36px; text-transform:uppercase; } .pop_inner_box{ clear:both; width:872px; margin:0px 8px 0 7px; background:url(images/background/pop-inner-box-bg.gif) repeat-y; border:1px solid #ffffff; border-top:0; } .pop_inner_box .itop{ background:url(images/background/pop-inner-box-top-bg.gif) no-repeat;} .pop_inner_box .ibottom{ background:url(images/background/pop-inner-box-bottom-bg.gif) bottom no-repeat;} .pop_inner_box .icont{ padding:40px 25px;} .pop_inner_box .icont h3{ padding-bottom:10px; font-size:22px;text-transform:uppercase;} .pop_inner_box .icont p{ line-height:18px; padding-bottom:10px;} .pop_inner_box .icont ul, .pop_inner_box .icont ol{ line-height:18px; padding-bottom:10px; padding-left:20px;} .pop_inner_box .icont a{ text-decoration:none; color:#203995;} .pop_inner_box .icont a:visited{ color:#3a1c71;} .pop_inner_box .icont a:hover{ text-decoration:underline;} .pop_inner_box .bcont{ padding:15px 25px;} .brochure .item_title{ padding-left:12px; font-size:14px; border-bottom:1px solid #d6d6d6; text-transform:uppercase; font-weight:bold;} .brochure .item_text{ padding-left:12px; font-size:11px; border-bottom:1px solid #d6d6d6;} .brochure .item_link{ padding:10px 12px; border-bottom:1px solid #d6d6d6;} #pop1, #pop2, #pop3, .popIn, .popInner{background:url(images/popUp1.png) no-repeat center top} #pop2, #pop2 .popIn, #pop2 .popInner{background-image:url(images/popUp2.png)} #pop1, #pop2, #pop3{width:528px; padding:9px 0 12px; background-position:right bottom; overflow:hidden; margin:0 auto;} #pop2{width:580px} .popIn{width:100%; background-repeat:repeat-y; float:left} .popInner{width:492px;/*528*/ padding:9px 10px 0 26px; background-position:left top; float:left; position:relative; margin-top:-9px} #pop2 .popInner{width:544px;/*580*/} .popIn h2{font-size:34px; line-height:45px; margin-bottom:13px} .butnClose{width:60px; height:17px; display:block; text-indent:-100px; overflow:hidden; background:url(images/popClose.gif) no-repeat; position:absolute; right:9px; top:9px} .popform{width:100%; padding:11px 0 15px; overflow:hidden; font-family:Arial, Helvetica, sans-serif} .popform p{width:100%; padding:0 0 4px; overflow:hidden; margin:0} .popform p label{width:98%; line-height:19px; padding-left:2%; float:left; font-size:12px; font-weight:bold} .popform p input, .popform p textarea{width:252px;/*268*/ height:17px;/*33*/ padding:8px; float:left; font-size:12px; border:none; background:url(images/popTxt.gif) no-repeat; font-family:Arial, Helvetica, sans-serif} #pop3 .popform p input{width:218px;/*234*/ background-image:url(images/popTxt2.gif)} #pop3 .popform p input.inp_1{width:456px;/*472*/ background-image:url(images/popTxt3.gif)} #pop3 .popform p input.inp_check{width:13px; height:13px; padding:0; margin:2px 0 0; background:none} *html .popform p input, .popform p textarea{background-attachment:fixed} .popform p .pop1TxtArea, .popform p .pop2TxtArea, .popform p .pop3TxtArea{width:457px;/*473*/ height:134px;/*150*/ padding:8px; background:url(images/pop1TxtArea.gif) no-repeat; float:left} .popform p .pop2TxtArea{width:507px;/*523*/ height:132px;/*148*/ background-image:url(images/pop2TxtArea.gif)} .popform p .pop3TxtArea{width:455px;/*471*/ height:73px;/*89*/ background-image:url(images/pop3TxtArea.gif)} .popform p .pop1TxtArea textarea, .popform p .pop2TxtArea textarea, .popform p .pop3TxtArea textarea{width:457px; height:134px; padding:0; background:none} .popform p .pop2TxtArea textarea{width:507px; height:132px} .popform p .pop3TxtArea textarea{width:455px; height:73px} .popform p.submit{height:27px; padding:7px 0 0} .popform p.submit a{float:left} #socialLogos{width:100%; height:105px; padding:1px 0 24px; overflow:hidden} #socialLogos a{width:93px;/*123*/ height:29px; padding:0 1px 0 30px; line-height:29px; float:left; background:url(images/socialLogoBg.gif) no-repeat; margin:6px 7px 0 0; position:relative; text-decoration:none; color:#4c4c4c} #socialLogos a:hover{background-position:left bottom} #socialLogos a img{position:absolute; left:8px; top:0} #pop3 h5{padding:4px 10px 15px 7px; font-size:13px; line-height:14px; font-weight:normal} #pop3 .popform p .pop_text{width:238px; float:left} #pop3 .popform p .pop_text label{width:96%; padding-left:4%} #pop3 .popform p.check label{width:86%; padding-left:2%} .popform p select{width:234px; float:left; font-size:13px} #pop3 .popform p{padding:0 0 11px} #pop3 .popform p.submit{padding:7px 0 0} /*-------------------------------------------------------------------------------------------------------------------------------------------- F O O T E R --------------------------------------------------------------------------------------------------------------------------------------------*/ #footer{ width:983px; overflow:hidden; padding-bottom:100px;} #footer .left{ float:left; width:396px;/*460*/ min-height:50px; height:auto!important; height:50px; margin-top:8px; padding-left:64px; color:#151515; font-size:11px; background:url(images/logo-ue.gif) 1px 0 no-repeat;} #footer .left a{ color:#151515;} #footer .left a:hover{ text-decoration:none} #footer .right{ float:right; width:523px; margin-top:4px; text-align:right; font-size:11px; } #footer .right ul{ float:right; margin-bottom:10px;} #footer .right li{ list-style:none; display:inline; line-height:16px;} #footer .right a{ color:#151515;text-decoration:none;} #footer .right a:hover{ text-decoration:underline;} #footer .footer_icons{ clear:both; width:100%; overflow:hidden; } #footer .footer_icons img{ float:right; margin-left:10px; } #footer .right .share{ float:right; margin-right:18px; display:inline;} /*-------------------------------------------------------------------------------------------------------------------------------------------- B R E A D C R U M B S T Y L E S --------------------------------------------------------------------------------------------------------------------------------------------*/ #bread_nav{ width:983px; margin-top:10px;} .breadcrumb{ position:relative; height:31px; padding:0 20px; color:#ffffff; text-transform:uppercase; font-weight:bold; line-height:31px; background:url(images/background/breadcrumb-bg.gif) repeat-x #3d3d3d;} .breadcrumb .tl{ position:absolute; width:5px; height:5px; top:0px; left:0px; background:url(images/background/breadcrumb-tl-bg.gif) no-repeat; } .breadcrumb .tr{ position:absolute; width:5px; height:5px; top:0px; right:0px; background:url(images/background/breadcrumb-tr-bg.gif) no-repeat; } *html .breadcrumb .tr{ right:-1px;} .breadcrumb a{ color:#ffffff; text-decoration:none;} .breadcrumb a:hover{ color:#3aa4cf; } .foo_nav{ margin-bottom:10px; position:relative; width:962px;/*981*/ padding:6px 10px 21px 9px; color:#666666; font-size:10px; border:1px solid #d6d6d6; background:#ffffff;} .foo_nav .tl{ position:absolute; width:5px; height:4px; top:-1px; left:-1px; background:url(images/background/fn-tl-bg.gif) no-repeat; } .foo_nav .tr{ position:absolute; width:5px; height:4px; top:-1px; right:-1px; background:url(images/background/fn-tr-bg.gif) no-repeat; } .foo_nav .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/fn-bl-bg.gif) no-repeat; } .foo_nav .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/fn-br-bg.gif) no-repeat; } *html .foo_nav .tr{ right:-2px;} *html .foo_nav .bl{ bottom:-2px;} *html .foo_nav .br{ right:-2px; bottom:-2px; } .foo_nav a{ color:#666666; text-decoration:none;} .foo_nav_links{ width:962px; overflow:hidden;} .foo_nav ul{ float:left; width:147px; margin-right:16px;} .foo_nav .last{ margin:0; } .foo_nav ul li{ list-style:none; line-height:18px; overflow:hidden;} .foo_nav_links .title{ color:#333333; font-size:11px; font-weight:bold;} .foo_nav ul li a{ display:block; height:18px; line-height:18px; padding:0 16px 0 10px; background:url(images/background/fn-hover-bg.gif) 0 -100px no-repeat;} .foo_nav ul li a:hover{ background-position:top left;} .foo_nav_links .selected{ background-position:0 -19px!important;} .foo_nav ul li span{ padding:0 16px 0 10px; line-height:18px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- B U T T O N A N D T H E M E S T Y L E S --------------------------------------------------------------------------------------------------------------------------------------------*/ .small{ line-height:27px; font-weight:bold; font-size:12px; } .medium{ line-height:29px; font-weight:bold; font-size:13px; } .big{ line-height:29px; font-weight:bold; font-size:13px; } .small a{ display:block; width:103px; height:27px; text-align:center; color:#ffffff!important; text-decoration:none!important;} .medium a{ display:block; width:124px; height:29px; text-align:center; color:#ffffff!important; text-decoration:none!important;} .big a{ display:block; width:135px; height:29px; text-align:center; color:#ffffff!important; text-decoration:none!important;} .small .color1{ background:url(images/buttons/color1-small.gif) no-repeat;} .small .color1:hover{ background:url(images/buttons/color1-small.gif) 0 -27px no-repeat;} .small .color2{ background:url(images/buttons/color2-small.gif) no-repeat;} .small .color2:hover{ background:url(images/buttons/color2-small.gif) 0 -27px no-repeat;} .small .color3{ background:url(images/buttons/color3-small.gif) no-repeat;} .small .color3:hover{ background:url(images/buttons/color3-small.gif) 0 -27px no-repeat;} .small .color4{ background:url(images/buttons/color4-small.gif) no-repeat;} .small .color4:hover{ background:url(images/buttons/color4-small.gif) 0 -27px no-repeat;} .small .color5{ background:url(images/buttons/color5-small.gif) no-repeat;} .small .color5:hover{ background:url(images/buttons/color5-small.gif) 0 -27px no-repeat;} .small .color6{ background:url(images/buttons/color6-small.gif) no-repeat;} .small .color6:hover{ background:url(images/buttons/color6-small.gif) 0 -27px no-repeat;} .small .color7{ background:url(images/buttons/color7-small.gif) no-repeat;} .small .color7:hover{ background:url(images/buttons/color7-small.gif) 0 -27px no-repeat;} .small .color8{ background:url(images/buttons/color8-small.gif) no-repeat;} .small .color8:hover{ background:url(images/buttons/color8-small.gif) 0 -27px no-repeat;} .small .color9{ background:url(images/buttons/color9-small.gif) no-repeat;} .small .color9:hover{ background:url(images/buttons/color9-small.gif) 0 -27px no-repeat;} .medium .color1{ background:url(images/buttons/color1-medium.gif) no-repeat;} .medium .color1:hover{ background:url(images/buttons/color1-medium.gif) 0 -29px no-repeat;} .medium .color2{ background:url(images/buttons/color2-medium.gif) no-repeat;} .medium .color2:hover{ background:url(images/buttons/color2-medium.gif) 0 -29px no-repeat;} .medium .color3{ background:url(images/buttons/color3-medium.gif) no-repeat;} .medium .color3:hover{ background:url(images/buttons/color3-medium.gif) 0 -29px no-repeat;} .medium .color4{ background:url(images/buttons/color4-medium.gif) no-repeat;} .medium .color4:hover{ background:url(images/buttons/color4-medium.gif) 0 -29px no-repeat;} .medium .color5{ background:url(images/buttons/color5-medium.gif) no-repeat;} .medium .color5:hover{ background:url(images/buttons/color5-medium.gif) 0 -29px no-repeat;} .medium .color6{ background:url(images/buttons/color6-medium.gif) no-repeat;} .medium .color6:hover{ background:url(images/buttons/color6-medium.gif) 0 -29px no-repeat;} .medium .color7{ background:url(images/buttons/color7-medium.gif) no-repeat;} .medium .color7:hover{ background:url(images/buttons/color7-medium.gif) 0 -29px no-repeat;} .medium .color8{ background:url(images/buttons/color8-medium.gif) no-repeat;} .medium .color8:hover{ background:url(images/buttons/color8-medium.gif) 0 -29px no-repeat;} .medium .color9{ background:url(images/buttons/color9-medium.gif) no-repeat;} .medium .color9:hover{ background:url(images/buttons/color9-medium.gif) 0 -29px no-repeat;} .big .color1{ background:url(images/buttons/color1-big.gif) no-repeat;} .big .color1:hover{ background:url(images/buttons/color1-big.gif) 0 -29px no-repeat;} .big .color2{ background:url(images/buttons/color2-big.gif) no-repeat;} .big .color2:hover{ background:url(images/buttons/color2-big.gif) 0 -29px no-repeat;} .big .color3{ background:url(images/buttons/color3-big.gif) no-repeat;} .big .color3:hover{ background:url(images/buttons/color3-big.gif) 0 -29px no-repeat;} .big .color4{ background:url(images/buttons/color4-big.gif) no-repeat;} .big .color4:hover{ background:url(images/buttons/color4-big.gif) 0 -29px no-repeat;} .big .color5{ background:url(images/buttons/color5-big.gif) no-repeat;} .big .color5:hover{ background:url(images/buttons/color5-big.gif) 0 -29px no-repeat;} .big .color6{ background:url(images/buttons/color6-big.gif) no-repeat;} .big .color6:hover{ background:url(images/buttons/color6-big.gif) 0 -29px no-repeat;} .big .color7{ background:url(images/buttons/color7-big.gif) no-repeat;} .big .color7:hover{ background:url(images/buttons/color7-big.gif) 0 -29px no-repeat;} .big .color8{ background:url(images/buttons/color8-big.gif) no-repeat;} .big .color8:hover{ background:url(images/buttons/color8-big.gif) 0 -29px no-repeat;} .big .color9{ background:url(images/buttons/color9-big.gif) no-repeat;} .big .color9:hover{ background:url(images/buttons/color9-big.gif) 0 -29px no-repeat;} .small_button_shadow1{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow1.gif) no-repeat; } .small_button_shadow2{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow2.gif) no-repeat; } .small_button_shadow3{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow3.gif) no-repeat; } .small_button_shadow4{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow4.gif) no-repeat; } .small_button_shadow5{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow5.gif) no-repeat; } .small_button_shadow6{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow6.gif) no-repeat; } .small_button_shadow7{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow7.gif) no-repeat; } .small_button_shadow8{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow8.gif) no-repeat; } .small_button_shadow9{ position:absolute; width:103px; height:18px; background:url(images/buttons/small-button-shadow9.gif) no-repeat; } .big_button_shadow1{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow1.gif) no-repeat; } .big_button_shadow2{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow2.gif) no-repeat; } .big_button_shadow3{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow3.gif) no-repeat; } .big_button_shadow4{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow4.gif) no-repeat; } .big_button_shadow5{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow5.gif) no-repeat; } .big_button_shadow6{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow6.gif) no-repeat; } .big_button_shadow7{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow7.gif) no-repeat; } .big_button_shadow8{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow8.gif) no-repeat; } .big_button_shadow9{ position:absolute; width:135px; height:18px; background:url(images/buttons/big-button-shadow9.gif) no-repeat; } .colorlink1 a{ color:#ac0070;} .colorlink2 a{ color:#3a1c71;} .colorlink3 a{ color:#203995;} .colorlink4 a{ color:#3aa4cf;} .colorlink5 a{ color:#1dab75;} .colorlink6 a{ color:#6bc724;} .colorlink7 a{ color:#e95419;} .colorlink8 a{ color:#cd0011;} .colorlink9 a{ color:#7a0e19;} .colortext1{ color:#ac0070;} .colortext2{ color:#3a1c71;} .colortext3{ color:#203995;} .colortext4{ color:#3aa4cf;} .colortext5{ color:#1dab75;} .colortext6{ color:#6bc724;} .colortext7{ color:#e95419;} .colortext8{ color:#cd0011;} .colortext9{ color:#7a0e19;} /*-------------------------------------------------------------------------------------------------------------------------------------------- S U P P O R T S E C T I O N --------------------------------------------------------------------------------------------------------------------------------------------*/ .support_hero{ padding:0px 0px 0px 35px; } .support_hero h1{ padding-top:6px; font-size:31px;} .support_hero h2{ padding-top:6px; font-size:31px;} .support_hero_text{ width:295px; line-height:16px;} .support_hero_text p{ padding-bottom:10px;} /*.support_hero .feature_button{ position:absolute; top:238px; left:35px;} .support_hero .selector_button{ position:absolute; top:238px; left:180px;} .support_hero .feature_button_shadow{ top:265px; left:35px;} .support_hero .selector_button_shadow{ top:265px; left:145px;}*/ .support_templale{ position:relative; width:981px;/*981*/ margin-bottom:9px; background-color:#fff; border:1px solid #d6d6d6;} .support_templale .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .support_templale .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .support_templale .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .support_templale .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .support_templale .tr{ right:-2px;} *html .support_templale .bl{ bottom:-2px;} *html .support_templale .br{ bottom:-2px; right:-2px;} /*-------------[Page:support-template_01]--------------*/ .support_option{width:961px;/*981*/ padding:10px 9px 9px 11px; overflow:hidden} .support_option h2{width:100%; font-size:22px; line-height:24px; font-weight:bold; float:left} .support_option p{width:100%; line-height:19px; margin-bottom:8px; float:left} .support_option p a{color:#3aa4cf} .sup_op_box{width:479px; height:96px; float:left; text-align:center; background:url(images/background/support_option_divBg.gif) no-repeat} .sup_op_box2{float:right} .sup_op_box label{width:100%; padding:15px 0; display:block; font-size:18px; line-height:19px; font-weight:bold; text-transform:uppercase} .sup_op_box select{width:264px;} /*-------------[Page:support-template_02]--------------*/ .support_holokote{width:915px;/*981*/ padding:23px 33px 136px; overflow:hidden} .support_holokote h2{width:100%; padding:0 0 20px; font-size:22px; line-height:24px; font-weight:bold} .supportNav{width:100%;/*915*/ padding:9px 0 2px; overflow:hidden; border-top:1px solid #e9e9e9; list-style:none} .supportNav li{float:left; padding-right:8px} .supportNav li a{width:100px; height:28px; padding:1px 0 9px; display:block; line-height:28px; color:#c5baba; text-align:center; text-decoration:none; font-weight:bold; background:url(images/background/supportNav_a_Bg.gif) no-repeat} .supportNav li a:hover, .supportNav li.supportNav_slct a{background:url(images/background/supportNav_a_hover.gif) no-repeat; color:#fff} .support_subTitle{width:100%;/*915*/ height:65px;/*71*/ background:url(images/background/support_subTitle_Bg.gif) no-repeat} .support_subTitle h4{padding-left:13px; line-height:65px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .box_holokote{width:891px;/*915*/ padding:19px 12px 0; overflow:hidden} .box_holokote_lft{width:314px;/*334*/ padding:0 20px 0 0; float:left; border-right:1px solid #eaeaea;} .box_holokote_lft p{line-height:15px; margin-bottom:18px} .box_holokote img{float:right; margin:0} .butn_cont{width:100%; overflow:hidden; padding:45px 0 0} .butn_next{width:81px; line-height:23px; display:block; float:right; color:#fff; text-align:center; font-weight:bold; background:url(images/background/butn2.gif) no-repeat; text-decoration:none} /*-------------[Page:support-template_03]--------------*/ .support_registration{width:915px;/*981*/ padding:23px 33px 40px; overflow:hidden} .support_registration h2{width:100%; padding:0; font-size:22px; line-height:24px; font-weight:bold} .support_subTitle h4 span{font-size:10px; font-weight:normal; padding-left:108px; background:url(images/background/red_star.gif) no-repeat 100px 2px} .regi_form{width:915px;/*915*/ padding:23px 0 0; overflow:hidden} .regi_form_lft{width:370px; float:left} .regi_form_lft dd{width:100%;/*370*/ padding:0 0 10px; overflow:hidden} .regi_form_lft dd.smallDD{width:230px;/*370*/ padding-left:140px} .regi_form_lft dd strong{width:123px; padding-right:17px; float:left; display:block; text-align:right; background:url(images/background/red_star.gif) no-repeat 128px 2px} .regi_form_lft dd input{width:137px; height:16px; padding:0 3px; border:1px solid #e3e9ef; border-top:1px solid #abadb3; line-height:16px; float:left} .regi_form_lft dd input.butn_radio{width:12px; height:12px; padding:0; margin-right:4px; border:none} .regi_form_lft dd label{width:205px; float:left; line-height:13px} .butn_continue{width:81px; line-height:23px; display:block; float:left; color:#fff; text-align:center; font-weight:bold; background:url(images/background/butn2.gif) no-repeat; text-decoration:none} .regi_form_Rgt{width:405px;/*455*/ padding:0 0 0 50px; float:right; border-left:1px solid #dddddd} .regi_form_Rgt h6{font-size:12px; line-height:15px; padding-bottom:10px} .regi_form_Rgt label{display:block; line-height:15px; padding-bottom:10px} .regi_form_Rgt ul{width:100%;/*405*/ padding-bottom:20px; list-style:none; overflow:hidden} .regi_form_Rgt ul.lastUL{padding-bottom:0} .regi_form_Rgt ul li{width:395px; float:left; padding-left:10px; line-height:15px; margin-bottom:10px; background:url(images/background/arrow1.gif) no-repeat left 5px} /*-------------[Page:support-further support]--------------*/ .support_Query{width:950px;/*981*/ padding:20px 20px 32px 11px; overflow:hidden} .support_Query h1{width:100%; padding:0; font-size:22px; line-height:24px; font-weight:bold} .support_Query h2{width:100%; padding:0; font-size:22px; line-height:24px; font-weight:bold} .support_Query p{line-height:15px; margin-bottom:20px} .support_Query p span{color:#FF0000} .queryDiv{width:100%;/*950*/ overflow:hidden;} .query{width:465px; float:left;} .query2{float:right} .query dt{width:100%; font-size:18px; line-height:20px; padding-bottom:20px; text-transform:uppercase; font-weight:bold; } .query dd{width:100%; padding:0 0 12px; overflow:hidden;} .query dd label{width:135px;/*140*/ padding-right:5px; float:left; line-height:22px; text-align:right} .query dd label span{color:#FF0000} .query dd input{width:159px;/*165*/ height:16px;/*20*/ padding:2px 3px; float:left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; line-height:16px} .query dd input.inp_box{color:#808080} .query dd input.inp_Fle{width:auto; padding:0; height:20px} .query dd a{float:left; padding-left:3px; line-height:22px; color:#64b6ee; text-decoration:underline} .query dd select{width:167px;/*165*/ height:20px;/*20*/ float:left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c} .query dd textarea{width:315px;/*321*/ height:98px;/*102*/ padding:2px 3px; float:left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; line-height:16px} .query dd .note{width:321px; float:left; font-size:10px; line-height:12px;} .support_Query .butn_cont{width:100%; overflow:hidden; padding:0} .butn_submit{width:81px; line-height:23px; display:block; float:left; color:#fff; text-align:center; font-weight:bold; background:url(images/background/butn2.gif) no-repeat; text-decoration:none} /*-------------[Page:support-template_07]--------------*/ .support_dealer{width:973px;/*981*/ padding:10px 0 8px 8px; overflow:hidden} .support_dealer h2{width:100%; padding:0 0 2px; font-size:22px; line-height:24px; font-weight:bold} .support_dealer h3{width:100%; padding:16px 0 2px; font-size:18px; line-height:20px; font-weight:bold} .support_dealer p{padding-right:30px; line-height:14px; margin-bottom:13px} .gen_download{width:100%;/*973*/ padding-bottom:15px; overflow:hidden} .box_gen{width:222px;/*237*/ height:87px;/*97*/ padding:9px 5px 1px 10px; float:left; margin-right:5px; overflow:hidden; background:url(images/background/box_gen.gif) no-repeat; position:relative} .box_gen h4{font-size:13px;/*14*/ line-height:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .box_gen1{width:100%; height:87px; overflow:hidden; background:url(images/img_pdfIcon.gif) no-repeat right top} .box_gen2{width:100%; height:87px; overflow:hidden; background:url(images/img_printer.gif) no-repeat right top} .box_gen3{width:100%; height:87px; overflow:hidden; background:url(images/img_card.gif) no-repeat right top} .box_gen4{width:100%; height:87px; overflow:hidden; background:url(images/img_ultraCover.gif) no-repeat right top} .box_gen .small{position:absolute; left:10px; bottom:9px} .printer_download{width:100%;/*973*/ overflow:hidden} .box_printer{width:146px;/*156*/ height:77px;/*86*/ padding:9px 5px 0; background:url(images/background/box_printer.gif) no-repeat; margin-right:5px; float:left; position:relative} .box_printer h4{height:41px} .box_printer h4 span{display:none} .box_printer .small{position:absolute; left:25px; bottom:7px} .box_printer h4.h4_pronto{background:url(images/background/img_pronto.gif) no-repeat center top} .box_printer h4.h4_tangoL{background:url(images/background/img_tangoL.gif) no-repeat center top} .box_printer h4.h4_rio2e{background:url(images/background/img_rio2e.gif) no-repeat center top} .box_printer h4.h4_prima3{background:url(images/background/img_prima3.gif) no-repeat center top} .box_printer h4.h4_tango2e{background:url(images/background/img_tango2e.gif) no-repeat center top} .box_printer h4.h4_enduro{background:url(images/background/img_endru.gif) no-repeat center top} /*-------------[Page:support-template_05]--------------*/ .support_Resources{width:963px;/*981*/ padding:10px 9px 0; overflow:hidden} .support_Resources h1{width:100%; padding:0 0 2px; font-size:22px; line-height:24px; font-weight:bold} .support_Resources h2{width:100%; padding:0 0 2px; font-size:22px; line-height:24px; font-weight:bold} .support_Resources p{line-height:17px; margin-bottom:27px} .support_Resources p.big_p{padding:10px 0 10px 13px} .support_Resources p.big_p a{color:#3aa4cf; font-weight:bold} .resource_ul{width:963px; overflow:hidden; list-style:none} .resource_ul li{width:963px; padding:0 0 5px; float:left; margin:0; background:url(images/background/resource_ul_bg.gif) no-repeat left bottom;} .resource_ul li.lst_Li{background:url(images/background/resource_ul_bg.gif) no-repeat -963px bottom;} .resource_ul li .res_div{width:950px;/*963*/ padding:3px 0 0 13px; float:left; background:url(images/background/resource_ul_bg.gif) repeat-y -2889px top;} .resource_ul li.fst_Li .res_div{background:url(images/background/resource_ul_bg.gif) repeat-y -1926px top} .resource_ul li.evn_Li .res_div{background:url(images/background/resource_ul_bg.gif) repeat-y right top} .resource_ul li .res_div label{width:192px;/*212*/ padding-right:20px; float:left; line-height:19px} .resource_ul li .res_div div{width:450px;/*476*/ padding-right:26px; float:left; line-height:19px} .resource_ul li .res_div span{width:105px;/*120*/ padding-right:15px; float:left; line-height:19px} .resource_ul li .res_div i{width:135px;/*142*/ float:left; line-height:19px; font-style:normal} .resource_ul li .res_div strong{font-size:13px; text-transform:uppercase} .resource_ul li .res_div a{color:#3aa4cf;} .resource_ul li .res_div p{margin-bottom:10px} /*-------------[Page:support-template_06]--------------*/ .support_Consumables{width:974px;/*981*/ padding:12px 0 70px 7px; overflow:hidden} .support_Consumables h2{width:100%; padding:0 0 2px; font-size:22px; line-height:24px;} .support_Consumables p{line-height:17px; margin-bottom:16px} .nav_printer{width:974px;/*974*/ height:29px; padding:0 0 30px; overflow:hidden; list-style:none} .nav_printer li{float:left; padding:0 6px 0 0} .nav_printer li a{width:143px;/*156*/ padding:0 0 0 13px; display:block; line-height:29px; font-size:14px; font-weight:bold; text-transform:uppercase; background:url(images/nav_printer_aBg.gif) no-repeat; color:#333; text-decoration:none} .nav_printer li a:hover, .nav_printer li.slcted a{background-position:left bottom} .box_consum{ position:relative; width:945px;/*965*/ padding:11px 11px 11px 9px; margin-bottom:32px; background-color:#fff; border:1px solid #d6d6d6;} .box_consum .tl{ position:absolute; width:4px; height:4px; top:-1px; left:-1px; background:url(images/background/corner-bg.gif) 0 0 no-repeat;} .box_consum .tr{ position:absolute; width:4px; height:4px; top:-1px; right:-1px; background:url(images/background/corner-bg.gif) -4px 0 no-repeat;} .box_consum .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/corner-bg.gif) -8px 0 no-repeat;} .box_consum .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/corner-bg.gif) -12px 0 no-repeat;} *html .box_consum .tr{ right:-2px;} *html .box_consum .bl{ bottom:-2px;} *html .box_consum .br{ bottom:-2px; right:-2px;} .box_consum h3{width:935px;/*945*/ height:29px; padding:0 0 8px 10px; overflow:hidden; font-size:18px; line-height:29px} .box_consum h3 label{float:left; } .box_consum h3 a{width:143px;/*156*/ height:29px; padding:0 0 0 13px; float:right; font-size:14px; line-height:29px; font-weight:bold; color:#333; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(images/background/back_to_TopBg.gif) no-repeat} .box_consum h3 a:hover{background-position:left bottom} /*-------------consum_list---------------*/ .consum_list{width:945px;/*945*/ list-style:none; overflow:hidden} .consum_list li{width:100%;/*945*/ float:left; padding-bottom:5px; background:url(images/background/consumList_bg.gif) no-repeat left bottom} .consum_list li.lstLi{background:url(images/background/consumList_bg.gif) no-repeat -945px bottom} .consum_list li div{width:935px;/*945*/ padding:8px 0 10px 10px; font-size:12px; line-height:15px; overflow:hidden; background:url(images/background/consumList_bg.gif) repeat-y -2835px top} .consum_list li.fstLi div{background:url(images/background/consumList_bg.gif) repeat-y -1890px top; padding-top:5px} .consum_list li.evnLi div{background:url(images/background/consumList_bg.gif) repeat-y right top} .consum_list li div label{width:190px; float:left} .consum_list li div span{width:710px;/*720*/ padding-right:10px; float:right} .consum_list li.fstLi div label, .consum_list li.fstLi div span{font-size:14px; font-weight:bold; text-transform:uppercase} /*-------------consum_list2---------------*/ .consum_list2{width:945px;/*945*/ list-style:none; overflow:hidden} .consum_list2 li{width:100%;/*945*/ float:left; padding-bottom:5px; background:url(images/background/consumList2_bg.gif) no-repeat left bottom} .consum_list2 li.lstLi{background:url(images/background/consumList2_bg.gif) no-repeat -945px bottom} .consum_list2 li div{width:935px;/*945*/ padding:8px 0 10px 10px; font-size:12px; line-height:15px; overflow:hidden; background:url(images/background/consumList2_bg.gif) repeat-y -2835px top} .consum_list2 li.fstLi div{background:url(images/background/consumList2_bg.gif) repeat-y -1890px top; padding-top:5px} .consum_list2 li.evnLi div{background:url(images/background/consumList2_bg.gif) repeat-y right top} .consum_list2 li div label{width:190px;/*210*/ padding:0 20px 0 0; float:left} .consum_list2 li div strong{width:185px; float:left; font-weight:normal} .consum_list2 li div span{width:510px;/*520*/ padding-right:10px; float:right} .consum_list2 li.fstLi div label, .consum_list2 li.fstLi div strong, .consum_list2 li.fstLi div span{font-size:14px; font-weight:bold; text-transform:uppercase} /*========================================[DIPU-2009-08-31]=====================================================*/ /*-------------[page:expending_div.html]---------------*/ .exp_div_hdr,.exp_div_hdr2{width:983px; height:31px; padding:7px 0 0; text-align:center; background:url(images/background/exp_div_bg.gif) no-repeat; position:relative; z-index:1} .exp_div_hdr a,.exp_div_hdr2 a{width:294px; height:24px; display:block; text-indent:-1000px; overflow:hidden; background:url(images/background/sup_op_link.gif) no-repeat; display:block; margin:0 auto} .exp_div_hdr a:hover,.exp_div_hdr2 a:hover{background-position:left bottom} .exp_div_hdr2{width:967px;background:url(images/background/exp_div2_bg.gif) no-repeat;} .exp_div_hdr2 a{background:url(images/background/sup_ord_link.gif) no-repeat;} .sup_row2{width:100%; overflow:hidden} .sup_row_In2{width:130px;/*161*/ padding:0 31px 0 0; float:left} .sup_row_In2 a{color:#3aa4cf; text-decoration:underline} .sup_row_In2 h6{font-size:13px; line-height:13px; padding-bottom:15px} .exp_div{ display:none; width:983px; background:url(images/background/exp_div_bg.gif) repeat-y -983px top; margin-top:-3px} .exp_div_btm{width:983px; background:url(images/background/exp_div_bg.gif) no-repeat right bottom} .exp_div2{ display:none; width:967px; background:url(images/background/exp_div2_bg.gif) repeat-y -967px top; margin-top:-3px; margin-bottom:10px } .exp_div_btm2{width:967px; background:url(images/background/exp_div2_bg.gif) no-repeat right bottom} .support_op{width:966px;/*983*/ padding:16px 0 0 17px} .sup_row{width:100%; overflow:hidden} .sup_row_In{width:130px;/*161*/ padding:0 31px 0 0; float:left} .sup_row_In a{color:#000000;} .sup_row_In h6{font-size:13px; line-height:13px} .sup_row_In ul{width:130px;/*161*/ padding:6px 0 18px; overflow:hidden} .sup_row_In ul li{width:100%; padding:0 0 6px; float:left; font-size:11px; line-height:14px} .sup_row_In ul li a{color:#3aa4cf; position:relative} .sup_row_In ul li a:hover{color:#000} /*-------------[page:all_sup_options.html]---------------*/ .all_sup_opt{width:948px;/*981*/ padding:10px 9px 9px 24px; overflow:hidden} .all_sup_opt h1{width:100%; font-size:22px; line-height:24px; font-weight:bold} .all_sup_opt h2{width:100%; font-size:22px; line-height:24px; font-weight:bold} .all_sup_opt p{width:100%; line-height:17px; margin-bottom:23px} .all_sup_opt ul{width:100%; overflow:hidden} .all_sup_opt ul li{width:100%; padding:0 0 7px; float:left} .all_sup_opt ul li a{font-size:14px; line-height:16px; color:#3aa4cf; font-weight:bold; text-transform:uppercase} .all_sup_opt ul li a:hover{color:#6bc724} /*-------------[page:enduro_faq.html]---------------*/ .enduro_faq{width:956px;/*981*/ padding:10px 15px 9px 10px; overflow:hidden} .enduro_faq h2{width:100%; font-size:22px; line-height:24px; font-weight:bold} .download_list{width:100%; padding:25px 0 0; overflow:hidden} .download_list li{width:100%; padding:0 0 11px; float:left} .download_list li a{height:21px; padding-left:28px; display:block; font-size:14px; line-height:18px; color:#3aa4cf; font-weight:bold; text-transform:uppercase; background:url(images/background/bullet_download.gif) no-repeat} .download_list li a:hover{color:#6bc724; background-position:left bottom} .download_list li.slctd a{color:#6bc724; background-position:left center} .faq_ans_cont{width:928px;/*956*/ padding:13px 0 0 28px; display:none;} .faq_ans_cont .answer{font-size:14px; line-height:17px; color:#6bc724} .faq_ans_cont p{line-height:16px; margin-bottom:16px} .download_list li .faq_ans_cont a{height:auto; padding:0; display:inline; font-size:12px; line-height:18px; color:#3aa4cf; text-transform:none; background:none} .faq_ans_cont ul{width:918px;/*928*/ padding:0 0 10px 10px; overflow:hidden; list-style:none} .faq_ans_cont ul li{padding:0} .faq_ans_cont ol{width:918px;/*928*/ padding:0 0 10px 10px; overflow:hidden; color:#3aa4cf;} .faq_ans_cont ol li{width:100%; float:left; padding:0; list-style:inside; list-style-type:decimal} /*-------------[page:about-and-search.html]---------------*/ .abt_src_tp{width:965px;/*981*/ min-height:140px; height:auto!important; height:140px; padding:13px 0 0 16px; overflow:hidden; background:url(images/background/abt_src_tp_bg.jpg) no-repeat 457px 13px} .abt_src_tp h1{width:100%; font-size:36px; line-height:34px; font-weight:bold} .abt_src_tp span{width:327px;/*344*/ height:32px;/*32*/ padding:3px 12px 0 5px; display:block; overflow:hidden; background:url(images/background/inpField_bg.gif) no-repeat; margin-top:28px} .abt_src_tp input{float:right} .abt_src_tp input.inp_fld{width:279px;/*291*/ height:16px;/*22*/ padding:2px 5px; float:left; border:1px solid #dcdfe6; border-top:1px solid #aaadb2; font-size:13px; color:#333; line-height:16px; margin-top:2px} .abt_src_btm{width:964px;/*981*/ padding:0 0 25px 17px} .abt_src_btm ul{width:700px; overflow:hidden} .abt_src_btm ul li{width:100%; padding:15px 0 21px 0; float:left} .abt_src_btm li h3 a{font-size:18px; line-height:19px; color:#203995; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; text-transform:none} .abt_src_btm li h3 a:hover{color:#ac0070} .abt_src_btm li p{color:#36373c; line-height:15px; font-size:12px} .abt_src_btm li a{font-size:14px; line-height:19px; color:#3aa4cf; text-decoration:none} .abt_src_btm li a:hover{text-decoration:underline} .pagination{width:100%; overflow:hidden} .pagination a{float:left; padding:0 4px; font-size:14px; line-height:22px; color:#3aa4cf} .pagination a:hover{text-decoration:none} .pagination a.pre{padding:0 9px 0 24px; color:#203995; background:url(images/background/butn_pre.gif) no-repeat} .pagination a.next{padding:0 25px 0 11px; color:#203995; background:url(images/background/butn_next.gif) no-repeat right top} /**************by shattique****************/ .all_posts .entry{display:none} .contact_form{position:relative;height:310px} .form_cont{height:305px; display:block; position:relative} #contact1, #contact2, #contact3{width:480px; position:absolute; background:#fff;} #contact1{z-index:1} #contact2{left:443px;z-index:2} #contact3{left:470px;z-index:3} .map_office_add_usa, .map_office_add_uk, .map_office_add_dubai, .map_office_add_china, .map_office_add_aus {left:-10000px;} #cse-search-results{ width:800px; margin:20px auto 0 auto; margin-top:20px; } .formSent{ color:green; font-size:16px; margin:10px 0 0 20px; } .warning { color:red; font-size:16px;margin:10px 0 0 20px; }