body{line-height: 150%; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif;} h1 {text-align: center; font-size: 36px;} h1,h2,h3{line-height: 150%; color: #666;} #node-title h1 {margin: 0px 0 20px 0; color:#9fa3a4; border-bottom: 1px solid #DDD; font-size: 24pt; line-height: 150%; text-transform:none;} h2{margin: 0 0 8px; font-size:15pt; text-shadow:0 1px 0#fff;} img, embed, object, video /*, iframe*/ {max-width: 100%; height: auto; border: none;} iframe {width: 410px; height: 410px; } /* GLOBAL */ .container-fluid{max-width: 1170px; margin: 0 auto;} .mgb-20 {margin-bottom: 20px;} .mgb-30 {margin-bottom: 30px;} .readmore-home-small-button {padding: 0px 10px 0 0; text-align: right; margin-top: 40px; display: block;} .homeclient-h2 {font-size: 46px;} .bdr-bottom {border-bottom: 1px dashed #ccc; margin-top: 10px; padding: 0 0 20px 0;} #edit-quantity{width: 50px;} .messages{margin-bottom:10px !important;} a{text-decoration: none;color: #333} a:hover{text-decoration: none} .leftside{margin: 0 10px 0 0} .rightside{margin: 0 0 0 20px;} .form-actions {padding: 0px; margin-top: 0px; margin-bottom: 0px; border: 0 none; background: 0 none;} input:focus, select:focus, textarea:focus {outline: none;} li {margin: 0; padding: 0; list-style-position: inside; line-height:150%; padding:0 0 0px 0;} /* #header*/ #header{height:129px /*200px*/; background: #FFFFFF;} /* top assests -- eyebrow nav and shopping cart quicklinks (includes dropdown) */ #header #topbar{height: 45px; background: #e9e9eb;} #header #topbar #group-assets{float: right; width: 379px/*838px*/; height: 45px; padding-top: 3px;} #header #topbar #group-assets ul {padding: 0; margin: 0; list-style: none;} #header #topbar #group-assets ul li {padding: 0; margin: 0; display: inline;} #header #topbar #block-menu-menu-eyebrow{float: left; height: 45px;} #header #topbar #block-menu-menu-eyebrow ul.menu{margin: 5px 0 0 0;} #header #topbar #block-menu-menu-eyebrow ul.menu li{display: inline-block; list-style: none; margin: 5px 0 0 0; padding: 0; background: url("../images/eyebrow-split.jpg") no-repeat right center;} #header #topbar #block-menu-menu-eyebrow ul.menu li.last{background: none;} #header #topbar #block-menu-menu-eyebrow ul.menu li a{color: #a8a9ab; display: block; padding: 10px 20px 10px 10px;} #header #topbar #block-menu-menu-eyebrow ul.menu li.last a{padding: 10px 0 10px 10px;} #header #topbar #block-commerce-cart-cart{width: 270px; float: right; height: 45px;} #header #topbar #block-commerce-cart-cart .view-commerce-cart-block{position: relative;} #header #topbar #block-commerce-cart-cart .view-commerce-cart-block .view-header, #header #topbar #block-commerce-cart-cart .cart-empty-block{padding: 15px 0 0 35px; color: #a8a9ab; background: #7ADFF5 url("../images/shopping-cart-icon.png") no-repeat -1px -29px; height: 30px;} #header #topbar #block-commerce-cart-cart .view-commerce-cart-block .view-header p{margin: 0; width: 95px; float: left;} #header #topbar #block-commerce-cart-cart .view-commerce-cart-block .view-group{display: none; top: 45px; background: #e9e9eb; padding: 10px 20px 0 20px; z-index: 10; position: absolute; width: 228px; left: -1px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;} #header #topbar #block-commerce-cart-cart .view-group table, #header #topbar #block-commerce-cart-cart .view-group thead, #header #topbar #block-commerce-cart-cart .view-group tr, #header #topbar #block-commerce-cart-cart .view-group td{background: 0 none; color: #a8a9ab; padding: 0; margin: 0;} #header #topbar #block-commerce-cart-cart .view-group td, #header #topbar #block-commerce-cart-cart .view-group th{padding: 5px 10px; color: #a8a9ab;} #header #topbar #block-commerce-cart-cart .view-group td.views-field-quantity{width: 20px;} #header #topbar #block-commerce-cart-cart .view-group td.views-field-line-item-title{width: 140px;} #header #topbar #block-commerce-cart-cart .view-group td.views-field-commerce-total{} #header #topbar #block-commerce-cart-cart .view-group td a{color: #a8a9ab; text-decoration: none;} #header #topbar #block-commerce-cart-cart .view-group td a:hover{text-decoration: underline; cursor: pointer;} #header #topbar #block-commerce-cart-cart .view-group .view-footer{margin: 10px 0 0 0;} #header #topbar #block-commerce-cart-cart .view-group .view-footer li{display: inline-block; margin: 0;} #header #topbar #block-commerce-cart-cart .view-group .view-footer a{padding: 5px 10px; color: #a8a9ab; font-weight: bold; display: inline-block;} /* #headerMAIN SECTION - LOGO, SOCIAL, NAVIGATION & SEARCH */ #header #header-main{padding:0; margin: 0;} #header #header-main .clear{ clear:both;} #header #header-main .wrapper{padding:0; margin:0;} #header #header-main #logo{height: 60px; width:309px; /*margin-top: 60px;*/} /* added for logo left and right grids*/ #header #header-main #logo_left{float:left; width: 30%; padding:0; margin:0px 0 0 0;} #header #header-main #logo_right{float:left;padding:0; margin:0px 0 0 0; width: 70%;} #header #header-main #logo_right #logo_rightT{height:0px; padding:5px 96px 0px/*80px*/; /*clear:both;*/ /*Original width is 651px*/} #header #header-main #logo_right #logo_rightT h4 {color: #999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:right; } /*#header #header-main #logo_right #logo_rightB{width:225px; /*height:30px;*/ /*padding:11px 0 0 418px; clear:both;} without infocomm logo*/ #header #header-main #logo_right #logo_rightB{padding:20px 0 0 0; clear:both; width: 100%;} #header #header-main #logo_right #logo_rightB #infocommlogo {float:left; width:323px; padding: 0 30px 0 50px;} #header #header-main #logo_right #logo_rightB #sb{float:right; width:225px; margin: 0px 0 0 0;} #header #header-main #logo_right ul{ margin:0px;padding:0;list-style-type:none;} #header #header-main #logo_right ul li{margin:0px;padding:0;list-style-type:none;float:left;display:inline;} #header #header-main #logo_right ul li a{margin:0px;padding:0 5px;float:left;display:block;text-decoration:none;color:#a8a9ab;} #header #header-main #logo_right ul li a:hover{ text-decoration:underline; color:#029feb; } #header #header-main #logo #link{ text-decoration: none; line-height: 140%; display: block; text-shadow: 1px 2px 2px #67696A; padding: 30px 0 0 0; display: block; } #header #header-main #logo img{ max-width: 100%; height: auto; border:none; margin-bottom: 10px; } /* Navigation for Products Tab*/ #header #header-main #navigation{ height: 50px; margin: 2px 0 0 0; float:left; } #header #header-main #navigation #block-system-main-menu{ } #header #header-main #navigation ul.menu{ padding: 0px !important; position: relative; } #header #header-main #navigation ul.menu li{ display: inline-block; margin: 0 10px; padding: 0; position: relative; z-index: 40; color: #424242; line-height: 150%; } #header #header-main #navigation ul.menu li.backbone{ position: absolute; height: 6px; bottom: 0px; z-index: 9; margin: 0; padding: 0; } #header #header-main #navigation ul.menu li.backbone a{ background: #7adff5 url("../images/slider.png") no-repeat center top; } #header #header-main #navigation ul.menu li a, #header #header-main #navigation ul.menu li span{ text-decoration: none; display: block; /*padding:10px 5px 20px;*/ padding:10px 0px 20px; text-transform: uppercase; font-size: 10pt; font-weight: normal; color: #6e6f70; } #header #header-main #navigation ul.menu li ul{ display: none; position: absolute; top: 48px; left: -0px; padding: 15px 10px !important; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */ margin: 0; /*min-width: 160px;*/ min-width: 869px; border-bottom:3px solid #5f7990; border-radius:0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; } #header #header-main #navigation ul.menu li ul ul{ display: block !important; } #header #header-main #navigation ul.menu li ul li{ background: 0 none; margin: 0 0 10px 0; padding: 0; display: block; } #header #header-main #navigation ul.menu li ul li.backbone{ display: none; } #header #header-main #navigation ul.menu li ul li.expanded{ float: left; /*width: 120px*/ width: 200px; margin: 0 30px 0 0; /*background-color:#FF3300;*/ } #header #header-main #navigation ul.menu li ul li.expanded a{ border-bottom: 1px dashed #ccc; padding: 0 0 5px; color: #6D7070; } #header #header-main #navigation ul.menu li ul li.expanded ul{ position: relative; top: 0; background: 0 none; padding: 0; margin: 0; display: block; border:none; min-width:250px; } #header #header-main #navigation ul.menu li ul li.expanded ul li{ margin: 0; padding: 2px 0 2px 5px ;} #header #header-main #navigation ul.menu li ul li.expanded ul li:hover{ background-color:#fff; width:200px; border-bottom:1px solid #ccc; border-top:1px solid #ddd; padding: 1px 0 1px 5px; margin:0; } #header #header-main #navigation ul.menu li ul li.expanded ul li a{ border: 0 none; padding:0; margin:0; } #header #header-main #navigation ul.menu li ul a:hover, #header #header-main #navigation ul.menu li ul li.expanded ul li a:hover{ color: #000; padding:0; margin:0; } #header #header-main #navigation ul.menu li ul li a{ color: #6D7070; margin: 0; padding: 0; text-transform: capitalize; } /* product tab navigation closed */ /* Navigation for other Tabs like sol,support*/ #header #header-main #navigationt{ height: 50px; margin: 2px 0 0 0; float:left; } #header #header-main #navigationt #block-menu-menu-products-menu{ } #header #header-main #navigationt ul.menu{ padding: 0px !important; position: relative; } #header #header-main #navigationt ul.menu li{ display: inline-block; margin: 0 10px; padding: 0; position: relative; z-index: 40; color: #424242; line-height: 150%; } #header #header-main #navigationt ul.menu li.backbone{ position: absolute; height: 6px; bottom: 0px; z-index: 9; margin: 0; padding: 0; } #header #header-main #navigationt ul.menu li.backbone a{ background: #7adff5 url("../images/slider.png") no-repeat center top; } #header #header-main #navigationt ul.menu li a, #header #header-main #navigationt ul.menu li span{ text-decoration: none; display: block; /*padding:10px 5px 20px;*/ padding:10px 0px 20px; text-transform: uppercase; font-size: 10pt; font-weight: normal; color: #6e6f70; } #header #header-main #navigationt ul.menu li ul{ display: none; position: absolute; top: 48px; left: -0px; padding: 15px 10px !important; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */ margin: 0; /*min-width: 160px;*/ min-width: 250px; border-bottom:3px solid #5f7990; border-radius:0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; } #header #header-main #navigationt ul.menu li ul ul{ display: block !important; } #header #header-main #navigationt ul.menu li ul li{ background: 0 none; margin: 0 0 0px 0; padding: 2px 0 2px 5px; display: block; } #header #header-main #navigationt ul.menu li ul li:hover{ background-color: #fff; border-bottom:1px solid #ccc; border-top:1px solid #ddd; padding: 1px 0 1px 5px; margin:0; } #header #header-main #navigationt ul.menu li ul li.backbone{ display: none; } #header #header-main #navigationt ul.menu li ul li.expanded{ float: left; /*width: 120px*/ width: 180px; margin: 0 20px 0 0; /*background-color:#FF3300;*/ } #header #header-main #navigationt ul.menu li ul li.expanded a{ border-bottom: 1px dashed #ccc; padding: 0 0 5px; color: #6D7070; } #header #header-main #navigationt ul.menu li ul li.expanded ul{ position: relative; top: 0; background: 0 none; padding: 0; margin: 0; display: block; } #header #header-main #navigationt ul.menu li ul li.expanded ul li{ margin: 0; padding: 0; } #header #header-main #navigationt ul.menu li ul li.expanded ul li a{ border: 0 none; } #header #header-main #navigationt ul.menu li ul a:hover, #header #header-main #navigationt ul.menu li ul li.expanded ul li a:hover{ color: #000; } #header #header-main #navigationt ul.menu li ul li a{ color: #6D7070; margin: 0; padding: 0; text-transform: capitalize; } /* other Tabs like sol,support tab navigation closed */ #header #header-main #wrap{ float: right; } #header #header-main #social{ margin: 35px 0; height: 31px; float: right } #header #header-main #social a{ height: 32px; width: 32px; display: block; float: left; margin: 0 5px 0 0; } #header #header-main #social a#facebook{ background: url("../images/facebook.png") no-repeat 1px -31px; } #header #header-main #social a#twitter{ background: url("../images/twitter.png") no-repeat 1px -31px; } #header #header-main #social a#linkedin{ background: url("../images/linkedin.png") no-repeat 1px -31px; } #header #header-main #social a#google{ background: url("../images/google.png") no-repeat 1px -31px; } #header #header-main #social a#rss{ background: url("../images/rss.png") no-repeat 1px -31px; } #header #header-main #search{ clear: both; } #header #header-main #search .container-inline{ border: 1px solid #ddd; background: #edeeef; -webkit-border-radius: 3px; border-radius: 3px; } #header #header-main #search .container-inline input.form-text{ padding: 6px 10px; width: 75%; border: 0 none; background: #edeeef; color: #a8a9ab; box-shadow: 0; -webkit-box-shadow:none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition:0; transition:0; float:left; } #header #header-main #search .container-inline input.form-submit{ /*background: #7ADFF5 url("../images/search-icon.png") no-repeat -29px -27px;*/ background: #7ADFF5 url("../images/search-icon.png") no-repeat -29px -24px; height: 30px; width: 15%; border: 0 none; text-indent: -9999px; padding: 0; margin: 0; border-radius: 0; float:left; } /********* add code for global navigation***************/ #globalnav-wrapper {width: 100%; padding:0; margin: 0; background: #2278a7; border-top: 1px solid #e7e7e7;} #globalnav {width: 1170px; margin: 0 auto; height: 48px;} /********* add code for banner slider in home page***************/ #main-banner-container{ padding: 0px 0 0 0; background-color:#b1b1b1; /* added for Gradient */ 3 /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ background: -webkit-gradient(radial, center center, 0, center center, 460, from(#b1b1b1), to(#b4b4b4)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, #b1b1b1, #b4b4b4); /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #b1b1b1, #b4b4b4); /* IE 10 */ background: -ms-radial-gradient(circle, #b1b1b1, #b4b4b4); /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */ } #main-banner{ } #main-banner .banner-fluid{ background: white; min-height: 400px; padding: 15px 10px; max-width: 940px; } #main-banner .banner-fluid .banner-row-fluid .region-homepage{ padding-top: 0px; } /********************/ #main-container{padding: 70px 0 0 0;} #main-container.gradient {background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 10%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(10%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%,#ffffff 10%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%,#ffffff 10%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%,#ffffff 10%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%,#ffffff 10%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} #main-container .full-shell {width: 100%; overflow: hidden;} #main-container.pdb-70 {padding-bottom: 70px;} #main-container h1 {font-size: 45px; color: #78C321; text-align: center; margin-bottom: 30px; font-weight: normal;} #main-container h1 strong {font-weight: bold; color: #2278A7;} #main-container h1 em {text-deocaration: none; font-style: normal; color: #555; font-size: 30px; text-align: center;} #carousel-container {background: #f2f2f2; padding: 20px 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } #clients-container {background: #fff; padding: 20px 0px;} #home-video-container {padding: 50px 0px; background-color: #fff; background-image: url(../images/center-blue-button.png); background-repeat: no-repeat; background-position: center top;} #home-video-container .full-shell {width: 100%; overflow: hidden;} #home-video-container .full-shell.mgb-20 {margin-bottom: 20px;} .block-1170 {max-width: 1170px; margin: 0 auto;} .col-6 {width: 45.9%; border-right: 1px solid #e1e1e1; float: left; padding: 2%; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;} .col-6.noborder {border: none;} #main{ } /** Added **/ #main .home-content-fluid{max-width: 1170px; /*max-height: 215px;*/ margin: 0 auto;} #main .home-content-fluid p {font-size: 11px; color: #888; font-weight: normal; padding:0 0 10px 0; margin: 0; line-height: 22px;} #main .home-content-fluid .col-3 {width: 384px; margin-right:0.5%; float: left; text-align: center; padding: 0; background: #FFF; border: 1px solid #ddd; } #main .home-content-fluid .col-3 img { max-width:100%; height: auto; border: 0px;} #main .home-content-fluid .col-3.nomg {margin: 0px;} #main .home-content-fluid .col-3:hover {background: #f1f1f1;} .home-top-imgbox {max-width: 196px; float: right; height: 252px; background-color: #FFF;} .home-top-titlebox {width: 170px; float: left; padding: 40px 10px 10px 10px; background-image: url(../images/down-circular-button.png); background-repeat: no-repeat; background-position: center top;} .home-top-titlebox h2 {font-size: 14px; color: #727272; font-weight: bold; margin-bottom: 20px;} .home-top-titlebox h3 {font-size: 12px; text-align: left; color: #666; line-height: 18px; color: #999; font-weight: normal;} .home-top-titlebox a {color: #0088cc; text-decoration: none; float: left; display: block; margin-top: 20px;} .home-businessbox {float: left; padding:0; margin: 0; width: 385px; text-align: left;} .home-businessbox a {color: #0088cc; text-decoration: none; } .home-businessbox a:hover {color:#7BC321; text-decoration: underline;} .home-businessbox h4 {padding: 0px; font-size: 12px; color: #555;} .home-businessbox-img-box {float: left; padding: 0; margin: 0; width: 150px;} .home-clientbox {padding: 0; margin: 0 0 0 10px;} .home-clientbox ul {list-style: none; padding: 0; margin: 0;} .home-clientbox ul li {padding: 10px; width: 100px; height: 100px; background-color: #e3e3e3; display: inline-block; float: left; border: 1px solid #FFF; margin: 0 10px 10px 0;} .home-clientbox ul li.nomrg {margin: 0;} /** added */ #main .container-fluid{/*min-height: 400px;*/ max-width: 1170px; /*added */ /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ border-radius: 5px 5px 0px 0px;*/ /* Safari 3-4, iOS 1-3.2, Android 1.6- -webkit-border-radius: 5px 5px 0px 0px; */ /* Firefox 1-3.6 -moz-border-radius: 5px 5px 0px 0px;} */ /* added for Events ticker ie news */} /*#main .container-news{background: white; min-height:30px; padding:10px; max-width: 1150px; margin:0 auto; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ border-radius: 5px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- -webkit-border-radius: 5px 5px 5px 5px; */ /* Firefox 1-3.6 -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 0px 6px -3px #000; -webkit-box-shadow: 0px 0px 6px -3px #000; box-shadow: 0px 0px 6px -3px #000;}*/ /* added for Home page slider */ #main .slider-fluid{ /*min-height: 350px; padding: 0px 0px; max-width: 960px; margin: 0 auto;*/ background-size: 100%; /*min-height:365px;*/ margin: 0 0 0px 0px; position: relative; } /* added for Inner Page Banner */ #main .innerpagebanner-fluid{ min-height: 215px; padding: 0px 0px; max-width: 960px; margin: 0 auto; } #main .container-fluid .row-fluid .region-homepage{ padding-top: 0px; } /* home slideshow with staging full, left, right */ #main #views_slideshow_cycle_main_homepage_slideshow-block{ margin: 0 0 5px; height: auto; } #views_slideshow_cycle_teaser_section_homepage_slideshow-block{ width: 100% !important; height: 375px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide{ width: 99.8% !important; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .slider-group{ position: relative; } /* full width slider styles */ #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .full-width{ max-width: 940px; max-height: 350px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .full-width img{ max-width: 100%; max-height: 350px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .full-width .slider-container{ background: url("../images/sliderbg.png") repeat top left; max-height: 100px; width: 97%; bottom: 0px; left: 0px; z-index: 99; position: absolute; padding: 10px; color: white; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .full-width .slider-container .body{ width: 90%; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .full-width .slider-container .text a{ font-size: 14px; margin: 0 0 5px; color: white; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .full-width .slider-container .path{ display: none; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .slider-container{ } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .slider-container .text a, #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .slider-container .text a{ display: block; font-size: 18pt; margin: 10px 0 20px; text-shadow: 0px 0px 1px #67696A; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .slider-container .body, #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .slider-container .body{ margin: 0 0 20px; font-size: 16px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .slider-container .price, #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .slider-container .price{ margin: 0 0 20px; font-size: 16px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .slider-container .path, #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .slider-container .path{ text-align: center; padding: 7px 0px 8px; font-weight: bold; text-transform: capitalize; border: 1px solid #ccc; background: #7ADFF5; /* for non-css3 browsers */ /* background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#424242)); background: -moz-linear-gradient(top, #999999, #424242); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#424242'); */ color: white; font-weight: bold; text-transform: none; text-decoration: none; width: 110px; -webkit-border-radius: 3px; border-radius: 3px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .slider-container .path a, #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .slider-container .path a{ color: white; font-size: 12pt; } /* left / right slider styles */ #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left, #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right{ width: 100%; max-height: 350px; padding: 3px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .slider-container{ position: absolute; right: 10px; max-width: 390px; color: #555; line-height: 200%; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .slider-container{ position: absolute; left: 10px; max-width: 390px; color: #555; line-height: 200%; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .image{ position: absolute; right: 10px; margin: 0 10px 0 0; max-width: 500px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .image{ position: absolute; left: 10px; margin: 0 0 0 10px; max-width: 500px; } #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-left .image img, #main #views_slideshow_cycle_main_homepage_slideshow-block .views_slideshow_slide .image-right .image img{ max-width: 100%; max-height: 340px; border: 5px solid transparent; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #main #block-views-homepage-slideshow-block .views-slideshow-controls-bottom{ margin: 0 auto; z-index: 999999999; } #main #block-views-homepage-slideshow-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item{ background: url("../images/slide_controlls.png") no-repeat 3px 2px; height: 17px; width: 17px; margin: 0 0px 10px 0; text-indent: -9999999px; display: inline-block; cursor: pointer; } #main #block-views-homepage-slideshow-block .views-slideshow-controls-bottom .active{ background: url("../images/slide_controlls.png") no-repeat -28px 2px; } /* home blurb */ #main .container-fluid .row-fluid #block-block-1{ max-width: 940px; margin: 0 auto; } /*#main .container-fluid .row-fluid #block-block-1 .content{ text-align: center; font-size: 14pt; line-height: 150%; color: #424242; margin: 10px 0 20px 0; padding: 20px 20px; font-weight: normal; } */ #main .container-fluid .row-fluid #block-block-1 .content{ text-align:justify; font-size: 12px; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/ font-family:Arial, Helvetica, sans-serif; line-height: 150%; /*color: #424242;*/ /*color :#666;*/ color :#828282; margin: 10px 0 20px 0; padding: 20px 20px; font-weight: normal; clear:both; } #main .container-fluid .row-fluid #block-block-1 .content .clear{ clear:both; } #main .container-fluid .row-fluid #block-block-1 .content #home-contentleft{ width:596px; padding:0px; float:left; } #main .container-fluid .row-fluid #block-block-1 .content #home-contentleft h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#565857; font-size:26px; line-height: 150%; margin:0 0 20px 0; } #main .container-fluid .row-fluid #block-block-1 .content #home-contentright{ width:280px; height:200px; padding:10px; float:left; } #main .container-fluid .row-fluid #block-block-1 .content #home-contentright .contenthomerightlinks { padding: 8px; background: #f6f6f6; margin: 0 0 10px; border: 1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 6px -3px #333; box-shadow: 0px 0px 6px -3px #333; } #main .container-fluid .row-fluid #block-block-1 .content #home-contentright .contenthomerightlinks .imagebox{ width:261px; height:147px; clear:both; margin:0 0 10px 0; } /* carousels */ #block-views-featured-products-block, #block-views-popular-products-block{ margin: 0 0 20px; } #block-views-featured-products-block h2, #block-views-popular-products-block h2{ margin-left: 45px; } .view-featured-products, .view-popular-products{ overflow: hidden; } .view-featured-products .jcarousel-container, .view-popular-products .jcarousel-container{ } .view-popular-products .jcarousel-container a.jcarousel-next, .view-popular-products .jcarousel-container a.jcarousel-prev, .view-featured-products .jcarousel-container a.jcarousel-next, .view-featured-products .jcarousel-container a.jcarousel-prev{ height: 25px; width: 25px; position: absolute; display: block; top: 100px; background-image: url("../images/pager-arrows.png"); } .view-popular-products .jcarousel-container a.jcarousel-prev, .view-featured-products .jcarousel-container a.jcarousel-prev{ left: 10px; background-position: 0px 0px; } .view-popular-products .jcarousel-container a.jcarousel-next, .view-featured-products .jcarousel-container a.jcarousel-next{ right: 20px; background-position: -25px 0px; } .view-popular-products .jcarousel-container .jcarousel-clip, .view-featured-products .jcarousel-container .jcarousel-clip{ } .view-popular-products .jcarousel-container .jcarousel-clip, .view-featured-products .jcarousel-container .jcarousel-clip{ margin: 0 0 0 43px; max-width: 850px; overflow: hidden; position: relative; max-height: 310px; } .view-popular-products .jcarousel-container .jcarousel-clip li, .view-featured-products .jcarousel-container .jcarousel-clip li{ position: relative; height: 305px; margin: 0 15px 0 0px; width: 183px !important; padding: 0 8px; } .view-popular-products .jcarousel-container .jcarousel-clip li .views-field-field-image img, .view-featured-products .jcarousel-container .jcarousel-clip li .views-field-field-image img{ /*border: 5px solid solid transparent;*/ border:1px solid #ddd; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 0 10px; } .view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing, .view-featured-products .jcarousel-container .jcarousel-clip li .views-field-nothing{ } .view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing .title a, .view-featured-products .jcarousel-container .jcarousel-clip li .views-field-nothing .title a{ font-size: 12pt; color: #333; margin: 0 0 10px; display: block; line-height: 120%; } .view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing .description, .view-featured-products .jcarousel-container .jcarousel-clip li .views-field-nothing .description{ margin: 0 0 10px; } .view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing .price, .view-featured-products .jcarousel-container .jcarousel-clip li .views-field-nothing .price{ float:left; } .view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing .path a, .view-featured-products .jcarousel-container .jcarousel-clip li .views-field-nothing .path a{ display: block; padding: 6px 10px; background: #7ADFF5; float: right; color: #fff; } /* related carousel ... closer width */ #block-views-related-products-block{ margin: 0 0 20px; clear: both; } #block-views-related-products-block h2{ margin: 5px 0 5px 50px !important; } .view-related-products{ overflow: hidden; } .view-related-products .jcarousel-container{ } .view-related-products .jcarousel-container a.jcarousel-next, .view-related-products .jcarousel-container a.jcarousel-prev{ height: 25px; width: 25px; position: absolute; display: block; top: 100px; background-image: url("../images/pager-arrows.png"); } .view-related-products .jcarousel-container a.jcarousel-prev{ left: 10px; background-position: 0px 0px; } .view-related-products .jcarousel-container a.jcarousel-next{ right: 5px; background-position: -25px 0px; } .view-related-products .jcarousel-container .jcarousel-clip{ } .view-related-products .jcarousel-container .jcarousel-clip{ margin: 0 0 0 38px; width: 630px; overflow: hidden; position: relative; } .view-related-products .jcarousel-container .jcarousel-clip li{ position: relative; height: 300px; margin: 0 15px 0 0px; width: 183px !important; padding: 0 8px; } .view-related-products .jcarousel-container .jcarousel-clip li .views-field-field-image img{ /*border: 5px solid transparent;*/ border:1px solid #ddd; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 0 10px; } .view-related-products .jcarousel-container .jcarousel-clip li .views-field-nothing{ } .view-related-products .jcarousel-container .jcarousel-clip li .views-field-nothing .title a{ font-size: 12pt; color: #333; margin: 0 0 10px; display: block; line-height: 120%; } .view-related-products .jcarousel-container .jcarousel-clip li .views-field-nothing .description{ margin: 0 0 10px; } .view-related-products .jcarousel-container .jcarousel-clip li .views-field-nothing .price{ float:left; font-weight: bold; font-size: 15px; margin: 3px 0 0 0; } .view-related-products .jcarousel-container .jcarousel-clip li .views-field-nothing .path a{ display: block; padding: 6px 10px; background: #7ADFF5; float: right; color: #fff; } /* product node */ .social-share{ margin: 0 0 10px; float: right; } .social-share a{ float: left; margin: 0 5px 0 0; height: 32px; width: 33px; text-indent: -99999px; } .social-share a.social-share-facebook{ background: url("../images/facebook.png") no-repeat 1px -31px; } .social-share a.social-share-twitter{ background: url("../images/twitter.png") no-repeat 1px -31px; } .social-share a.social-share-linkedin{ background: url("../images/linkedin.png") no-repeat 1px -31px; } /*.social-share a.social-share-googlebuzz{ background: url("../images/google.png") no-repeat 1px -31px; } */ .social-share a.social-share-googleplus{ background: url("../images/google.png") no-repeat 1px -31px; } #main #node-display{ max-width: 800px; margin: 0; padding-right: 20px; } #main #node-display h2{ color: #424242; /*margin: 5px 0 20px 10px;*/ margin: 20px 0 10px 10px; } #main .view-full-product-details{ max-width: 710px; margin: 0 0 10px 0; } #main .view-full-product-details .view-#header{ float: left; width: 290px; } #main .view-full-product-details .view-#header.view-content{ width: 290px; margin: 0 auto; text-align: center; } #main .view-full-product-details .view-display-id-block .views-field-field-image{ width: 275px; height: 275px; margin: 0 auto; /* border: 5px solid transparent; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; */ } #main .view-full-product-details .view-#header.jcarousel-container{ margin: 20px 0 30px -7px; padding: 0; height: 75px; width: 290px; position: relative; } #main .view-full-product-details .view-#header.jcarousel-container .jcarousel-prev-horizontal, #main .view-full-product-details .view-#header.jcarousel-container .jcarousel-next-horizontal{ height: 25px; width: 25px; position: absolute; top: 25px; background-image: url("../images/pager-arrows.png"); } #main .view-full-product-details .view-#header.jcarousel-container .jcarousel-prev, #main .view-full-product-details .view-#header.jcarousel-container .jcarousel-prev-disabled{ background-position: 0px 0px; left: 12px; display: block; } #main .view-full-product-details .view-#header.jcarousel-container .jcarousel-next, #main .view-full-product-details .view-#header.jcarousel-container .jcarousel-next-disabled{ background-position: -25px 0px; right: 0px; display: block; } #main .view-full-product-details .view-#header.jcarousel-clip{ width: 210px; margin: 0 0 20px 45px; } #main .view-full-product-details .view-#header.jcarousel-clip .jcarousel-item{ padding: 0; height: 70px; } #main .view-full-product-details .view-content{ float: right; max-width: 410px; } #main .view-full-product-details .view-content .views-field-body{ margin: 0 0 25px; } #main .view-full-product-details .view-content .views-field-field-taxonomy-terms{ margin: 0 0 10px; } #main .view-full-product-details .view-content #grouping-details{ padding: 10px; background: #f3f3f3; margin: 0 0 20px 0; } #main .view-full-product-details .view-content #grouping-details input.form-submit{ -webkit-border-radius: 5px; border-radius: 5px; background: #888; color: white; } #main .view-full-product-details .view-content #grouping-details #fivestar{ float: right; clear: both; margin: 5px 20px 0 0 ; } #main .view-full-product-details .view-content #grouping-details #stock{ margin: 0 0 15px; font-weight: bold; /*font-size: 11pt;*/ font-size: 10pt; } #main .view-full-product-details .view-content #grouping-details .in{ color: green; } #main .view-full-product-details .view-content #grouping-details .out{ color: red; } #main .view-full-product-details .view-content #grouping-details #regprice{ margin: 0 0 10px; font-style: italic; } #main .view-full-product-details .view-content #grouping-details #price{ margin: 0 0 10px; font-size: 16pt; color: #424242; } /* lower region */ #block-block-2{ /*max-width: 830px;*/ max-width: 1170px; /*margin: 0 auto 20px auto !important;*/ font-size: 14px; line-height: 150%; color: #333; } #block-block-2 .bock-highlight{ display: inline-block; margin: 0 10px 0 0; padding: 10px; width: 235px; } .region-sidebar .block, /*#block-block-2,*/ #main .view-full-product-details .view-content #grouping-details{ padding: 8px; background: #f6f6f6; margin: 0 0 10px; border: 1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 6px -3px #333; box-shadow: 0px 0px 6px -3px #333; } .region-sidebar .block #block-menu-menu-taxonomy-menu{ } .region-sidebar #block-menu-menu-taxonomy-menu .menu li{ background: url("../images/libullet.png") no-repeat 5px 7px; list-style: none; margin: 0 0 2px 0px; padding: 0 0 0 15px; max-width: 175px; display: list-item; } .region-sidebar #block-menu-menu-taxonomy-menu .menu li a{ padding: 3px 0 6px; margin: 0 0 5px; display: block; width: auto; border-bottom: 1px dashed #ddd; } .region-sidebar #block-menu-menu-taxonomy-menu .menu li a:hover{ color: #888; } .region-sidebar #block-menu-menu-taxonomy-menu .menu li ul{ margin: 0 0 20px -15px; } .region-sidebar .block table thead{ background: #ddd; } .region-sidebar .block table td{ padding: 3px 5px !important; } .region-sidebar .block .line-item-total{ margin: 0 0 10px; } #bottom-nav{ background-image:url('../images/transparent/dark60.png'); background-repeat: repeat; } #bottom-nav .container-fluid{ background: white; background-image:url('../images/transparent/dark60.png'); background-repeat: repeat; } #bottom-nav{ /*min-height: 300px;*/ /*min-height:256px;*/ padding:0px; margin:0px; color: white; } #bottom-nav .container-fluid{ padding: 10px 0; } #bottom-nav .container-fluid .row-fluid{padding: 0 20px;} /* added inner page #footer */ #bottom-nav .container-fluid .row-fluid .innerfooter1 { width:230px; padding:0 10px 0 0px; margin:0; float:left; } #bottom-nav .container-fluid .row-fluid .innerfooter2 { width:200px; padding:0 10px 0 0px; margin:0; background-color:#FFCC66; float:left; } #bottom-nav a, #bottom-nav h2, #bottom-nav .view-content{ } #bottom-nav #latest-news{ } #bottom-nav #latest-news .views-row{ margin: 0 0 10px; min-height: 90px; } #bottom-nav #latest-news .views-row img{ float: left; margin: 5px 10px 10px 0; border: 5px solid transparent; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #bottom-nav #latest-news .views-row a{ font-weight: bold; font-size: /*14px*/ 12px; color:#444; text-decoration:underline; } #bottom-nav #general{ } #bottom-nav input.form-autocomplete, #bottom-nav input.form-text, #bottom-nav input.form-file, #bottom-nav textarea.form-textarea, #bottom-nav select.form-select{ width: 300px; background: #eee } #bottom-nav input.form-text{ width: 294px; } #bottom-nav #general .views-row{ margin: 0 10px 10px 0; float: left; height: 100px; width: 90px; } #bottom-nav #general .views-row .views-field-field-image img{ border: 5px solid transparent; margin: 0 0 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #bottom-nav #general .views-row .views-field-title{ display: none; } #bottom-nav .region-taxmenu{ } #bottom-nav .region-taxmenu ul{ } #bottom-nav .region-taxmenu ul.menu li{ float: left; width: 130px; list-style: none; margin: 0; } #bottom-nav .region-taxmenu ul.menu li a{ /*font-size: 12px; text-transform: uppercase;*/ /* added */ font-size:10px; text-transform:none; } #bottom-nav .region-taxmenu ul ul { } #bottom-nav .region-taxmenu ul li li{ float: none; min-width: 100px; width: auto !important; } #bottom-nav .region-taxmenu ul li li a{ } #footer{min-height: 130px; background-image: url(../images/footerbg.gif); background-repeat: repeat-x; background-position: center top; padding: 10px 0; background-color: #fff;} /* added for #footer social icons in home page*/ #footer .container-fluid{padding: 20px 0;} #footer .container-fluid #socialhome{float: right;} #footer .container-fluid #socialhome a{display: block; height: 32px; width: 33px; float: right; margin: 0 5px 0 0;} #footer .container-fluid #socialhome a#facebook{background: url("../images/facebook.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#twitter{background: url("../images/twitter.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#linkedin{background: url("../images/linkedin.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#google{background: url("../images/google.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#rss{background: url("../images/rss.png") no-repeat 1px -31px;} #footer .container-fluid #links {padding: 0; margin:0;} #footer .container-fluid #links ul {list-style: none; padding: 0; margin: 0;} #footer .container-fluid #links ul li {list-style: none; padding: 0; margin: 0; display: inline;} #footer .container-fluid #links ul li a {display: inline-block; font-size: 10px; color: #0088cc; text-decoration: none; font-weight: normal;} #footer .container-fluid #links ul li a:hover {color: #333; text-decoration: underline;} #footer .container-fluid p {padding: 0; margin: 0; font-size: 10px; color: #333;} #footer .container-fluid #subscribe{ float: right; } #footer .container-fluid #subscribe .simplenews-subscribe{ width: 330px; height: 35px; } #footer .container-fluid #subscribe .simplenews-subscribe .form-item{ margin: 0; padding: 0; } #footer .container-fluid #subscribe .simplenews-subscribe label{ display: none; } #footer .container-fluid #subscribe .simplenews-subscribe input{ width: 200px; padding: 6px 3px 6px 8px; border: 1px solid #ddd; float: left; } #footer .container-fluid #subscribe .simplenews-subscribe .form-submit{ width: auto !important; padding: 4px 17px; } #footer #copy{ color: #333; margin: 0; } /* added for #footer social icons in home page*/ #footer .container-fluid #socialhome{float: right;} #footer .container-fluid #socialhome a{display: block; height: 32px; width: 33px; float: right; margin: 0 5px 0 0;} #footer .container-fluid #socialhome a#facebook{background: url("../images/facebook.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#twitter{background: url("../images/twitter.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#linkedin{background: url("../images/linkedin.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#google{background: url("../images/google.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#rss{background: url("../images/rss.png") no-repeat 1px -31px;} #footer .container-fluid #links {padding: 0; margin:0;} #footer .container-fluid #links ul {list-style: none; padding: 0; margin: 0;} #footer .container-fluid #links ul li {list-style: none; padding: 0; margin: 0; display: inline;} #footer .container-fluid #links ul li a {display: inline-block; font-size: 10px; color: #0088cc; text-decoration: none; font-weight: normal;} #footer .container-fluid #links ul li a:hover {color: #333; text-decoration: underline;} #footer .container-fluid p {padding: 0; margin: 0; font-size: 10px; color: #333;} /* sidebar featured */ #main .view-display-id-block_1{ } #main .view-display-id-block_1 .views-row{ margin: 0 0 5px; min-height: 95px; display: block; } #main .view-display-id-block_1 .views-row .views-field-field-image img{ border: 5px solid transparent; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 0 5px; float: left; margin: 0 10px 10px 10px; } /* store item list list-grid */ #main .view-item-list .view-#header{ float:right; margin: 0px 0 0 0; } #list-grid{ float: right; margin: 0 10px 10px 0; } #list-grid a{ display: block; height: 20px; width: 70px; cursor: pointer; padding: 0 0 0 30px; } #list-grid a.list{ background: url("../images/listview.jpg") no-repeat left center; } #list-grid a.grid{ background: url("../images/gridview.jpg") no-repeat left center; } #main .view-item-list .view-content{ clear: both; } #main .view-item-list .views-row .views-field-field-image img{ border: 5px solid transparent; margin: 0 0 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; width: 140px; height: 140px; } #main .view-item-list .view-content .views-row{ /*display: inline-block; height: 220px; width: 160px; text-align: center; margin: 0 10px 10px 0; padding: 10px 0; vertical-align: top; */ display: block; height: 220px; margin: 0 0 5px; text-align: left; border-bottom: 1px solid #ddd; clear: both; } #main .view-item-list .view-content .views-row .views-field-field-image img{ float: left; margin: 0 15px 10px 0; width: 200px; height: 175px; } #main .view-item-list .view-content .views-row .item-grouping .description{ display: block; } #main .view-item-list .view-content .views-row .item-grouping .body{ display: block; } #main .view-item-list .view-content .views-row .item-grouping .title{ font-weight: bold; margin: 0 0 10px; } #main .view-item-list .view-content .views-row .item-grouping .terms{ display: block; } #main .view-item-list .view-content .views-row .item-grouping .price{ float: left; margin: 0 0 0 10px; } #main .view-item-list .view-content .views-row .item-grouping .path{ float: right; margin: 0 10px 0 0; padding: 3px 10px; background: red; } #main .view-item-list .view-content .views-row .item-grouping .path a{ color: white; } #main .view-item-list .list-view .views-row{ display: block; width: auto; margin: 0 0 5px; text-align: left; border-bottom: 1px solid #ddd; clear: both; } #main .view-item-list .list-view .views-row-last{ border: 0 none; } #main .view-item-list .list-view .views-row div{ margin: 0 0 5px; } #main .view-item-list .list-view .views-row .views-field-field-image img{ float: left; margin: 0 15px 10px 0; width: 200px; height: 175px; } #main .view-item-list .list-view .views-row .item-grouping .description{ display: none; } #main .view-item-list .list-view .views-row .item-grouping .body{ display: block; } #main .view-item-list .list-view .views-row .item-grouping .title{ font-weight: bold; font-size: 14px; } #main .view-item-list .list-view .views-row .item-grouping .price{ float: none; margin: 15px 0; } #main .view-item-list .list-view .views-row .item-grouping .terms{ display: block; float: none; font-style: italic; margin: 0 0 10px; } #main .view-item-list .list-view .views-row .item-grouping .terms a{ font-weight: normal; } #main .view-item-list .list-view .views-row .item-grouping .path{ float: left; } /* gallery styles */ #main .view-gallery{ } #main .view-gallery .views-row{ float: left; margin: 0 15px 15px; padding: 5px; width: 190px !important; height: 240px; position: relative; } #main .view-gallery .views-row .views-exposed-form{ } #edit-term-node-tid-depth{ background: transparent; width: 565px; padding: 3px; font-size: 14px; border: 1px solid #ccc; height: 28px; margin: 0 0 20px; } #main .view-gallery .views-row .views-field-field-image img{ border: 5px solid transparent; margin: 0 0 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #main .view-gallery .views-row .views-field-title{ margin: 0 0 3px; font-size: 14px; } #main .view-gallery .views-row .views-field-commerce-price{ float: left; } #main .view-gallery .views-row .views-field-nothing{ float: right; margin: 0 10px 0 0; } #main .view-smooth-filter-products{ } #main .view-smooth-filter-products .view-smooth-filter-terms{ } #main .view-smooth-filter-products .view-smooth-filter-terms .view-#header{ clear: both; } #main .view-smooth-filter-products .view-smooth-filter-terms .view-#headerp{ margin: 0; } #main .view-smooth-filter-products .view-smooth-filter-terms .view-content{ } #main .view-smooth-filter-products .view-smooth-filter-terms .view-content ul{ } #main .view-smooth-filter-products .view-smooth-filter-terms .view-content ul li{ float: left; margin: 0 5px 10px 0; list-style: none; color: #000; padding: 5px 10px; cursor: pointer; } #main .view-smooth-filter-products .view-smooth-filter-terms .view-content ul li.current{ background: #7ADFF5; -webkit-border-radius: 3px; border-radius: 3px; color: white; } #main .view-smooth-filter-products .view-content{ clear: both; margin: 10px 0 0 0; } /* Portfolio Items */ #main .view-smooth-filter-products .view-content .grouping li { float: left; margin: 0 15px 10px 0; list-style: none; height: 240px; max-width: 200px; padding: 5px; } #main .view-smooth-filter-products .view-content .grouping li a{ font-weight: bold; } #main .view-smooth-filter-products .view-content .grouping img { border: 5px solid transparent; margin: 0 0 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #main .view-smooth-filter-products .view-content .grouping .views-field-term-node-tid-1 a{ font-weight: normal; font-style: italic; } /* news page */ #main .view-news{ } #main .view-news .views-row{ margin: 0 0 20px; } #main .view-news .views-row img, .node-type-news .field-name-field-single-image img, .image-news_horizontal{ margin: 0 0 10px; padding: 0 !important;; border: 5px solid transparent; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #main .view-news .views-row .news-title a{ font-size: 18px; line-height: 150%; } #main .view-news .views-row .news-posted, #main .view-news .views-row .news-comments{ display: inline-block; margin: 0 10px 0 0; font-size: 11px; color: #777; } #main .view-news .views-row .views-field-body{ padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; } #main .view-news .views-row .views-field-body p{ margin: 0 0 3px; } #main #news-postdate, #main #news-comments{ display: inline-block; color: #777; margin: 0 20px 10px 0; font-style: italic; } /* comments */ #comments{ } #comments .comment{ margin: 0 0 15px; border-bottom: 1px solid #ddd; padding: 0 0 10px; } #comments .comment h3{ font-size: 16px; margin: 0 0 5px; } #comments .comment .submitted{ color: #555; font-size: 11px; } #comments .comment p{ margin: 3px 0 3px; } /* checkout */ #edit-customer-profile-billing{ } #edit-customer-profile-billing input{ padding: 3px; border: 1px solid #ddd; width: 272px; height: 15px; } #edit-customer-profile-billing select{ padding: 3px; height: 25px; } .addressfield-container-inline > div.form-item{ float: none; } .form-item-customer-profile-billing-commerce-customer-address-und-0-locality, .addressfield-container-inline > div.form-item{ margin: 0; padding: 0; } .block ul li a{ font-weight: normal; } .block ul li a.active{ font-weight: bold; } /* default D7 styles */ table { margin: 1em 0; width: 100%; background: #eee; } thead th { color: #494949; font-weight: bold; } th a:link, th a:visited { color: #6f9dbd; } td, th { padding: 5px 10px; } td{ background: #f6f6f6; } tr.even, tr.odd, tbody th { border-width: 1px 0; background: #fffdff; } input.form-submit, a.button { cursor: pointer; padding: 4px 17px; margin-bottom: 1em; margin-right: 1em; /* LTR */ margin-top: 10px; color: #5a5a5a; text-align: center; font-weight: normal; font-size: 1.077em; font-family: "Lucida Grande", Verdana, sans-serif; border: 1px solid #e4e4e4; border-bottom: 1px solid #b4b4b4; border-left-color: #d2d2d2; border-right-color: #d2d2d2; background: url(../images/buttons.png) 0 0 repeat-x; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } a.button:link, a.button:visited, a.button:hover, a.button:active { text-decoration: none; color: #5a5a5a; } input.form-submit:active { background: #666; color: #fff; border-color: #555; text-shadow: #222 0 -1px 0; } input.form-button-disabled, input.form-button-disabled:active { border-color: #eee; text-shadow: none; color: #999; } input.form-autocomplete, input.form-text, input.form-file, select.form-select { padding: 2px; border: 1px solid #ccc; border-top-color: #999; background: #fff; color: #333; width: 98%; } textarea.form-textarea{ width: 100%; } input.form-text:focus, input.form-file:focus, textarea.form-textarea:focus, select.form-select:focus { color: #000; border-color: #ace; } /* added for blocks in home page*/ #block-block-2 .bock-highlight-home{ display: inline-block; margin: 0 0px 0 0; padding: 0px; width: 224px; } /* client page added css*/ #main #node-display .contentbox{ width:660px; padding:10px; margin:10px; clear:both; display: block; } #main #node-display .contentbox p { line-height: 175%; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; /*color:#333333;*/ /*color:#555;*/ color:#828282; } /* Added for inner page videos and booking banner*/ #main #node-display .contentbox .wrapper {padding:0; margin:0; width:100%; overflow:hidden;} #main #node-display .contentbox .video-box {float:left; width:380px; margin-right:10px; height:200px; padding:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} #main #node-display .contentbox .booking-box {float:left; width:270px; margin:0; padding:0; height:200px; background: #f8c221; /* Old browsers */ background: -moz-linear-gradient(top, #a3e74e 0%, #88c837 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3e74e), color-stop(100%,#88c837)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a3e74e 0%,#88c837 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a3e74e 0%,#88c837 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a3e74e 0%,#88c837 100%); /* IE10+ */ background: linear-gradient(to bottom, #a3e74e 0%,#88c837 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3e74e', endColorstr='#88c837',GradientType=0 ); /* IE6-9 */ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} /* ------------------------------*/ #main #node-display .clientbox{ /*width:658px;*/ /*width:640px;*/ padding:10px; margin:10px; border:1px solid #ddd; clear:both; display: block; } /* Client Gif Animation box*/ #main #node-display .contentbox #animationbox { padding:10px; margin:0; display: block; height: 160px; width:640px; background: white; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-border-radius: 4px; -moz-border-radius: 4px; /*border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; */ /* Safari 4-5, Chrome 1-9 */ /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#ffffff)); /* Safari 5.1, Chrome 10+ */ /* background: -webkit-linear-gradient(top, #f3f3f3, #ffffff); /* Firefox 3.6+ */ /* background: -moz-linear-gradient(top, #f3f3f3, #ffffff); /* IE 10 */ /* background: -ms-linear-gradient(top, #f3f3f3, #ffffff); /* Opera 11.10+ */ /* background: -o-linear-gradient(top, #f3f3f3, #ffffff); */ } #main #node-display .contentbox #animationbox .gifbox { padding:0px; margin:0; float:left; width:160px; height:160px;} #main #node-display .contentbox #animationbox .infobox { padding:10px; margin:0 0 0 10px; float:left; width:450px; height:140px;} #main #node-display .contentbox #animationbox .clear {clear:both;} /* ______________________________ end ____________________________________________________*/ #main #node-display .clientbox ul { padding:0px; margin:0px; text-decoration:none; list-style-type: none; } #main #node-display .clientbox ul li { padding:0px 0px 5px 15px; font-size:11px; margin:0px; text-decoration:none; list-style-type: disc; } #main #node-display .contentbox ol { padding:0px; margin:0px; text-decoration:none; list-style-type: none; } #main #node-display .contentbox ol li { padding:0px 0px 5px 15px; font-size:11px; margin:0px; text-decoration:none; list-style-type: disc; } #main #node-display .clientbox .clear { clear:both; } #main #node-display .contentbox, #main #node-display .clientbox h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; line-height:22px; padding: 5px 0px 0px 10px; margin:0px; color:#424242; } #main #node-display .contentbox, #main #node-display .clientbox h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:22px; padding: 5px 0px 0px 10px; margin:0px; color:#424242; width: 100%; } #main #node-display .clientbox .clientbox#header{ width:100%; overflow:hidden; min-height:35px; clear:both; background-color:#e4e4e4; /* added */ border-bottom: 1px solid #ffffff; border-top: 1px solid #dddddd; } #main #node-display .clientbox .clientboxcontent{ width:100%; overflow:hidden; clear:both; background:#f9f9f9; margin-bottom:20px; padding:10px 0px 0px 0px; } #main #node-display .contentbox .imagebox { padding: 30px; background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; margin-bottom: 10px; background-image: url(../images/imagebox-arrow.png); background-repeat: no-repeat; background-position: center -1px; } #main #node-display .clientbox .clientboxcontent .imagebox{ width:80px; height:60px; float:left; padding:10px 5px 10px 10px; margin:0 0px 0px 0; display:block; } /* ------------------------ for compare all page -------------------------*/ /* added for Client Box Compare */ #main #node-display .comparebox {padding: 10px; margin: 0; border: 1px solid #ddd;} #main #node-display .comparebox .Table {display: table; cell-spacing: 5px; border: 1px solid #ddd; border-spacing: 5px; width: 100%;} #main #node-display .comparebox .Title {display: table-caption; text-align: center; font-weight: bold; font-size: larger;border: 1px solid #ddd; background-color: #e4e4e4; color: #fff;} #main #node-display .comparebox .Heading {display: table-row; font-weight: bold; text-align: center; background-color: #f1f1f1;} #main #node-display .comparebox .Row {display: table-row;} #main #node-display .comparebox .Cell {display: table-cell; border: solid 1px #ddd; padding: 5px 5px 0 5px; } #main #node-display .comparebox p {font-size: 12px; line-height: 12px; margin-bottom: 5px;} #main #node-display .comparebox h3{font-size: 18px; margin: 0px 5px 5px 5px;} #main #node-display .comparebox h2{font-size: 20px; margin: 10px;} /* added for Client Box Compare */ #main #node-display .clientboxcompare{ /*width:658px;*/ width:682px; padding:10px; margin:10px; border:1px solid #ddd; clear:both; display: block; } #main #node-display .clientboxcompare .clientbox#header{ width:100%; overflow:hidden; min-height:70px; clear:both; background-color:#e4e4e4; } #main #node-display .clientboxcompare .clienttablecontent{ width:100%; overflow:hidden; clear:both; margin:0px; padding:0px 0px 0 0; /*height:25px;*/ height:45px; border-bottom:solid 1px #ddd; } #main #node-display .clientboxcompare .clienttablecontent .grid1{ /*width:261px;*/ width:233px /*140px*/; word-wrap: break-word; min-height:35px; float:left; padding:5px 5px 5px 10px; margin:0 0px 0px 0; display:block; border-right:solid 1px #ddd; border-left:solid 1px #ddd; } #main #node-display .clientboxcompare .clienttablecontent .grid2{ /*width:165px;*/ width: 167px/*80px*/; min-height:35px; float:left; padding:5px 5px 5px 10px; margin:0 0px 0px 0; display:block; border-right:solid 1px #ddd; } #main #node-display .clientboxcompare .clienttablecontent .grid3{ /*width:165px;*/ width:82px; min-height:35px; float:left; padding:5px 5px 5px 10px; margin:0 0px 0px 0; display:block; border-right:solid 1px #ddd; } /* added 3 grids for 3 more coloumns*/ #main #node-display .clientboxcompare .clienttablecontent .grid4{ width:84px; min-height:35px; float:left; padding:5px 5px 5px 10px; margin:0 0px 0px 0; display:block; border-right:solid 1px #ddd; } #main #node-display .clientboxcompare .clienttablecontent .grid5{ width:84px; min-height:35px; float:left; padding:5px 5px 5px 10px; margin:0 0px 0px 0; display:block; border-right:solid 1px #ddd; } #main #node-display .clientboxcompare .clienttablecontent .grid6{ width: 232px /*115px*/; min-height:35px; float:left; padding:5px 5px 5px 10px; margin:0 0px 0px 0; display:block; border-right:solid 1px #ddd; } /* ------------------------ for compare all page ends -------------------------*/ #main #node-display .clientbox .clientcolorbox1 { float:left; margin:0px 10px 0px 0px; border:1px solid #a1a1a1; background:#DFF9E4; display:block; width:205px; padding:10px 0px ; } #main #node-display .clientbox .clientcolorbox2 { float:left; margin:0px 10px 0px 0px; border:1px solid #a1a1a1; background:#F9F2CC; display:block; width:205px; padding:10px 0px ; } #main #node-display .clientbox .clientcolorbox3 { float:left; margin:0px; border:1px solid #a1a1a1; background:#DEF5FE; display:block; width:204px; padding:10px 0px ; } #main #node-display .clientbox .cbl{ float:left; padding:10px; margin:0px 5px 0px 0px; width:295px; } #main #node-display .clientbox .cbr{ float:left; padding:10px; margin:0px 0px 0px 5px; width:295px; } /* added for tables */ #main #node-display .tablebox{ /*width:658px;*/ width:678px; padding:0px; margin:0px 0px 0px 0px ; border:1px solid #ddd; display: block; height:200px; background-color:#f9f9f9; } #main #node-display .tablebox .clear{ clear:both; } #main #node-display .tablebox .minheight{ height:84px; } #main #node-display .tablebox .wrapper{ display:block; clear:both; /*border-bottom:1px solid #ddd;*/ padding:0px; margin:0px; height:84px; } #main #node-display .tablebox .wrapper1{ display:block; clear:both; /*border-bottom:1px solid #ddd;*/ padding:0px; margin:0px; height:14px; } #main #node-display .tablebox .numbox{ float:left; width:250px; border:1px solid #ddd; padding:5px 5px 5px 5px; margin:0px; } #main #node-display .tablebox .numbox1{ float:left; width:215px; border:1px solid #ddd; padding:5px 5px 5px 5px; margin:0px; } #main #node-display .tablebox .numbox2 { float:left; width:173px; padding:5px 5px 5px 5px; border:1px solid #ddd; margin:0px; } #main #node-display .tablebox .clear{ clear:both; } /* added for webform text area for reducing the size */ .form-textarea-wrapper textarea { /*width: auto;*/ width:45%; } /* Accordion css*/ #main #node-display .clientbox #accordion-container {font-size: 13px; background: #ffffff; padding: 5px 10px 10px 10px; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; moz-box-shadow: 0 5px 15px #cccccc; -webkit-box-shadow: 0 5px 15px #cccccc; box-shadow: 0 5px 15px #cccccc;} #main #node-display .clientbox .accordion-#header{font-size: 16px; background: #ebebeb; margin: 5px 0 0 0; padding: 5px 20px; border: 1px solid #cccccc; cursor: pointer; color: #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #main #node-display .clientbox .active-#header{-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: url(images/active-#header.gif) #cef98d; background-repeat: no-repeat; background-position: right 50%;} #main #node-display .clientbox .active-#header:hover {background: url(../images/active-#header.gif) #c6f089; background-repeat: no-repeat; background-position: right 50%;} #main #node-display .clientbox .inactive-#header{background: url(../images/inactive-#header.gif) #ebebeb; background-repeat: no-repeat; background-position: right 50%;} #main #node-display .clientbox .inactive-#header:hover {: url(../images/inactive-#header.gif) #f5f5f5; background-repeat: no-repeat; background-position: right 50%;} #main #node-display .clientbox .accordion-content {display: none; padding: 20px; background: #ffffff; border: 1px solid #cccccc; border-top: 0; moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} #main #node-display .clientbox .accordion-content ol {padding:0; margin:0; list-style-type:lower-alpha;} #main #node-display .clientbox .accordion-content ol li {padding:5px; margin:0 0 0 30px; list-style-type:lower-alpha; font-size:11.5px; color:#727272;} div.archive-block h3 { cursor: pointer; margin: 0; font-size: 1em; font-weight: normal; padding: 6px 0; } div.archive-block ul { padding: 0 0 0 10px; list-style: none; } div.archive-block ul li { background: none; line-height: 130%; padding: 3px 0 5px; } /* Removing the Add comment link in the page.tpl.php */ .node-teaser .comment-add { display: none; } /* added for Contact Us Page */ /*#main #node-display .contactbox{ width:660px; border:solid 1px #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:20px; margin:10px 0px; display:block; } #main #node-display .contactbox h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; font-size:24px; padding:0px; margin:0px 0 15px 0 ; } #main #node-display .contactbox h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666666; font-size:18px; padding:0px; margin:0px 0 10px 0 ; } #main #node-display .contactbox .cgrid{ float:left; width:213px; margin-right:9px; border-right:solid 1px #ddd; height:110px; display:block; } #main #node-display .contactbox .cgrid1{ float:left; width:214px; height:110px; display:block; } #main #node-display .contactbox .clear{ clear:both; } */ #main #node-display .contactbox{border:solid 1px #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius: 5px; -ms-border-radius: 5px; padding:20px; margin:10px 0px; display:block; text-align: center; -webkit-box-shadow: 0px 0px 6px -3px #333; box-shadow: 0px 0px 6px -3px #333;} #main #node-display .contactbox h2{font-weight:bold; color:#666666; font-size:24px; padding:0px; margin:0px 0 15px 0 ;} #main #node-display .contactbox h3{font-weight:normal; color:#666666; font-size:18px; padding:0px; margin:0px 0 10px 0 ; } #main #node-display .contactbox .cgrid{float:left; width:32.333333%; margin-right: 1%; border-right:dotted 1px #ddd; min-height:110px; display:block; padding-top:1%;} #main #node-display .contactbox .cgrid.no-margin{margin: 0; border: none;} #main #node-display .contactbox .clear{clear:both;} #main #node-display .contactbox.text-left {text-align: left;} /* PORTFOLIO PAGE CSS */ #main #node-display #portfolio-box {width:680px; padding:10px; background-color:#eee;} /*********************** LANDING PAGE CSS ***********************************/ #landing-page-content .pd10-0 {padding: 10px 0} #landing-page-content .border-tb {border-bottom: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9;} #landing-page-content .bg-f0f0f0 {background-color: #f0f0f0;} #landing-page-banner {width:940px; height:302px;padding:0; margin:0;} #landing-page-content {width:1150px; padding:0px; margin:10px 0 0 0; background-image: url(../images/landing-page-main-topbg.gif); background-repeat: repeat-x; background-position: left top;} #landing-page-left {width:560px; float:left; padding:0; margin:0;} #landing-page-right {width:340px; float:right; padding:0; margin:0} .landing-wrapper {padding:0; overflow:hidden;} .testimonial-box {width:260px; padding:20px; background-color:#f1f1f1;} #landing-page-content .mgr20 {margin:20px 0 0 0} #landing-page-content .mgt20 {margin:20px 0 0 0;} #landing-page-right #formbox-lp {width:300px; padding:20px; margin:0; background-color:#FFCC00; background: #ffbd31; /* Old browsers */ background: -moz-linear-gradient(top, #ffbd31 0%, #f96f00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd31), color-stop(100%,#f96f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffbd31 0%,#f96f00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffbd31 0%,#f96f00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffbd31 0%,#f96f00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffbd31 0%,#f96f00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd31', endColorstr='#f96f00',GradientType=0 ); /* IE6-9 */ border-radius:5px; -webkit-border-radius:5px; moz-border-radius:5px; } /* added for convergence india page */ #landing-page-right #convergence { width:336px; padding:20px; margin:0; } #landing-page-right #convergence p{ padding:0; margin:0;} #landing-page-right #convergence ol li{ padding:5px 0; margin: 0px; list-style-type:decimal; width:100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #e1e1e1; height:18px;} #landing-page-right #convergence ol li a {padding: 5px 0; margin: 0; display:inline; color:#0088cc; font-size:11px;} #landing-page-right #convergence ol li a:hover {color:#FF3300; text-decoration:underline;} #landing-page-content .clear {clear:both;} #landing-page-content #landing-page-left #contentbox {width:760px; padding:20px; margin:40px 20px 0 0; background-color:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; moz-border-radius:5px;} #landing-page-content h2 {color:#0088cc;} #landing-page-content #landing-page-left #contentbox ul {padding:0; margin:0; list-style:square;} #landing-page-content #landing-page-left #contentbox li {list-style:square; padding: 5px; border-bottom: 1px dashed #b1b1b1; margin-left: 30px;} #landing-page-content #landing-page-left #contentbox h2 {font-size: 44px; color: #0088cc; line-height: 52px;} #landingpage-logobox {width:195px; height:61px; float:left;} #landingpage-clientsbox {width:705px; height:61px; float:left;} .landingpage-testimonialbox {width:250px; float:left; background-color:#f1f1f1; height:319px; padding:20px;} #landing-page-content .mgr15 {margin-right:15px;} /* Added for emailer */ #winwith {padding:0 110px; margin:0 auto; width:720px; display:block;} #winwith #bannerw {padding:0; margin:10Px 0 0 0; width:720px; height:236px; background-color:#169bff; } #winwith #bannerw .left {float:left; width:430px; padding:50px 0 0 20px; margin:0;} #winwith #bannerw .right {float:right; width:265px; padding:0 0 0 0; margin:0;} #winwith #main-text {padding:0; margin:10px; width:700px;} #winwith #main-text .contentgrid {padding:0; margin:0 0 20px 0;} #winwith #main-text .contentgrid2 {padding:10px 0 0 0; margin:0 0 20px 0; border-top:1px solid #dddddd;} #winwith #main-text .contentgrid h1 {font-size:24px; color:#ff8040;} #winwith #main-text .contentgrid h2{font-size:36px;} #winwith #main-text .contentgrid p {padding:0 0 10px 0; margin:0; line-height:17px;} #winwith #main-text .contentgrid a {padding:0; margin:0; text-decoration:none; color:#0088cc;} #winwith #main-text .contentgrid .orangecolor {color:#ff8040;} #winwith #main-text .contentgrid .whitecolor {color:#fff;} #winwith #main-text .contentgrid .tb {border-top:1px solid #dddddd;} #winwith #main-text .contentgrid .clear {clear:both;} #winwith #main-text .contentgrid .pdt15 {padding-top:15px;} #winwith #main-text .contentgrid .wrap {padding:0; margin:0;} /* end */ /* Added for Infocomm event Page */ #landing-page-banner {width:1150px; height:300px;padding:0; margin:0;} #landing-page-content1 {/*width:900px;*/ padding:20px; margin:0; /*background-image: url(../images/landing-page-main-topbg.gif);*/ background-repeat: repeat-x; background-position: left top;} #landing-page-left {width:69%; float:left; padding:0; margin:0;} #landing-page-right {width:31%; float:right; padding:0; margin:0} .landing-wrapper {padding:0; overflow:hidden;} .testimonial-box {width:260px; padding:20px; background-color:#f1f1f1;} #landing-page-content1 .mgr20 {margin:20px 0 0 0} #landing-page-content1 .mgt20 {margin:20px 0 0 0;} #landing-page-right #formbox-lp {width:300px; padding:20px; margin:0; background-color:#FFCC00; background: #ffbd31; /* Old browsers */ background: -moz-linear-gradient(top, #ffbd31 0%, #f96f00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd31), color-stop(100%,#f96f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffbd31 0%,#f96f00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffbd31 0%,#f96f00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffbd31 0%,#f96f00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffbd31 0%,#f96f00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd31', endColorstr='#f96f00',GradientType=0 ); /* IE6-9 */ border-radius:5px; -webkit-border-radius:5px; moz-border-radius:5px; } #landing-page-content1 .clear {clear:both;} #landing-page-content1 #landing-page-left #contentbox {/*width:500px;*/ padding:20px; margin:0px 20px 0 0; background-color:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; moz-border-radius:5px;} #landing-page-content1 h2 {color:#0088cc;} #landing-page-content1 #landing-page-left #contentbox ul {padding:0; margin:0; list-style-type:square;} #landing-page-content1 #landing-page-left #contentbox li {list-style-type:square;} #landingpage-logobox {width:195px; height:61px; float:left;} #landingpage-clientsbox {width:930px; height:61px; float:left; margin-left: 10px;} .landingpage-testimonialbox {width:331px; float:left; background-color:#f1f1f1; height:225px; padding:20px; border: 1px solid #c9c9c9;} #landing-page-content1 .mgr15 {margin-right:15px;} #landing-page-content1 #landing-page-left #contentbox #portfolio-box {width:500px; padding:10px;} /*DOWNLOAD DRIVERS CODE*/ /* added for drivers page full shell */ /*#main-container .full-shell {width: 100%; overflow: hidden;}*/ #main #node-display .fullshell {padding:0; margin:0; overflow:hidden;} #main #node-display .fullshell .clear {clear:both;} #main #node-display .fullshell .driver-box {padding:10px 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #ddd;} #main #node-display .fullshell .driver-box .driver-imagebox {float:left; width:130px; padding:10px; height:80px; background-color:#f0f0f0;} #main #node-display .fullshell .driver-box .driver-downloadbox {float:right; width:520px;} #main #node-display .fullshell .driver-box .driver-downloadbox .img {float:right;} /** DOWNLOAD DRIVERS CODE **/ .vc-drivers-box {padding-top:15px; .overflow:hidden; } .vc-drivers-num { width:38px; font-size:36px; font-family:'Oswald', Impact, sans-serif; text-align: center; color:#FFF; .margin-top:-50px; float:left; } .vc-drivers-corner { width:28px; background-color:#FFF; border-bottom:10px solid #7BC321; border-right:10px solid transparent; } .vc-drivers-numbox { width:38px; background-color:#7BC321; padding:5px 0px 11px; } .vc-drivers-title {padding:25px 0px 0px 10px; line-height:20px; font-size:14px; height:40px; overflow:hidden; float: left; } .vc-drivers-title p { display: table-cell; vertical-align: middle; } .vc-drivers-title div { display:table; height:40px; } .vc-drivers-title a,.vc-drivers-title a:visited { color:#0088cc; text-decoration: none; } .vc-drivers-title a:hover { color: #ff0000; } .vc-drivers-line {clear:both; height:10px; } .vc-drivers-line div{ background-color:#2278A7; height:1px; max-width: 100%; } /* end */ /*************** RESPONSIVE STYLE SHEET **********************/ /*************** android Landscape layout *********************/ @media only screen and (max-width: 319px){ .container-fluid{max-width: 95%; margin: 0 auto;} #main .home-content-fluid{max-width: 95%; margin: 0 auto;} #header #header-main #logo_left #logo{height: 60px; width: 100%; padding: 0; margin: 0;} #header #header-main #logo img{margin: 0;} /* added for logo left and right grids*/ #header #header-main #logo_left{float:none; width:100%; padding:0; margin:0;} #header #header-main #logo_right{float:none;padding:0; margin:0; width: 100%;} #header #header-main #logo_right #logo_rightT{padding:0; margin:0;} #header #header-main #logo_right #logo_rightT h4 {color: #999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:right; } #header #header-main #logo_right #logo_rightB{/*width:640px; height:30px;*/ padding:0;} #header #header-main #logo_right #logo_rightB #sb{float:none; width:85%; margin: 0 auto;} #header #header-main #logo_right ul{ margin:0px;padding:0;list-style-type:none;} #header #header-main #logo_right ul li{margin:0px;padding:0;list-style-type:none;float:left;display:inline;} #header #header-main #logo_right ul li a{margin:0px;padding:0 5px;float:left;display:block;text-decoration:none;color:#a8a9ab;} #header #header-main #logo_right ul li a:hover{text-decoration:underline; color:#029feb;} #header #header-main #logo #link{text-decoration: none; line-height: 140%; display: block; text-shadow: 1px 2px 2px #67696A; padding: 30px 0 0 0; display: block;} #nav {padding:0; margin:0; width: 100%;} #globalnav-wrapper {width: 96%; padding:0 2%; margin: 0 auto; background: #2278a7;} #globalnav {width: 100%; margin: 0 auto; height: 48px;} #main-container.pdb-70 {padding-bottom: 20px;} #main-container h1 {font-size: 1.0rem; color: #999; text-align: center; margin-bottom: 20px;} #main .home-content-fluid{max-width: 95%; /*max-height: 215px;*/ margin: 0 auto;} #main .home-content-fluid p {font-size: 0.8rem; color: #888; font-weight: normal; padding-bottom: 10px; margin: 0;} #main .home-content-fluid .col-3 {width: 95%; margin-bottom: 3%; float: none; text-align: center; padding: 2%; background: #e1e1e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;} #main .home-content-fluid .col-3 img { max-width:100%; height: auto; border: 0px;} #main .home-content-fluid .col-3.nomg {margin: 0px;} #main .home-content-fluid .col-3:hover {background: #f1f1f1;} #main .container-news{background: white; min-height:30px; padding:10px 0px 0px 10px; max-width: 95%; margin:0 auto; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 5px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 5px 5px 5px 5px; /* Firefox 1-3.6 */ -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 0px 6px -3px #000; -webkit-box-shadow: 0px 0px 6px -3px #000; box-shadow: 0px 0px 6px -3px #000;} /* added for #footer social icons in home page*/ #footer .container-fluid #socialhome{padding: 0; margin: 0 auto; float: none; background: #ff0000; max-width: 100%;} #footer .container-fluid #socialhome a{display: block; height: 32px; width: 33px; float: right; margin: 0 5px 0 0;} #footer .container-fluid #socialhome a#facebook{background: url("../images/facebook.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#twitter{background: url("../images/twitter.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#linkedin{background: url("../images/linkedin.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#google{background: url("../images/google.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#rss{background: url("../images/rss.png") no-repeat 1px -31px;} #footer .container-fluid #links {padding: 0; margin-bottom: 15px; text-align: center;} #footer .container-fluid #links ul {list-style: none; padding: 0; margin: 0;} #footer .container-fluid #links ul li {list-style: none; padding: 0; margin: 0; display: inline;} #footer .container-fluid #links ul li a {display: inline-block; font-size: 0.6rem; color: #0088cc; text-decoration: none; font-weight: normal;} #footer .container-fluid #links ul li a:hover {color: #333; text-decoration: underline;} #footer .container-fluid p {padding: 0; margin-top: 15px; font-size: 0.6rem; color: #333; text-align: center;} /*************** INNER PAGE ****************/ #main .container-fluid{background: white; min-height: 400px; padding: 15px 2%; max-width: 98%; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;} #main #node-display{max-width: 100%; margin: 0; padding-right: 0; } #main #node-display .contentbox{width:96%; padding:2%; margin:0; clear:both; display: block;} #main #node-display .contentbox p {font-size: 0.7rem;} #main #node-display h2{text-align: center; font-size: 1.2rem;} /* ------------------------ for compare all page -------------------------*/ /* added for Client Box Compare */ #main #node-display .clientboxcompare{width:100%; padding:0px; margin:0px; border:1px solid #ddd; clear:both; display: block;} #main #node-display .clientboxcompare .clientboxheader {background-color: #f0f0f0; padding: 0px; margin:-20px 0 0px 0; border-bottom: 1px solid #ddd;} #main #node-display .clientboxcompare .clienttablecontent .grid1{width: 30%; padding:5px 2px; border-left: none; font-size: 0.5rem;} #main #node-display .clientboxcompare .clienttablecontent .grid2{width: 30%; padding:5px 2px; font-size: 0.5rem;} #main #node-display .clientboxcompare .clienttablecontent .grid6{width: 30%; padding:5px 2px; border-right:none; font-size: 0.5rem;} #main #node-display .contactbox{width: 94%; padding:2%;} #main #node-display .clientbox{width: 94%; padding:2%; margin: 0 auto 2% auto;} #main #node-display .clientbox .cbl{float:none; width:95%;} #main #node-display .clientbox .cbr{float:none; width:95%;} #main #node-display .clientbox .clientcolorbox1, #main #node-display .clientbox .clientcolorbox2, #main #node-display .clientbox .clientcolorbox3 {float:none; width:95%; margin-bottom: 3%;} .recaptchatable #recaptcha_image { width: 75%; float:left;} } /*************** android Landscape layout *********************/ /*@media screen and (min-width: 481px) and (max-width: 534px){*/ @media only screen and (min-width: 320px) and (max-width: 534px){ .container-fluid{max-width: 95%; margin: 0 auto 10px auto;} #main .home-content-fluid{max-width: 95%; margin: 0 auto;} #header #header-main #logo_left #logo{height: 60px; padding: 0; margin: 0 auto; width:100%; text-align: center;} #header #header-main #logo img{max-width: 100%; height: auto;} /* added for logo left and right grids*/ #header #header-main #logo_left{float: none; width:75%; padding:0; margin:0 auto;} #header #header-main #logo_right{float:none; padding:10px 0 0 0; margin:15px auto 0 auto; width: 75%;} #header #header-main #logo_right #logo_rightT{padding:0; margin:0; height: 0px;} #header #header-main #logo_right #logo_rightT h4 {color: #999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:right; } #header #header-main #logo_right #logo_rightB{/*width:640px; height:30px;*/ padding:0; width: 100%;} #header #header-main #logo_right #logo_rightB #sb{float:none; margin: 0 auto; width: 100%;} #header #header-main #logo_right ul{ margin:0px;padding:0;list-style-type:none;} #header #header-main #logo_right ul li{margin:0px;padding:0;list-style-type:none;float:left;display:inline;} #header #header-main #logo_right ul li a{margin:0px;padding:0 5px;float:left;display:block;text-decoration:none;color:#a8a9ab;} #header #header-main #logo_right ul li a:hover{text-decoration:underline; color:#029feb;} #header #header-main #logo #link{text-decoration: none; line-height: 140%; display: block; text-shadow: 1px 2px 2px #67696A; padding: 30px 0 0 0; display: block;} #header #header-main #search .container-inline input.form-submit{background: #7ADFF5 url("../images/search-icon.png") no-repeat -15px -23px; float:left;} #header #header-main #search .container-inline input.form-text{padding: 1px 11px; height: 30px;} #nav {padding:0; margin:0; width: 100%;} #globalnav-wrapper {width: 96%; padding:0 2%; margin: 0 auto; background: #2278a7;} #globalnav {width: 100%; margin: 0 auto; height: 48px;} #main-container.pdb-70 {padding-bottom: 20px;} #main-container h1 {font-size: 1.0rem; color: #999; text-align: center; margin-bottom: 20px;} #main .home-content-fluid{max-width: 95%; /*max-height: 215px;*/ margin: 0 auto;} #main .home-content-fluid p {font-size: 0.8rem; color: #888; font-weight: normal; padding-bottom: 10px; margin: 0;} #main .home-content-fluid .col-3 {width: 95%; margin-bottom: 3%; float: none; text-align: center; padding: 2%; background: #e1e1e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;} #main .home-content-fluid .col-3 img { max-width:100%; height: auto; border: 0px;} #main .home-content-fluid .col-3.nomg {margin: 0px;} #main .home-content-fluid .col-3:hover {background: #f1f1f1;} #main .container-news{background: white; min-height:30px; padding:2%; max-width: 91%; margin:0 auto; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 5px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 5px 5px 5px 5px; /* Firefox 1-3.6 */ -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 0px 6px -3px #000; -webkit-box-shadow: 0px 0px 6px -3px #000; box-shadow: 0px 0px 6px -3px #000;} /* added for #footer social icons in home page*/ #footer .container-fluid #socialhome{padding: 0; margin: 0 auto; float: none; background: #ff0000; max-width: 70%;} #footer .container-fluid #socialhome a{display: block; height: 32px; width: 33px; float: right; margin: 0 5px 0 0;} #footer .container-fluid #socialhome a#facebook{background: url("../images/facebook.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#twitter{background: url("../images/twitter.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#linkedin{background: url("../images/linkedin.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#google{background: url("../images/google.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#rss{background: url("../images/rss.png") no-repeat 1px -31px;} #footer .container-fluid #links {padding: 0; margin-bottom: 15px; text-align: center;} #footer .container-fluid #links ul {list-style: none; padding: 0; margin: 0;} #footer .container-fluid #links ul li {list-style: none; padding: 0; margin: 0; display: inline;} #footer .container-fluid #links ul li a {display: inline-block; font-size: 0.6rem; color: #0088cc; text-decoration: none; font-weight: normal;} #footer .container-fluid #links ul li a:hover {color: #333; text-decoration: underline;} #footer .container-fluid p {padding: 0; margin-top: 15px; font-size: 0.6rem; color: #333; text-align: center;} /*************** INNER PAGE ****************/ #main .container-fluid{background: white; min-height: 400px; padding: 15px 2%; max-width: 98%; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;} #main #node-display{max-width: 100%; margin: 0; padding-right: 0; } #main #node-display .contentbox{width:96%; padding:2%; margin:0; clear:both; display: block;} #main #node-display .contentbox p {font-size: 0.7rem;} #main #node-display h2{text-align: center; font-size: 1.2rem;} /* ------------------------ for compare all page -------------------------*/ /* added for Client Box Compare */ #main #node-display .clientboxcompare{width:100%; padding:0px; margin:0px; border:1px solid #ddd; clear:both; display: block;} #main #node-display .clientboxcompare .clientboxheader {background-color: #f0f0f0; padding: 0px; margin:-20px 0 0px 0; border-bottom: 1px solid #ddd;} #main #node-display .clientboxcompare .clienttablecontent .grid1{width:30%; padding:5px 2px; border-left: none; font-size: 0.5rem;} #main #node-display .clientboxcompare .clienttablecontent .grid2{width: 30%; padding:5px 2px; font-size: 0.5rem;} #main #node-display .clientboxcompare .clienttablecontent .grid6{width: 30%; padding:5px 2px; border-right:none; font-size: 0.5rem;} #main #node-display .contactbox{width: 95%; padding:2%;} #main #node-display .clientbox{width: 95%; padding:2%; margin: 0 auto 2% auto;} #main #node-display .clientbox .cbl{float:none; width:95%;} #main #node-display .clientbox .cbr{float:none; width:95%;} #main #node-display .clientbox .clientcolorbox1, #main #node-display .clientbox .clientcolorbox2, #main #node-display .clientbox .clientcolorbox3 {float:none; width:95%; margin-bottom: 3%;} } /****************** 7" Tablets *************************/ @media only screen and (min-width: 600px) and (max-width: 790px) { .container-fluid{max-width: 95%; margin: 0 auto;} #header #header-main #logo_left{float:left; width:50%; padding:0; margin:0;} #header #header-main #logo_right{float:left; padding:0; margin:0; width: 50%;} #header #header-main #logo_right #logo_rightT{padding: 0; margin: 0;} #header #header-main #logo_right #logo_rightB{padding:5px 0 0 0;} #header #header-main #logo_right #logo_rightB #sb{float:right; width:80%;} #header #header-main #logo img{max-width: 100%; height: auto; border: 0;} #header #header-main #logo{height: 60px; width:100%;} #globalnav {max-width: 100%; margin: 0 auto; height: 48px;} #main-container h1 {font-size: 1.4rem; color: #999; text-align: center; margin-bottom: 30px;} /* added for #footer social icons in home page*/ #footer .container-fluid #socialhome{padding: 0; margin: 0 auto; float: none; background: #ff0000; max-width: 70%;} #footer .container-fluid #socialhome a{display: block; height: 32px; width: 33px; float: right; margin: 0 5px 0 0;} #footer .container-fluid #socialhome a#facebook{background: url("../images/facebook.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#twitter{background: url("../images/twitter.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#linkedin{background: url("../images/linkedin.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#google{background: url("../images/google.png") no-repeat 1px -31px;} #footer .container-fluid #socialhome a#rss{background: url("../images/rss.png") no-repeat 1px -31px;} #footer .container-fluid #links {padding: 0; margin-bottom: 15px; text-align: center;} #footer .container-fluid #links ul {list-style: none; padding: 0; margin: 0;} #footer .container-fluid #links ul li {list-style: none; padding: 0; margin: 0; display: inline;} #footer .container-fluid #links ul li a {display: inline-block; font-size: 0.6rem; color: #0088cc; text-decoration: none; font-weight: normal;} #footer .container-fluid #links ul li a:hover {color: #333; text-decoration: underline;} #footer .container-fluid p {padding: 0; margin-top: 15px; font-size: 0.6rem; color: #333; text-align: center;} #main .home-content-fluid .col-3 {width: 90%; margin: 0 auto 3% auto; float: none; text-align: center; padding: 2%; background: #e1e1e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;} #main .container-news{background: white; min-height:30px; padding: 2%; max-width: 90%; margin:0 auto; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 5px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 5px 5px 5px 5px; /* Firefox 1-3.6 */ -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 0px 6px -3px #000; -webkit-box-shadow: 0px 0px 6px -3px #000; box-shadow: 0px 0px 6px -3px #000;} #main .home-content-fluid .col-3.nomg {margin: 0px auto;} /*************** INNER PAGE ****************/ #main .container-fluid{background: white; min-height: 400px; padding: 15px 2%; max-width: 98%; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;} #main #node-display{max-width: 100%; margin: 0; padding-right: 0; } #main #node-display .contentbox{width:96%; padding:2%; margin:0; clear:both; display: block;} #main #node-display .contentbox p {font-size: 0.7rem;} #main #node-display h2{text-align: center; font-size: 1.2rem;} /* ------------------------ for compare all page -------------------------*/ /* added for Client Box Compare */ #main #node-display .clientboxcompare{width:100%; padding:0px; margin:0px; border:1px solid #ddd; clear:both; display: block;} #main #node-display .clientboxcompare .clientboxheader {background-color: #f0f0f0; padding: 0px; margin:-20px 0 0px 0; border-bottom: 1px solid #ddd;} #main #node-display .clientboxcompare .clienttablecontent .grid1{width:30%; padding:5px 2px; border-left: none; font-size: 0.7rem;} #main #node-display .clientboxcompare .clienttablecontent .grid2{width: 30%; padding:5px 2px; font-size: 0.7rem;} #main #node-display .clientboxcompare .clienttablecontent .grid6{width: 30%; padding:5px 2px; border-right:none; font-size: 0.7rem;} } /*********************************************** 2014 PEOPLELINK ************************************************************************************/ p {color: #666; padding: 0; margin: 0 0 10px 0; line-height: 175%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} h1 {margin-bottom: 20px; color: /*#7BC321*/ #333;; font-weight: 700; font-size: 40px; font-family: Arial, Helvetica, sans-serif;} h1 span {font-weight: normal; color: #2278A7;} h2 {margin-bottom: 20px; color: #333; font-weight: 600; font-size: 26px; font-family: Arial, Helvetica, sans-serif;} h2 span {font-weight: normal;} .full-shell {width: 100%; display: block;} .pd30-0 {padding: 30px 0;} .mgt50 {margin-top: 50px;} #breadcrumb-wrapper, main-wrapper {padding: 0; margin: 0; width: 100%;} #breadcrumb-container {width: 100%;} #breadcrumb-container p {color: #727272;} #breadcrumb-container a {color: #0088cc; padding: 0 5px;} .breadcrumb-bg {background-color: #e0e0e0; border-top: 1px solid #f0f0f0;} .pdtb10 {padding: 10px 0;} .box50per {float: right; width: 50%;} .box50perc {float: left; width: 46%; height: 94%; background-image: url(../images/semi-circle-up.png); background-repeat: no-repeat; background-position: center bottom;} .box50perc:hover {background-color: #f9f9f9;} .box50perc p {color: #727272; font-size: 13px;} /******************* FOR HOME PAGE **************************/ #home-blue-wrapper {width: 100%; background-color: #2278a7; border-bottom: 1px solid #FFF;} .home-blue-row {height: 100px; padding: 0px 0; margin: 0;} .home-blue-row h2 {color: #FFF; font-size: 28px; text-shadow: none; font-weight: normal; padding: 0; margin: 0; line-height: 100px;} .home-blue-row .home-rld {padding: 0px; width: 240px; border-radius: 5px; background-color: #0d4c6e; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; text-align: center; margin-top: 17px;} .home-blue-row .home-rld:hover {background-color: #05293d;} .home-blue-row .home-rld h3 {text-transform: uppercase; padding: 0; margin: 0 } .home-blue-row .home-rld a {font-size: 18px; color: #FFF; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; padding: 20px 20px; display: block;} #grayccc-wrapper {width: 100%; background-color: #ccc; padding: 40px 0;} #white-wrapper {width: 100%; background-color: #FFF; padding: 60px 0 40px 0;} #home-live-demo-container {padding: 0; margin: 0; width: 100%; height: 578px; position: relative; text-align: center; background-image: url(../images/home-world-map.png); background-repeat: no-repeat; background-position: center top;} #home-live-demo-tab {padding:0; margin: 0 auto; position: absolute; width: 526px; height: 355px; top: 220px; left: 0px;} .home-lec {padding:0; margin: 0;} .home-lec img {float: right; clear: both;} .home-round-button {margin-top: 6%; width: 200px; line-height: 35px; display: block; } .home-round-button a {color: #2278A7; font-size: 14px; font-family: 'ArialMT', Arial; display: block; padding: 0 0 0 20px; line-height: normal;} .home-round-button a:hover {color: #7BC321; text-decoration: underline;} #gray-container-wrapper {padding: 40px 0 10px 0; margin: 0; width: 100%; background-color: #D9DFE1; border-top: 1px solid #FFF;} #bottom-nav-wrapper {background: url("../images/footer-bg.png") repeat 0 0; padding: 50px 0; margin: 0; width: 100%; display: block;} #bottom-nav-wrapper .bottom-nav {padding: 0; margin: 0;} #bottom-nav-wrapper .bottom-nav a {color: #C6C6C6; font-weight: normal; font-size: 10px;} #bottom-nav-wrapper .bottom-nav a:hover {color: #7BC321;} /******************* FOR INNER PAGES **************************/ .white-background {background-color: #FFF;} .light-background1 {background-color: #F9F9F9;} .light-background2 {background-color: #EBEFF6;} .white-border-top {border-top: 1px solid #FFF;} .white-border-bottom {border-bottom: 1px solid #FFF;} .pdtb45 {padding: 40px 0;} #main-container-wrapper {width: 100%; padding: 0; margin: 0;} .container-wrapper {width: 100%; padding: 0; margin: 0;} .product-info-container {width: 100%;display: block;background: url('../images/product-info-bg.png') repeat 0 0;padding: 0;margin: 0;} .white-container {width: 100%; display: block; background-color: #FFF;} .pd30-0 {padding: 30px 0;} /******* SPAN 6 STRUCTURE ELIMENTS - SOLUTIONS PAGE********/ .pvcs-content-box {padding: 0 40px; margin: 0; border-right: 1px solid #ddd;} .pvcs-content-box.nobr {border: none;} .pvcs-content-box h2 {font-size: 42px; font-weight: normal; margin-bottom: 10px; text-align: center;} .pvcs-content-box h2 span {color: #999;} .pvcs-content-box img.display {display: block; margin: 0 auto;} .pvcs-content-box p {text-align: center;} .pvcs-content-box a {color: #2278A7; font-weight: normal; text-decoration: none;} .pvcs-content-box a:hover {color: #7BC321; text-decoration: underline;} /******* INDIVIDUAL PRODUCT STRUCTURE ELIMENTS ********/ .heading-box {width: 100%; display: block; padding: 30px 0;} .half-box {width: 48%; padding: 0 1%; float: left;} .half-box p {color: #666; padding: 0; margin: 0 0 10px 0; line-height: 175%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 14px;} .gray-texture-container {width: 100%; display: block; background: url('../images/white-container-bg.png') repeat 0 0; padding: 30px 0; margin: 0;} .individual-product-section {width: 100%; display: block;} .individual-product-section.pdr-30 {padding-right: 30px;} .individual-product-section.pdl-30 {padding-left: 30px;} .individual-product-section h2 {font-size: 34px; color: #333; font-weight: normal; margin-bottom: 0px;} /********************* INDIVIDUAL PRODUCT PAGE SECTION **********************/ .individual-product-section {width: 100%; overflow: hidden; } .individual-product-section .advantages-box {border: 1px solid #ddd; padding: 0px; margin-bottom:10px; } .individual-product-section .advantages-box h3 {text-shadow: 0px 1px 0px #fff; font-weight: normal; color: #333; line-height: normal;} .individual-product-section .advantages-box .header {padding: 10px 20px; border-bottom: 1px solid #fff; background-color: #e4e4e4; } .individual-product-section .advantages-box .content-box {background-color: #f9f9f9; padding: 10px; } .individual-product-section .advantages-box .content-box.greencolor1 {background: #bdd6ae;} .individual-product-section .advantages-box .content-box.greencolor2 {background: #d8e5db;} .individual-product-section .advantages-box .content-box.greencolor3 {background: #dae7bc;} .individual-product-section .advantages-box .content-box ol {padding: 0px; margin: 0px; list-style-type:circle; } .individual-product-section .advantages-box .content-box ol li {padding: 5px 0px; margin: 0px 0 0 30px; list-style-type: square; font-size:12px; boarder: none; } .individual-product-section h2 {font-size: 42px; color: #333; font-weight: normal; margin-bottom: 20px;} .individual-product-section h2 strong {font-weight: bold;} .individual-product-section h2 em {font-style: normal; font-weight: bold; display: block; margin-bottom: 10px; color: #2278A7;} .individual-product-section ul {padding: 0; margin: 0 0 0 20px; list-style-type: square;} .individual-product-section ul li {padding: 10px 0px 10px 0; margin: 0; border-bottom: 1px dashed #ddd; color: #727272; font-size: 16px;} .white-container {width: 100%; display: block; background: url('../images/white-container-bg.png') repeat 0 0; padding: 0; margin: 0;} /********************* STORE PAGE SECTION **********************/ .topheadingshell h1 {text-align: center; font-size: 32px; text-transform: uppercase; color: #7bc321; margin-bottom: 30px; font-weight: normal;} .topheadingshell h1 strong {font-weight: bold; color: #2278a7; font-size: 32px;} .topheadingshell h1 em {color: #727272; font-size: 24px; text-transform: none; font-style: normal; display: block; margin-bottom: 10px; text-align: center;} #peripheral-container {width: 100%; padding: 50px 0 0px 0;} .peripheralbox {padding:0 15px; margin: 0; border-right: 1px solid #ddd;} .peripheralbox.nobrd {border: none;} .peripheralbox h2{text-align: center; font-size:19px; margin-bottom: 20px; } .peripheralbox p{text-align: center; font-size: 15px; color: #333;} .peripheralbox a{text-decoration: none; color: #2278A7; line-height: normal; } .peripheralbox a:hover{color: #7BC321; } .peripheralbox img.display {display: block; margin: 0 auto;} .peripheralsh2 {text-align: center; font-size: 34px; color: #333; margin-bottom: 10px;} .peripherals-audio-h2 {text-align: center; font-size: 34px; color: #333; margin: 0px;} .peripherals-audio-h2 h2 {margin: 0 0 0 0px; padding: 0;} /* ------------------------ for compare all page -------------------------*/ /* added for Client Box Compare */ .comparebox {padding: 10px; margin: 0; border: 1px solid #ddd;} .comparebox .Table {display: table; cell-spacing: 5px; border: 1px solid #ddd; border-spacing: 5px; width: 100%;} .comparebox .Title {display: table-caption; text-align: center; font-weight: bold; font-size: larger;border: 1px solid #ddd; background-color: #e4e4e4; color: #fff;} .comparebox .Heading {display: table-row; font-weight: bold; text-align: center; background-color: #f1f1f1;} .comparebox .Row {display: table-row;} .comparebox .Cell {display: table-cell; border: solid 1px #ddd; padding: 5px 5px 0 5px; } .comparebox p {font-size: 12px; line-height: 12px; margin-bottom: 5px;} .comparebox h3{font-size: 18px; margin: 0px 5px 5px 5px;} .comparebox h2{font-size: 20px; margin: 10px;} /********************* SUPPORT PAGE **********************/ .support-circle {width: 383px; height: 385px; border-radius: 50%; background-color: #FFF;; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; background-image: url(../images/support-img-big.jpg); border: 20px solid #FFF; margin: 0 auto;} .support-round-button {padding: 20px; width: 238px; background-color: #d4d9e2; border-radius: 10px; border: 1px solid #FFF ; margin: 0 auto;} .support-round-button:hover {background-color: #f9f9f9;} .support-round-button h3 {text-align: center; text-transform: uppercase; font-size: 16px; text-shadow: 0px 1px 0px #fff;} .support-round-button a {color: #333;} .support-round-button a:hover {color: #555;} .hide {display: none;} /********************* PRODUCT PAGE SECTION **********************/ #pvcs-container {padding: 45px 0; margin: 0; width: 100%; display: block;} .color-f9f9f9 {background-color: #f9f9f9;} .color-ebeff6 {background-color: #ebeff6; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;} .pvcs-content-box {padding:0 40px; margin: 0; border-right: 1px solid #ddd;} .pvcs-content-box.nobdr {border: none;} #pvcs-container h2 {font-size: 42px; font-weight: normal; margin-bottom: 30px; text-align: center;} #pvcs-container h2 strong {font-weight: bold;} #pvcs-container p {text-align: center;} #pvcs-container img.display {display: block; margin: 0 auto;} #pvcs-container a {text-decoration: none; color: #2278A7;} #pvcs-container a:hover {color: #7BC321;} .client-box {padding: 20px; margin: 0;} .client-box ul {padding: 0; margin: 0; list-style: none;} .client-box ul li {margin: 0 6px 10px 0; display: inline-block; vertical-align: middle; /*width: 15.5%; line-height: 160px;*/ background: #fff; box-shadow: 1px 1px 1px 0 #c4c4c4; border-radius: 3px; text-align: center; padding: 3%;} .client-box h2 {color: #2278A7; margin: 0 0 20px; text-align: center; font-size: 50px; font-weight: normal;} .client-box h2 span {font-weight: bold;} .client-box h3 {color: #5a6063; margin: 0 0 20px; text-align: center; font-size: 30px; font-weight: normal;} .client-box h3 span {font-weight: bold;} .white-container {width: 100%; display: block; background: url('../images/white-container-bg.png') repeat 0 0; padding: 0; margin: 0;} .bottom-line {border-bottom: 1px solid #DDD;} .top-line {border-top: 1px solid #FFF;} .mgt10 {margin-top: 10px;} /********************* CLIENT TESTIMONIALS PAGE SECTION **********************/ .tmc-img {float: left; width: 23%; padding: 1%; background-color: #FFF;} .tmc-tele {float: right; width: 73%; padding: 1%;} .pd-30-0 {padding: 30px 0;} /********************* CONTACT US PAGE SECTION **********************/ .contact-boxim {float: left; width: 28%; margin-bottom: 1%; border-right: 1px dotted #DDD; padding: 2%; text-align: center;} .contact-boxim.nomg {border: 0;} .contact-whitebox {padding: 0; border: 1px solid #DDD; padding: 2%; margin-bottom: 1%; } .ccolor {background-color: #F0f0f0;} .pd10 {padding: 10px; overflow: hidden;} /********************* RESOURCE BOX **********************/ .resource-box {padding: 20px; margin: 0;} .resource-box.bb {border-bottom: 1px solid #e1e1e1;} .resource-box .product-name {float: left; width: 100%;} .resource-box .pdf-icon {float: right; width: 5%;} .resource-box .download-box {float: left; width: 75%;} .resource-circle {width: 383px; height: 385px; border-radius: 50%; background-color: #FFF;; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; background-image: url(../images/resources.jpg); border: 20px solid #FFF; margin: 0 auto;} .resource-box .product-name h3{font-size: 18px; font-weight: normal; text-shadow: 0px 1px 0px #F9F9F9;} /**********************outer page design*/ .clear {clear: both; height: 0;} .main {width: 100%} .pp-container-fluid {width: 1170px; margin: 0 auto;} .row-fluid {width: 100%;} .pdtb-14 {padding: 14px 0;}/*For header logo and search bar adjustments*/ .mgt30 {margin-top: 30px;} .register-button {width: 45%; padding: 2%; background: #2278A7; cursor: pointer; transition: background .3s; -webkit-transition: background .3s; -moz-tansition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; text-align:center; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border: 1px solid #FFF; text-transform: uppercase; font-size: 125%; margin:0 auto;} .register-button:hover {background: #7BC321; transition: backgroud .3s; -webkit-transition: background .3s; -moz-tansition: background .3s; -o-transition: background .3s; -ms-transition: background .3s;} .register-button a {color: #FFF; text-transform: none;} /* =Grid >> Global --------------------------------------------------------------------------------*/ .row-fluid [class*="grid"] {display: inline-block; float: left; margin: 0 1%;} .row-fluid .grid3 {width: 23%;} .row-fluid .grid6 {width: 48%;} .row-fluid .grid9 {width: 73%;} .row-fluid .grid12 {width: 98%;} .row-fluid .grid1 {width: 6.333%;} .row-fluid .grid2 {width: 14.666%;} .row-fluid .grid4 {width: 31.333%;} .row-fluid .grid5 {width: 39.666%;} .row-fluid .grid7 {width: 56.333%;} .row-fluid .grid8 {width: 64.666%;} .row-fluid .grid10 {width: 81.333%;} .row-fluid .grid11 {width: 89.666%;} /**************** WRAPPER PROPERTIES **************************/ #pp-main-wrapper, #pp-header-wrapper, #pp-banner-wrapper, #pp-global-nav-wrapper, #pp-footer-wrapper, #pp-eventbanner-wrapper{padding: 0; margin: 0; width: 100%;} /**************** MAIN CONTAINER PROPERTIES **************************/ #pp-main-wrapper {padding: 20px 0;} .pp-partnerpage-g4 {padding: 20px 20px 20px 10px; border-right: 1px dotted #DDD; display: block;} .pp-partnerpage-g5 {padding: 20px 20px 20px 10px; border-right: 1px dotted #DDD; display: block;} .pp-partnerpage-g5 iframe {width: 530px; height: 370px;} .pp-partnerpage-g5 h3 {line-height: 150%;color: #666;} .pp-partnerpage-g5 ul {padding: 0; margin: 0 0 0 10%; list-style: square;} .pp-partnerpage-g5 ul li{display:inline-block; padding:10px 10px; float:left; width:218px; border-bottom: 1px dotted #333333;} .pp-partnerpage-g5 ul li.nobd {border: none;} .pp-partnerpage-g5 ul li p {color: #666; padding: 0; margin: 0 0 10px 0; line-height: 175%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .pp-partnerpage-g4.nobd {border: none;} .pp-partnerpage-g4 form {padding: 0; margin: 0;} .pp-partnerpage-g6 {padding: 20px 20px 20px 10px; display: block;} .pp-partnerpage-g6 ul {padding: 0; margin: 0 0 0 10%; list-style: square;} .pp-partnerpage-g6 ul li{padding:0px 0px; float:left; width:218px; list-style:square;} .pp-partnerpage-g6 ul li.nobd {border: none;} .pp-partnerpage-g6 ul li p {color: #666; padding: 0; margin: 0 0 1px 0; line-height: 175%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .pp-partnerpage-g8 {padding: 7px 20px 20px 10px; display: block;} .pp-partnerpage-g8 ul {padding: 0; margin: 0 0 0 10%; list-style: square;} .pp-partnerpage-g8 ul li{padding:0px 0px; float:left; width:218px; list-style:square;} .pp-partnerpage-g8 ul li.nobd {border: none;} .pp-partnerpage-g8 ul li p {color: #666; padding: 0; margin: 0 0 1px 0; line-height: 175%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .pp-partnerpage-g7 {padding: 35px 20px 20px 10px; border-right: 1px dotted #DDD; display: block;} .pp-partnerpage-event {padding: 2px 20px 20px 10px; display: block;} .pp-partnerpage-event ul {padding: 0; margin: 0 0 0 10%; list-style: square;} .pp-partnerpage-event ul li{padding:0px 0px; float:left; width:218px; list-style:square;} .pp-partnerpage-event ul li.nobd {border: none;} .pp-partnerpage-event ul li p {color: #666; padding: 0; margin: 0 0 1px 0; line-height: 175%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .pp-video-box {height: 111px; background-color: #000;* background-image: url(../pp-images/pp-play-video-icon.png); background-repeat: no-repeat;background-position: center center; position: relative; margin: 0 auto; width:221px; } .pp-video-boxcontent{height: 153px; margin: 0 auto; width:221px; } /*.pp-video-box.iframe {height: 100%; width: 100%;}*/ .pp-video-box img {background-position: 50% 50%; position: absolute; top: 4px; left: 41px;} .pp-video-box-nofn{height: 242px; background-color: #000; background-image: url(../pp-images/pp-play-video-icon.png); background-repeat: no-repeat; background-position: center center; position: relative; } .pp-video-box-nofn img {background-position: 50% 50%; position: absolute; top: 82px; left: 136px;} .pp-video-box-aau {height: 111px; background-color: #000;* background-image: url(../pp-images/pp-play-video-icon.png); background-repeat: no-repeat;background-position: center center; position: relative; margin: 0 auto; width:381px; } /**************** BANNER PROPERTIES **************************/ #pp-banner-wrapper {height: 195px; background-color: #899FA9; border-bottom: 1px solid #FFF; position: relative;} #pp-banner-wrapper .bannerimg p {color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 7px; padding: 0; margin: 0px;} #pp-banner-wrapper .bannerimg {position: absolute; top: 0px; bottom: 0px;} /*********************************************/ #pp-eventbanner-wrapper {height: 179px; background-color: #899FA9; border-bottom: 1px solid #FFF; position: relative;} #pp-eventbanner-wrapper .bannerimg p {color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 7px; padding: 0; margin: 0px;} #pp-eventbanner-wrapper .bannerimg {position: absolute; top: 0px; bottom: 0px;} .support-circle1 {width: 383px; height: 385px; border-radius: 50%; background-color: #FFF;; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; background-image: url(../images/events1.jpg); border: 20px solid #FFF; margin: 0 auto;} #pace-banner-wrapper {height: 170px; background-color: #262626; border-bottom: 1px solid #FFF; position: relative;} #pace-banner-wrapper .bannerimg p {color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 7px; padding: 0; margin: 0px;} #pace-banner-wrapper .bannerimg {position: absolute; top: 0px; bottom: 0px;} #pace-sbanner-wrapper {height: 206px; background-color:#C0DEF7; border-bottom: 1px solid #FFF; position: relative;} #pace-sbanner-wrapper .bannerimg p {color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 7px; padding: 0; margin: 0px;} #pace-sbanner-wrapper .bannerimg {position: absolute; top: 0px; bottom: 0px;} #pp-eventbannernational-wrapper {height: 166px; background-color: #899FA9; border-bottom: 1px solid #FFF; position: relative;} #pp-eventbannernational-wrapper .bannerimg p {color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 7px; padding: 0; margin: 0px;} #pp-eventbannernational-wrapper .bannerimg {position: absolute; top: 0px; bottom: 0px;}