/*---------------------General Declaretion---------------------*/ *{ padding:0; margin:0} body {font-family: Arial, Helvetica, sans-serif; background:#fff url(../../images/design/bg-header.jpg) repeat-x top left; font-size:12px; color:#383838;} a{text-decoration:none;} img{border:0;} div.clear{clear:both;} p{color:#383838; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify;} a.readmore{display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#399cc6; padding:5px 0 0;} @font-face { font-family: "majalla"; src: url(../../fonts/majalla.eot); src:local("majalla"), url(../../fonts/majalla.ttf) format("opentype"); } @font-face { font-family: "majallab"; src: url(../../fonts/majallab.eot); src:local('majallab'), url('../../fonts/majallab.ttf') format("opentype"); } @font-face { font-family: "segoesc"; src: url(../../fonts/segoesc.eot); src:local('segoesc'), url('../../fonts/segoesc.ttf') format("opentype"); } /*---------------------General Declaretion Ends---------------------*/ /*---------------------Main Wrapper---------------------*/ #wrapper{width:937px; margin:0 auto; clear:both;} /*---------------------Header start---------------------*/ #header{width:100%; clear:both; margin:0 auto;} #footer-wrap div.facebook{width:100%; padding:13px 0 0 0 ; float:right; clear:both;} #footer-wrap div.facebook a.twitter{display:block; width:34px; height:34px; float:right; background: url(../../images/design/twitter.png) no-repeat top left; margin:0 10px 0 10px;} #footer-wrap div.facebook a.linkedin{display:block; width:34px; height:34px; float:right; background: url(../../images/design/linkdin.png) no-repeat top left; margin:0 10px 0 10px;} #footer-wrap div.facebook a.facebook{display:block; width:34px; height:34px; float:right; background: url(../../images/design/facebook.png) no-repeat top left;} #header .logo{display:block; width:937px; height:117px; float:right; float:left; margin:15px 0 0 0;} #header div.contact{ margin:59px 0 0 0; float:right; line-height:24px;} #header div.contact p{color:#686868; font-family:"majalla"; font-size:24px; text-align:right;} #header div.contact span{color:#399cc6;font-family:"majallab";} #header div.contact a{color:#399cc6;font-family:"majallab";} /*---------------------Header End---------------------*/ /*---------------------Main Nav start---------------------*/ #mainNav{width:100%; height:56px; background: url(../../images/design/mainnavcenterbg.jpg) repeat-x top center; margin:35px 0 0 0; clear:both; float:left; position:relative; z-index:99999;} #mainNav div.mnright{ width:5px; height:56px; float:left;background: url(../../images/design/mainnavleftcorner.jpg) no-repeat top center;} #mainNav div.mnleft{ width:5px; height:56px; float:right;background: url(../../images/design/mainnavrightcorner.jpg) no-repeat top center;} #mainNav ul.main{list-style:none; text-align:left; float:left; line-height:56px; width:927px;} #mainNav ul.main li{list-style:none; padding: 0px 21px; color:#777777; font-size:16px; position:relative; font-weight:bold; text-align:center; display:inline; float:left; background:url(../../images/design/seprator.jpg) no-repeat right;} #mainNav ul.main li a{color:#777777;} /*#mainNav ul.main li a:hover{color:#4ca3c8;} */ #mainNav ul.main li:hover a , #mainNav ul.main li.selected a{color:#ff6319;padding-bottom:7px;} #mainNav ul.main li:hover < .sf-sub-indicator { background:url(../../images/design/dropdown-arrow.jpg) no-repeat center top;} #mainNav ul.main li:hover < a { color:#767676;} #mainNav ul.main li a.selected{color:#4ca3c8;} #mainNav ul.main li:hover a .sf-sub-indicator{background: url("../../images/design/dropdown-arrow.jpg") no-repeat scroll center bottom transparent; bottom: -10px;*bottom: -3px; display: inline;left: 0; margin: 0 auto; position: absolute;text-align: center;top: 0; width: 110px; } #mainNav ul.main li:last-child{background:none;} #mainNav ul.main ul{list-style:none; text-align:center; float:right; display:none; position:absolute; left:0; top:63px; background:#f2f2f2;border:1px solid #b8b8b8; width:110px;} #mainNav ul.main li a .sf-sub-indicator{display:none;} #mainNav ul.main ul li{width:110px;list-style:none; color:#777777; margin:0; font-size:12px; position:relative; font-weight:normal; text-align:center; display:block; text-align:left; padding:0; line-height:30px;border-bottom:1px solid #bcbcbc;} #mainNav ul.main li ul li a{color:#777777;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#767676;font-weight:bold; text-decoration:none;text-align:left;padding:7px 10px 7px 10px; width:295px;} #mainNav ul.main li:hover ul li a {color:#767676 !important;} #mainNav ul.main li ul li:hover a {color:#ff6319 !important;} #mainNav ul.main li ul li.last {border:none;} #mainNav ul.main li.last_nav { background: none repeat scroll 0 0 transparent !important; } /*---------------------Main Nav End---------------------*/ /*---------------------Banner start---------------------*/ .img_corner { background: url("../../images/design/image_corner.png") no-repeat scroll 0 0 transparent; float: left; height: 28px; left: 449px; position: absolute; top: 95px; width: 14px; z-index: 99999; } #banner-main-wrapper{width:100%; float:left; margin:8px auto; /*background:url(../../images/design/banner-center.jpg) repeat-y top left;*/ margin-bottom:28px;} #banner-main-wrapper .top{width:100%; height:6px; background:url(../../images/design/banner-top-bottom.jpeg) no-repeat -984px -0px; clear:both; overflow:hidden;} #banner-main-wrapper .bottom{width:100%; height:19px; background:url(../../images/design/banner-top-bottom.jpeg) no-repeat -0px -0px; clear:both;} #banner-main-wrapper p.other{font-family:"majalla"; font-size:23px; float:right; display:block; margin:8px 0;} #banner-wrap1{width:931px;margin:0 auto 0; clear:both; position:relative;} #banner-wrap{width:929px; height:228px; border:1px solid #d5d5d5; padding:1px; margin:20px auto 20px; clear:both;} .banner{width:928px; height:226px; background:url(../../images/design/bg-banner.jpg) repeat-x top left; border:1px solid #fff; } .banner img{float:left;} .banner div.textbox{float:right; width:430px; } .banner div.textbox h1{font-size:30px; line-height:30px; color:#399cc6; font-weight:normal;} .banner div.textbox p{font-size:18px; line-height:25px; color:#686868;} .banarrows{width:40px; margin:5px auto; position:absolute; left:667px; top:186px; z-index:9999;} .banarrows a#next{display:block; float:left; width:10px; height:19px; background:url(../../images/design/bannerrightarrow.jpeg) no-repeat -0px -0px;} .banner div.textbox .banarrows a.rselected{display:block;float:left; width:10px; height:19px; background:url(../../images/design/bannerrightarrow.jpeg) no-repeat -10px -0px;} .banarrows a#next:hover{display:block;float:left; width:10px; height:19px; background:url(../../images/design/bannerrightarrow.jpeg) no-repeat -10px -0px;} .banarrows a#prev{display:block; float:right; width:10px; height:19px; background:url(../../images/design/bannerleftarrow.jpeg) no-repeat -10px -0px;} .banner div.textbox .banarrows a.lselected{display:block;float:right;width:10px; height:19px; background:url(../../images/design/bannerleftarrow.jpeg) no-repeat -0px -0px;} .banarrows a#prev:hover{display:block;float:right;width:10px; height:19px; background:url(../../images/design/bannerleftarrow.jpeg) no-repeat -0px -0px;} /*---------------------Banner End---------------------*/ /*----------------Inner Banner Start ------------------*/ #banner_inner{} .inner-banner-box{ width:931px; height:93px; margin:0 auto; border:1px solid #d6d6d6; margin-top:7px; } .inner-leftbanner{ width:248px; height:45px; float:left; } .inner-rightbanner{ background:url(../../images/design/inner-banner-rightbg.jpg) right repeat-x; width:477px; height:93px; float:right; border-right:1px solid #fff; font-family:Arial, Helvetica, sans-serif; font-size:37px; color:#399cc6; font-weight:normal; text-align:center; line-height:87px; } .inner-bannerbox-bottom { background:url(../../images/design/inner-bannerbox-bottom.jpg) no-repeat bottom; height: 14px; width: 984px; } .clear{ clear:both;} /*----------------Inner Banner End ------------------*/ /*---------------------Main Container Start---------------------*/ #main-container{width:100%; min-height:450px; margin:15px auto; clear:both;} #main-container .left-container{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #000000; border-radius: 10px 10px 10px 10px; float: left; margin-bottom: 30px; padding: 15px; position: relative; top: 12px;} #right-column{width:277px; float:right; background:url(../../images/design/right-column-center.jpg) repeat-y top left;} #main-container h1{font-size:18px; padding:10px 0 0 0; color:#FF6219;} #main-container h2{font-size:18px; padding:10px 0; color:#3d3d3d;} #main-container h3{font-size:12px; color:#383838; font-weight:normal;} #main-container p{padding:0px 0 0 0;} .left-container-inner p{margin-top:0px;} .left-container-inner p { color: #383838;font-family:Arial,Helvetica,sans-serif; font-size: 12px;line-height: 20px; margin-top: 10px;} /*---------------------Main Container End---------------------*/ /*---------------------Left Container Start---------------------*/ #main-container .left-container div.box-container{width:100%; margin:15px 0; float:left; clear:both;} #main-container .left-container div.box-container div.left{width:100px; float:left;} #main-container .left-container div.box-container div.right{width:334px; float:right;} #main-container .left-container div.small-box{width:334px; background:url(../../images/design/box-center.jpg) repeat-y top left; float:left;} #main-container .left-container div.small-box div.top{width:334px; height:5px; background:url(../../images/design/box-top-bottom.jpeg) no-repeat -0px -0px;} #main-container .left-container div.small-box div.bottom{width:334px; height:5px; background:url(../../images/design/box-top-bottom.jpeg) no-repeat -334px -0px; overflow:hidden;} #main-container .left-container div.small-box div.box{width:304px; padding:13px 14px;} /*---------------------Left Container End---------------------*/ /*---------------------Right Column Start---------------------*/ #right-column div.rtop{width:277px; height:6px; background:url(../../images/design/right-column-top-bottom.jpg) no-repeat -0px -0px; overflow:hidden;} #right-column div.rbottom{width:277px; height:19px; background:url(../../images/design/right-column-top-bottom.jpg) no-repeat -277px -0px;} #right-column div.pinkbox{width:239px; padding:5px 17px; margin:0 auto;background:url(../../images/design/enq-logo.png) no-repeat #ff6219;} #right-column div.pinkbox h1{font-family:Arial !important; font-size:18px; font-weight:normal; color:#454545; line-height:20px; text-align:right;} #right-column div.pinkbox h2{font-family:Arial !important; font-size:21px; font-weight:normal; color:#fff; line-height:30px;text-align:right;} #right-column h3{font-family:Arial !important; font-size:13px; font-weight:bold; color:#5e5e5e; line-height:22px;text-align:center; padding:10px 0;} #right-column div.form{width:241pxl; margin:10px auto; clear:both;} #right-column div.form div.input{width:241px; height:36px; margin:2px auto; background:url(../../images/design/input-center.jpg) repeat-x top left;} #right-column div.form div.input div.left{width:8px; height:36px;float:left;background:url(../../images/design/input-left-right-corner.jpeg) no-repeat -8px -0px;} #right-column div.form div.input div.right{width:8px;height:36px;float:right;background:url(../../images/design/input-left-right-corner.jpeg) no-repeat -0px -0px;} #right-column div.form div.textarea{width:241px; height:119px; margin:2px auto; background:url(../../images/design/textarea-center.jpg) repeat-x top left;} #right-column div.form div.textarea div.left{width:8px; height:119px;float:left;background:url(../../images/design/textarea-left-right-corner.jpeg) no-repeat -8px -0px;} #right-column div.form div.textarea div.right{width:8px;height:119px;float:right;background:url(../../images/design/textarea-left-right-corner.jpeg) no-repeat -0px -0px;} #right-column div.form form div.input input.tb, #right-column div.form div.textarea textarea{ border:0; color:#9d9d9d; margin:10px 0 0 0; width:212px; padding:0 5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #right-column div.form div.textarea textarea{overflow: auto;} #right-column div.form input.image{text-align:center; margin:10px 80px; clear:both;} /*---------------------Right Column End---------------------*/ /*---------------------Footer Start---------------------*/ #footer-wrap{width:100%; background:#ff6219 url(../../images/design/bg-footer.jpg) repeat-x top left; } #footer-wrap div.footer{width:984px; margin:0 auto; clear:both; padding:15px 0;} #footer-wrap div.footer div.left{float:left; width:300px;} #footer-wrap div.footer h3{font-size:16px; padding:0 0 8px 0; color:#fff; text-shadow:#6ba3bb 1px 1px 1px;} #footer-wrap div.footer p{font-size:13px; padding:0 0 8px 0; color:#fff;font-style:italic;} #footer-wrap div.footer p b{font-style:italic; display:block;} #footer-wrap div.footer div.right{float:right; width:100;} #footer-wrap div.footer ul{list-style:none; float:right; font-family:Arial, Helvetica, sans-serif; clear:both;} #footer-wrap div.footer ul li{list-style:none; float:left; font-size:12px; font-weight:bold;color:#fff;text-shadow:#6ba3bb 1px 1px 1px;} #footer-wrap div.footer ul li a{color:#fff;margin:0 7px;} #footer-wrap div.footer ul li a:hover{ color:#3d3d3d;text-shadow:#fefefe 1px 1px 1px;} #footer-wrap div.footer div.telephone{font-size:26px; color:#ffffff; display:block; float:right;text-shadow:#A4DF93 1px 1px 1px; padding:15px 0 5px 0; } #footer-wrap div.footer p.rights{ font-size:12px; font-style:normal; text-align:right; font-weight:bold;text-shadow:#6ba3bb 1px 1px 1px;} #footer-wrap div.footer p.rights a{color:#fff;} #footer-wrap div.footer p.rights a:hover{color:#3d3d3d;text-shadow:#fefefe 1px 1px 1px;} .marquee_list { list-style:none; padding:0; margin:0; float:left; } .marquee_list li{ float:left; } .marquee_list li a{ float:left; } /*---------------------Footer End---------------------*/