/*[if SafMob] @import('safari.css'); */ body{padding:0; margin:0; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#5e5e5e; text-align:justify; line-height:18px;} *:focus { border:none;} p{text-align:justify; padding:0; margin:0;} ul, li, h1, h2, h3, h4, h5, h6 {padding:0; margin:0;} ul, li{ padding:0; margin:0; } .main_font{ font-family:arial; font-size:12px; color:#333333;} .main_font a{ color:#000000;} .tahoma_font{ font-family:tahoma; font-size:11px; color:#5e5e5e; } .tahoma_font_black{ font-family:tahoma; font-size:13px; color:#000000; } .justify{ text-align:justify;} a{ text-decoration:none; color:#4081cc;} a:hover{text-decoration:underline;} :focus{outline:none;} img{ border:none;} .paddingtop{ padding-top:5px;} .paddingright{ padding-right:5px; } .paddingleft{ padding-left:5px;} .paddingbottom{ padding-bottom:5px;} .clear{ clear:both;} .f_left{ float:left;} .f_right{ float:right;} .margintop{ margin-top:5px;} .marginright{ margin-right:5px;} .marginleft{ margin-left:5px;} .marginbottom{ margin-bottom:5px;} .more_btn{ background:url(../images/btn.png) no-repeat center top; font-size:11px; font-weight:bold; padding:5px 15px 0 15px; color:#5e5e5e; font-family:tahoma; width:65px; height:31px;} .more_btn a{ color:#5e5e5e;} .more_btn a:hover{ color:#000;} #main_width{ width:983px; background:url(../images/top_bg.jpg) right top no-repeat;} .partition{ border-top:#d8dadc 1px solid; padding-top:15px;} .img-right{float:right; margin-left:15px; margin-bottom:5px; border:solid 1px #CCC; padding:2px;} .img-left{float:left; margin-left:15px; margin-bottom:10px; border:solid 1px #CCC; padding:2px;} /*_______________________top_________________________*/ .logo{ height:85px; width:665px; padding-left:5px; float:left;}/*Original width: 284px*/ .top_contact{width:147px; float:right; padding:5px 56px 0 0px; height:35px; margin-top:14px;} .mt15{margin-top:15px;} /* Revised by dr */ #nav{ clear:both; margin:0 0 25px 0; clear:both; } #nav ul{ list-style:none; } #nav ul li{font-family:tahoma; font-size:13px; color:#1b1b1b; font-weight:bold; height:25px; padding:15px 0 15px 0; float:left; background:url(../images/menu_bg.png) center top repeat-x; } #nav ul li.left{background:url(../images/menu_mid.jpg) no-repeat right top; display:block; color:#1b1b1b; padding-right:2px; margin-top:-1px;} #nav .mid a{ background:url(../images/menu_mid.jpg) right top no-repeat; padding:15px 23px ;color:#1b1b1b; text-decoration:none;} #nav .mid a:hover, #nav .mid a.active{ background:url(../images/hover.png) center top no-repeat; padding:15px 23px ;color:#fff; margin-top:1px;} #nav .left a {background:url(../images/left.png) left top no-repeat; padding:15px 23px 15px 27px; color:#1b1b1b; } #nav .left a:hover, #nav .left a.active{ background:url(../images/hover.png) left top no-repeat; color:#FFFFFF; margin-top:1px;} #nav ul li.right{background:url(../images/menu_mid.jpg) no-repeat right top; display:block; color:#1b1b1b; margin-top:-1px;} #nav .right a { background:url(../images/right.png) right 0px no-repeat; padding:15px 22px 15px 27px; color:#1b1b1b; } #nav .right a:hover, #nav .right a.active { background:url(../images/hover.png) right top no-repeat; color:#FFFFFF; margin-top:0px; text-decoration:none;} .banner_bg { background:url(../images/banner_bg.jpg) center top no-repeat; height:240px; clear:both;} .img-left-margin-0yz0{float:left; margin:0 15px 10px 0; border:solid 1px #CCC; padding:2px;} /*_______________________/top_________________________*/ .link{font-family:tahoma; font-size:11px; padding-bottom:10px; background:#f4f4f4; padding:5px; margin-bottom:15px; height:18px; clear:both; font-weight:bold; margin-top:15px;} .link a{color:#4e4e4e;} .link span a, .link span{color:#0158bb;} /*_______________________left_________________________*/ .left_part{ width:680px; float:left;} .left_part a{ color:#4081cc;}/*added by dr*/ .box{ background:url(../images/content_part.png) no-repeat center top; padding:0 18px 10px 12px; width:304px; height:169px; font-family:tahoma; font-size:11px; color:#5e5e5e; line-height:18px;} .box h1{ padding-bottom:8px; border-bottom:#e1e1e1 1px solid; font-family:tahoma; font-size:13px; color:#000; font-weight:bold;} .box .text{ width:170px; padding:10px 5px 0 0;} /*wide_box added by dr*/ .wide_box{ background:url(../images/content_part_max.png) no-repeat center bottom; padding:0 18px 10px 12px; width:650px; min-height:200px; font-family:tahoma; font-size:12px; color:#5e5e5e; line-height:18px; overflow:hidden} .wide_box h1{ padding-bottom:8px; border-bottom:#e1e1e1 1px solid; font-family:tahoma; font-size:13px; color:#000; font-weight:bold;} .wide_box .text{ width: 625px; padding:10px 5px 0 0;} .btm_box{ padding-top:22px; clear:both;} /*padding-top:34px;*/ .left_part h2{ font-size:11px;} .left_part h4{ font-size:18px; font-family:tahoma; color:#0158bb; padding:0 0 5px; margin:0 0 -13px 0; border-bottom:#e1e1e1 1px solid;} .inerheading{ padding-bottom:5px; border-bottom:#e1e1e1 1px solid; font-family:tahoma; font-size:13px; color:#000; font-weight:bold; margin-bottom:10px;} .inerheading-no-underline{ padding-bottom:5px; font-family:tahoma; font-size:12px; color:#000; font-weight:bold; margin-bottom:10px;} /*_______________________/left_________________________*/ /*_______________________right_________________________*/ .right_part{ background:url(../images/partition.png) top left no-repeat; width:258px; padding:0 0 0 24px; float:right; font-family:tahoma; color:#565656; font-size:11px; line-height:18px;} .right_part h1{padding-bottom:8px; font-family:tahoma; font-size:13px; color:#000; font-weight:bold;} .right_part h2, .newsdate{ background:url(../images/gray.png) no-repeat center; font-family:tahoma; font-size:9px; font-weight:bold; color:#FFFFFF; padding:4px 0px 4px 10px; width:78px; height:12px; margin-bottom:10px; line-height:11px; margin-left:-8px} .right_part textarea, .inner_right_part textarea{ border:#d1d1d1 1px solid; padding:2px; width:190px; font-family:tahoma; color:#565656; font-size:11px; } .right_part textarea:hover, .inner_right_part textarea:hover{border:#508cd0 1px solid; color:#508cd0;} .right_part input , .inner_right_part input{ border:#d1d1d1 1px solid; padding:3px; width:190px; color:#565656; font-size:11px; } .right_part input:hover, .inner_right_part input:hover{border:#508cd0 1px solid; color:#508cd0;} .btn_pad{ } .submit{ background: url(../images/submit.jpg) no-repeat center top; font-family:tahoma; font-size:10px; font-weight:bold; text-transform:uppercase; border:none; height:20px; width:57px; cursor:pointer;} .submit:hover{ color:#0033CC;} .more{font-family:tahoma; color:#000; font-size:12px; text-decoration:underline; padding-bottom:5px; padding-right:10px; } .more a{ color:#000;} .more a:hover{color:#508cd0;} #pro_list{ padding:0 0 0 10px; margin:0; line-height:20px; } #pro_list li{ list-style:url(../images/arrow.gif); } #pro_list li a{ color:#565656; text-decoration:none; display:block; padding-left:5px; background:#f2f2f2; margin:1px 0;} #pro_list li a:hover, #pro_list li a.activepro{ background:#fff; display:block; color:#0158bb; } .inner_txt_w{ padding:5px 0 0 0} .right-img{margin-left:15px; margin-bottom:10px; float:right;} .border1{ border:1px solid #;} .border-gray { /* product-box: added by dr */ border: margin: 1px; border: #DDDDDD solid 1px; padding: 0 10px 0 10px; /*--Top right rounded corner--*/ -moz-border-radius-topright: 8px; -khtml-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; /*--Top left rounded corner--*/ -moz-border-radius-topleft: 8px; -khtml-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 8px; -khtml-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius:8px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 8px; -khtml-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; } .border-curve{ float:right; margin-right:15px; margin-bottom:0; border:solid 1px #CCC; padding:2px; /*--Top right rounded corner--*/ -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; /*--Top left rounded corner--*/ -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius:5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .left_part h2{ font-family:tahoma; font-size:11px; padding-bottom:10px; background:#f4f4f4; padding:5px; margin-bottom:15px;} .left_part h2 a{ color:#000000; } .left_part h2 span{ color:#0158bb;} .left_part h2 span a{color:#0158bb;} .inner_right_part{ background:url(../images/partition1.png) top right repeat-y; width:258px; padding:0 20px 0 0; float:left; font-family:tahoma; color:#565656; font-size:11px; padding-left:15px; min-height:405px;} .inner_right_part h1{font-family:tahoma; font-size:13px; color:#000; font-weight:bold; background:#fff;} .inner_right_part span{ background:#ebebeb;} ul.newsrelese, ul.newsrelese li{padding:0; margin:0;} ul.newsrelese li a{text-decoration:underline; color:#4081cc; margin-bottom:0px; background:url(../images/arrow.gif) no-repeat 0 3px; padding-left:8px; display:block;} ul.newsrelese li a:hover{text-decoration:none;} .pro_img{ background:url(../images/pro1.gif) no-repeat right bottom; width:240px; height:190px; float:right; margin:15px 0 0px 0; padding:30px 10px 18px 10px; text-align:center;} .hline{background:url(../images/hline.gif) repeat-x 0 8px; display:block; padding:0; margin:0; height:15px;} .blue{color:#4081cc; font-weight:bold; font-size:11px;} .red{color:#990000} /*_______________________/right_________________________*/ form {margin:0px; padding:0px} input, select, textarea {font-size:11px; color:#565656; font-family:Arial, Helvetica, sans-serif; padding:3px;} .button {color:#FFFFFF; padding:0px; font-weight:bold; padding:1px; background:url(images/butbg.gif) repeat-x; border :0px; border:1px solid #9FB2C3} .redstar{color:#ff0000; font-size:12px;} .input{padding:3px; width:190px; border:1px solid #D1D1D1;} .ml20{margin-left:20px;} /*_______________________ product pages - added by dr_________________________*/ .img-prod-right{margin-left:10px; margin-bottom:0;} .img-prod-left{margin-right:10px; margin-bottom:0;} .img-id-right{float:right; margin-left:15px; margin-bottom:5px; border:solid 1px #CCC; padding:2px;} .img-id-left{float:left; margin-right:15px; margin-bottom:10px; border:solid 1px #CCC; padding:2px;} .back_to_top_btn{ background:url(../images/btn.png) no-repeat center bottom; font-size:11px; font-weight:bold; padding:0; color:#5e5e5e; font-family:tahoma; width:85px; height:31px;} .back_to_top_btn a{ color:#5e5e5e;} .back_btn a:hover{ color:#000;} .right_part_prod{ background:url(../images/partition.png) top left no-repeat; width:175px; padding:0 0 0 24px; float:right; font-family:tahoma; color:#565656; font-size:11px; line-height:18px;} .right_part_prod hover { color:#1A73DB; } .right_part_prod h1{padding-bottom:8px; font-family:tahoma; font-size:13px; color:#000; font-weight:bold;} /*_______________________footer_________________________*/ .footer{ background:url(../images/footer.jpg) no-repeat center top; clear:both; padding:22px 22px 0 22px; overflow:hidden; width:958px; margin-top:20px; margin-bottom:10px; } .footer h1{ font-family:tahoma; font-size:11px; color:#fff; font-weight:bold; line-height:22px; } .footer_div{ width:180px; font-size:10px; font-family:tahoma; color:#515151; line-height:18px; float:left; } .footer ul{ list-style:none; padding-bottom:20px;} .footer li{ list-style:none;} .footer li a{color:#fff; text-decoration:none;} .footer li a:hover{color:#a4a7a7;} .copyright{ font-family:tahoma; font-size:11px; color:#8e8d8d; clear:both; line-height:25px; overflow:hidden; width:984px; margin:10px 0 0 -13px; border-top:#aaaaaa 1px solid;} .copyright a{ color:#8e8d8d; } .copyright a:hover{ color:#000; } /*_______________________/footer_________________________*/ .box150{width:150px; float:left; margin-right:20px; border-right:solid 1px #eee;} .box2150{width:150px; float:left; margin-right:0px; border-right:none;} .ml15{margin-left:15px;} .partner_div{ width:225px; font-size:12px; font-family:Arial; color:#515151; line-height:18px; float:left; } .partner_div ul{ list-style:url(../images/arrow.gif); padding-bottom:20px; margin-left:15px;} .partner_div li{ } .partner_div li a{color:#000; text-decoration:none; display:block; padding-left:5px;} .partner_div li a:hover{color:#0158BB; background:#f7f7f7; padding-left:5px; font-weight:bold;} .sitemaplink{font-size:12px; font-weight:bold;} .sitemaplink a{color:#5e5e5e;} ul.sitemap{ margin:0 0 0 10px;} ul.sitemap li { padding:0; margin:0; display:block; clear:both; background:url(../images/arrow.gif) no-repeat 0 3px; padding-left:8px;} ul.sitemap a{ background:none;} .site_div{ width:225px; font-size:12px; font-family:Arial; color:#515151; line-height:18px; float:left; } .site_div ul{ padding:0; margin:0;} .site_div li{ padding-left:5px; height:20px; padding-bottom:10px; display:block;} .site_div li a{color:#000; text-decoration:none; display:block; height:30px; color:#515151;} .site_div li a:hover{color:#0158BB; } .site_div li ul{padding:0; margin:0; border:solid 1px red;} .site_div li ul li { padding:0; margin:0; display:block; border:solid 1px blue; clear:both;} .site_div li ul li a{ background:none;} /*______________________ left:quote request page_________________________*/ .left_part_quote_request{ width:630px; float:left;} .left_part_quote_request a{ color:#4081cc;}/*added by dr*/ /*_______________________right: quote request page_________________________*/ .right_part_quote_request{ background:url(../images/partition.png) top left no-repeat; width:300px; padding:0 0 0 24px; float:right; font-family:tahoma; color:#565656; font-size:11px; line-height:18px;} .right_part_quote_request h1{padding-bottom:8px; font-family:tahoma; font-size:13px; color:#000; font-weight:bold;} .right_part_quote_request h2, .newsdate{ background:url(../images/gray.png) no-repeat center; font-family:tahoma; font-size:9px; font-weight:bold; color:#FFFFFF; padding:4px 0px 4px 10px; width:78px; height:12px; margin-bottom:10px; line-height:11px; margin-left:-8px} .right_part_quote_request textarea, .inner_right_part textarea{ border:#d1d1d1 1px solid; padding:2px; width:190px; font-family:tahoma; color:#565656; font-size:11px; } .right_part_quote_request textarea:hover, .inner_right_part textarea:hover{border:#508cd0 1px solid; color:#508cd0;} .right_part_quote_request input , .inner_right_part input{ border:#d1d1d1 1px solid; padding:3px; width:190px; color:#565656; font-size:11px; } .right_part_quote_request input:hover, .inner_right_part input:hover{border:#508cd0 1px solid; color:#508cd0;} /*___________________________ slider___________________________ /* image replacement .graphic, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement #container{ margin:0 auto; position:relative; text-align:left; width:927px; margin-bottom:2em; } #header{ height:144px; background:#5DC9E1; color:#fff; } #content{ position:relative; } /* Easy Slider #slider{} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here width:927px; height:209px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; } #nextBtn{ left:927px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; margin:20PX 0 0 0; background:url(../images/back.png) no-repeat 0 0; } #nextBtn a{ background:url(../images/next.png) no-repeat 0 0; } .banner_bg { background:url(../images/banner_bg.jpg) center top no-repeat; height:240px; clear:both;} .banner_heading_txt, .banner_heading_txt_b, .banner_heading_txt_bo { font-family:arial; font-size:19px; padding-bottom:5px; } .banner_heading_txt{color:#323232;} .banner_heading_txt_b{ color:#0059be;} .banner_heading_txt_bo { border-bottom:#dadada 1px solid; color:#0059be;} .back_next_arrow{ height:27px; width:26px; margin:93px 0 0 0;} .banner_txt_part{ padding:34px 0 0 0; float:left; width:379px; padding-left:10px;} /*____________________________________________________________accordion____________________________________________________________*/ .accordion { PADDING-RIGHT: 0px; BORDER-TOP: #17a 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 30px; BORDER-LEFT: #17a 1px; PADDING-TOP: 0px; BORDER-BOTTOM: #17a 1px solid; list-style-type:circle; } .accordion UL { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; ; } .accordion LI { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; CURSOR: pointer; PADDING-TOP: 0px; list-style-image:url(../images/bullet.gif) } .accordion LI a:hover {color:#2077dc; } .accordion LI.active > A { BACKGROUND: url(../images/close.gif) no-repeat right center; color:#2077dc; } .accordion LI.active > A.normal{ background:none; } .accordion LI ul li.active > A{ BACKGROUND: none; color:#222; } .accordion A { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(../images/open.gif) no-repeat right center; PADDING-BOTTOM: 0px; FONT: bold 1.1em/2em Arial, sans-serif; CURSOR: pointer; COLOR: #222; PADDING-TOP: 0px; BORDER-BOTTOM: #dedede 1px solid; TEXT-DECORATION: none } .accordion A.normal{ background:none; } .accordion LI UL{ BACKGROUND:#fff url(../images/aco_sub_bg.jpg) repeat-x center top; padding:10px 5px 5px 5px;} .accordion LI UL LI{ FONT-SIZE: 11px; BACKGROUND: #ebebeb; line-height:20px; padding-left:5px; list-style-image:url(../images/arrow.gif); width:240px; margin-bottom:1px; font-family:tahoma; list-style:circle; } .accordion LI UL LI a { width:240px; line-height:20px; FONT-SIZE: 11px; font-family:tahoma; font-weight:normal; border:none; margin-left:0px; background:none; } .accordion LI UL LI a:hover, .accordion LI UL LI a.active{ color:#2077dc;} .accordion LI UL LI:hover, .accordion LI UL LI.active{ background:#fff;} /*_________________________________________ paging_________________________________________________*/ /* Pagination: pgallery */ /* -------------------------------------------- */ .paging {margin:0px 0 0px 0px; text-align:right; padding:8px 0px 0px 0px;} ul{ margin:0; padding:0;} #pagination-pgallery li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; display:inline; } #pagination-pgallery a{ border:solid 1px #DDDDDD; margin-right:2px; } #pagination-pgallery .previous-off, #pagination-pgallery .next-off { color:#838383; font-weight:bold; padding:5px 6px; } #pagination-pgallery .next a, #pagination-pgallery .previous a { font-weight:bold; border:solid 1px #FFFFFF; } #pagination-pgallery .active{ color:#000 ; font-weight:bold; padding:6px 8px; } #pagination-pgallery a:link, #pagination-pgallery a:visited { color:#4489bc; padding:5px 10px; text-decoration:none; } #pagination-pgallery a:hover{ border:solid 1px #000; color:#000; }