body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object, button, hr { margin:0; padding:0; } body a { outline:medium none; text-decoration:none; } html, body { height:100%; } fieldset, img, abbr { border:0 none; } address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, th, var { font-style:normal; font-weight:normal; } ul { list-style:none outside none; } body { color:#7d7d7d; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none; } a { color:#3876D0; } a:hover { color:#3876D0; text-decoration:underline; } *:focus { outline:0; }#main{ background-color:#FFF; width:949px; margin:0 auto; overflow:hidden;} .gray_top{ width:570px; height:7px; background-color:#c8c8ca;} .dashed_bdr{ border-bottom:dashed 1px #c8c8ca; overflow:hidden; margin:0px 0px 3px 0px;} .float_left{ float:left;} .float_right, .flt_rt { float:right !important;} #header ul{ float:left;} #header ul li{ float:left;} #search_form{ padding:6px 0 0 6px; float:left;} #search_form #search_text{ border:solid 1px #999999; color:#646464; height:14px; width:118px; font-size:9px; padding:1px; margin-left:7px; float:left;} .search_btn{ background:#FFF url(../../images/frontend/go-button.png) no-repeat left top; width:25px; height:18px; border:none; float:left;} .clear_right{ clear:right;} #c2a{ margin-top:20px; clear:both;} .c2a_heading { font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0 0 7px 0px; letter-spacing:-0.5px; } .c2a_heading_rt { font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0 0 7px 20px; letter-spacing:-0.4px; } .c2a1{ border-top:8px solid #76bce6; margin-right:1px; width:189px;text-align:center; vertical-align:middle;} .c2a2{ border-top:8px solid #e42435; margin-right:1px; width:189px;text-align:center; vertical-align:middle;} .c2a3{ border-top:8px solid #c0d200; margin-right:1px; width:189px;text-align:center; vertical-align:middle;} .brochures{ border-top:8px solid #c8c8ca; padding:15px 4px 14px 23px; width:352px;} .c2a1 a, .c2a2 a, .c2a3 a { text-decoration:none; } .c2a_text{ background:url('../../images/frontend/blue-bullet.gif') no-repeat 171px 16px; color:#7d7d7d; font-size:12px; padding:14px 10px 5px; display:block; text-decoration:none;text-align:left !important;} .c2a_text:hover { text-decoration:none; } .pad_top_3{padding-top:3px;} .pad_lt_rt{ padding:0px 12px 0px 25px;} .brochures ul li{ background:url(../../images/frontend/blue-bullet.gif) no-repeat left 2px; padding:0 5px 7px; color:#00001d;} .blue_text{ color:#3876d0; text-decoration:none; } #content{ background:url('../../images/frontend/bg_content_logo.jpg') no-repeat left bottom; border-bottom:1px dashed #c8c8ca; clear:both; margin:0px 0px 10px; padding:0 0 25px 0; overflow:hidden;} #read_more_content { background:url('../../images/frontend/bullet_blue.gif') no-repeat -12px -15px; padding:0 0 0 18px; margin:3px 9px 0 0; color:#3876D0; float:right; } #read_more_content.collapse { background:url('../../images/frontend/blue-bullet-up.png') no-repeat 4px 3px; } #side_nav { background-color:#c8c8ca; width:189px; float:left; } #side_nav li h3 { font-size:12px; font-weight:normal; } #side_nav li{ border-bottom:1px dashed #e4e4e5;} #side_nav li a{ background: url('../../images/frontend/subnav_bullet.png') no-repeat 0 3px; padding:8px 26px 7px; color:#646464; display:block;} #side_nav li a:hover{background:#ffffff url('../../images/frontend/subnav_bullet_down.png') no-repeat 3px 3px; color:#646464; display:block;} #side_nav li.subnav_hover { background-color:#ffffff; border-bottom:1px dashed #c8c8ca; } #side_nav li.subnav_hover a, #side_nav li.subnav_hover a:hover { background:url('../../images/frontend/subnav_bullet_down.png') no-repeat 3px 3px; color:#646464; display:block;} #side_nav li ul{ background-color:#e6e6e6;} #side_nav li li { border-bottom:1px dashed #c8c8ca; padding:0; } #side_nav li.subnav_hover li { color:#646464; display:block; border-bottom:0; border-top:1px dashed #C8C8CA; } #side_nav li.subnav_hover li a { background:#e6e6e6 url('../../images/frontend/subnav_bullet.png') no-repeat 158px center; color:#646464; display:block; } #side_nav li.subnav_hover li a:hover{ background:#ffffff url('../../images/frontend/subnav_bullet.png') no-repeat 158px center; color:#646464; display:block; } #side_nav li.subnav_hover li.subsubnav_hover a { background:#FFFFFF none; } .font_color_black{ color:#00001d !important; padding:10px 10px !important;} .site_links { background:url('../../images/frontend/sefar_links.gif') no-repeat left top; width:236px; height:103px; float:right; position:relative; } .site_links a { position:absolute; display:block; text-indent:-9999px; top:74px; width:98px; height:18px; } .site_links a.filtr { left:5px; } .site_links a.print { left:111px; } #content p { margin:0 0 15px 0; } .home_content { border-bottom:0 !important; } .main_heading { color:#000000; font-size:20px; padding:0 0 15px 0px; letter-spacing:0.1px; } .sub_heading { color:#646464; font-size:17px; padding:0 0 18px 0px; letter-spacing:0.1px; } h1 { height:16px; font-size:11px; color:#BABABA; text-align:right; } .imgbdr{ border:1px solid #c8c8ca; padding:3px 3px;} .ca_sub { padding:35px 29px 10px; float:left; width:702px; } .ca_sub ul { margin:0 0 10px 0; } .ca_sub ul li h3 { font-size:12px; font-weight:normal; } .ca_sub ul li { background:url("../../images/frontend/subnav_bullet.png") no-repeat 0px -5px; padding:0 0 5px 35px; } .clearing { clear:both; } /*.ca_sub h2{ color:#000; font-size:18px; padding:5px 10px 0 0; }*/ /* Pagination styles */ .pagination_fe { clear:both; border:1px dotted#A7A7A7; border-width:1px 0; padding:7px 7px 7px 0; overflow:hidden; margin:0 0 18px 0; } .pagination_fe a, .pagination_fe span { font-size:10px; font-weight:bold; text-decoration:none; border:1px solid #3876D0; padding:3px 6px; text-align:center; margin:0 4px; float:left; display:block; } .pagination_fe .current { background-color:#DFDFDF; border:1px solid #7D7D7D; color:#343434; } .pagination_fe .disabled { display:none; } .pagination_fe .first { background:url('../../images/frontend/bullet_first.gif') no-repeat center center; width:15px; height:12px; text-indent:-9999px; } .pagination_fe .prev { background:url('../../images/frontend/bullet_prev.gif') no-repeat center center; width:10px; height:12px; text-indent:-9999px; } .pagination_fe .next { background:url('../../images/frontend/blue-bullet.gif') no-repeat center center; width:10px; height:12px; text-indent:-9999px; } .pagination_fe .last { background:url('../../images/frontend/bullet_last.gif') no-repeat center center; width:15px; height:12px; text-indent:-9999px; } /* Breadcrumbs */ .breadcrumbs { margin:0 -29px 6px; clear:both; text-align:right; font-weight:bold; font-size:11px; } .breadcrumbs h2, .breadcrumbs h3 { display:inline; font-size:11px; font-weight:bold; } .breadcrumbs a { font-size:11px; } /* FAQ styles */ .qry_wrapper { padding:15px 0 10px 2px; clear:both; border-bottom:1px dotted #AAAAAA; } .faq_q { padding:2px 0 3px 35px; margin:0 0 10px 0; position:relative; } .qry_wrapper a { color:#7D7D7D; text-decoration:none; font-weight:bold; font-size:12px; } .faq_q span { background-color:#C8C8CD; display:block; float:left; font-size:11px; font-weight:bold; left:0; padding:1px 2px; position:absolute; text-align:center; top:1px; width:18px; } .ans_wrap { padding:18px 15px 5px 45px; overflow:hidden; position:relative; border-bottom:1px dotted #AAAAAA; } .faq_featured { background-color:#F1F1F1; } .ans_wrap .ans_no { background-color:#C8C8CD; display:block; float:left; font-size:11px; font-weight:bold; left:12px; padding:1px 2px; position:absolute; text-align:center; top:18px; width:18px; } .ans_wrap .faq_q { padding:0; margin:0; color:#7D7D7D; text-decoration:none; font-weight:bold; font-size:12px; } /* Glossary styles */ .gloss_key { background-color:#C8C8CD; display:block; float:left; font-size:12px; font-weight:bold; padding:1px 2px; text-align:center; width:18px; margin:15px 0 10px 1px; } .gloss_box { padding:9px 15px 15px; overflow:hidden; position:relative; border-bottom:1px dotted #AAAAAA; clear:both; } .gloss_q { padding:2px 0 8px 0; margin:0; color:#7D7D7D; text-decoration:none; font-weight:bold; font-size:13px; } .gloss_rel_terms, .gloss_desc { margin:0 0 5px 0; } .btt { clear:both; text-align:right; padding:15px 0 0 0; } .btt a { background:url('../../images/frontend/arr_top.gif') no-repeat right 2px; padding:0 15px 0 0; color:#7D7D7D; text-transform:lowercase; font-weight:bold; } /* Newsletter form */ .nl_form { width:148px; clear:both; padding:8px 0px 10px; } .nl_form .form_row { padding:0 0 5px 0;} .nl_form input { width:124px; border:1px solid #999999; font-size:9px; color:#646464; } .nl_form input[type="submit"] { background:url("../../images/frontend/go-button.png") no-repeat scroll left 2px; border:0; float:left; height:18px; width:16px; padding:0; cursor:pointer; } /* Navigation */ #top_nav { float:left; width:253px; } #top_nav li { float:left; display:inline; } #top_nav li a { background:url('../../images/frontend/bg_topnav.gif') no-repeat 0px 0px; height:29px; display:block; padding:0; } #top_nav li a.home { width:44px; background-position:0px 0px; } #top_nav li a.brochure { width:64px; background-position:-44px 0px; } #top_nav li a.faq { width:34px; background-position:-108px 0px; } #top_nav li a.gloss { width:57px; background-position:-142px 0px; } #top_nav li a.sitemap { width:54px; background-position:-199px 0px; } #top_nav li a.home:hover, #top_nav li a.home_a { width:44px; background-position:0px -29px; } #top_nav li a.brochure:hover, #top_nav li a.brochure_a { width:64px; background-position:-44px -29px; } #top_nav li a.faq:hover, #top_nav li a.faq_a { width:34px; background-position:-108px -29px; } #top_nav li a.gloss:hover, #top_nav li a.gloss_a { width:57px; background-position:-142px -29px; } #top_nav li a.sitemap:hover, #top_nav li a.sitemap_a { width:54px; background-position:-199px -29px; } #main_nav.sf-menu { float:left; width:797px; position:absolute; left:0; top:0; z-index:70; } #main_nav.sf-menu li { float:left; display:inline; margin:0 2px 0 0; position:relative; z-index:80; overflow:hidden; } #main_nav.sf-menu li a { background:url('../../images/frontend/bg_mainnav.png') no-repeat 0px 0px; height:30px; display:block; padding:0; } #main_nav.sf-menu li a.comp { width:169px; background-position:0px 0px; } #main_nav.sf-menu li a.prod { width:169px; background-position:-171px 0px; } #main_nav.sf-menu li a.ina { width:272px; background-position:-342px 0px; } #main_nav.sf-menu li a.contact { width:179px; background-position:-616px 0px; } #main_nav.sf-menu li a.comp:hover, #main_nav.sf-menu li a.comp_a { width:169px; background-position:0px -30px; } #main_nav.sf-menu li a.prod:hover, #main_nav.sf-menu li a.prod_a { width:169px; background-position:-171px -30px; } #main_nav.sf-menu li a.ina:hover, #main_nav.sf-menu li a.ina_a { width:272px; background-position:-342px -30px; } #main_nav.sf-menu li a.contact:hover, #main_nav.sf-menu li a.contact_a { width:179px; background-position:-616px -30px; } #main_nav.sf-menu li:hover { visibility:inherit; overflow:visible; } #main_nav.sf-menu li ul { left:0px !important; top:30px !important; float:left; clear:both; display:inline !important; padding:20px 0 5px 0; } #main_nav.sf-menu ul { background:url('../../images/frontend/bg_sub_menu.png') repeat 0 0; margin:0; position:absolute; top:-999em; width:100%; z-index:80; } #main_nav.sf-menu ul li { color:#FFFFFF; float:none; display:block; position:relative; cursor:pointer; } #main_nav.sf-menu ul li ul { left:100% !important; top:-20px !important; float:left; clear:both; display:inline !important; margin:0 0 0 2px; width:272px; } #main_nav.sf-menu li li { height:auto; color:#2B2622; border:0px !important; margin:0; padding:0 0 3px; } #main_nav.sf-menu li li:hover { color:#fff !important; cursor:pointer; } #main_nav.sf-menu li li a { background:url('../../images/frontend/blue-bullet.gif') no-repeat 9px 4px !important; height:auto; margin:0; color:#3876D0; padding:1px 8px 4px 25px !important; font-weight:normal; letter-spacing:0.5px; } #main_nav.sf-menu li li a { font-size:13px; text-decoration:none; text-indent:0; white-space:nowrap; } #main_nav.sf-menu a:link { font-size:13px; } #main_nav.sf-menu a:visited { font-size:13px; } #main_nav.sf-menu li li a:hover { background:#C0C0C0 url('../../images/frontend/blue-bullet.gif') no-repeat 9px 4px !important; font-size:13px; color:#3876D0; text-decoration:underline; cursor:pointer; } #main_nav.sf-menu a:active { font-size:13px; color:#3876D0; } #main_nav.sf-menu.sf-menu li:hover li ul, #main_nav.sf-menu.sf-menu li.sfHover li ul { top:-999em; } #main_nav.sf-menu.sf-menu li li:hover ul, #main_nav.sf-menu.sf-menu li li.sfHover ul { left:9em; top:0; } #main_nav.sf-menu li:hover ul, #main_nav.sf-menu li.sfHover ul { left:0; top:2.1em; z-index: 99; } /* Banner */ .banner { clear:both; position:relative; } #flash_banner { width:949px; height:360px; position:relative; overflow:hidden; z-index:10; } #flash_bannerContent { width:949px; position:absolute; top:0; margin:0; z-index:10; } .flash_bannerImage { float:left; position:relative; display:none; z-index:10; } .flash_bannerImage span { position:absolute; left:0; font:bold 14px Arial, Helvetica, sans-serif; padding:22px 24px 38px; width:901px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display:none; bottom:0; z-index:10; } #bannersub { width:949px; height:138px; position:relative; overflow:hidden; z-index:10; } #bannersubContent { width:949px; position:absolute; top:0; margin:0; z-index:10; } .bannersubImage { float:left; position:relative; display:none; z-index:10; } .bannersubImage span { display:none; } /* Brochures */ .brc_wrap { border-bottom:1px solid #C8C8CA; padding:0 0 18px; width:222px; height:395px; float:left; margin:0 6px 30px; } .brc_wrap img { display:block; margin:0 auto; border:1px solid #CACACA; padding:2px; } a.brochure_heading { color:#7D7D7D;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-decoration:none;} a.brochure_heading :hover{ color:#7D7D7D !important;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-decoration:none !important;} /*.brochure_heading{color:#7D7D7D;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-decoration:none;}*/ .product_galllery_wrap { border-bottom:1px solid #C8C8CA; padding:0 0 10px; width:222px; height:198px; float:left; margin:0 6px 30px; } .product_galllery_wrap .img_link { width:190px; height:110px; position:relative; display:block; margin:0 auto; border:1px solid #CACACA; padding:2px; } .product_galllery_wrap img { display:block; margin:0 auto; } .product_wrap { /*border-bottom:1px solid #C8C8CA;*/ padding:0 0 10px; width:222px; height:191px; float:left; margin:0 6px 30px; } .product_wrap .img_link { width:190px; height:110px; position:relative; display:block; margin:0 auto; border:1px solid #CACACA; padding:2px; } .product_wrap img { display:block; margin:0 auto; } .brc_desc { border-top:1px dotted #C8C8CA; margin:14px 0 0 0; padding:4px 11px 4px; clear:both; border-bottom:1px solid #C8C8CA; } .brc_desc p { margin:3px 0 !important;} /* Icon styles */ .ico_pdf { background:url('../../images/frontend/ico_pdf.gif') no-repeat left 0px; font-weight:bold; text-transform:uppercase; padding:1px 0 0 20px; color:#bd2925; } .ico_xls,.ico_xlsx { background:url('../../images/frontend/excel_icon.gif') no-repeat left 0px; font-weight:bold; text-transform:uppercase; padding:1px 0 0 20px; color:#bd2925; } .ico_doc,.ico_docx { background:url('../../images/frontend/word.gif') no-repeat left 0px; font-weight:bold; text-transform:uppercase; padding:1px 0 0 20px; color:#bd2925; } /*Product styles*/ #product_div{ overflow:hidden;} #product_div .img_wrap { width:245px; height:240px; border:1px solid #C8C8CA; text-align:center; position:relative; float:left; padding:3px; margin:0 28px 10px 0; } #product_div .img_wrap img{position:absolute;left:50%;top:50%;} #big_img_link { display:block; height:240px; } .margin_rt_30{ margin:0px 30px 0px 0px;} #product_div ul { position:relative; bottom:10px;} #product_div ul li{ float:left; margin:0px 2px; background:none repeat scroll 0 0 transparent; padding:0px;width:65px;height: 65px; list-style: none outside none; position: relative;} #product_div ul li:hover span { border:3px solid #398fd9; display:block; height:59px; position:absolute; width:59px; } #product_div ul li.selected span { border: 3px solid #398fd9;display: block;height: 59px;position: absolute; width: 59px;z-index: 10;} #product_div ul li img {left: 50%; position: absolute; top: 50%;} #product_div div{ min-height:181px;} #spec_details{ margin:0; padding:0; list-style-type:none; background-color:#FFFFFF;} #spec_details a{ display:block; font-weight:bold; text-decoration:none; } #spec_details ul{ overflow: hidden; margin:0; padding:0;} #spec_details li{ margin:0; padding:0; list-style-type:none; clear:both; display:block; width:830px;} #spec_details li a{ padding:8px 12px; display:block; background-color:#f1f1f1; color:#7d7d7d; text-decoration:none; font-size:12px; font-weight:bold; } #spec_details li a.closed{ padding:8px 12px; display:block; background-color:#f1f1f1; color:#7d7d7d; text-decoration:none; font-size:12px; font-weight:bold; } #spec_details li.firstitem a.closed { padding:8px 12px; display:block; background-color:#f1f1f1; color:#7d7d7d; text-decoration:none; font-size:12px; font-weight:bold; } #spec_details li.lastitem a.closed { padding:8px 12px; display:block; background-color:#f1f1f1; color:#7d7d7d; text-decoration:none; font-size:12px; font-weight:bold; } #spec_details li li { padding:15px 0; } #spec_details li a.opened { padding:8px 12px; display:block; background-color:#f1f1f1; color:#7d7d7d; text-decoration:none; font-size:12px; font-weight:bold; } #spec_details li.firstitem a.opened { padding:8px 12px; display:block; background-color:#f1f1f1; color:#7d7d7d; text-decoration:none; font-size:12px; font-weight:bold; } #spec_details li.lastitem li { margin-bottom:-4px; } #spec_details li.lastitem ul { background-repeat:no-repeat; background-position:bottom; padding-bottom:4px; } .left_img{ border-right:1px dashed #c2c2ca; float:left; width:155px; padding-right:15px;width:173px;} .right_text{ padding:0 15px; width:311px; float:left;} #product_tabs ul { margin:20px 0 30px 0; padding:3px 0; overflow:hidden; } #product_tabs ul li{ background:none; margin:0 2px 1px 0; float:left; padding:0; } #product_tabs ul li a{ padding:8px 12px; display:block; background-color:#f1f1f1; color:#7d7d7d; text-decoration:none; font-size:12px; font-weight:bold;} #product_tabs ul li .right_text a.sl_link { background:url('../../images/frontend/bullet_blue.gif') no-repeat 0 5px; padding:0 0 0 15px; color:#3876D0; text-decoration:none; line-height:18px; font-weight:bold; clear:both; } .right_text a.sl_link:hover { color:#3876D0; text-decoration:underline; } .highlighted{padding:8px 12px; display:block; background-color:#c8c8ca !important; color:#646464; text-decoration:none; font-size:12px;} #product_tabs ul li a:hover{ padding:8px 12px; display:block; background-color:#c8c8ca; color:#646464; text-decoration:none; font-size:12px;} #prod_info { clear:both; } #prod_info ul { margin:0 0 12px 10px; } #prod_info ul li { background:transparent url(../../images/frontend/subnav_bullet.png) no-repeat scroll 0 -5px; padding:0 0 3px 35px; float:none; } /* Gallery */ .big_img_wrapper a { position:absolute; left:50%; top:50%; } .gall_desc { width:428px; float:left; } .big-img-path { display:none; } #gallery_wrap { overflow:hidden; padding:0 0 15px 0; } #gallery_loader { background:url('../../images/frontend/spinner.gif') no-repeat center 90px; min-height:110px; height:auto; text-transform:lowercase; padding:150px 0 0; font-size:10px; color:#D80E26; text-align:center; } /* Search module */ .desc_box { padding:0 0 4px 0; overflow:hidden; line-height:18px; } .desc_box .srch_img { display:block; width:65px; height:65px; float:left; padding:2px; border:1px solid #A7A7A7; } .desc_box .srch_desc { padding:0 0 8px 0; } .desc_box .srch_title ,.srch_title a { font-size:13px; font-weight:bold; color:#bd2925; margin:0 0 4px 0; } .desc_box .srch_desc_info { background:url('../../images/frontend/info_icon.gif') no-repeat 0 0; padding:2px 0 2px 32px; font-size:16px; font-weight:bold; color:#DFB537; } /* Store Locator */ .sl_wrap { border-top:1px dotted #AAAAAA; overflow:hidden; padding:15px 10px; } .sl_img_wrap { width:175px; border:1px solid #AAAAAA; float:left; text-align:center; } .loc_details { width:485px; padding:0 0 0 15px; float:left; } .loc_name { font-size:13px; font-weight:bold; margin:0 0 7px 0 !important; } .loc_details p { margin:0 0 5px 0 !important; } .sl_link, .sl_map_link { background:url('../../images/frontend/bullet_blue.gif') no-repeat 0 3px; padding:0 0 0 15px; color:#3876D0; text-decoration:none; line-height:18px; font-weight:bold; clear:both; } .sl_link:hover, .sl_map_link:hover { color:#3876D0; text-decoration:underline; } .sl_link_active, .sl_map_link_active { background:url('../../images/frontend/bullet_blue.gif') no-repeat -16px -15px; padding:0 0 0 15px; color:#3876D0; font-size:12px; text-decoration:underline; line-height:18px; font-weight:bold; clear:both; } .map_display { width:480px; height:310px; margin:9px 0 0 0; clear:both; } .add_wrap { width:260px; float:left; overflow:hidden; padding:0 10px; line-height:20px; } .add_title { font-size:13px; font-weight:bold; padding:0 0 8px 0; } #examap { float:left; width:400px; height:310px; } /* Footer styles */ #footer{ background:#f1f1f1 url('../../images/frontend/bg_footer.gif') repeat-x 0 0; padding:5px 15px 10px; clear:both; overflow:hidden; font-size:11px; position:relative; } .comp_name { font-size:11px; padding:0 0 20px 0; } .main_cat { margin:0 0 15px 0; font-size:11px; color:#00001d; } #footer .main_cat a { font-size:11px; color:#00001d; } #footer p { clear:both; } #footer a { color:#7d7d91; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:15px; } .fp1 { float:left; padding:0px 8px 2px 0; } .fp2 { float:left; padding:0px 7px; border-left:0px solid #BCBDBD; height:60px; } .fp3 { width:140px; float:left; padding:0px 15px; } .fp_s{float: left; padding: 0px; margin: 0 0 0 5px; width:1px; height: 237px; background-color:#bcbdbd;} .section4 { float:right; margin:0 130px 0 0; } .footerpanel ul li { list-style:none; margin:0 !important; padding:0 !important;} .footerarea_info { position:relative; padding:15px 0 0; color:#7d7d91; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:15px; overflow:hidden; clear:both; } .footerarea_info p.info{ clear:both; padding:12px 0 0; } .exalogo { background:url('../../images/frontend/exalogo.gif') no-repeat left top; display:block; width:56px; height:23px; right:20px; top:34px; position:absolute; } .wm_logo { background:url('../../images/frontend/wmlogo.png') no-repeat left top; display:block; width:108px; height:30px; right:20px; top:78px; position:absolute; } /* Newsletter popup */ .nl_popup { background:#EEEEEE; border:1px solid #A7A7A7; display:none; left:28%; padding:30px; position:fixed; top:13%; width:550px; z-index:100; } .nl_popup p.login_title { background:url('../../images/frontend/go-button.png') no-repeat left 0px; font-size:13px; font-weight:bold; padding:0 0 5px 20px !important; margin:0 0 0 -20px; } .login_form { clear:both; overflow:hidden; } .nl_popup label { text-align:left; width:100%; } .nl_popup p { padding:0 0 15px 0; } .sec_link { text-decoration: none; font-size: 10px; font-family: Arial,Helvetica,sans-serif; float:left; padding:6px 0 0 18px; } .newsletter_status{padding: 0pt 0pt 0pt 15px; color: #3876D0; font-weight: bold; line-height: 18px; text-align: right;} .brochure_listing{border:1px dotted #AAAAAA;float:left;width:171px;} .vertical_dot{background-image:url('../../images/frontend/vert_dots.gif');background-position:left top;background-repeat:repeat-y; float:left;height:172px;width:12px;} .horizontal_dot{background-image:url('../../images/frontend/dotted_line.gif');background-repeat:repeat-x;height:29px;margin-left:11px; margin-top:3px;width:743px;} #sitemap, #link { padding:10px 0 0 0 !important; } #sitemap li,#link li{ background:url('../../images/frontend/blue-bullet.gif') no-repeat scroll left 4px transparent;padding:0 0 15px 29px;} #sitemap li a,#link li a{ font-size:13px; } #sitemap li h2,#link li h2{ margin-bottom:7px; } #sitemap li h2 a,#link li h2 a{ font-weight:bold; } #sitemap ul,#link ul{ margin:15px 0 0 0; } #sitemap ul li,#link ul li{ padding:0 0 6px 29px; } .captcha{ text-transform:uppercase; } /** Home page Content **/ .lft_cont {float: left; width: 428px; margin: 15px 0 0 0;} .content_product {float: left; margin: 15px 0 0 0;} .content_products {float: left;} .rgt_cont {float: left; width: 428px; margin: 15px 0 0 45px;} .lft_sub_cont {float: left; width: 308px; } .rgt_sub_cont {float: left; width: 307px; margin:0px 0 0 45px;} .h2_heading{ font-size:16px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0 0 7px 1px; letter-spacing:-0.5px; } #main_content ul li { background: url(../../images/frontend/subnav_bullet.png) no-repeat 0 -3px; padding:0 0 0 28px;} #main_content {line-height: 17px; padding: 25px 20px 0; overflow:hidden;} #content b {color: #3876D0; margin: 0 0 8px 0; display: block;} #content .home_sub_heading {color: #3876D0; margin: 0 0 8px 0; display: block ; font-size:12px; font-weight: bold; } .search_highlight{color:#AAC931;font-weight:bold;} .readmore_show_hide{display:none} .product_preview{display:none} .gallery_height{height: 210px !important;} .map_wrap { float:right; } /* Form styles */ .form_wrapper { border-bottom:1px solid #C8C8CA; padding:0 0 15px 0; } .form_title { font-weight:bold; padding:7px 11px; border-top:6px solid #C8C8CA; border-bottom:1px dotted #C8C8CA; overflow:hidden; min-height: 28px;} .form_title_product { font-weight:bold; padding:7px 11px; border-top:6px solid #C8C8CA; border-bottom:1px dotted #C8C8CA; overflow:hidden;} .form_title_product h3 { font-weight:bold; font-size:12px; } .form_title,.form_title_product label { width:auto; clear:none; } .form_data { padding:14px 0px 0; overflow:hidden; } .err { color:#FF0000; padding:0 5px 0 0; } .form_row { padding:0 0 8px 0; clear:both; overflow:hidden; } label { width:145px; float:left; text-align:right; padding:3px 5px 0 0; } input { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; padding:3px; border:1px solid #999999; float:left; } select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; padding:3px; border:1px solid #999999; float:left; } textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; padding:3px; border:1px solid #999999; float:left; height:70px; } select.fld_m { width:176px; } .fld_xs { width:75px; margin:0 10px 0 0; } .fld_wv { width:65px; margin:0 0 0 10px; text-transform:uppercase; } .fld_s { width:125px; } .fld_m { width:168px; } .fld_big { width:480px; } .lbl_info { font-size:11px; display:block; clear:both; padding:0 6px 0 0; } .lbl_full { width:325px; padding:0 12px 0 0; } .lbl_full input { float:none; margin:0 0 0 3px; } .padd_error_msg { color:#FF0000; font-size:11px; clear:both; display:block; font-weight:normal; } .padd_form_error { color:#FF0000; font-size:11px; clear:both; display:block; font-weight:normal; padding:0 0 0 150px; } /* Column layout */ .col2 { width:48%; margin:0 1%; float:left; } .col3 { width:30%; margin:0 1.5%; float:left; } .col4 { width:22%; margin:0 1.5%; float:left; } .col3 label, .col4 label { width:100%; padding:0px 0 2px 0; text-align:left; } .col3 input, .col4 input { clear:both; width:94%; } .flash_captcha { float:left; padding:4px 3px 0 0; } /* Buttons */ .btn_submit, .btn_submit:hover { background:#E6E6E6 url('../../images/frontend/go-button.png') no-repeat left 2px; border:2px solid #C8C8CA; padding:2px 14px 3px 24px; font-weight:bold; text-transform:lowercase; cursor:pointer; float:left; clear:both; white-space:nowrap; color:#7D7D7D; text-decoration:none; } .btn_submit_contactus, .btn_submit_contactus:hover {background:#E6E6E6 url('../../images/frontend/go-button.png') no-repeat left 2px; border:2px solid #C8C8CA; padding:2px 14px 3px 24px; font-weight:bold; text-transform:lowercase; cursor:pointer; float:left; clear:both; white-space:nowrap; color:#7D7D7D; text-decoration:none; width:155px;}/* Added for superfish menu by Shreyas .sf-menu .sub_menu {float: left; width: 168px !important; padding: 20px 0 5px 0; opacity:0.9;filter:alpha(opacity=90); background: #fff;} .sf-menu .sub_menu2 {float: left; width: 272px !important; padding: 20px 0 5px 0; opacity:0.9;filter:alpha(opacity=90); background: #fff;} .sf-menu { height:35px; margin:0 2px 0 0; z-index:80; } .sf-menu li { position:relative; display:inline; float:left; z-index:80; overflow:hidden; } .sf-menu li a { display:block; float:left; height:35px; } .sf-menu li:hover { visibility:inherit; overflow:visible; } .sf-menu li ul { left:0px !important; top:30px !important; float:left; clear:both; display:inline !important; } .sf-menu ul { border:0px solid #000; margin:0; position:absolute; top:-999em; width:9em; z-index:80; } .sf-menu ul li { width:168px !important; color:#3876D0; float:left; position:relative; cursor:pointer; } .sf-menu ul li ul { left:180px !important; top:36px !important; float:left; clear:both; display:inline !important; } .sf-menu ul li ul.sub_menu2 { left:168px !important; top:0px !important; float:left; clear:both; display:inline !important; } .sf-menu li li { height:auto; color:#FFFFFF; } .sf-menu .sub_menu li li:hover { color:#fff !important; cursor:pointer; } #main_nav.sf-menu li .sub_menu li a { background: url(../../images/frontend/blue-bullet.gif) no-repeat 12px 3px; width: 138px; float:left; color:#3876D0; text-decoration:none; font-size:15px; display: block; padding: 0 0 5px 30px; height: auto;} #main_nav.sf-menu .sub_menu a:link { font-size:15px; color:#3876D0; background: url(../../images/frontend/blue-bullet.gif) no-repeat 12px 3px;} #main_nav.sf-menu .sub_menu a:visited { font-size:15px; color:#3876D0; } #main_nav.sf-menu .sub_menu a:hover { font-size:15px; color:#3876D0; text-decoration:underline; cursor:pointer; background: #C8C8CA url(../../images/frontend/blue-bullet.gif) no-repeat 12px 3px; } #main_nav.sf-menu .sub_menu a:active { font-size:15px; color:#3876D0; } #main_nav.sf-menu li .sub_menu2 li a { background: url(../../images/frontend/blue-bullet.gif) no-repeat 12px 3px; width: 242px; float:left; color:#3876D0; text-decoration:none; font-size:15px; display: block; padding: 0 0 5px 30px; height: auto;} #main_nav.sf-menu .sub_menu2 a:link { font-size:15px; color:#3876D0; background: url(../../images/frontend/blue-bullet.gif) no-repeat 12px 3px;} #main_nav.sf-menu .sub_menu2 a:visited { font-size:15px; color:#3876D0; } #main_nav.sf-menu .sub_menu2 a:hover { font-size:15px; color:#3876D0; text-decoration:underline; cursor:pointer; background: #C8C8CA url(../../images/frontend/blue-bullet.gif) no-repeat 12px 3px; } #main_nav.sf-menu .sub_menu2 a:active { font-size:15px; color:#3876D0; } .sf-menu.sf-menu li:hover li ul, .sf-menu.sf-menu li.sfHover li ul { top:-999em; } .sf-menu.sf-menu li li:hover ul, .sf-menu.sf-menu li li.sfHover ul { left:9em; top:0; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.1em; z-index: 99; } */div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display:none; } div.content a, div.navigation a { text-decoration:none; color:#777; } div.content a:focus, div.content a:hover, div.content a:active { text-decoration:underline; } div.controls { } div.controls a { padding:0px; } div.controls a.next { background:url('../../images/frontend/arr_next.gif') no-repeat 0 0; width:19px; height:11px; right:0; position:absolute; top:27px; display:block; text-indent:-9999px; } div.controls a.prev { background:url('../../images/frontend/arr_prev.gif') no-repeat 0 0; width:19px; height:11px; left:0; position:absolute; top:27px; display:block; text-indent:-9999px; } div.ss-controls { float:left; display:none; } div.nav-controls {} div.slideshow-container { float:left; width:237px; height:232px; text-align:center; position:relative; padding:3px; border:1px solid #c8c8ca; margin:0 28px 10px 0; } div.loader { position: absolute; top:0; left:0; background: url('../../images/frontend/loader.gif') no-repeat center center; width:237px; height: 232px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.slideshow { float:left; width:237px; } div.slideshow span.image-wrapper { display:block; position:absolute; top:3px; left:3px; } div.slideshow a.advance-link { /*position:absolute; left:50%; top:50%;*/ display:block; width:237px; height:232px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshow img { position:absolute; left:50%; top:50%; } div.download { float: right; } div.caption-container { position:relative; width:428px; height:174px; float:left; } span.image-caption { display: block; position:absolute; left:0; top:0; } div.caption { padding:0 0 18px 0; } div.image-title { font-weight: normal; font-size: 1.4em; } div.image-desc { line-height: 1.3em; padding-top: 12px; } div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ width:345px !important; margin:0; padding:0 28px; position:relative; } ul.thumbs { clear:both; margin:0; padding:0; } ul.thumbs li { float:left; padding:0; margin:0 2px; width:65px; height:65px; list-style:none; position:relative; } a.thumb { display:block; height:65px; text-align:center;} ul.thumbs li span { display:none; } ul.thumbs li.selected a.thumb { } ul.thumbs li.selected span { position:absolute; width:59px; height:59px; display:block; border:3px solid #398fd9; } a.thumb:focus { outline:none; } ul.thumbs img { /*position:absolute; top:50%; left:50%;*/ } div.pagination { clear:both; } div.navigation div.top { margin-bottom:12px; height:11px; display:none; } div.navigation div.bottom { margin-top:12px; display:none; } div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display:block; float:left; margin-right:2px; padding:4px 7px 2px 7px; border:1px solid #ccc; } div.pagination a:hover { background-color:#eee; text-decoration:none; } div.pagination span.current { font-weight:bold; background-color:#000; border-color:#000; color:#fff; } div.pagination span.ellipsis { border:none; padding:5px 0 3px 2px; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 0px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/*info box blue begin*/ .blue h3 {color:#336699!important;} .blue span {color:#336699;} .blue1 {background:#f2f7fc;} .blue2 {border:#bbd5ed solid 1px;} .blue3 {border-color:#dae8f5; background:#f7fafd url(../../images/backend/icons/info_blue_bg.gif)} /*info box blue end*/ /*info box green begin*/ .green h3 {color:#3DB100!important;} .green span {color:#336699;} .green1 {background:#E5E5E5;} .green2 {border:#87C445 solid 1px;} .green3 {border-color:#CFF7AF; background:#f7fafd url(../../images/backend/icons/info_green_bg.png)} /*info box green end*/ /*info box red begin*/ .red h3 {color:#c11f1f!important;} .red1 {background:#fdf3f6;} .red2 {border:#f2c0cd solid 1px;} .red3 {border-color:#f7dce3;background:#fdf7f9 url(../../images/backend/icons/info_red_bg.gif)} .red li{ padding-left: 5px; margin-left: 12px; list-style-type: disc; color: #CC0000; } /*info box red end*/ /*info box yellow begin*/ .yellow h3 {color:#998840!important;} .yellow1 {background:#fff7d7;} .yellow2 {border:#e9d378 solid 1px;} .yellow3 {border-color:#fee88d;background:#fffae5 url(../../images/backend/icons/info_yellow_bg.gif)} /*info box red end*/ /*general info box begin*/ .gen1 {padding:3px;margin-bottom:15px;} .gen2 {padding:2px;background:#fff;} .gen3 {padding:4px;text-align:justify;border-style:solid;border-width:1px; background-repeat:no-repeat;} .gen4 {padding:5px 4px 3px 50px;margin-top:-10px;font-size:11px;min-height:30px;color:#333;line-height:11px;margin:auto 0;} .gen4 h3 {font-weight:bold;font-family:arial,helvetica,sans-serif; font-size:14px;padding:0;margin:0 0 5px 0;} /*general info box end*/ #div_info{ display: none; } #div_error{ display: none; clear:both; } div.container { display: none } /***** ALERT BOX STYLES***/ #alert-Box { padding-bottom: 24px; background: url('../../images/frontend/bg-box-bottom.png') bottom left no-repeat !important; background: url('../../images/frontend/bg-box-bottom.gif') bottom left no-repeat;} #alert-InBox { padding-top: 15px; background: url('../../images/frontend/bg-box-top.png') top left no-repeat !important; background: url('../../images/frontend/bg-box-top.gif') top left no-repeat;} #alert-BoxContent { background: url('../../images/frontend/bg-box-body.png') top left repeat-y !important; background: url('../../images/frontend/bg-box-body.gif') top left repeat-y;padding: 0px 20px;} #alert-BoxContenedor { padding: 0px 0px 5px 55px; text-align: left; font-family:Verdana; font-size:12px; color:#000;} #alert-BoxContenedor h1,#alert-BoxContenedor h2,#alert-BoxContenedor h3,#alert-BoxContenedor b,#alert-BoxContenedor strong{ text-align: left; font-family:Verdana; font-size:12px; color:#000; font-weight:bold; margin:0px; padding:0px;} #alert-Buttons{ text-align:right;}#alert-Buttons input { margin: 10px 10px;} #alert-BoxContenedor #BoxPromptInput{ margin-top:5px;} #alert-Box .BoxAlert { background: url('../../images/frontend/success.png') top left no-repeat;} #alert-Box .BoxConfirm { background: url('../../images/frontend/success.png') top left no-repeat;} #alert-Box .BoxPrompt { background: url('../../images/frontend/dialog-help.png') top left no-repeat;} #alert-Box .BoxInfo { background: url('../../images/frontend/info.gif') top left no-repeat;} #alert-Box .BoxError { background: url('../../images/frontend/error.png') top left no-repeat;} .prevent_default {float:none !important;cursor:pointer;} /*Ends Here*/ .formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; } #debugMode{ background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; } .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none} .formError .formErrorContent { width:100%; background:#7D7D7D; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent {background:#33be40;} .blackPopup .formErrorContent {background:#393939;color:#FFF;} .formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:5001; } .formError .formErrorArrowBottom{top:0;margin:-6px;} .formError .formErrorArrow div{ border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #7D7D7D; -moz-box-shadow: 0px 2px 3px #7D7D7D; -webkit-box-shadow: 0px 2px 3px #7D7D7D; font-size:0px; height:1px; background:#7D7D7D;margin:0 auto;line-height:0px; font-size:0px; display:block; } .formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div{background:#33be40;} .blackPopup .formErrorArrow div{background:#393939;color:#FFF;} .formError .formErrorArrow .line10{width:15px;border:none;} .formError .formErrorArrow .line9{width:13px;border:none;} .formError .formErrorArrow .line8{width:11px;} .formError .formErrorArrow .line7{width:9px;} .formError .formErrorArrow .line6{width:7px;} .formError .formErrorArrow .line5{width:5px;} .formError .formErrorArrow .line4{width:3px;} .formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;} .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;} .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}