body { color: #333333; font: 13px Arial, Helvetica, sans-serif; } /*----------------Assets-------------------*/ p { font-size: 13px; line-height:22px; margin-bottom:5px; } h1, h2, h3, h4, h5, h6 { font-family: 'Sintony'; font-style: normal; font-weight: normal; font-variant: normal; } h1 { font-size: 32px; margin-bottom: 15px; font-weight:normal; } h2 { line-height:35px; color: #515151; font-size: 26px; } h2.alterHead { color: #333333; background: #F2F2F2 url(../images/h1-gray-bg.gif) repeat-x bottom; height: 40px; padding-left: 12px; margin-bottom: 10px; font-size: 22px; padding-bottom: 12px; padding-top: 8px; } h2.alterHead span{ color:#F00; } h3 { color: #333333; font-size: 16px; margin: 0px; } h3.alterHead { background: url(../images/h1-gray-bg.gif) repeat-x bottom; height: 32px; margin-bottom: 10px; } h3.green { color: #578E00; padding:0; margin:0px; font-size:20px; } #subpage h3.green a:hover { background:none; } #subpage h3.green a { color: #578E00; border:none; padding:0 0 0 10px; ; } h3.blue { color:#007CB8; } h6.blue { color:#0FB1FF; } h4 { color: #333333; font-size: 16px; } h5 { font-size: 15px; font-weight: bold; } h6 { font-size: 13px; font-weight: bold; } a { text-decoration: none; color: #333333; } a:hover { text-decoration: underline; } .right { float: right; } .left { float: left; } .noBg { background: url(none); } ul code a { font-family:'Sintony'; font-size:20px; } ul code li a { font-family:'Sintony'; font-size:20px; } ul code li ul li a, ul code .children li a { font-family: Arial, Helvetica, sans-serif; font-size:13px; } /*----------------Top Panel-------------------*/ #topPannel { height: 46px; background: url(../images/top-pannel.jpg) repeat-x; } #topPannel .recentNews { float: left; padding-top: 10px; font-size: 12px; } #topPannel .recentNews .date { font-weight: bold; padding-left: 5px; } #topPannel .socialNav { float: right; margin-top: 12px; } #topPannel .socialNav li { text-indent: -10000px; height: 16px; width: 16px; float: left; margin-left: 9px } /*---------------- Icon Set -----------------------*/ #container .rssFeed, #popup .rssFeed, #topnav .sub ul li.rssFeed { background: url(../images/icon-small.png) no-repeat 0 0; display: block; } #container .twitter, #popup .twitter, #topnav .sub ul li.twitter { background: url(../images/icon-small.png) no-repeat 0 -50px; display: block; } #container .facebook, #popup .facebook, #topnav .sub ul li.facebook { background: url(../images/icon-small.png) no-repeat 0 -75px; display: block; } #container .youtube, #popup .youtube, #topnav .sub ul li.youtube { background: url(../images/icon-small.png) no-repeat 0 -100px; display: block; } #container .skype, #popup .skype, #topnav .sub ul li.skype { background: url(../images/icon-small.png) no-repeat 0 -25px; display: block; } #container .phone, #popup .phone, #topnav .sub ul li.phone { background: url(../images/icon-small.png) no-repeat 0 -126px; display: block; } #container .outlook, #popup .outlook, #topnav .sub ul li.outlook { background: url(../images/icon-small.png) no-repeat 0 -154px; display: block; } #container .gmail, #popup .gmail, #topnav .sub ul li.gmail { background: url(../images/icon-small.png) no-repeat 0 -175px; display: block; } #container .yahoo, #popup .yahoo, #topnav .sub ul li.yahoo { background: url(../images/icon-small.png) no-repeat 0 -199px; display: block; } #container .livechat, #popup .livechat, #topnav .sub ul li.livechat { background: url(../images/icon-small.png) no-repeat 0 -228px; display: block; } #container .usa, #popup .usa, #topnav .sub ul li.usa { background: url(../images/icon-small.png) no-repeat -2px -252px; display: block; } #container .uk, #popup .uk, #topnav .sub ul li.uk { background: url(../images/icon-small.png) no-repeat -2px -277px; display: block; } #container .dubai, #popup .dubai, #topnav .sub ul li.dubai { background: url(../images/icon-small.png) no-repeat -2px -300px; display: block; } #container .india, #popup .india, #topnav .sub ul li.india { background: url(../images/icon-small.png) no-repeat -2px -323px; display: block; } /*----------------Header---------------------*/ #header { height: 85px; } #header .logo { margin-top: 5px; float: left; margin-left: 5px; } #header .logo a { background: url(../images/logo.png) no-repeat left top; height: 60px; width: 250px; display: block; text-indent: -1000px; } #header .searchBlock { float: right; margin-top: 15px; } #header .searchBlock li { float: left; padding-left: 10px; } #header .searchBlock a { background: url(../images/header-nav-arrow.gif) no-repeat left center; padding-left: 10px; font-size: 11px; color: #333333; display: block; } #header .searchBlock .searchForm { clear: left; margin-top: 10px; margin-left: 10px; } #header .searchBlock .searchForm .sForm { width: 166px; border: 1px solid #CDCDCD; float: left; margin-right: 5px; font-size: 11px; color: #666666; height: 21px; padding:0 7px; line-height: 20px; } #header .searchBlock .searchForm .sForm:focus { border: 1px solid #2CA7D4; -moz-box-shadow: 0 0 2px #2CA7D4; -webkit-box-shadow: 0 0 2px #2CA7D4; box-shadow: 0 0 2px #2CA7D4; } #header .searchBlock .searchForm .sButton { background: url(../images/main-buttons.png) no-repeat -172px -122px; height: 25px; width: 77px; border-style: none; float: left; cursor:pointer; } #header .searchBlock .searchForm .sButton:hover { background-position:-172px -149px; } /*----------------Navigation---------------------*/ #navigation { height: 40px; background: url(../images/menu.jpg) repeat-x; } #topnav { list-style: none; height: 39px; background: url(../images/menu-line.gif) no-repeat right top; } :root #topnav { width:957px \0/IE9; } /* IE9 */ #topnav li { position: relative; float: left; background: url(../images/menu-line.gif) no-repeat left top; z-index: 10; } #topnav li:hover { text-decoration: none; background: url(../images/menu-hover.jpg) repeat-x; } #topnav li a { color: #FFFFFF; display: block; line-height:39px; padding: 0 26px; } :root #topnav li a { padding: 0 26px 0 25px \0/IE9; } /* IE9 */ #topnav li a:hover { text-decoration: none; } #topnav .head { font-family: 'Sintony'; font-size:14px; font-style: normal; font-variant: normal; } #topnav li .sub { position: absolute; top: 41px; left: 0; background: #2CA7D4 url(../images/menu-white-bg.jpg) repeat-y right; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; display: none; font-family:Arial, Helvetica, sans-serif; border: 1px solid #2CA7D4; padding-left: 20px; z-index: 100000; } #topnav li .row { float: left; padding-bottom: 20px; margin-right:10px; *padding-bottom: 5px; display: block; } #topnav .sub ul { list-style: none; display: block; clear:both; padding-right: 15px; padding-top: 10px; *padding-top: 0px; *margin-top: 15px; font: 11px Arial, Helvetica, sans-serif; } #topnav .sub ul li { color: #fff; background:url(../images/menu-bullet.png) no-repeat left center; display:block; clear:left; margin:0px; padding:0px 0px 0px 10px; } #topnav .sub ul li a { display:block; text-decoration:none; color:#fff; line-height:23px; padding:0px; margin:0px; white-space:nowrap; } #topnav .sub ul li a:hover { text-decoration:underline; } #topnav .sub ul .menuHead { padding: 0; margin: 0; font: bold 13px Arial, Helvetica, sans-serif; background: url(none); } #topnav .sub ul .menuHead a { background-image: none; color: #FFCC00; } #topnav .sub .menuInfo { min-height: 444px; float: left; width: 190px; position: absolute; right: 0px; padding-bottom: 20px; -moz-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; margin: 0px; padding-top: 15px; } #topnav .sub .menuInfo a { color: #666666; line-height: 15px; display:block; width: 170px; } #topnav .sub .menuInfo .menuCall2Act .menuHead { font: 11px Arial, Helvetica, sans-serif; background: url(none); color: #666666; display: block; margin-bottom:10px; padding:0px; font-weight:bold } #topnav .sub .menuInfo .menuHead a { background-image: none; color: #000000; font-weight: bold; margin-top: 5px; margin-bottom:0px; padding-bottom:3px; } #topnav .sub .menuInfo .whyAngler { display: block; border-bottom: 1px solid #CCCCCC; *border-bottom:none; *margin-top: 15px; padding: 0 12px 3px 0; margin: 0px; } #topnav .sub .menuInfo .whyAngler li { background: url(../images/red-bullet.gif) no-repeat left 4px; padding-bottom:3px; margin-left: 10px; color:#666666; white-space:nowrap } #topnav .sub .menuInfo .whyAngler .menuHead { background: url(none); font-size:11px; padding-bottom:5px; } #topnav .sub .menuInfo .menuCall2Act { padding-left: 12px; clear: both; margin: 0px; *margin-top: 15px; } #topnav .sub .menuInfo .menuCall2Act li { display: block; margin:0px; color: #666666; padding-left:25px; margin-bottom:5px; width:170px; } #topnav .sub .menuInfo .menuCall2Act li a { display:block; } #topnav .sub .menuInfo .menuCall2Act .instantQuote { background: url(../images/main-buttons.png) no-repeat 0 -122px; display: block; height: 25px; width: 170px; text-indent:-10000px; padding:0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #topnav .sub .menuInfo .menuCall2Act .instantQuote:hover { background: url(../images/main-buttons.png) no-repeat 0 -149px; } #topnav .sub .menuInfo .exploreProducts { background: url(../images/main-buttons.png) no-repeat -99px -330px; display: block; height: 31px; width: 171px; text-indent:-10000px; padding:0px; margin:-13px 0 0 10px; list-style:none; } #topnav .sub .menuInfo .readCaseStudies { background: url(../images/main-buttons.png) no-repeat -277px -330px; display: block; height: 31px; width: 171px; text-indent:-10000px; padding:0px; margin:-13px 0 0 10px; list-style:none; } #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; } #cssmenu { line-height: 1; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #rgb(65,59,61); /* border-bottom: 2px solid #0fa1e0;*/ width: auto; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #rgb(65,59,61); color: #ffffff; display: block; padding: 14px 20px; text-decoration: none; font-family: 'Sintony'; } #cssmenu ul { list-style: none; } #cssmenu > ul > li { display: inline-block; float: left; margin: 0; } #cssmenu.align-center { text-align: center; } #cssmenu.align-center > ul > li { float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul { float: right; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu > ul > li > a { color: #ffffff; font-size: 12px; } #cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d70110; margin-left: -10px; } #cssmenu > ul > li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; } #cssmenu.align-right > ul > li:first-child > a, #cssmenu.align-center > ul > li:first-child > a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #cssmenu.align-right > ul > li:last-child > a { border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; } #cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a { color: #ffffff; box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; background: #070707; background: -moz-linear-gradient(top, #262626 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #262626 0%, #070707 100%); background: -o-linear-gradient(top, #262626 0%, #070707 100%); background: -ms-linear-gradient(top, #262626 0%, #070707 100%); background: linear-gradient(to bottom, #262626 0%, #070707 100%); } #cssmenu .has-sub { z-index: 1; } #cssmenu .has-sub:hover > ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; width: 200px; top: 100%; left: 0; } #cssmenu.align-right .has-sub ul { left: auto; right: 0; } #cssmenu .has-sub ul li { *margin-bottom: -1px; background:#d70110; } #cssmenu .has-sub ul li a { background: #rgb(227,0,22); border-bottom: 1px dotted #31b7f1; font-size: 12px; filter: none; display: block; line-height: 120%; padding: 10px; color: #ffffff; text-transform:uppercase; } #cssmenu .has-sub ul li:hover a { background: #3c3838; } #cssmenu ul ul li:hover > a { color: #ffffff; } #cssmenu .has-sub .has-sub:hover > ul { display: block; } #cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; } #cssmenu.align-right .has-sub .has-sub ul, #cssmenu.align-right ul ul ul { left: auto; right: 100%; } #cssmenu .has-sub .has-sub ul li a { background: #0c7fb0; border-bottom: 1px dotted #31b7f1; } #cssmenu .has-sub .has-sub ul li a:hover { background: #0a6d98; } #cssmenu ul ul li.last > a, #cssmenu ul ul li:last-child > a, #cssmenu ul ul ul li.last > a, #cssmenu ul ul ul li:last-child > a, #cssmenu .has-sub ul li:last-child > a, #cssmenu .has-sub ul li.last > a { border-bottom: 0; } /*----------------Banner---------------------*/ #banner { background: url(../images/banner.jpg) repeat-x; color: #FFFFFF; } #banner .bannerBtn { display: block; height: 55px; float: left; clear: left; color: #FFFFFF; line-height: 55px; padding-right: 15px; padding-left: 15px; background: url(../images/banner-btn-bg.jpg); font-family: 'Sintony'; font-size:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:15px; } #banner .bannerBtn:hover { background: url(../images/banner-btn-bg-hover.jpg); text-decoration:none; } #v-fade img { float: right; margin-left: 20px; } #v-fade h1 { font-size: 30px; margin-top: 15px; margin-bottom: 0px; font-family:'Sintony'; font-weight:normal; } #v-fade h2 { font-size: 18px; color: #FFFFFF; margin-bottom: 15px; } #v-fade h3 { font-size: 14px; color: #FFFFFF; } #visuals { position: relative; height: 382px; background: url(../images/banner-image-bg.jpg) no-repeat left top; } #v-nav { bottom: 0; height: 117px; width: 100%; position: absolute; } #v-nav li { float: left; background: url(../images/banner-nav-line.gif) no-repeat right center; width: 192px; } #v-nav .left { float: left; padding-right: 10px; padding-left: 10px; } #v-nav .noBg { background: url(none); } #v-nav a { color: #333333; display: inline-block; height: 76px; padding-top: 40px; } #v-nav a:hover { background: url(../images/bnav-hover.png) no-repeat center bottom; text-decoration: none; } #v-nav a.this-seg { background: url(../images/bnav-hover.png) no-repeat center bottom; } #v-nav a.first { border-left: none; } #v-fade li { height: 277px; width: 960px; position: absolute; top: 0; } /*----------------Key Solution Tab---------------------*/ #keySolution { display: block; height: 340px; } #keySolution p { line-height:17px } #keySolution #htabs { border: 1px solid #d9d9d9; position: absolute; width: 638px; background: #F8F7F7; } #keySolution .tabs { float: left; width: 200px; } #keySolution .tabs li { background: url(../images/hvr-tab-button.png) left top no-repeat; color: #333; height: 69px; width: 196px; cursor: pointer; text-align: left; padding-left: 10px; padding-top: 16px; border-right: 1px solid #DEDEDE; font-weight:bold; } #keySolution .tabs li img { float:left; padding-right:10px } #keySolution .tabs li p { float:left; font-size:13px; width:150px; line-height:14px } #keySolution .tabs li.active { background: url(../images/hvr-tab-button-over.png) left top no-repeat; font-weight:bold; border:none; width:234px; padding-right:20px; color:#FFFFFF; } #keySolution .tabs li.last { border-bottom: none; height: 69px; } #keySolution .htabs-content-wrap { float: left; overflow: hidden; width: 410px; height: 300px; padding-left:20px; } #keySolution .htabs-scroll { width: 410px; height: 340px; } #keySolution .content { width: 410px; height: 300px; } #keySolution .content img { float:right; padding-left:10px; padding-top:10px; } #keySolution .content p { font-size:12px; padding:7px 7px 0 26px; line-height:18px; } #keySolution .htabs-scroll ul { float: left; padding: 10px 0px 0px 21px; font-size:12px; } #keySolution .htabs-scroll li { color: #999999; background: url(../images/red-bullet-small.gif) no-repeat left center; padding-left: 15px; line-height: 20px; } #keySolution .htabs-scroll li a { color: #389FD8; } #keySolution .htabs-scroll .more { color: #6699CC; font-weight: bold; background: url(../images/red-bullet-small.gif) no-repeat left center; padding-left: 15px; text-indent: 0px; width: 120px; } #keySolution .htabs-scroll .more a { color: #6699CC; font-weight: bold; } #main .hcolumn-right p { font-size: 12px; line-height: 16px; } #main { /*background: url(../images/home-main.jpg) repeat-x left top;*/ padding-top: 30px; } #main .homeQuickInfo { height: 200px; } #main .homeQuickInfo .hcolumn1 { float: left; width: 309px; margin-right: 16px; } #main .homeQuickInfo .hcolumn1 a { font-size: 13px; color: #0F70B8; line-height: 23px; background: url(../images/quick-info-bullet.gif) no-repeat left center; padding-left: 15px; } #main .homeQuickInfo .hcolumn1 ul { margin-top: 15px; } #main .homeQuickInfo .infoSolutions { background: url(../images/info-online-marketing.jpg) no-repeat right center; } #main .homeQuickInfo .infoWebsite { background: url(../images/info-website-design.jpg) no-repeat right center; } #main .homeQuickInfo .infoProducts { background: url(../images/info-e-business.jpg) no-repeat right center; } #main .homeQuickInfo .noMargin { margin: 0px; } #main .homeQuickInfo .moreInfo { border-top: 1px solid #E0E5E9; display: block; background: url(../images/more-info-icon.jpg) no-repeat left 18px; padding-top: 15px; margin-top: 20px; font-weight: bold; padding-left: 25px; } #main .homeQuickInfo .moreInfo a { background: url(none); margin: 0px; padding: 0px; } #container .frame { margin: 0px auto; width: 960px; } #homeContent { background: url(../images/hcolumn-right-bg.jpg) repeat-y right; padding-top: 30px; padding-bottom: 0px; } #homeContent .hcolumn-left { float: left; width: 639px; margin-right: 30px; } #container .grid { margin-bottom: 30px; } #container .commonBlock { background: #F8F7F7; border: 1px solid #D9D9D9; padding: 15px; } #container .commonBlock ul { float: left; margin-right: 34px; display: block; } #container .commonBlock li { background: url(../images/red-bullet.gif) no-repeat left 4px; padding-left: 13px; padding-bottom: 10px; } #container .commonBlock .noMargin { margin: 0px; } #container .testimonials .testimonialsCont { font: italic 14px/25px "Times New Roman", Times, serif; text-align: justify; background: #F8F7F7; border: 1px solid #D9D9D9; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:15px; } #container .testimonials .testimonialsClt { background: url(../images/testimonial-down-arrow.png) no-repeat right top; float:right; padding-top: 30px; margin-top: -1px; } #container .testimonialsClt .client { font-weight: bold; font-style: italic; display: block; line-height: 20px; } #container .testimonialsClt .company { font-style: italic; display: block; line-height: 20px; clear: left; } #container .carousel-small { font-size: 12px; } #container .carousel-small .carouselImg { background:url(../images/carousel-small-bg.jpg) no-repeat; padding: 11px; display: block; height: 130px; margin-bottom: 5px; } .link_blog { background: #515151 url(../images/zoom_details.png) no-repeat 50% 50%; display:block; } #container .carousel-small .carouselName { font-weight: bold; line-height: 20px; } #container .carousel-small .carouselCate { line-height: 20px; } #homeContent .hcolumn-right { float: left; width: 261px; margin-left: 30px; font-size: 11px; line-height: 17px; } #topPannel .recentNews p { } #ourCustomers h3 { text-align: center; padding-top: 15px; padding-bottom: 15px; } #container .hconBlock { margin-bottom: 30px; } #container .companyNews li { background: url(../images/red-bullet-small.gif) no-repeat left 5px; padding-left: 12px; font-size: 11px; margin-bottom: 10px; border-bottom: 1px solid #DFDFDF; padding-bottom: 10px; line-height: 16px; } #container .companyNews ul { margin-left: 5px; } #container .companyNews li a { color: #333333; } #container .companyNews .newsDate { color: #999999; display: block; clear: left; margin-top: 3px; } #container .grayBox { background: url(../images/gray-box.jpg) repeat-x left bottom; border: 1px solid #D9D9D9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 12px; margin-top: 7px; margin-bottom: 15px; } #container .grayBox a { color: #6699CC; background: url(../images/red-bullet-small.gif) no-repeat left 6px; padding-left: 10px; display: block; float: left; margin-right: 10px; margin-top: 5px; } #container .clickHereOdc a { background: url(../images/main-buttons.png) no-repeat -252px -122px; text-indent: -10000px; height: 25px; width: 264px; display: block; margin-top: -13px; } #container .clickHereOdc a:hover { background-position:-252px -149px; } #container .hcolumn-right .head { font-weight: bold; font-size: 12px; padding-bottom: 3px; } #container .hcolumn-solution { margin-top: 5px; } #container .hcolumn-solution .column1 { float: left; display: block; width: 60%; } #container .hcolumn-solution .column2 { float: left; display: block; width: 40%; } #container .hcolumn-solution li { background: url(../images/red-bullet-small.gif) no-repeat left 6px; padding-bottom: 5px; display: block; } #container .hcolumn-solution li a { padding-left: 8px; background: url(../images/red-bullet-small.gif) no-repeat left 5px; } #container .hcolumn-right .gray-deco { position: relative; float: right; top: -50px; right: -8px; margin-bottom: -50px; margin-left: -15px; } #subContainer { border-top: 4px solid #2CA7D4; } #subpage { background: url(../images/left-menu-bg.jpg) repeat-y; padding-top: 30px; padding-bottom: 30px; min-height:500px; font-size: 14px; } p.specialCon { font-size: 20px; color: #636363; line-height: 30px; margin-bottom: 40px; display: block; } div.specialCon p { font-size: 20px; color: #636363; line-height: 30px; margin-bottom: 40px; display: block; } #subContainer .leftMenu { float: left; width: 220px; font-family: 'Sintony'; } #subpage .leftMenu ul { background: url(../images/gray-dotline-bg.gif) no-repeat left bottom; padding-bottom: 10px; margin:13px 0; } #subContainer .subContent { float: left; width: 720px; margin-left: 20px; } #subpage .leftMenu li { font-size: 16px; } #subpage .leftMenu a { display: block; margin-right: 10px; padding:10px 0 10px 10px; color: #4D4D4D; border-top: 1px solid #DCDDDE; } #subpage .leftMenu a:hover { background-color:#FFFFFF; text-decoration:none; color:#089DC8; } #subpage .leftMenu .selected { background: url(../images/left-menu-select-bg.jpg) left center no-repeat; display: block; color: #FFFFFF; margin: 0px; border-style: none; padding-bottom: 8px; padding-top: 9px; } #subpage .leftMenu .selected:hover { color: #FFFFFF; } #subpage p { margin-bottom: 20px; margin-top: 10px; } #subpage .expand-collapse { padding: 0; border-bottom: 1px solid #DCDDDE; margin:20px 0 40px 0; font-size: 14px; } #subpage .expand-collapse a.heading { display: block; position: relative; width: auto; padding: 13px 0; text-decoration: none; color: #333333; border-top:#DCDDDE 1px solid; } #subpage .expand-collapse a.heading:hover { color: #007CB8; } #subpage .expand-collapse a.heading:focus { color: #007CB8; } #subpage .expand-collapse a.heading:active { color: #007CB8; } #subpage .expand-collapse a.heading .statusicon { position: absolute; top: 15px; right: 5px; border: none; } #subpage .expand-collapse .contentBox { margin-bottom:15px; } #container .blackList ul { list-style-type: none; margin: 15px 0 20px 0; padding: 0px; } #container .blackList li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; line-height:25px; } #container .csDetails ul { list-style-type: none; margin: 15px 0 0 0; padding: 0px; } #container .csDetails li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; line-height:25px; } #container .cscolumn1 ul { list-style-type: none; margin: 15px 0 20px 0; padding: 0px; } #container .cscolumn1 li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; line-height:25px; } #container .jobApply { background: url(../images/main-buttons.png) no-repeat 0px 0px; height: 58px; width: 245px; display: block; text-indent: -10000px; float:left } #container .jobApply:hover { background-position: 0px -61px; } #getQuote { background: #DFDFDF url(../images/get-quote-bg.jpg) repeat-x top; border:2px solid #CFCFCF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; min-height:365px; *min-height:375px; box-shadow:1px 1px 5px #ccc; -moz-box-shadow:1px 1px 5px #ccc; -webkit-box-shadow:1px 1px 5px #ccc; margin: 30px 0; padding: 12px 20px 20px 20px; } #getQuote .formArea { width: 350px; padding-right:25px; margin-right:25px; border-right: 1px dotted #B6B6B6; float:left; } #getQuote .head { margin-bottom: 20px; background: url(../images/getQuoteIcon.jpg) no-repeat; padding-left: 45px; } #getQuote .contactArea { width: 275px; float:left; } #subpage p.graySmall { font-size: 11px; color: #999999; float: right; margin: 0px; padding: 0px; text-align: right; line-height: 16px; } #getQuote .contactArea li { border-bottom: 1px solid #B6B6B6; padding-bottom: 11px; padding-top: 11px; padding-left: 40px; height:18px; font-size: 13px; } #getQuote .contactArea ul { border-top: 1px solid #B6B6B6; } #getQuote .contactArea p { font-size: 16px; margin: 0px 0px 15px; } #getQuote .contactArea span { color: #1594BE; font-weight: bold; display: block; float: left; } #getQuote .contactArea span a { color: #1594BE; white-space:nowrap; } #getQuote .contactArea ul p { float: left; display: block; line-height: 15px; margin: 0px; width: 72px; font-size: 13px; } #getQuote .formArea input { height: 20px; width: 340px; background: #FFFFFF url(../images/get-quote-form-bg.jpg) repeat-x; border: 1px solid #D9D9D9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; clear: left; font-size: 11px; padding:0 5px; line-height: 20px; color: #666666; } #getQuote .formArea input:focus { border: 1px solid #17B4FF; box-shadow:0px 0px 2px #17B4FF; -moz-box-shadow:0px 0px 2px #17B4FF; -webkit-box-shadow:0px 0px 2px #17B4FF; } #getQuote .formArea label.error { display:block; font-weight:normal; font-size:11px; color:#FF0000; font-style:italic; margin-top:-24px; text-align:right; padding-right:10px; } #getQuote .formArea input.error { border: 1px solid #FF0000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; clear: left; font-size: 11px; padding:0 5px; line-height: 20px; box-shadow:0px 0px 2px #FF9191; -moz-box-shadow:0px 0px 2px #FF9191; -webkit-box-shadow:0px 0px 2px #FF9191; } #getQuote .formArea textarea { width: 342px; height: 70px; background: #FFFFFF url(../images/get-quote-form-bg.jpg) repeat-x; border: 1px solid #D9D9D9; border-radius:6px; -moz-border-radius:8px; -webkit-border-radius:6px; padding:5px; color:#666666; } #getQuote .formArea textarea:focus { border: 1px solid #17B4FF; box-shadow:0px 0px 1px #17B4FF; -moz-box-shadow:0px 0px 1px #17B4FF; -webkit-box-shadow:0px 0px 1px #17B4FF; } #getQuote .formArea p { font-size: 13px; font-weight: bold; color: #666666; margin: 0px 0px 7px; line-height: 25px; } #getQuote .formArea span { font-size: 11px; font-style: italic; font-weight: normal; } #getQuote .formArea .grayText { font-size: 11px; font-weight: normal; color: #333333; line-height: 15px; float: left; display: block; width: 250px; margin-right: 4px; margin-top: 5px; } #getQuote .sendMail { background: url(../images/main-buttons.png) no-repeat 0px -330px; display: block; height: 33px; width: 96px; text-indent: -10000px; float: left; margin-top: 5px; } #getQuote .sendMail:hover { background-position: 0px -363px; } #getQuote .contactArea li { background-image: url(../images/icon-big.png); background-repeat: no-repeat; } #container .call { background-position: 0px 0px; } #container .email { background-position: 0px -38px; } #container .skypeBig { background-position: 0px -77px; } #container .gtalkBig { background-position: 0px -120px; } #container .liveChat { background-position: 0px -157px; } #container .yahooBig { background-position: 0px -196px; } #container .usaBig { background-position: 0px -242px; } #container .ukBig { background-position: 0px -282px; } #container .uaeBig { background-position: 0px -321px; } #container .indiaBig { background-position: 0px -358px; } #popup .usaBig { background: url(../images/icon-big.png) no-repeat 0px -253px; } #popup .ukBig { background: url(../images/icon-big.png) no-repeat 0px -294px; } #popup .uaeBig { background: url(../images/icon-big.png) no-repeat 0px -331px; } #popup .indiaBig { background: url(../images/icon-big.png) no-repeat 0px -368px; } #popup .emailBig { background: url(../images/icon-big.png) no-repeat 0px -47px; } #popup .skypeBig { background: url(../images/icon-big.png) no-repeat 0px -82px; } #container .caseStudies p { display: block; float: left; width: 395px; padding: 0px; margin: 0px 25px 15px 0px; text-align:justify; } #container .caseStudies .fullWidth p { display: block; float: left; width: 680px; padding: 0px; margin: 0px 25px 15px 0px; text-align:justify; } #container .caseStudies h2 { margin-bottom: 15px; } #container .gray-bg-block { background: url(../images/case-studies-block-bg.jpg) no-repeat center bottom; padding-bottom: 35px; margin-top: 20px; } #container .more { display: block; height: 28px; width: 106px; background: url(../images/main-buttons.png) 0 -177px; clear: left; text-indent: -10000px; } #container .more:hover { background-position:0 -205px; } #container .caseStudies .caseStudies-img { background: url(../images/case-studies-bg.jpg) no-repeat; height: 130px; width: 286px; float: left; padding: 7px; } #container .project { border: 1px solid #E0E0E0; height: 528px; width: 348px; float: left; margin-right: 10px; } #container .designs_gallery .head { font-weight: bold; font-size: 12px; padding: 0px 10px 10px 10px; margin: 10px 0 0 0px; } #container .designs_gallery .small, #container .designs_gallery p { font-size: 11px; line-height: 18px; margin: 0px; padding: 0px 10px 10px 10px; } #container .needSimilarService, #popup .needSimilarService { background:no-repeat url(../images/main-buttons.png) -519px -122px; height: 25px; width: 135px; display: block; text-indent: -10000px; margin-top: 5px; margin-left: 10px; } #container .needSimilarService:hover, #popup .needSimilarService:hover { background:no-repeat url(../images/main-buttons.png) -519px -149px; } #container .viewMoreDetails, #popup .viewMoreDetails { background:no-repeat url(../images/main-buttons.png) -657px -122px; height: 25px; width: 113px; display: block; text-indent: -10000px; margin-top: 5px; margin-left: 10px; } #container .viewMoreDetails:hover, #popup .viewMoreDetails:hover { background:no-repeat url(../images/main-buttons.png) -657px -149px; } #container .requestQuote, #popup .requestQuote { background: url(../images/main-buttons.png) no-repeat -486px -177px; height: 25px; width: 106px; display: block; text-indent: -10000px; } #container .requestQuote:hover, #popup .requestQuote:hover { background: url(../images/main-buttons.png) no-repeat -486px -204px; height: 25px; width: 106px; display: block; text-indent: -10000px; } #container .projectInfo td { padding: 7px; font-size: 12px; border-left-width: 1px; border-left-style: solid; border-left-color: #DCDDDE; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCDDDE; } #container .projectInfo th { background-color: #EFEFEF; text-align: left; font-size: 12px; font-weight: bold; padding-left: 10px; border-bottom: 1px solid #DCDDDE; } #popup .proQuickContact td { padding-top:0px; } #popup .proQuickContact span { padding:0 0 10px 35px; font-size: 11px; height: 17px; } #popup .proInfo-inner th { text-align: left; font-size: 12px; font-weight: normal } #popup .proInfo-inner td { font-size: 12px; padding: 0 0 20px 0; } #popup .proInfo-inner-Btn td { padding: 15px 0 20px 0; margin: 0px; } #popup .proInfo-inner .whyANGLER li { background: url(../images/red-bullet-small.gif) no-repeat left center; padding-left:10px; color:#666666; line-height: 22px; } #popup .proInfo-inner .box p { font-size: 12px; line-height: 20px; padding: 10px 0; } #popup .proInfo-inner .whyANGLER { margin: 10px 0 20px 0; } #popup .proInfo-inner .needSimilarService { margin: 0px; } #container .csDetails .cscolumn1 { float: left; width: 475px; margin-right: 30px; } #container .technicalUsed { margin-top: 10px; margin-bottom: 30px; } #container .technicalUsed li { float: left; margin-right: 25px; background: none; padding-left: 0px; } #container .csDetails .csColumn2 { float: right; width: 215px; } #container .relatedCS { border: 1px #C8CED7 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding-bottom: 20px; } #container .relatedCS .relatedCS-head { background: url(../images/related-cs-head-bg.jpg) repeat-x; ; height: 25px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; padding-left: 15px; padding-top: 7px; color: #FFFFFF; } #container .relatedCS ul { padding: 12px; margin:0px; } #container .relatedCS li { border-bottom: 1px solid #D5DDE6; padding:0 0 15px 0; margin:0 0 15px 0; background:none; line-height:17px; min-height:75px; } #container .relatedCS .relatedCSthumb { float: left; margin-right: 10px; border: 1px solid #E5E6E8; } #container .relatedCS .relatedCSthumb:hover { border: 1px solid #C1C4C8; } #container .relatedCS .head { float:right; width:110px; font-size: 12px; color: #2173AF; font-weight: bold; display: block; margin-bottom: 4px; } #container .relatedCS .info { float:right; width:110px; font-size: 11px; color: #666666; margin-bottom: 4px; display: block; line-height:15px; } #container .relatedCS .readMore a { font-size: 12px; color: #2173AF; text-align:right; } #container .CS-carousel { margin-bottom: 30px; } #container .previousCS { background: url(../images/main-buttons.png) 0px -234px no-repeat; height: 45px; width: 192px; text-indent: -10000px; display: block; float: left; } #container .previousCS:hover { background: url(../images/main-buttons.png) 0px -281px no-repeat; } #container .nextCS { background: url(../images/main-buttons.png) -194px -234px no-repeat; height: 45px; width: 160px; text-indent: -10000px; display: block; float: right; } #container .nextCS:hover { background: url(../images/main-buttons.png) -194px -281px no-repeat; } #container .previousNews { background: url(../images/main-buttons.png) -561px -234px no-repeat; height: 45px; width: 162px; text-indent: -10000px; display: block; float: left; } #container .previousNews:hover { background: url(../images/main-buttons.png) -561px -281px no-repeat; } #container .nextNews { background: url(../images/main-buttons.png) -727px -234px no-repeat; height: 45px; width: 162px; text-indent: -10000px; display: block; float: right; } #container .nextNews:hover { background: url(../images/main-buttons.png) -727px -281px no-repeat; } #container .previousEvent { background: url(../images/main-buttons.png) -561px -329px no-repeat; height: 45px; width: 162px; text-indent: -10000px; display: block; float: left; } #container .previousEvent:hover { background: url(../images/main-buttons.png) -561px -376px no-repeat; } #container .nextEvent { background: url(../images/main-buttons.png) -727px -329px no-repeat; height: 45px; width: 162px; text-indent: -10000px; display: block; float: right; } #container .nextEvent:hover { background: url(../images/main-buttons.png) -727px -376px no-repeat; } #container .viewallCS { background: url(../images/main-buttons.png) -261px -178px no-repeat; display: block; height: 24px; width: 139px; text-indent: -10000px; margin-left: 33px; } #container .viewallCS:hover { background-position: -261px -207px; } #container .clientsBlock p { display: block; float: left; width: 480px; padding: 0px; margin: 0px 25px 15px 0px; } #container .clientsBlock h2 { margin-bottom: 15px; } #container .clientsBlock { background: url(../images/case-studies-block-bg.jpg) no-repeat center bottom; margin-bottom: 20px; padding-bottom: 35px; } #container .read-more-cs { display: block; height: 28px; width: 145px; background: url(../images/main-buttons.png) no-repeat -114px -177px; clear: left; text-indent: -10000px; } #container .read-more-cs:hover { display: block; height: 28px; width: 145px; background: url(../images/main-buttons.png) no-repeat -114px -205px; clear: left; text-indent: -10000px; } #container .client-img { width: 200px; float: left; text-align:center; } #container .factSheet { background:url(../images/fact-sheet-bg.gif) no-repeat 315px top; margin:25px 0 20px 0; } #container .factSheet ul { list-style-type: none; float: left; width: 360px; margin-top: 20px; } #container .factSheet li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; padding-bottom: 25px; line-height:25px; } #container .horizontal_bullet ul { list-style-type: none; margin: 15px 0 20px 0; padding: 0px; } #container .horizontal_bullet li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; line-height:25px; float: left; width: 200px; } #container .subContent .vision li { float: left; width: 200px; } #container .csBanner { background-color: #F5F6F8; border: 1px solid #E6E7E8; margin-bottom: 30px; } #container .requestQuote-big { height:58px; width:326px; display:block; text-indent:-10000px; background:url(../images/main-buttons.png) no-repeat -535px 0px; float: left; clear:left; } #container .requestQuote-big:hover { background:url(../images/main-buttons.png) no-repeat -535px -61px; } #container .csBanner .bannerInfo p { font-size: 19px; line-height: 25px; margin-bottom:10px; margin-right:15px; margin-left:0; width:685px; } #container .csBanner .bannerInfo { padding-left: 15px; } #container .csBanner .bannerInfo ul { color: #6B6B6B; width: 340px; min-height:200px; font-size: 14px; font-weight: bold; } #container .csBanner .bannerImg { float:right; margin-top:-200px; } #container .csBanner .bannerInfo li { padding-bottom: 10px; background: url(../images/gray-arrow.gif) no-repeat left 5px; padding-left: 15px; line-height: 20px; font-weight:normal; } #container .csBanner .bannerNav { background: url(../images/cs-banner-nav-bg.jpg) repeat-x; height:40px; border: 1px solid #EEF1F3; } #container .csBanner .bannerNav ul { float: right; margin:0 15px 0 0; } #container .csBanner .bannerNav li { float: left; line-height: 40px; background: url(../images/cs-banner-nav-line.jpg) no-repeat left top; margin-left: 15px; padding: 0 0 0 15px; } #container .csBanner .bannerNav .skioTo { background: url(../images/gray-bullet.gif) no-repeat right center; padding-right: 15px; } #container .share-your-testimonials { background: url(../images/main-buttons.png) no-repeat -247px 0px; height: 58px; width: 286px; display: block; text-indent: -10000px; } #container .share-your-testimonials:hover { background-position: -247px -61px; } #getQuote .ratingArea { width: 280px; margin-right:25px; float:left; } #getQuote .rating { float: left; width: 370px; margin-top: 20px; } #getQuote .rating td { padding: 10px; font-size: 13px; border: 1px solid #DCDDDE; font-weight: bold; color:#666666: } #getQuote .rating th { padding: 10px; font-size: 13px; text-align: left; background-color: #EAEAEA; font-weight: bold; border: 1px solid #DCDDDE; } #getQuote .rating table { margin-bottom:10px; } #getQuote .ratingArea input { height: 20px; width: 270px; background: #FFFFFF url(../images/get-quote-form-bg.jpg) repeat-x; border: 1px solid #D9D9D9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; clear: left; font-size: 11px; line-height: 20px; color: #666666; padding: 0 5px; } #getQuote .ratingArea input:focus { border: 1px solid #17B4FF; box-shadow:0px 0px 2px #17B4FF; -moz-box-shadow:0px 0px 2px #17B4FF; -webkit-box-shadow:0px 0px 2px #17B4FF; } #getQuote .ratingArea textarea { width: 270px; height: 80px; background: #FFFFFF url(../images/get-quote-form-bg.jpg) repeat-x; border: 1px solid #D9D9D9; border-radius:6px; -moz-border-radius:8px; -webkit-border-radius:6px; padding:5px; color:#666666; } #getQuote .ratingArea textarea:focus { border: 1px solid #17B4FF; box-shadow:0px 0px 2px #17B4FF; -moz-box-shadow:0px 0px 2px #17B4FF; -webkit-box-shadow:0px 0px 2px #17B4FF; } #container textarea { font-family:Arial, Helvetica, sans-serif } #getQuote .ratingArea label.error { display:block; font-weight:normal; font-size:11px; color:#FF0000; font-style:italic; margin-top:-24px; text-align:right; padding-right:10px; } #getQuote .ratingArea input.error, #getQuote .ratingArea textarea.error { border: 1px solid #FF0000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; clear: left; font-size: 11px; padding:0 5px; line-height: 20px; box-shadow:0px 0px 2px #FF9191; -moz-box-shadow:0px 0px 2px #FF9191; -webkit-box-shadow:0px 0px 2px #FF9191; } #getQuote .ratingArea p { font-size: 13px; font-weight: bold; color: #666666; margin: 0px 0px 7px; line-height: 25px; } #getQuote .ratingArea span { font-size: 11px; font-style: italic; font-weight: normal; } #getQuote .rating .grayText { font-size: 11px; font-weight: normal; color: #333333; line-height: 15px; float: left; display: block; width: 250px; margin-right: 4px; margin-top: 5px; } #container .testimonialsClt .clientLogo { float: left; } #container .testimonialsClt .clientInfo { float: left; width: 350px; text-align: right; margin-right: 15px; } #getQuote .rating .poorArrow { background: url(../images/poor-arrow.gif) no-repeat right; display: block; width: 75px; float: left; } #getQuote .rating .greatArrow { background: url(../images/great-arrow.gif) no-repeat left; display: block; width: 35px; float: left; padding-left: 47px; } #getQuote .rating .neutral { font-weight: normal; float: left; display: block; } #ourCustomers { height: 135px; background: url(../images/our-customers.jpg) repeat-x; } /*----------------Footer---------------------*/ #footer { height: 400px; background: url(../images/footer.jpg) repeat-x; font-size: 13px; color: #FFFFFF; line-height: 18px; } #footer a { color: #FFFFFF; } #footer h3 { color: #FF9900; margin-bottom: 13px; } #footer .footerWidget { height: 320px; padding-top: 30px; } #footer .footerWidget ul { border-top: 1px solid #3A6C8C; overflow:hidden; height:270px} #footer .footerWidget li { padding-top: 9px; padding-bottom: 9px; display: block; border-bottom: 1px solid #478FAC; } #footer .footerWidget a { background: url(../images/red-bullet-small.gif) no-repeat left 8px; padding-left: 12px; display: block; } #footer .fcolumn1 { width: 280px; margin-right: 40px; float: left; } #footer .fcolumn2 { width: 280px; margin-right: 40px; float: left; } #footer .fcolumn3 { width: 320px; float: left; } #footer .subscribe input { width: 237px; float: right; border: 1px solid #E2E2E2; } #footer .subscribe input:focus { border: 1px solid #EDF8FC; -moz-box-shadow: 0 0 7px #EDF8FC; -webkit-box-shadow: 0 0 7px #EDF8FC; box-shadow: 0 0 7px #EDF8FC; } #footer .subscribe label.error { font-weight:normal; font-size:12px; color:#FF0000; font-style:italic; display:block; float:left; height:25px; padding-left:80px; } #footer .subscribe p { font-size:13px; line-height:20px; } #footer .subscribeForm span { display: block; clear: left; line-height: 25px; font-weight: bold; margin-bottom: 5px; height: 25px; } #footer .subscribeForm .subscribeBtn input { background: url(../images/main-buttons.png) no-repeat -402px -178px; height: 24px; width: 82px; margin: 0px; padding: 0px; text-indent: -10000px; float: right; border:none; cursor: pointer } #footer .subscribeForm .subscribeBtn input:hover { background-position: -402px -206px; } #footer #NLformBlock span { display:block; clear:left; } #footer .subscribe .subscribeForm { margin-top: 10px; margin-bottom: 10px; } #footer .stayTouch a { background: url(none); margin: 0px; padding: 0px; } #footer .stayTouch li { float: left; border-style: none; height: 20px; margin: 0px 0px 5px; padding: 0px 0px 0px 25px; display: block; width: 135px; } #footer .footerNav { height: 50px; padding-top: 20px; font-size: 11px; } #footer .footerNav .leftCon { display: block; float: left; line-height: 25px; } #footer .footerNav .rightCon { display: block; float: right; line-height: 25px; } #container .previous { background: url(../images/main-buttons.png) no-repeat -358px -234px; height: 45px; width: 112px; display: block; text-indent: -10000px; float: left; } #container .previous:hover { background: url(../images/main-buttons.png) no-repeat -358px -281px; } #container .next { background: url(../images/main-buttons.png) no-repeat -473px -234px; display: block; float: right; height: 45px; width: 84px; text-indent: -10000px; } #container .next:hover { background: url(../images/main-buttons.png) no-repeat -473px -281px; } /*----------------Need Similar Service-------------------*/ #needSimilar #getQuoteSubmit input { background: url(../images/main-buttons.png) no-repeat 0px -330px; display: block; height: 33px; width: 96px; text-indent: -10000px; float: left; margin-top: 5px; border:none; cursor:pointer; } #needSimilar #getQuoteSubmit input:hover { background-position: 0px -363px; } #needSimilar #getQuoteSubmit { float: right; margin-right:13px; } #container #getQuoteSubmit input { background: url(../images/main-buttons.png) no-repeat 0px -330px; display: block; height: 33px; width: 96px; text-indent: -10000px; float: left; margin-top: 5px; border:none; cursor:pointer; } #container #getQuoteSubmit input:hover { background-position: 0px -363px; } #container #getQuoteSubmit { float: left; } #needSimilar { width:958px; height:643px; display:block; background: url(../images/need-similar-bg.png) no-repeat 0 0; padding:10px; } #needSimilar .proInfo { float: left; width: 340px; height:600px; background: #FFFFCC; border-right-width: 1px solid #FAE386; padding:0 10px 20px 10px; } #needSimilar #similarImage img { width:330px; height:300px; } #needSimilar .similarForm { float: left; width: 560px; padding-left: 20px; } #needSimilar .similarForm input { width: 530px; background: #FFFFFF url(../images/get-quote-form-bg.jpg) repeat-x; border: 1px solid #D9D9D9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; clear:left; font-size: 11px; line-height: 20px; color: #666666; padding:0 5px; } #needSimilar .similarForm label { margin-top:-31px; position: absolute; right:26px; } #needSimilar .similarForm label.error { display:block; font-weight:normal; font-size:11px; color:#FF0000; font-style:italic; text-align:right; padding-right:10px; line-height: 20px; } #needSimilar .similarForm input:focus { border: 1px solid #17B4FF; box-shadow:0px 0px 2px #17B4FF; -moz-box-shadow:0px 0px 2px #17B4FF; -webkit-box-shadow:0px 0px 2px #17B4FF } #needSimilar .similarForm textarea { width: 530px; height: 130px; background: #FFFFFF url(../images/get-quote-form-bg.jpg) repeat-x; border: 1px solid #D9D9D9; border-radius:6px; -moz-border-radius:8px; -webkit-border-radius:6px; padding:5px; color:#66666 } #needSimilar .similarForm textarea:focus { border: 1px solid #17B4FF; box-shadow:0px 0px 2px #17B4FF; -moz-box-shadow:0px 0px 2px #17B4FF; -webkit-box-shadow:0px 0px 2px #17B4FF } #needSimilar .similarForm p { font-size: 13px; font-weight: bold; color: #666666; margin: 0px 0px 7px; line-height: 25px; } #needSimilar .similarForm span { font-size: 11px; font-style: italic; font-weight: normal; } #needSimilar p.grayText { font-size: 11px; font-weight: normal; color: #333333; line-height: 15px; float: left; display: block; width: 300px; margin-right: 70px; margin-top: 5px; } #needSimilar .sendMail { background: url(../images/main-buttons.png) no-repeat 0px -330px; display: block; height: 33px; width: 96px; text-indent: -10000px; float: right; margin-top: 5px; } #needSimilar .sendMail:hover { background-position: 0px -363px; } #needSimilar .similarForm table { margin-top:20px; } #needSimilar .similarForm td { border-top: 1px solid #DADADA; } #needSimilar .similarForm th { border-right: 1px solid #DADADA; border-top: 1px solid #DADADA; text-align:left } #needSimilar .proInfo h3 { color: #990000; padding:15px 0; } #needSimilar .proInfo h4 { padding-bottom: 5px; padding-top: 20px; } #needSimilar .similarForm h2 { padding-bottom: 10px; } #needSimilar .proInfo tr { text-align:left; } #needSimilar .proInfo td { line-height:25px; } #needSimilar .proInfo p { font-size: 12px; color: #666666; margin: 0px 0px 7px; line-height: 20px; } #needSimilar .needSimilarContact span { padding:0 0 12px 40px; font-size: 11px; height: 17px; font-style:normal; color:#1594BE; font-weight:bold; } #needSimilar .needSimilarContact a { color:#1594BE; text-decoration:underline; } .one_half { border-right: 1px solid #DADADA; } .one_third { border-bottom: 1px solid #DADADA; } .two_third { border-right-style: none; border-bottom: 1px solid #DADADA; } .one_fourth { border-right: 1px solid #DADADA; border-top: 1px solid #DADADA; } .one_fifth { border: none; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left; width: 229px; display: block; height: 150px; padding:10px 5px; font-style: normal; font-size: 12px; line-height: 20px; } .one_half img, .one_third img, .two_third img, .one_fourth img, .one_fifth img { display: block; position: relative; float:left; padding-right:5px; } #container .grayBox .latestOffering { margin:15px; } #container .grayBox .latestOffering ul { margin-top:10px; } #container .grayBox .latestOffering li { background: url(../images/gray-bot.gif) no-repeat left center; padding-left:15px; line-height:20px; } #container .grayBox .latestOffering li a { background: url(../images/menu-bullet.png) no-repeat left center; padding-left:15px; line-height:20px; margin:0 0 0 -15px; } #container .grayBox .latestOffering .offerMore { color: #6699CC; float: right; padding-left:15px; font-weight:bold; margin: 10px 0 0 0; display:block; } #container .hcolumn-right .gray-nor { position: relative; float: right; } #container .hcolumn-right .latestHead { font-weight: bold; font-size: 12px; height: 28px; line-height: 28px; color: #FFFFFF; padding-left: 10px; } #container .latest-carousel-small p { line-height:18px; display:block; padding-right:5px; } #container .latest-carousel-small .grayBox { background:none; border:none; padding:0px; margin:0px; } #container .latest-carousel-small { height:260px; background: url(../images/gray-box-offer-bg.jpg) repeat-x left bottom; border: 1px solid #D9D9D9; width:261px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-top:10px; } #container .productFeatures { background-image: url(../images/product-feature-bg.jpg); background-repeat: repeat-y; background-position: left top; display: block; } #container .productFeatures ul { margin-bottom: -10px; background-image: url(../images/product-feature-bg-bottom.jpg); background-repeat: no-repeat; background-position: left bottom; } #container .productFeatures li { float: left; width: 350px; height: 170px; display: block; padding-top: 15px; padding-left: 10px; background:none; } #container .productFeatures li img { padding-left:20px; } #container #subpage .productFeatures p { margin:0px; padding-right:30px } #container .productFeatures ul p { font-size: 12px; line-height: 20px; } #container .productFeatures h3 { display: block; float: none; margin: 0px; padding-bottom:5px; font-size: 16px; color: #2173AF; font-weight: bold; font-family:Arial, Helvetica, sans-serif } #container .videoBg { background-image: url(../images/video-bg.jpg); background-position: center bottom; display: block; background-repeat: no-repeat; padding-bottom: 39px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel, div.star-rating { float:left; width:16px; height:16px; margin-right:16px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden } div.star-rating, div.star-rating a { background:url(../images/star.gif) no-repeat 0 0px } div.rating-cancel a, div.star-rating a { display:block; width:16px; height:100%; background-position:0 0px; border:0 } div.star-rating-on a { background-position:0 -16px!important } div.star-rating-hover a { background-position:0 -32px } #similarProform .btn_close { position:absolute; z-index:10000000; padding:0px 23px 7px 0; background-image: url(../images/pop-up-close.png); background-repeat: no-repeat; background-position: right top; cursor: pointer; height:30px; right:16px; top:15px; } .referFriend{ background: url(../images/refere-friend.jpg) no-repeat; width:206px; height:58px; display:block; text-indent:-100000px; float:left; cursor:pointer; margin-left:30px} .referFriend:hover{ background: url(../images/refere-friend-hover.jpg) no-repeat;} .careerHead{ margin:10px 0; display: inline-block; background: url(../images/gray-bullet.gif) no-repeat left center; padding-left:20px } .careerHead:hover{ color:#007CB8; text-decoration:none} #mid { /* Download Module */ background:#F7F7F7; padding-left:3px; width: 190px; position:absolute; margin-top:1px; font-size:12px!important; border-top:#CCCCCC solid 0px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; line-height:25px!important; } .ictexpo { margin-top: 15px; } .searchfield { background: #fff; padding: 1px 2px 3px 5px; border: solid 1px #CCC; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2); box-shadow: inset 0 1px 1px rgba(0,0,0,.2); width:250px; height:35px; margin-bottom:10px; } .searchfield1 { background: #fff; padding: 1px 2px 3px 5px; border: solid 1px #CCC; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2); box-shadow: inset 0 1px 1px rgba(0,0,0,.2); width:250px; height:125px; margin-bottom:10px; } .approch-title{ border-bottom: 1px dashed #ccc; color: #900; font-size: 16px; font-weight: bold; line-height: 18px; margin: 11px 0; padding-bottom: 5px; text-transform: uppercase; } .approchlist{ width:90%; margin-right:10%; display:compact } .approchlist li{ background: url("../images/red-bullet-small.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); border-bottom: 1px solid #dfdfdf; font-size: 12px; line-height: 16px; margin-bottom: 5px; padding-bottom: 5px; padding-left: 12px; } .myasasd{ color:#900; font-size: 20px; line-height: 35px; } .spas { margin-top:10px; } .spas li{ background: url("../images/bullet1.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); border-bottom: 1px solid #dfdfdf; font-size: 12px; line-height: 16px; margin-bottom: 5px; padding-bottom: 5px; padding-left: 15px; } .approch-title1{ border-bottom: 1px dashed #ccc; color: #900; font-size: 14px; font-weight: bold; line-height: 18px; font-family:Arial, Helvetica, sans-serif; margin: 11px 0; padding-bottom: 5px; text-transform: uppercase; }