body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,label,p,blockquote,table,th,td,embed,object,button,hr{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:12px;} html, body { height: 100%;} fieldset,img,abbr{border:0;} ul, li {list-style:none; list-style-type:none;} body {color:#595f62; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; background: #000000 url(../../images/frontend/bg.jpg) no-repeat center top;} a{ color:#666666; text-decoration:none;cursor: pointer;} a:hover{ color:#666666; text-decoration:underline;} *:focus{ outline:0px; }/* ----------------------HTML BODY CSS---------------------------*/ /* ----------------------HTML BODY CSS---------------------------*/ /* ----------------------MAIN CSS---------------------------*/ .wrapper{ width:975px; margin:0px auto;} /* ----------------------MAIN CSS---------------------------*/ /* ----------------------HEADER CSS---------------------------*/ .header{ width:975px; overflow:hidden; } h1{ font-size:10px; color:#ffffff; text-align:right; padding:0 19px; } .topmenu{ float:right; padding:11px 0 0 0; clear:both;} .topmenu li{ font-size:12px; color:#FFFFFF; float:left; display:inline; padding:0 16px 0 0; text-transform:uppercase; } .topmenu li a{ font-size:12px; color:#FFFFFF; } .logo{ display:block; position:relative; z-index:2; padding:4px 0 0 0; margin:23px 0 0 0; float:left; } .srch_wrap { overflow:hidden; width:669px; float:left; margin:11px 0 0 -33px; } .nav{ float:left; height:46px; width:669px; } .nav li{display: block; float: left;} .nav li a{display: block;height:46px; text-indent:-9999px; background-image: url(../../images/frontend/sprite-nav.png);} .nav li a.list1{width:174px; background-position:-0px 0px;} .nav li a.list2{width:122px; background-position:-174px 0px;} .nav li a.list3{width:134px; background-position:-296px 0px;} .nav li a.list4{width:111px; background-position:-430px 0px;} .nav li a.list5{width:128px; background-position:-541px 0px;} .nav li a.list1:hover,.nav li a.list1_a{width:174px; background-position:-0px -46px;} .nav li a.list2:hover,.nav li a.list2_a{width:122px; background-position:-174px -46px;} .nav li a.list3:hover,.nav li a.list3_a{width:134px; background-position:-296px -46px;} .nav li a.list4:hover,.nav li a.list4_a{width:111px; background-position:-430px -46px;} .nav li a.list5:hover,.nav li a.list5_a{width:128px; background-position:-541px -46px;} .callus{ display:block; background:url(../../images/frontend/phnicon.png) no-repeat 0 6px; height:29px; float:left; color:#fd8330; font-size:25px; height:29px; margin:2px 0 0 51px; padding:2px 0 0 25px; letter-spacing:0.6px; cursor:pointer;} .callus:hover{color:#fff;text-decoration:none;} .searchbar{ float:right; background:url(../../images/frontend/txtbox.png) no-repeat 0 0; width:288px; height:23px; margin:0 14px 0 0; } .txtseacrh {background: url("../../images/frontend/txtbox.png") no-repeat scroll 0 0 transparent; border: 0 none;color: #898989; float: left; font-family: arial; font-size: 11px; height: 24px; padding: 0px 0 0 9px; vertical-align: middle; width: 246px; line-height:24px} .btnsearch {background: url("../../images/frontend/searchbutton.png") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; float: left; height: 23px; margin: 0 0 0 0px; width: 33px;} .callsereach{ background: url(../../images/frontend/callsearchbg.png) no-repeat 0 0; float: left; height: 47px; width: 670px; position:relative; z-index:1; margin:4px 0 0 0; } /* ----------------------HEADER CSS---------------------------*/ /* ----------------------BANNER CSS---------------------------*/ .banner{ clear:both; height:295px; margin:-16px 0 0 16px; position:relative; display:inline; float:left; width:959px; z-index:0; } .banner_subpage{ background:url('../../images/frontend/bannersub.jpg') no-repeat 0 0; clear:both; float:left; height:230px; margin:-15px 0 0 17px; position:relative; width:942px; } .bannerpadd { position:absolute; } .catdown{ position:relative; float:right; margin:107px 0px 0 0; display:block; } .catdown2 { position:relative; float:right; margin:78px -16px 0 0; display:block; } /* ----------------------BANNER CSS---------------------------*/ /* ----------------------C2A PANEL CSS---------------------------*/ .rounder_corner { border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; /* firefox */ -webkit-border-radius: 0px 0px 15px 15px; /* chrome and safari */ -o-border-radius: 0px 0px 15px 15px; /* opera */ background:#363636; margin:0 auto; clear:both; z-index:20; position:relative; padding:0 8px 8px 8px; margin:-6px 17px 0 16px; display:inline; float:left; width:926px; } .rounder_corner_subpage { width:934px; margin:0 0 0 14px; clear:both; z-index:20; position:relative; } .slider_subpage{ float:left; width:926px; height:40px; z-index:10; position:relative; margin:-40px 0 0 0; padding:0 0 0 10px; } #sliderul{height:40px; z-index:10; position:relative; margin:-10px 0 0 0; float:left; } #sliderul li{ display: block; float: left;} #sliderul li a{display: block;height:40px; text-indent:-9999px; background: url(../../images/frontend/c2a_sprite.png) no-repeat 0 0; margin:0 2px 0 0; } #sliderul li a.list1{width:161px; background-position: 0px -40px;} #sliderul li a.list2{width:141px; background-position:-163px -40px;} #sliderul li a.list3{width:201px; background-position:-306px -40px;} #sliderul li a.list4{width:181px; background-position:-509px -40px;} #sliderul li a.list5{width:234px; background-position:-692px -40px; margin:0px;} #sliderul li a.list1:hover,#sliderul li a.list1_a{width:161px; background-position:0px 0px;} #sliderul li a.list2:hover,#sliderul li a.list2_a{width:141px; background-position:-163px 0px;} #sliderul li a.list3:hover,#sliderul li a.list3_a{width:201px; background-position:-306px 0px;} #sliderul li a.list4:hover,#sliderul li a.list4_a{width:181px; background-position:-509px 0px;} #sliderul li a.list5:hover,#sliderul li a.list5_a{width:234px; background-position:-692px 0px;} /*--------------------------------SUB PAGE NAVIGATION------------------------*/ .slider_subpage2{ float:left; width:926px; height:36px; z-index:10; position:absolute; margin:0px 0 0 0; padding:0 0 0 10px; bottom:0px; left:-3px; } #sliderul2 { width:926px; float:left; } #sliderul2 li{ display:inline; float:left; } #sliderul2 li a{display: block;height:36px; text-indent:-9999px; background: url(../../images/frontend/subpagemenu.png) no-repeat 0 0; margin:0 2px 0 0; } #sliderul2 li a.list1{width:161px; background-position:0px 0px;} #sliderul2 li a.list2{width:141px; background-position:-163px 0px;} #sliderul2 li a.list3{width:201px; background-position:-306px 0px;} #sliderul2 li a.list4{width:181px; background-position:-509px 0px;} #sliderul2 li a.list5{width:234px; background-position:-692px 0px; margin:0;} #sliderul2 li a.list1:hover,#sliderul2 li a.list1_a{width:161px; background-position:0px -37px;} #sliderul2 li a.list2:hover,#sliderul2 li a.list2_a{width:141px; background-position:-163px -37px;} #sliderul2 li a.list3:hover,#sliderul2 li a.list3_a{width:201px; background-position:-306px -37px;} #sliderul2 li a.list4:hover,#sliderul2 li a.list4_a{width:181px; background-position:-509px -37px;} #sliderul2 li a.list5:hover,#sliderul2 li a.list5_a{width:234px; background-position:-692px -37px; margin:0;} /*--------------------------------SUB PAGE NAVIGATION------------------------*/ .sliderimage{ border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; /* firefox */ -webkit-border-radius: 0px 0px 15px 15px; /* chrome and safari */ -o-border-radius: 0px 0px 15px 15px; /* opera */ height:166px; background:#000000; clear:both; z-index:5; position:relative; overflow: hidden;width: 926px;} /* ----------------------C2A PANEL CSS---------------------------*/ /* ----------------------C2A PANEL CSS---------------------------*/ .bread{ background: none repeat scroll 0 0 #FFFFFF; clear: both; float: left; margin: 0px 0 0 17px; padding: 28px 0 0 21px; position: relative;width: 921px; z-index:9; } .bread h2{ padding:0 0px 0 0; text-transform:uppercase; font-size:10px; color:#8e8e8e; float:right; } .paddright{ padding:0 23px 0 0 !important; } .bread h2 a{ padding:0px 10px 0 0; text-transform:uppercase; font-size:10px; color:#8e8e8e; text-decoration:underline } .bread h2 a:hover{ padding:0 10px 0 0; text-transform:uppercase; font-size:10px; color:#8e8e8e; text-decoration:underline } .breadcrumb_span{ float:left; padding:4px 6px 0 0; } .link_breadcrum{ float:left; padding:0 23px 0 0; } .bread_txt{float:left;padding:0 7px 0 0;} /* ----------------------C2A PANEL CSS---------------------------*/ /* Breadcrumb */ .breadcrumb { background: none repeat scroll 0 0 #FFFFFF; clear:both; overflow:hidden; text-align:right; margin:0 0 19px 17px; font-size:11px; padding: 28px 20px 0 5px;width: 917px;} .breadcrumb h2 {text-transform: uppercase;display:inline; font-size:10px; color:#8E8E8E; } .breadcrumb a {font-weight:normal; color:#8E8E8E; text-transform: uppercase;text-decoration:underline;} .breadcrumb span { padding:0 2px;text-transform: uppercase;font-size:10px;color:#8E8E8E; } .breadcrumb span.active { padding:0px; } /* ----------------------HOME CONTENT CSS---------------------------*/ .homecontent{ background:#fff url(../../images/frontend/home_bg.jpg) no-repeat 0 bottom; margin:-14px 17px 0 16px; clear:both; z-index:5; position:relative; padding:36px 22px 40px 26px; float:left; overflow:hidden; width:894px; display:inline;} .homecontent2{ width:900px; background:#fff url(../../images/frontend/home_bg.jpg) no-repeat 0 bottom; margin:-19px 0 0 17px; clear:both; z-index:5; position:relative; padding:32px 21px 40px 21px; float:left; border-left:0px solid #fec198; border-right:0px solid #fec198; border-top:0px solid #fec198 ; overflow:hidden;min-height: 350px;} .homecontent2 a{font-weight: bold;} .hometitle { color:#4c4c4c; font-size:14px; font-weight:bold; font-style:italic; line-height:17px; font-family:Arial, Helvetica, sans-serif; padding:0 0 17px 0; } #hide_div{ padding:20px 0 0; clear:both; } #hide_div p{ padding:0 0 0 5px !important;} #hide_div a{ font-weight: bold; text-decoration: none;} #hide_div a:hover{ text-decoration: underline;color:#666666;} .collapse{ margin: 25px auto 0; overflow:hidden; position:relative;width:201px;z-index: 9;} #toggle_content, #toggle_content:hover {background: url(../../images/frontend/read_more.jpg) no-repeat 0 0; display: block; width: 201px; height: 25px; clear:both; float:left; } .hide_content { background: url(../../images/frontend/collapse.jpg) no-repeat 0 0 !important; } .display{ display: none;} .hiddendiv{ height:46px; width:100%;} .view{ float:left;text-align:center;width:894px; clear:both; } .view a{ text-decoration: none; overflow:hidden; width:434px; float:left; } .viewgallery{ padding:0 0px 0 26px !important; } .list_padding{padding-left: 35px;} .list_padding li{background-image: url("../../images/frontend/orangearrow.png"); background-position: 1px 8px; background-repeat: no-repeat;list-style: none outside none; padding: 5px 10px 5px 15px; float:left; width:255px;} .faqcontentimg{float:left;display: block;padding:15px 0 0 15px;} /* ----------------------HOME CONTENT CSS---------------------------*/ /* ----------------------CONTENT CSS---------------------------*/ .content{ border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; /* firefox */ -webkit-border-radius: 0px 0px 15px 15px; /* chrome and safari */ -o-border-radius: 0px 0px 15px 15px; /* opera */ width:935px; height:203px; background:#ffffff; margin:0 0 0 14px; clear:both; z-index:20; position:relative; padding:60px 0 0 20px; } .headingtext{ font-size:24px; color:#fd8330; font-weight:bold; padding:0 0 12px 3px; } .headingsub{color: #FD8330;font-size: 18px; padding: 12px 0 12px 5px;} .headingh3{color: #FD8330;font-size: 16px; padding: 12px 0 12px 5px;} .homecontent p{ font-size:13px; color:#4f4f4f; line-height:17px; padding:0 0px 14px 0px; } .homecontent2 p{ font-size:13px; color:#4f4f4f; line-height:18px; padding:0 42px 19px 5px; } .nopadd{ padding:0px !important; } .productlandingmain{width:892px; float:left; padding:0px 0 4px } .productlanding{ width:168px; height:84px; z-index:20; overflow:hidden; float:left; margin:0 0 0 10px; display:inline; } .productlanding a{ display:block; width:158px; height:55px; background:url(../../images/frontend/prodlandingbg.png) repeat-x 0 0; text-align:center; font-size:15px; color:#333333; padding:23px 5px 0; float:left; font-weight:bold; } .productlanding a:hover{ display:block; width:168px; height:84px; background:url(../../images/frontend/prodlandingbg.png) repeat-x 0 -78px; text-decoration:none;} .subthumbimage{ float:right; padding:0 17px 0 0; } .parahead{ padding:0 42px 8px 5px !important; font-size:15px !important; } /* ----------------------CONTENT CSS---------------------------*/ /* ----------------------FOOTER CSS---------------------------*/ .footermain{ background: #fd8330; clear:both; float: left; margin-top: -50px; width: 100%; } .footer_wrap{ width:925px; margin:0 auto;color:#363636; } .footer_wrap_home{padding:40px 0 0 50px;} .footer_wrap_sub{padding:80px 0 0 50px;} /*.fp1 h3 a{color:#363636; display:block; float:left; padding:10px 10px 0 0; font-size:11px; } .fp3 h3 a{ color:#363636; display:block; float:left; padding:10px 10px 0 0; font-size:11px;} .fp2 h3 a {color: #363636; display: block; float: left; font-size: 11px; padding: 10px 10px 0 0;}*/ .fp1 { float: left; padding: 0 15px 2px 0;border-right:1px solid #363636;} .fp2 { float: left; padding: 0 15px;border-right:1px solid #363636;} .fp3 { float: left; padding: 0 15px;} .footerarea_info{ clear:both; padding:22px 10px 10px 0;} .info{ padding:10px 10px 10px 0; font-size:11px; } .info a{ color:#363636; padding:0 5px 0 0; font-size:11px; } .footermain a{ color:#363636; font-size:11px; } .footercontactinfo{ padding: 0 0 0 0px; } .footercontactinfo img{ float:left; } .footercontact{ float:left; width:206px; } .footercontacthead1{ font-size:18px; color:#363636; font-weight:bold; border-bottom:2px solid #363636; margin:0 10px 0 0; text-transform:uppercase; padding:0 0 5px 0 !important; } .footercontact p{ padding:10px 0 0 30px; } .footercontact span{ clear:both; display:block; font-size:11px; } .footercontact2{ float:left; width:485px; padding:0 0 5px 59px; } .footercontacthead2{ font-size:18px; color:#363636; font-weight:bold; border-bottom:2px solid #363636; margin:0 10px 0 0; text-transform:uppercase; margin:0 0 0 0px; padding:0 0 5px 0; } .footerpanel{ clear:both; } .comp_info{ padding:10px 0 0px 0; font-size:11px; } .webmagnetlink a{ color:#FD8330; } .footerpanel{ width:485px; } .foot_logo_wrap { background: url("../../images/frontend/footer_logo.png") no-repeat scroll 0 0 transparent; float: right; height: 55px; margin: 0 20px 0 0; width: 180px; } .foot_logo_wrap a { display: block; float: left; font-family: Verdana,Geneva,sans-serif !important; font-size: 10px !important; font-style: italic; height: 50px; padding: 2px 0 0; text-align: center; } .exalogo { margin: 0 0 0 12px; width: 56px; } .wm_logo { width: 112px; } /* ----------------------FOOTER CSS---------------------------*/ /* ----------------------CONTAACT US CSS---------------------------*/ .sub_head { color:#002D30; font-size:14px; font-weight:bold; padding:11px 0 15px 24px; } .form_wrap { width:741px; padding:10px 0 0 0; } .form_row { overflow:hidden; padding:4px 0; clear:both; } .form_row label { color:#6D6D6D; width:129px; padding:5px 5px 0 0; text-align:right; width:175px; float:left; } .form_row input { border:1px solid #7E8181; font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:8px 4px 8px 4px; width:250px; float:left; } .form_row select { border:1px solid #7E8181; font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:4px; width:259px; float:left; } .form_row textarea { border:1px solid #7E8181; font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:4px; width:250px; height:60px; float:left; } .form_lbl_full { display:block; text-align:right; margin:1px 18px 0 0; } .form_lbl_sml { display:block; width:310px !important; text-align:left !important; font-size:10px; } .mand_sign { color:#FF0000; padding:0 3px 0 0; } .err_heading { margin:0 0 20px 0; color:#F00; font-weight:bold; font-size:12px; padding:0 0 0 40px; } .help_txt { display:block; font-size:10px; font-weight:bold; padding:5px 6px 0 18px; } .field_s { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:4px; border:1px solid #7E8181; width:84px; margin:0 12px 0 0; } .form_row input.field_wv { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:8px 4px 8px 4px; border:1px solid #7E8181; width:84px; margin:0; text-transform:uppercase; } .dd { border:1px solid #7E8181; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px; width:196px; } .txtarea { border:1px solid #7E8181; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px; width:260px; height:70px; } .wv_img { width:auto !important; border:0; margin:0 20px 0px 0 !important; } .padd_errormsg { color:#FF0000; padding:0 0 0 180px; clear:both; display:block; } .padd0 { padding:0 !important; } .padd_lbl { padding:0 0 42px 0; } .submit_row { overflow:hidden; padding:15px 0px 20px 0; } .form_row input.btn_submit { background:url(../../images/frontend/submit.jpg) repeat-x 0 0; display:block; height:50px; border:0; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; line-height:21px; text-transform:uppercase; cursor:pointer; width:159px !important; } .btn_reset { background:url('../../images/frontend/btn_reset.jpg') no-repeat left top; width:92px; height:32px; border:0; cursor:pointer; margin:0 20px 0 0; border:0; } .flash_captcha { float:left; margin:0px 15px 0 0; } .address{ line-height:24px;padding: 7px 0 0 5px;} .email{ color: #FD8330; font-size: 11px; font-weight: bold; } .add_color a:hover{ color: #FD8330; font-size: 11px; font-weight: bold; } .add_color_sub{padding: 0 0 0 93px;} .store_display{ line-height:13px !important; } .gmnoprint{ line-height:11px !important; } .cont_divLeft { width:405px; float:left; display:inline; } .cont_divRight { width:475px; float:left; margin:0 0 20px 20px; line-height:24px; display:inline; } .gmap { width:360px; height:300px; padding:10px 0 0 0; } /* ----------------------CONTAACT US CSS---------------------------*/ /* ----------------------FAQ CSS---------------------------*/ .faq_wrap{ border-bottom:2px solid #fec198; } .faq_wrap_inner{ margin:0 0 0 7px; padding:10px 0 10px 5px; } .faq_q{ font-weight:bold; font-size:13px; background:url(../../images/frontend/ques.png) no-repeat 0 0; height:20px; padding:8px 0 0 35px; cursor:pointer; } .faq_answer{ padding:10px 0 0 31px; background:url(../../images/frontend/ans.png) no-repeat 0 5px; } /* ----------------------FAQ CSS---------------------------*/ /* ----------------------NEWS CSS---------------------------*/ .news{ clear:both; width:900px; float:left; padding:20px 0 0 0; overflow:hidden; } .newsimage{ display:block; float:left; width:200px; } .shortnews{ float:left; } .shortnews span{ width:696px; padding:0 0 10px 0; float:left; } .shortnews p{ width:653px; } .readmore{ float: right; display:block; clear:both; } .subnews{ margin:-12px 0 9px 4px; float:left; width:100%; } .newsimagethumb{ width:150px; height:150px; border:1px solid #fec198; float:left; position:relative; } .newsimagethumb img{ position:absolute; top:50%; left:50%; } /* ----------------------NEWS CSS---------------------------*/ /*********** PAGINATION ********/ .pagination_bg{float:right; padding-right: 10px; padding-right: 10px;} .pagination_wrapper { clear:both; padding:7px 7px 7px 0; overflow:hidden;} .pagination_wrapper a, .pagination_wrapper span { font-size:10px; font-weight:bold; text-decoration:none; border:1px solid #FD8330; padding:3px 6px; text-align:center; margin:0 4px; float:left; display:block; } .pagination_wrapper a:hover{color:#000000;} .pagination_wrapper .current { background-color:#FD8330; border:1px solid #FD8330; color:#000000; } .pagination_wrapper .disabled { display:none; } .pagination_wrapper .first {background:url('../../images/frontend/first.png') no-repeat center center; width:15px; height:13px; text-indent:-9999px; padding:0!important;margin:0!important;border:0 none!important;} .pagination_wrapper .prev {background:url('../../images/frontend/prev.png') no-repeat center center; width:9px; height:13px; text-indent:-9999px; padding:0!important;margin:0!important;border:0 none!important;} .pagination_wrapper .next {background:url('../../images/frontend/next.png') no-repeat center center; width:9px; height:13px; text-indent:-9999px; padding:0!important;margin:0!important;border:0 none!important;} .pagination_wrapper .last {background:url('../../images/frontend/last.png') no-repeat center center; width:15px; height:13px; text-indent:-9999px; padding:0!important;margin:0!important;border:0 none!important;} .pagination_wrapper .dots { color:#FD8330;} /* ----------------------CATEGORY PRODUCT LISTING CSS---------------------------*/ .cleared{clear:both;} .browsetext{font-size:17px; color:#fd8330; font-weight:bold; padding:10px 0; } .subcatlisting{ width:900px; padding:0 0 20px 3px; } .subcat_row{ margin: 0 0 14px;overflow: hidden;} .subcat{display:block; width:170px; height:78px; background:url(../../images/frontend/prodlandingbg.png) no-repeat 0 0; text-align:center; font-size:15px; color:#333333; float:left; margin:0 5px 0 4px;} .subcat:hover{display:block; width:170px; height:78px; background:url(../../images/frontend/prodlandingbg.png) no-repeat 0 -78px; text-decoration:none;text-align:center;font-size:15px; margin:0 5px 0 4px;} .subcattitle{color: #010101; display: block; text-align: center; width:148px;} .view_all_subcat{color: #010101;cursor: pointer;font-size: 13px;font-weight: bold;} .view_all_subcat:hover{text-decoration: underline;color:#010101;} .productlisting{ width:892px; float:left; padding:0px 0 31px 0;} .product_row{ margin: 0 0 14px;overflow: hidden;} .product_wrapper{width:155px;float:left;margin: 0 11px;position: relative;height:185px;} .productitem{ border:1px solid #bebebe; border-radius: 5px; -moz-border-radius: 5px; /* firefox */ -webkit-border-radius: 5px; /* chrome and safari */ -o-border-radius: 5px; /* opera */ width:154px; height:128px; background:#ffffff; z-index:20; float:left; position:relative;} .productitem a{display:block;height:128px; width:154px;} .prod_img{position:absolute; top:50%; left:50%;} .proddesp{ float:left; width:154px; display:inline;} .prod_name{ font-size:13px; color:#333333; font-weight:bold; clear:both; float:left; overflow:hidden; width:154px; padding:8px 0 5px 0 !important } .prod_name:hover{ text-decoration:underline; color:#333333;} .prod_enquire{bottom: 0;position: absolute;left:0;} .prod_enquire a{ text-decoration: underline;font-size:11px; color:#fd8330; font-weight:bold; clear:both; float:left; overflow:hidden; width:155px; display:block; background:url(../../images/frontend/orangearrow.png) no-repeat 107px 2px ; text-transform:uppercase; } .prod_enquire a:hover{ text-decoration: none;} /* ----------------------CATEGORY PRODUCT LISTING CSS---------------------------*/ /* ----------------------PRODUCT DETAILS CSS---------------------------*/ .product_description{float:left;} .prod_blk{width:880px;float:left;padding-bottom: 10px;} .prod_list {float: left; height: 152px;margin: 0 0 15px 35px;width: 395px;position:relative; } .prod_border{text-decoration: none;border:1px solid #bebebe; border-radius: 5px; -moz-border-radius: 5px; /* firefox */ -webkit-border-radius: 5px; /* chrome and safari */ -o-border-radius: 5px; /* opera */ width:154px; height:128px;} .prod_list img{left:50%; top:50%; position:absolute;} .prod_titles_wrapper{float:left;width:880px;border-top: 2px dotted #ADADAD;margin-left: 10px;} .prod_code{border-right: 2px dotted #ADADAD;width:220px;border-bottom: 2px dotted #ADADAD; float:left;} .prod_code p{font-weight: bold; padding: 10px 10px 10px 20px;} .prod_title{border-bottom: 2px dotted #ADADAD;width:655px; float:left;} .prod_title p{font-weight: bold; padding: 10px 10px 10px 20px;} .prod_img_border{margin:0 auto;border: 1px solid #BEBEBE; border-radius: 5px;position: relative; z-index: 20; -moz-border-radius: 5px; /* firefox */ -webkit-border-radius: 5px; /* chrome and safari */ -o-border-radius: 5px; /* opera */ } .main_cat_list{float:left;margin:20px 0 10px 0;} /*----------------------PRODUCT DETAILS CSS---------------------------*/ /*----------------------FLIP BOOK CSS---------------------------*/ .catversion{color: #6D6D6D;font-family:Arial,Helvetica,sans-serif;font-size: 14px; font-weight: bold; vertical-align: middle;} .versiontitle{font-size:14px;font-weight: bold; vertical-align: middle;color:#ADADAD;} .versiontitle a{color:#FD8330;} #wid_add{background-color: #FD8330;float: left; margin: 0 0 0 90px; position: relative;border-radius:5px;-moz-border-radius:5px; /* firefox */ -webkit-border-radius: 5px; /* chrome and safari */ -o-border-radius: 5px; /* opera */ } #wid_app{float: left; height: auto !important; padding: 15px; width: 689px;} .past_catalogues{width:800px;overflow:hidden;padding:0 0 10px 80px;} .pastcat_first{float:left;} .pastcat_last{border-right:dotted 2px #ADADAD; float:left;} .pastcat_title a{ text-decoration: none;font-size:13px; color:#333333; font-weight:bold; clear:both; float:left; overflow:hidden; width:160px; padding:8px 0 5px 0 !important } .pastcat_title a:hover{ text-decoration: underline;} .pastcat_row{border-bottom: 2px dotted #ADADAD; float: left; width: 730px;padding: 20px 0;} .pastcat_title{margin: 10px;} /* ----------------------FLIP BOOK CSS---------------------------*/ /* ----------------------SITE SEARCH CSS---------------------------*/ .adv_srch_bar { overflow:hidden; width:230px; clear:both; float:right;} .adv_srch_col { padding:5px 0 0 8px; float:left; font-size:11px; color:#FD8330; } .adv_srch_col input[type="radio"], .adv_srch_col input[type="checkbox"] { width:15px; vertical-align:top; padding:0; margin:0 3px 0 0; float:left; } label.adv_srch_col { width:auto; float:right; cursor: pointer;} .adv_srch_col span { float:left; } .sitesearch_heading{font-size: 14px;font-weight: bold;} .sitesearch_title{color:#FD8330;text-decoration: none;} .sitesearch_title:hover{text-decoration: underline;color:#FD8330;} .es_url{text-decoration: underline;} .es_url:hover{text-decoration: none;color:#666666;} /* ----------------------SITE SEARCH CSS---------------------------*/ /* ----------------------JCAROUSEL CSS-----------------------------*/ .gall_wrap {height:166px;width:926px;overflow:hidden;} #main_img { width:600px; height:450px; background-color:#FFFFFF; padding:5px; border:1px solid #DBDBDB; border-width:0 1px 1px 1px; text-align:center; } #main_img span { display:inline-block; height:100%; width:1px; margin:0 0 0 -1px; } #main_img * { vertical-align:middle; text-align:center; } #main_img img { text-align:center; margin:auto !important; } .gall_wrap ul { margin:10px 0; padding:0; height:150px !important; } .gall_wrap ul li { list-style-type:none; list-style-image:none; background:none !important; padding:0 !important; display:block; vertical-align:middle; float: left;} .gall_wrap ul li a { vertical-align:middle; text-align:center; position:relative;opacity:0.7; float:left;height:142px; width:185px;} .gall_wrap ul li a:hover {background-color: #000; opacity:1;} .loading { background:url('../../images/frontend/ico_load.gif') no-repeat center center; } /* ----------------------JCAROUSEL CSS---------------------------*/ /* ----------------------GALLERY CSS---------------------------*/ .gallheading{ border-bottom:1px solid #BEBEBE; margin:0 0 10px 0; } .gallhead{ font-size:18px; font-weight:bold; padding:0 0 10px 0; } .albumitem{ border:1px solid #bebebe; border-radius: 5px; -moz-border-radius: 5px; /* firefox */ -webkit-border-radius: 5px; /* chrome and safari */ -o-border-radius: 5px; /* opera */ width:154px; height:128px; background:#ffffff; z-index:20; float:left; position:relative;} .albumitem a{display:block;height:128px; width:154px;} .album_img{position:absolute; top:50%; left:50%;} .albumdesp{ float:left; width:154px; display:inline;margin: 0 20px 20px 6px;} .albumtitle{clear: both; color: #333333;float: left;font-size: 13px; font-weight: bold; overflow: hidden; padding: 8px 0 5px !important; width: 154px;} .albumtitle:hover {color: #333333;} .albumlisting{padding: 0 0 20px 3px; width: 900px;} .album_row{margin: 0 0 14px; overflow: hidden;} .imgtitle a{clear: both; color: #333333;float: left;font-size: 13px; font-weight: bold; overflow: hidden; padding: 8px 0 5px !important; width: 154px;} .imgtitle p{clear: both; color: #333333;float: left;font-size: 13px; font-weight: bold; overflow: hidden; padding: 8px 0 5px !important; width: 154px;} .imgtitle a:hover{color: #333333;} /* ----------------------GALLERY CSS---------------------------*/ /******Sitemap********/ #sitemap li a {cursor: pointer;font-size: 13px;font-weight: bold;} .homecontent2 ul li a {color: #F68B27; cursor: pointer;} .sitemap_cat li{float: left; padding: 0 15px 5px 15px !important; width: 250px;} #sitemap li ul li h3 {display: inline-block; margin-bottom: 5px;} /*.sitemap_cat li h3 a {font-size: 13px;font-weight: normal;color:#595F62;}*/ #sitemap li { background: url("../../images/frontend/orangearrow.png") no-repeat scroll 0 5px transparent; padding:0 0 15px 15px; } #sitemap{float: left;padding: 0 0 0 10px;} #sitemap li ul li ul li h3 a.parent_c{font-weight: normal;font-size: 12px;} /******Sitemap********/ .sharethis{ width:400px; clear:both; } .googleshare{ width:200px; float:left; overflow:hidden } .sharethisdiv{ margin:3px 0 0 0; } .btt{clear: both;padding: 15px 0 0 0;text-align: right; } .add_color{ color:#6C6961; font-family:Arial, Helvetica, sans-serif; font-size:11px;font-weight: normal !important;} .add_color:hover{ color:#6C6961;font-weight: normal !important;} /*---------------links-------------*/ .related_link{color: #002D30 !important;text-decoration: none !important;} .related_link:hover{color: #002D30 !important;text-decoration: none !important;}/** * 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; } .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:#ff0000;border:1px solid #999;display:none} .formError .formErrorContent { width:100%; background:#ff0000; 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 #ff0000; -moz-box-shadow: 0px 2px 3px #ff0000; -webkit-box-shadow: 0px 2px 3px #ff0000; font-size:0px; height:1px; background:#ff0000;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; } /*#ff0000*/ .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;} /***** ALERT BOX STYLES***/ #alert-Box { padding-bottom: 24px; background: url(../../images/frontend/alertbox/bg-box-bottom.png) bottom left no-repeat !important; background: url(../../images/frontend/alertbox/bg-box-bottom.gif) bottom left no-repeat;} #alert-InBox { padding-top: 15px; background: url(../../images/frontend/alertbox/bg-box-top.png) top left no-repeat !important; background: url(../../images/frontend/alertbox/bg-box-top.gif) top left no-repeat;} #alert-BoxContent { background: url(../../images/frontend/alertbox/bg-box-body.png) top left repeat-y !important; background: url(../../images/frontend/alertbox/bg-box-body.gif) top left repeat-y; padding:10px 20px 0; } #alert-BoxContenedor { padding:0px 0px 5px 60px; text-align:left; font-family:Verdana; font-size:12px; } #alert-BoxContenedor h1, #alert-BoxContenedor h2, #alert-BoxContenedor h3, #alert-BoxContenedor b, #alert-BoxContenedor strong { text-align:left; font-family:Verdana; font-size:22px; color:#FD8330; font-weight:bold; margin:0px 0 12px 0; padding:0px; } #alert-BoxContenedor .alert_desc { margin:0 0 10px 0; } #alert-BoxContenedor .alert_link { color:#B92C92; font-weight:bold; text-decoration:none; } #alert-BoxContenedor .alert_link:hover { color:#7C7C7C; text-decoration:none; } #alert-Buttons{ text-align:right;} #alert-Buttons input { margin:10px 10px; } #alert-BoxContenedor #BoxPromptInput{ margin-top:5px;} #alert-Box .BoxAlert { background: url(../../images/frontend/alertbox/success.png) top left no-repeat;} #alert-Box .BoxConfirm { background: url(../../images/frontend/alertbox/info.png) top left no-repeat;} #alert-Box .BoxPrompt { background: url(../../images/frontend/alertbox/dialog-help.png) top left no-repeat;} #alert-Box .BoxInfo { background: url(../../images/frontend/alertbox/info_icon.gif) top left no-repeat;} #alert-Box .BoxError { background: url(../../images/frontend/alertbox/error.png) top left no-repeat;} #alert-Box #BoxAlertBtnOk, #alert-Box #BoxConfirmBtnOk, #alert-Box #BoxConfirmBtnCancel, #alert-Box #BoxPromptBtnOk, #alert-Box #BoxPromptBtnCancel { border:0px; background: #FD8330; width:77px; height:24px; color:#fff; cursor:pointer; border-radius: 3px 3px 3px 3px;}/** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0 2px 0 0; margin: 0; overflow: hidden; position: relative; height:160px; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 122px; height: 100px; text-align:center; border:1px solid #DBDBDB; padding:3px; } /** * The buttons are added dynamically by jCarousel before * the