/** * Iron Networks, Inc. * Copyright (c) 2013 Iron Networks, Inc. All rights reserved. * This software is the confidential and proprietary information * of Iron Networks, Inc. (www.ironnetworks.com) */ table#chatbtn { margin:0 !important; width:auto !important;} table#chatbtn tbody {border:none;} table#chatbtn tr, table#chatbtn td {padding:0;} /***************************/ /* RESET MARGINS & PADDING */ /***************************/ #SF_IIAD_0 { display: none; } html, body, div, span, p, blockquote, pre, code, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; } img { border: 0; } a {outline:none;} /**************/ /* TYPOGRAPHY */ /**************/ body { font-family: Arial, Helvetica, sans-serif; /* web safe fonts */ font-size: 75%; /* 12px */ font-weight: normal; line-height: 140%; /* 160% 19.2px */ padding:0; background: url("images/new-bg.gif") repeat-x scroll 0 0 #f7f7f7; } h1 { font-size: 2.5em; font-weight: normal; } h2 { font-size: 1.75em; font-weight: normal; } h3 { font-size: 1.25em; font-weight: bold; } h4 { font-size: 1.1em; font-weight: bold; color:#31456c; } h5 { font-size: 1em; font-weight: bold; } h6 { font-size: 0.8em; font-weight: bold; } /*****************/ /* home Banner */ /****************/ .homeBanner { position: relative; width: 1150px; height: 318px; } .homeBanner .textbanner { position: absolute; z-index: 1; top: 38px; left: 30px; } .homeBanner .textbanner h2 { padding-bottom: 20px; color: #385978; font-size: 34px; font-weight: bold; line-height: normal; font-family: 'UniversCondensed'; } .homeBanner.sec .textbanner h2 { color: #274a70; } .homeBanner.third .textbanner h2 { color: #415065 } .homeBanner.fourth .textbanner h2 { color: #003744; } .homeBanner.five .textbanner h2 { color: #22322e; } .homeBanner .textbanner p { padding:0 0 10px !important; color: #000; font-size: 18px; line-height: normal; font-family: 'UniversCondensed'; } #preface-wrapper .homeBanner .textbanner p a { color: #000!important; font-size: 18px; line-height: normal; font-family: 'UniversCondensed'; text-decoration: none;} #preface-wrapper .homeBanner .textbanner p a:hover { text-decoration: underline; } .homeBanner span.shadow { position: absolute; bottom: 0; left: 0; width: 1150px; height: 6px; background: url(images/shadow-banner=line.png) left top repeat-x; } #preface-wrapper .homeBanner a.more { padding-left: 0; margin-left: 0; line-height: 30px; cursor: pointer; padding-right: 20px; color: #7f8a8e!important; font-size: 16px; font-weight: bold; text-decoration: none!important; background: url(images/more-arrow.png) right 4px no-repeat; } .homeBanner img { position: absolute; right: 0; top: 0; } #preface-wrapper .homeBanner a.more:hover { color: #ee9821!important; background: url(images/more-arrow-hover.png) right 4px no-repeat; } #movers-row { padding-left: 0px; width: 1150px; height: 46px; background: url(images/banner-tab-bg.png) left top no-repeat; } #movers-row a { text-align: center; background: url(images/tab-sep.png) top right no-repeat; } #preface-wrapper #movers-row a { padding-right: 2px; padding-top: 15px; color: #fff!important; display: inline-block; font-weight: normal; width: 230px; height: 42px; padding: 0; text-decoration: none; margin: 0; font-size: 15px!important; line-height: 19px!important; font-family: 'UniversCondensed'; } #preface-wrapper #movers-row div.last a { width: 230px; } #preface-wrapper #movers-row div.last { width: 230px; padding-right: 0px } #movers-row a.active{ background: #f8a11d; } #movers-row a span { cursor: pointer; display: block; width: 230px; height: 46px; padding: 1px 0 0 0; } #movers-row a.active span { padding: 15px 0 0 0; margin-top: -15px; background: url(images/shadow-left.png) left 15px no-repeat; } #movers-row a.active span span { background: url(images/shadow-right.png) right 15px no-repeat; } /*#movers-row div.first a.active-thumb span { background: none; }*/ #movers-row.first a.active span span { background: url(images/shadow-right.png) right 15px no-repeat; } /*#movers-row div.last a.active-thumb span span { background: none!important; }*/ #movers-row a.active span span span { padding: 18px 0 0 0; background: url(images/arrow-slider.png) center top no-repeat; } #movers-row.first a.active span span span { padding: 19px 0 0 0; background: url(images/arrow-slider.png) center top no-repeat; } #movers-row.last a.active span span span { background: url(images/arrow-slider.png) center top no-repeat!important; } #preface-wrapper #movers-row.last { padding-left: 0px; background: none; } #movers-row { display: inline; width: 230px; } .homeBanner .textbanner p.topy { padding:0 !important;} /*****************/ /* DEFAULT LINKS */ /*****************/ a { color: #15389C; margin: 0; padding: 0; text-decoration: none; } a:link, a:visited { color: #15389C; } a:hover, a:active { text-decoration: underline; } a.more {background:transparent url(images/BlueDot.gif) no-repeat scroll left center; margin-left:5px; padding-left:11px; } a.button {background:transparent url(images/btn-bg.gif) no-repeat left top; *background-position:0 8px; font-size:12px; padding:7px 0 8px 12px; *padding:8px 0 8px 12px; margin-top:5px;} a.button span {background:transparent url(images/btn-bgr.gif) no-repeat right top; padding:7px 15px 8px 0; *padding:8px 15px 12px 0; text-decoration:underline;} /**********/ /* LAYOUT */ /**********/ html { /*background: #fff;*/ color: #343538;overflow: -moz-scrollbars-vertical !important; height:100%; margin-bottom:2px; } #page { margin:0 auto; padding:0px; } p { font-size: 1.1em; font-weight: normal; line-height: 140%; /* 160 % */ margin:0 0 10px; } .search-results p.search-snippet a.green { color:#008000; font-size:11px;} /*****************/ /* Flash Banner */ /****************/ #block-block-9 { height:206px; } .floatleft{float: left;} .floatright{float: right} /*********/ /* LISTS */ /*********/ ul { margin: 0; padding: 0; } ol { margin: 0.75em 0 1.25em; padding: 0; } ol li, ul li { margin: 0.4em 0 0.4em .5em; /* LTR */ } ul.menu li, .item-list ul li { margin: 0.15em 0 0.15em 0.5em; /* LTR */ } ul.menu ul, .item-list ul ul { margin-left: 0; } ol li, ul li, ul.menu li, .item-list ul li, li.leaf { margin: 0.15em 0 0.15em 0; padding: 0.2em 0 0 1.333em; /* LTR */ } ul li, ul.menu li, .item-list ul li, li.leaf { /* LTR */ list-style-image: none; list-style-type: none; } ol li { padding: 0 0 .3em; margin-left: 2em; /* LTR */ } div.block ul { padding: 0 0 3px; } ul.links li, ul.links.inline { background: transparent; } /* remove list styling on login block and taxonomy */ #user-login-form div.item-list ul li, div.terms ul li { list-style-type: none; margin: 0; } /* adjust openid link */ html.js #user-login-form li.openid-processed, html.js #user-login li.openid-processed { font-weight: bold; list-style-type: none; margin: 10px 0 0 -6px; /* LTR */ padding-left: 20px; /* LTR */ padding-top: 0.2em } #preface-wrapper div.block ul li { background: url(images/green-checkmark.png) no-repeat 0 0.222em; list-style-image: none; list-style-type: none; padding: 1em 0 0 2.222em; /* LTR */ } #preface-wrapper div.block ol li { list-style-image: none; padding: 2px 0; } body.layout-main-last #sidebar-last ul.menu, body.layout-main-last #sidebar-last .item-list ul, #content-content .node ul, #content-top ul {margin:5px 0 10px; padding:0;} #content-bottom ul {margin:8px 0 12px; padding:0;} body.layout-main-last #sidebar-last li.leaf, body.layout-main-last #sidebar-last ul.menu li, body.layout-main-last #sidebar-last .item-list ul li, #content-content .node ul li, #content-bottom ul li { background: url(images/bdot.gif) no-repeat left 6px; /* LTR */ list-style-image: none; list-style-type: none; margin:0 0 4px 5px; padding:0 12px; font-size:13px; } #content-content .node ul li.link, #content-bottom ul li.link { background-image:none;} #content-content .node ul li.link a {text-decoration:underline;} body.layout-main-last #sidebar-last ul.menu li ul li, body.layout-main-last #sidebar-last .item-list ul li ul li, #content-content .node ul li ul li, #content-bottom ul li ul li { background: url(images/BlackDot.gif) no-repeat left 6px; /* LTR */ list-style-image: none; list-style-type: none; margin:0 0 4px 5px; padding:0 12px; } /**** #preface-wrapper .bannerBox { width: 954px; height: 175px; } #preface-wrapper .bannerBox.nUAG { width: 954px; height: 175px; background: url(images/product-banner-nUAG_bg.jpg) left top no-repeat; } #preface-wrapper .bannerBox.company { width: 954px; height: 175px; background: url(images/company-banner.jpg) left top no-repeat; } #preface-wrapper .bannerBox.solution { width: 954px; height: 175px; background: url(images/solution-banner.jpg) left top no-repeat; } #preface-wrapper .bannerBox.solution.purchase { width: 954px; height: 175px; background: url(images/purchase-banner.jpg) left top no-repeat; } #preface-wrapper .bannerBox.nTMGE { width: 954px; height: 175px; background: url(images/product-banner-ntmge.jpg) left top no-repeat; } #preface-wrapper .bannerBox.product { width: 954px; height: 175px; background: url(images/product-banner-bg.jpg) left top no-repeat; } #preface-wrapper .bannerBox.nTMG { width: 954px; height: 175px; background: url(images/product-banner-ntmg.jpg) left top no-repeat; } #preface-wrapper .bannerBox.partner { width: 954px; height: 175px; background: url(images/partner-banner.jpg) left top no-repeat; } #preface-wrapper .bannerBox.support { width: 954px; height: 175px; background: url(images/support-banner.jpg) left top no-repeat; } #preface-wrapper .bannerBox.appliance { width: 954px; height: 175px; background: url(images/product-banner-appliance.jpg) left top no-repeat; } #preface-wrapper .bannerBox.nGSA { width: 954px; height: 175px; background: url(images/product-banner-ngsa.jpg) left top no-repeat; } #preface-wrapper .bannerBox.nGSA { width: 954px; height: 175px; background: url(images/product-banner-ngsa.jpg) left top no-repeat; } #preface-wrapper .bannerBox.server2012 { position: relative; width: 954px; height: 175px; background: url(images/window-server-2012-banner.jpg) left top no-repeat; } #preface-wrapper .bannerBox h4.hd_org { color: #f2cb1e; font-size: 17px; font-weight: normal; } #preface-wrapper .bannerBox h2 { color: #E48B00;font-size: 20px; font-weight: normal; line-height: normal; padding-bottom: 5px; } #preface-wrapper .bannerBox ul.uag { padding: 20px 0 0 0; list-style: none; list-style-type: none; } #preface-wrapper .bannerBox ul.uag li { padding: 0 0 0 11px; margin: 0; list-style: none; line-height: 16px; color: #fff; font-size: 12px; background: url(images/bullets_small.png) left center no-repeat; } #preface-wrapper .bannerBox .textBar { padding: 38px 0 0 22px; } #preface-wrapper .bannerBox.wssb .textBar { padding: 24px 0 0 27px; } #preface-wrapper .bannerBox.company .textBar { padding: 30px 0 0 22px; } #preface-wrapper .bannerBox.company .textBar p { padding: 13px 0 0 0!important; margin: 0; color: #fff; font-size: 13px; line-height: 14px; } #preface-wrapper .bannerBox.company h4.hd_org { padding: 26px 0 0 0; } #preface-wrapper .bannerBox.company h2.hd_white { padding: 0; } #preface-wrapper .bannerBox.solution .textBar { padding: 18px 0 0 22px; } #preface-wrapper .bannerBox.solution h2.hd_white { padding: 0; color: #f2cb1e; font-size: 25px; line-height: normal; } #preface-wrapper .bannerBox.solution li { padding: 0 0 0 15px!important; font-size: 17px; line-height: 24px; background: url(images/banner-li-bg-big.png) left center no-repeat; } #preface-wrapper .bannerBox.product .textBar { padding: 42px 0 0 273px; } #preface-wrapper .bannerBox.product .textBar h2 { font-size: 24px; color: #fff; line-height: 36px; font-weight: bold; text-shadow: 1px 2px 1px #000000; filter: glow(color=#3c4352,strength=3); } #preface-wrapper .bannerBox.product .textBar h2 span { color: #f4e295; } #preface-wrapper .bannerBox.nGSA .textBar h2 { font-size: 24px; } #preface-wrapper .bannerBox.nGSA .textBar li { font-size: 13px; line-height: 15px; } #preface-wrapper .bannerBox.appliance .textBar { padding-top: 30px; } #preface-wrapper .bannerBox.appliance .textBar h2 { font-size: 20px; } #preface-wrapper .bannerBox.server2012 .textBar { padding: 97px 0 0 30px; } #preface-wrapper .bannerBox.server2012 .textBar ul { padding-top: 17px; } #preface-wrapper .bannerBox.server2012 .textBar h4 { color: #fff; font-size: 17px; } #preface-wrapper .bannerBox.server2012 .textBar h4 span { color: #ff2323; font-style: italic; } #preface-wrapper .bannerBox.server2012 .textBar ul li { color: #f2cb1e; font-size: 17px; line-height: 23px; background: url(images/yellow-dot.png) left center no-repeat; } .bannerBox.server2012 a.link { position: absolute; right: 0; top: 0; width: 423px; height: 176px; } ****/ .bannerBox { position: relative; margin: 10px 0 0 0; width: 1150px; height: 170px; background: url(images/banner-all.jpg) left top no-repeat; } .bannerBox.server2012 { background: url(images/window-server-2012.jpg) left top no-repeat; } .bannerBox.product { background: url(images/banner-all_bg2.jpg) left top no-repeat; } .bannerBox img.left { position:absolute; top:0; left:0; } .bannerBox img.right { position: absolute; top:0; right:0; } .bannerBox.company { width: 1150px; height: 170px; background: url(images/comapny-banner.jpg) left top no-repeat; } .bannerBox.servers { width: 1150px; height: 170px; background: url(images/servers-banner.jpg) left top no-repeat; } .bannerBox.support { width: 1150px; height: 170px; background: url(images/support-banner.jpg) left top no-repeat; } .bannerBox .textBar { padding: 8px 0 0 27px; float: left; } .bannerBox.wssb .textBar { padding: 22px 0 0 27px; float: left; } .bannerBox .textBar h2, .bannerBox .textBar h1 { padding-bottom: 3px; color: #e48b00; font-size: 23px; font-weight: bold; line-height:normal; font-weight: normal; font-family: 'UniversCondensed'; } .bannerBox.ceph .textBar { padding: 35px 0 0 27px; } .bannerBox.ceph img.ceph-logo { float: left; margin: 13px 15px 0 37px; } .bannerBox.ceph .textBar h2 { color: #f05c56; } .bannerBox.ceph .textBar p { font-size: 16px; line-height: 23px; } /*.bannerBox.popup .textBar h2 { font-size: 33px; padding: 24px 0 9px 20px; }*/ .bannerBox.popup .textBar img.logo { margin-left: 22px; } .bannerBox .textBar h3 { padding: 8px 0 15px; color: #3f3e39; font-size: 21px; font-weight: normal; font-family: 'UniversCondensed'; } .bannerBox.pod2 .textBar h3 {line-height:normal; padding: 0 0 5px; font-size: 20px; } .bannerBox.company .textBar h3 { font-size: 22px; } .bannerBox .textBar ul { padding: 1px 0 0 4px; list-style: none; list-style-type: none; } .bannerBox .textBar li { padding: 0 0 0 18px!important; margin: 0.1em 0; color: #585858; font-size: 15px; line-height: 23px; background: url(images/right-icon.png) left center no-repeat!important; list-style-image: none; list-style-type: none;} .bannerBox .textBar p { padding: 5px 0 0 0; margin: 0; color: #585858; font-size: 13px; line-height: 17px; width: 478px; } .bannerBox .textBar.approach h3 { font-size: 18px; padding: 4px 0 3px;} .bannerBox .textBar.approach li {background: url(images/right-icon02.png) no-repeat scroll left center transparent !important; font-size: 14px; line-height: 18px;} .moreinfo { color: #DA8326!important; text-decoration: underline!important; } .bannerBox.server2012 .textBar { padding:88px 0 0 30px; } .bannerBox.server2012 h4 { padding: 5px 0 12px 0px; color: #FFFFFF; font-size: 17px; } .bannerBox.server2012 h4 span { color: #FF2323; font-style: italic; } .bannerBox.server2012 .textBar li { background: url("images/yellow-dot.png") no-repeat left center!important; color: #F2CB1E; font-size: 17px; line-height: 23px; } .bannerBox.main h2 { position:relative; padding:17px 0 0 265px; color: #3F3E39; font-size: 25px; line-height: 36px; } .bannerBox.main h2 span { color: #E48B00; } .bannerBox .textBar.ngsa, .bannerBox .textBar.ngsa ul { padding-top: 2px; } .bannerBox .textBar.ngsa ul { margin: 0; } .bannerBox .textBar.ngsa li, .bannerBox.product .textBar li { line-height: 16px; font-size: 13px; } .bannerBox.popup .textBar li { line-height: 21px;} .bannerBox.pod { background: url(images/iron-pod-banner.jpg) left top no-repeat; } .bannerBox.pod .textBar { padding: 28px 0 0 27px; } .bannerBox.pod .textBar p { width: 400px; } .boxpanel.solution .leftbox { float: left; margin-right: 4%; padding-left: 2%; padding-top: 1%; width: 44%; } .boxpanel.solution .leftbox.last { margin: 0; } .boxpanel.solution .leftbox h4 { padding: 0 0 0 12px; color:#000!important; display: block; background:#f2f2f2; line-height: 30px; } .boxpanel.solution .leftbox h5 { } .boxpanel.solution table { margin: 5px 0 15px 0; } .boxpanel.solution tbody { border: none; } .boxpanel.solution img { margin: 10px auto 17px!important; display: block; } .boxpanel .ironpodbox { padding: 6px 0 10px 8px; margin: 0 120px 6px 0; width: 340px; float: right; border: 1px solid #e2e2e2; } .boxpanel .ironpodbox.hdpodbox { margin: 0 24px 6px 0; width: 390px; } .boxpanel .ironpodbox.first { margin-top: 15px; } .boxpanel .ironpodbox h3 { padding-top:3px!important; margin:0; font-size: 17px; color: #0074ce!important; } .boxpanel .ironpodbox p { font-size: 14px; color: #000; margin: 0!important; } .boxpanel .ironpodbox ul { margin: 0!important; } .boxpanel .ironpodbox li { font-size: 14px; } .boxpanel .ironpodimg { padding: 17px 0 0 85px; margin:18px 0 0 63px; width: 312px; height: 870px; float: left; background: url("images/Ironpod-design.jpg") no-repeat top left; } .boxpanel .hdpodimg { margin: 18px 0 0 17px; padding: 0px 0 0 0; width: 312px; height: 870px; float: left; } .boxpanel .ironpodimg span { display: block; font-size: 11px; font-weight: bold; color: #000; } .boxpanel .ironpodimg .one { height: 142px; } .boxpanel .ironpodimg .one ul { padding: 0!important; margin:0!important; } .boxpanel .ironpodimg .one li { font-size: 11px; color: #000; padding:0!important; margin:0!important; line-height: 19px!important; list-style: none!important; background: none!important; } .boxpanel .ironpodimg .one li span { font-size: 7px; color: #6B6C6C; display: inline; font-weight: normal;} .boxpanel .ironpodimg .blue { height: 52px; } .boxpanel .ironpodimg .blue span { color: #fff; font-size: 11px; font-weight: bold; line-height:14px; padding: 5px 0 0 0; } .boxpanel .ironpodimg .list { height: 61px; } .boxpanel .ironpodimg .list span { font-weight: bold; font-size: 11px; color:#000; } .boxpanel .ironpodimg .list span.list { font-weight: normal; font-size: 10px; line-height: 10px; display: block; } .boxpanel .ironpodimg .five { height: 58px; } .boxpanel .ironpodimg .six { height: 56px; } .boxpanel .ironpodimg .seven { height: 19px; } .boxpanel .ironpodimg .nine { height: 57px; } .boxpanel .ironpodimg .ten { height: 52px; } .boxpanel .ironpodimg .eleven { padding: 6px 0 0 0; height: 54px; } .boxpanel .ironpodimg .twelve { height: 59px; } .boxpanel .ironpodimg .thirteen { height: 50px; } .boxpanel .ironpodimg .eleven span, .boxpanel .ironpodimg .twelve span { font-weight: bold; font-size: 11px; line-height: 10px; display: block; } .boxpanel .img-des { height: 293px; } .boxpanel a.more { background: #e99e29; text-decoration: none!important; color: #fff; display: inline-block; margin: 10px 0 0; padding: 3px 15px; border-radius: 3px; transition-duration: 0.3s; } .boxpanel.support a.more { padding: 7px 15px; } .boxpanel a.more.toplink { display: inline; border-right: none; } .boxpanel a.more:hover { background: #e48b00; color: #3d2602; transition-duration: 0.3s; } .boxpanel .discounted-item { border-bottom: 1px solid #CCCCCC; overflow: hidden; padding-bottom: 15px; } .boxpanel .leftside { float: left; width: 63%; } .boxpanel .rightside { float: right; width: 35%; } .boxpanel .rightside .key h4 { background: #DDDDDD; display: block; padding: 5px 10px; } .keyBox .div { float: left; width: 279px; padding: 0 5px 0 10px; min-height:216px; margin: 0 10px 10px 0; background: #f7f7f7; border: 1px solid #ebebeb; } .keyBox.hybrid .div { min-height: 74px; text-align: center; margin: 0 8px 10px 0; } .keyBox.st .div { min-height: 74px; min-height: 172px; } .keyBox .div.last { margin-right: 0; } .boxpanel .fullbg { background: #F7F7F7; margin-bottom: 15px; padding: 0 10px; border: 1px solid #EBEBEB; } .contentright { position: relative; overflow: hidden; } .contentright { border: 1px solid #ccc; border-radius: 5px; } .rightside .contentright h5 { padding: 0 0 0 10px; } .rightside .contentright h4 { margin: 0 0 4px 0!important; } .contentright img.bottomimg { margin: 0 auto !important; display: block; } .contentright .imgtext { display: inline-block; padding: 7px; margin: 8px 0 11px 19px; border-radius: 5px; background: #ccc; } .leadform { background: linear-gradient(to bottom, #cdcccc 0%, #ffffff 56%, #ffffff 99%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; } .leadform input[type='text'], .leadform input[type='select'], .leadform textarea { width: 160px!important; } .leadform tr.first { padding: 0; } .leadform tr { padding: 0.1em 0.6em; display: block; } .clickdform .width100per { width: 160px!important; } .QapTcha #bgSlider { width: 185px!important; } .leadform tr.first span.maxSize1 { background: #868686!important; border-radius: 6px; line-height: 21px; display: block; font-size: 13px; font-weight: bold; margin: 0 6px 0 -4px; color:#fff; padding: 10px 0 5px 8px; } .leadform #btnSubmit { background: url("images/blue-button.png") no-repeat scroll left center transparent; border: 1px solid #fff; color: #fff; cursor: pointer; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 1.2em; font-weight: bold; margin: 0 4px; outline: 1px solid #9babb0; padding: 5px 15px; text-transform: none } .wsBox { overflow: hidden; border-top:1px solid #DBDBDB; } .wsBox .series { float: left; width: 456px; margin: 10px 10px 0 0; overflow: hidden; } .wsBox .series { margin-right: 0; } .wsBox .series .left { float: left; width: 132px; box-shadow:0 0 6px #999999; padding-bottom: 18px; border-radius: 8px; margin: 0 10px 0 0; border: 2px solid #0070c0; height: 50px; } .wsBox .series .right { float: right; width: 310px; } .wsBox .series .right.gap { padding-right: 16px; width: 294px; } .wsBox .series .right h4 { color: #31456C; margin: 0!important; } body.layout-first-main #content-wrapper #content .wsBox .series .right p { font-size: 1em; } .wsBox .series .left img { display: block; margin: 12px auto 0 10px!important; } .benifitsBox { overflow: hidden; } .benifitsBox .benifit { padding: 10px 10px 0px 10px; background-color: #f2f2f2; min-height: 181px; } .benifitsBox .left { width: 437px; float: left; } .benifitsBox .right { width: 437px; float: right; } .modelBox { overflow: hidden; padding: 12px 0 0 0; } .modelBox .model { float: left; width: 221px; margin: 0 7px 0 0; border: 1px solid #ccc; min-height: 427px; background: url(images/model-box-bg.gif) left bottom repeat-x; } .modelBox .first {} .modelBox .second {} .modelBox .third {} .modelBox .fourth { margin-right: 0; } .modelBox span { display: block; font-size: 12px; font-weight: bold; padding: 10px 0 11px 10px; } .modelBox img { display: block; margin: 0 auto 10px auto!important; } .modelBox ul { padding: 5px!important;} body.layout-first-main #content-wrapper #content .modelBox p { padding:5px 0 0 10px; } .popupBox { width: 875px; float: left; } .popupBox h2 span { float: right; font-size: 12px; text-decoration: underline; } .popupBox h2 span a { color: #31456C !important; } .popupBox .first { font-size: 16px; } .popupBox h3 { color: #3F3E39; font-size: 1.4em; margin: 18px 0 16px; } .popupBox h3.sec { padding: 8px; margin: 32px 0 32px; color: #fff; background: #4e6883 url(images/speed-icon.png) right center no-repeat; } #content-content .node .popupBox ul { background: none repeat scroll 0 0 #F2F2F2; display: block; overflow: hidden; padding: 21px 0 21px 2%; width: 100%; } #content-content .node .popupBox ul li { background: url("images/popup-right-icon.gif") no-repeat scroll left center; float: left; font-size: 16px; line-height: 36px; padding: 0 0 0 33px !important; width: 395px; } .popupBox ul li a {} .popupBox .poc { overflow: hidden; } .popupBox .poc p { float: left; width: 213px; padding: 50px 0 0 9px; font-size: 17px; } .popupBox .poc img { float:right; } .popupBox .btns { overflow: hidden; padding: 46px 0 0; } .popupBox .left { width: 305px; float: left; } .popupBox .left a.btn1 { width: 250px; color: #fff; font-size: 19px; padding: 20px 0; text-align:center; display: block; background: #f68b2d; transition-duration: 0.3s; } .popupBox .left a.btn1:hover { background: #ff7d0a; transition-duration: 0.3s;} .popupBox .left a.btn1 span { display: block; text-align: center; color: #fff; font-size: 11px; } .popupBox .left a.btn2 { margin-top: 30px; width: 250px; color: #fff; font-size: 19px; padding: 20px 0; text-align:center; display: block; background: #4e6883; transition-duration: 0.3s; } .popupBox .left a.btn2:hover { background: #3b5875; transition-duration: 0.3s;} .popupBox .left a.btn2 span { display: block; text-align: center; color: #fff; font-size: 11px; } .popupBox .right { width: 296px; float: right; } body.full-node #content-wrapper { float: none; } .formBox { float: right; overflow: hidden; padding: 0 0 26px; position: relative; width: 230px; } .formBox .start-form { border-bottom: 1px solid #868686; border-left: 1px solid #868686; border-radius: 0 0 6px 6px; border-right: 1px solid #868686; overflow: hidden; padding: 26px 0 0 5px; width: 223px; } .formBox .form-hd { background: none repeat scroll 0 0 #868686; border-radius: 5px 5px 0 0; height: 46px; width: 230px; } .formBox .form-hd h5 { background: url("images/down-arrow.png") no-repeat right center; color: #FFFFFF; font-size: 18px; font-weight: normal; line-height: 48px; margin: 0 17px 0 0; padding: 0 0 0 21px; } .formBox .contact-btn { display: none; width: 117px; position: absolute; top: 96px; right: 45px; } .formBox .contact-btn a { width: 117px; height: 102px; display: block; text-indent: -9999px; margin: 20px 0 0 0; } .formBox .contact-btn a.btn1 { background: url(images/form-btns.jpg) left top no-repeat; } .formBox .contact-btn a.btn2 { background: url(images/form-btns.jpg) -117px top no-repeat; } .formBox .contact-btn a.btn3 { background: url(images/form-btns.jpg) -234px top no-repeat; } .formBox .contact-btn a.btn4 { background: url(images/form-btns.jpg) -351px top no-repeat; } .formBox .contact-btn a.btn1:hover { background: url(images/form-btns.jpg) left -102px no-repeat; } .formBox .contact-btn a.btn2:hover { background: url(images/form-btns.jpg) -117px -102px no-repeat; } .formBox .contact-btn a.btn3:hover { background: url(images/form-btns.jpg) -234px -102px no-repeat; } .formBox .contact-btn a.btn4:hover { background: url(images/form-btns.jpg) -351px -102px no-repeat; } .onefaceBox { position: relative; width: 914px; height: 214px; margin-bottom: 20px; background: url(images/WSSB-Storage-onface-bg.jpg) left top no-repeat; } .onefaceBox span.high { position: absolute; top: 51px; left: 143px; text-align: center; color:#000; font-size: 11px; font-weight: bold; } .onefaceBox span.part { position: absolute; top: 51px; left: 219px; text-align: center; color:#000; font-size: 11px; font-weight: bold; } .onefaceBox span.flash { position: absolute; top: 129px; left: 158px; text-align: center; color:#000; font-size: 11px; font-weight: bold; } .onefaceBox span.custom { position: absolute; top: 129px; left: 226px; text-align: center; color:#000; font-size: 11px; font-weight: bold; } .onefaceBox span.net { position: absolute; top: 96px; left: 158px; color: #fff; font-size: 11px; font-weight: bold; } .onefaceBox h6.oneface { position: absolute; top: 16px; left: 303px; font-size: 16px; color:#000; text-decoration: underline; } .onefaceBox span.embed { position: absolute; top: 50px; left: 324px; font-size: 13px; color:#000; } .onefaceBox span.int { position: absolute; top: 42px; left: 480px; font-size: 13px; color:#000; } .onefaceBox ul.ha { position: absolute; top: 75px; left: 480px; width: 155px; } .onefaceBox ul.ha li { font-size: 12px!important; color:#000; } .onefaceBox span.wind { position: absolute; top: 13px; right: 34px; font-size: 11px; color:#000; font-weight: bold; } .onefaceBox ul.iron { position: absolute; top: 44px; right: 18px; width: 232px; } .onefaceBox ul.iron li { font-size: 11px!important; color:#000; } .productsBox h4 { color: #2f6cb3; font-size: 14px!important; font-weight: bold; } .productsBox ul { padding: 0 10px 10px; list-style: none; } .productsBox li { margin:0!important; border-bottom: 1px solid #e7e7e7; color: #000; display: block; overflow: hidden; padding: 7px 0!important; background: none!important; } .poc .productsBox ul.pod li {padding: 0px !important;text-align: center!important;} .poc .productsBox .prtext li {background: url(images/bdot.gif) no-repeat left 6px !important; list-style-image: none !important; list-style-type: none !important; margin: 0 0 4px 5px !important; padding: 0 12px !important; font-size:12px !important;} .productsBox li li { border: none; } .productsBox li .left { float: left; padding: 0 0 0 1%; width: 21%; } .productsBox li .prtext { float: left; padding: 0 1.5% 0 1.7%; width: 48.3%; } .productsBox li .prtext .rightlinks { float: left; } .productsBox li .prtext .rightlinks { float: left; } .productsBox ul ul { padding: 0;} .productsBox .rightlinks li, .productsBox .rightlinks li:hover { background: none; font-size: 13px; line-height: 28px; padding: 0; } .productsBox .rightlinks li a, .productsBox .rightlinks li a:hover { background: url("../images/orange-arrow.png") no-repeat left 6px; color: #317da1; font-size: 13px; padding: 0 13px 0 12px; text-decoration: underline; } .productsBox p { font-size: 12px!important; } .productsBox img { max-width: 100%; height: auto; margin:0!important; } .productsBox .detail { clear:both; } .rightlinks > img { margin: 0 auto!important; display: block; float: none!important; } .productsBox li:hover { background: #f9f9f9!important; } .productsBox li .rightlinks { float: right; width: 26%; } .poc .productsBox li .prtext { float: left; padding: 0 1.5% 0 1.7%; width: 74%; } .poc .productsBox li .rightlinks { float: right; width: 22%; } .teamBox { overflow: hidden; } .teamBox .text { box-shadow: 0 2px 2px #CCCCCC; clear: both; overflow: hidden; padding: 0 0 13px; width: 100%; } body.layout-first-main #content-wrapper #content #content-inner #content-content .teamBox .text h4 { background: none repeat scroll 0 0 #F5F5F5; box-shadow: 0 2px 2px #CCCCCC; display: block; margin-bottom: 12px; margin-top: 10px; padding: 8px; } body.layout-first-main #content-wrapper #content .teamBox .text img { border: 3px solid #FFFFFF; box-shadow: 0 3px 3px #CCCCE0; float: left; margin: 0 15px 0 0; } .teamBox .text ul { float: left; } /****************/ /* Content Top */ /**************** #content-top ul { display: inline; margin: 0; padding: 0 0 0 9px; } #content-top ul li { background: transparent none repeat; border-left: 1px solid #CCC; display: inline; margin:0 0 4px 2px; padding: 0 1px 0 5px; } #content-top ul li ul {display:none;} #content-top ul li.first { border: none; } #content-top ul li.last { background: url(images/icon.gif) no-repeat left 5px; list-style-image: none; list-style-type: none; margin:0 0 4px 2px; padding:0 5px 0 12px; } */ #content-top ul li { background: url(images/BlueDot.gif) no-repeat left 5px; /* LTR */ list-style-image: none; list-style-type: none; margin:0 0 4px 10px; padding:0 5px 0 12px; } #content-top #block-blog-0 ul {padding-top:8px;} #content-top #block-blog-0 ul li {margin-left:0; padding:0 12px 0 12px;} #content-top #block-blog-0 ul li a{ color:#474747;} #content-top #block-blog-0 ul li.last, #content-top #block-blog-0 .more-link {display:none;} /********/ /* MISC */ /********/ hr { /*border: 1px solid #D3D4D4;*/ border: 1px solid #E2E2E2; border-bottom:none; margin-bottom:0; } div.content a.feed-icon img, div.content th img { border: 0; /* remove image borders where we don't want them */ } /* format initial startup page list nicely */ #first-time p { clear: both; } #first-time ol { list-style-position: outside; margin-left: 2em; /* LTR */ } /********************/ /* HOME PAGE REGIONS */ /********************/ body.layout-main #preface #preface-wrapper #block-randomblocks-1 h2 {display:none;} /* body.layout-main #content-wrapper #content-top { background-color:#EDF4FC; padding:10px 0 0 10px; margin:0; color:#000000;} */ body.layout-main #content-wrapper #content-top .block-wrapper {background:#ffffff; padding: 7px 0 0 20px; width: 354px; min-height: 325px; display:inline; float:left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} body.layout-main #content-wrapper #content-top .block-wrapper.even { margin: 0 14px; position: relative; } /* body.layout-main #content-wrapper #content-top .block-wrapper .block-block { background: #EDF4FC url(images/top-bg-grid.gif) repeat-x scroll 0 -248px; } */ body.layout-main #content-wrapper #content-top .block-wrapper .block-blog h2, body.layout-main #content-wrapper #content-top .block-wrapper .block-block h2 { border-bottom:1px solid #e0e0e0; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:15px; font-size-adjust:none;font-stretch:normal; text-transform:capitalize;font-style:normal;font-variant:normal;font-weight:normal;padding:7px 0; font-family:'UniversCondensed';} body.layout-main #content-wrapper #content-top .block-wrapper .block-block h4 {font-size:12px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-3 { width:250px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 { width: 248px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 ul li ul li {background:transparent url(images/dot.gif) no-repeat scroll -4px 2px; color:#464444; margin:0 0 0 -3px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-5 { width: 225px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-5 img { padding:4px 0 0 60px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-5 ul li {background-image: none; color:#464444; padding:0 6px 7px; font:normal 11px/1.35 Arial, Helvetica, sans-serif; margin:0 0 0 8px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 { width:165px; background-color:#FFFFFF;border:1px solid #C8DBF0; background-image:none;} /*body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 h2 {font-size:14px; background-color:#C8DBF0;padding:2px 0 5px;text-align:center;}*/ body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 .show {display:block;/*height:320px;*/text-align:center;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 .btn {background:transparent url(images/btn.gif) no-repeat scroll 105px 0;text-align:right;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 .btn a {background:transparent url(images/btn.gif) no-repeat scroll -192px 0;margin-right:3px;padding:1px 5px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 .btn a.selected {background:transparent url(images/btn.gif) no-repeat scroll -173px 0;padding:1px 5px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 .btn a:hover {background:transparent url(images/btn.gif) no-repeat scroll -173px 0;padding:1px 5px;text-decoration:none;} body.layout-main #content-wrapper #node-3 {margin:0;} body.layout-main #content-wrapper #content { /* display:none; */} /* SLIDER */ .slider-wrap { width: 1150px; } .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 1150px; height: 318px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 1150px; } .stripNavL, .stripNavR, .stripNav { display: none; } #movers-row a { float: left; width: 230px; } #movers-row div a.cross-link { float: right; } #movers-row div a img { width:190px; height:54px; border:none;} #movers-row div a img.thumb-1 {background: transparent url(images/thum-1.gif) no-repeat 0 -54px;} #movers-row div a img.thumb-2 {background: transparent url(images/thum-2.gif) no-repeat 0 -54px;} #movers-row div a img.thumb-3 {background: transparent url(images/thum-3.gif) no-repeat 0 -54px;} #movers-row div a img.thumb-4 {background: transparent url(images/thum-4.gif) no-repeat 0 -54px;} #movers-row div a img.thumb-5 {background: transparent url(images/thum-5.gif) no-repeat 0 -54px;} #movers-row div a.active-thumb img { background-position:0 0;} .cross-link { display: block; margin-top: -15px; position: relative; padding-top: 15px; z-index: 9999; } .active-thumb { background: transparent url(images/arrow-slider.png) top center no-repeat; } /********************/ /* ALL PAGE REGIONS */ /********************/ h3.wssb {background: url("images/wss2012.gif") no-repeat scroll right center; margin-right: 20px;} body.layout-first-main #content-wrapper #content #tmg-box,#tmg-box {background:transparent url(images/TMG-top-ban.jpg) no-repeat top center; margin:20px 0;} #tmg-box h3 {text-align:center; padding-top:8px; font-size:15px;} #tmg-box ul.tmg-list, .contentbox.tabs ul.tmg-list { padding-left:125px!important; } .contentbox.tabs #tmg-box .tmg-bottom-list ul li { font-size: 10px!important; } #tmg-box .tmg-bottom-list {margin:40px 0 0 108px; font-size:11px} #tmg-box ul.tmg-list li {background-image:none; color:#244983; border-right:1px solid #cdddef; font-weight:bold; line-height:90%; font-size:11px; float:left; margin: 12px 0 0px 0px; padding: 0 8px;} #tmg-box ul.tmg-list li.last {border-right:none;} #tmg-box .tmg-bottom-list .box {background:transparent url(images/TMG-top-box.png) no-repeat; padding:0; margin:0 5px 0 0; width:138px; height:139px;} #tmg-box .tmg-bottom-list .last {background:transparent url(images/TMG-top-box2.gif) no-repeat;} #tmg-box .tmg-bottom-list p { font-weight:bold; text-align:center; line-height: 150%; margin: 6px 0 10px; } #tmg-box .tmg-bottom-list ul, body.layout-first-main #content-wrapper .contentbox.tabs #tmg-box .tmg-bottom-list ul {margin-top:15px; font-size:10px;} #tmg-box .tmg-bottom-list ul li {margin: 0 0 0 8px; font-size:10px; padding: 0 0 0 7px;background: url(images/BlackDot.gif) no-repeat scroll left 7px transparent; font-weight:bold;} body.layout-first-main #content-wrapper ul.icons li {background:transparent url(images/icons.gif) no-repeat; padding:0 0 2px 25px; margin-bottom:4px; } body.layout-first-main #content-wrapper ul.icons li.phone { background-position:0 -366px;} body.layout-first-main #content-wrapper ul.icons li.email { background-position:0 -429px;} body.layout-first-main #content-wrapper ul.icons li.fax { background-position:0 -492px;} body.layout-first-main #content-wrapper ul.icons li.web { background-position:0 -554px;} body.layout-first-main #content-wrapper div.panel {width:45%; margin:10px 0 20px; float:left; border-right:1px dashed #999999;} body.layout-first-main #content-wrapper #content div.panel p, body.layout-first-main #content-wrapper #content div.contentbox p, body.layout-first-main #content-wrapper #content div.field-items p, body.layout-first-main #content-wrapper #content div.panel ul.icons, body.layout-first-main #content-wrapper #content div.panel ul.icons li {margin-left:0;} body.layout-first-main #content-wrapper div.border { padding-left:15px; border-right:none; border-right-style:none;width:49%; } body.layout-first-main #content-wrapper #content-bottom .block-wrapper h2, body.layout-first-main #content-wrapper #content-bottom .block-wrapper h3, body.layout-first-main #content-wrapper #content h3{ font: bold 1.3em Arial, Helvetica, sans-serif; color:#3F3E39; padding:12px 0 5px;} body.layout-first-main #content-wrapper #content h3.upper {} body.layout-first-main #content-wrapper #content p {line-height:150%;margin:0 0 10px; font-size:1.2em; } body.layout-first-main #content-wrapper #content .boxpanel.ipod h5 { font-size:1.2em; } body.layout-first-main #content-wrapper #content .overview p { clear:both;} body.layout-first-main #content-wrapper #content-bottom .block-wrapper h3 span, body.layout-first-main #content-wrapper #content h3 span {float:right; font-size:12px; padding:1px 0 3px 25px; background:transparent url(images/icons.gif) no-repeat 0 30px; color:#606061;} body.layout-first-main #content-wrapper #content h3 span.word { background-position:0 -75px;} body.layout-first-main #content-wrapper #content h3 span.pdf, body.layout-first-main #content-wrapper #content-bottom h3 span.pdf { background-position:0 -150px;} body.layout-first-main #content-wrapper #content-bottom div.quicktabs_wrapper div.field-field-top-body div.field-item h2 { font-size:16px;} body.layout-first-main #content-wrapper #content h3 span.ppt { background-position:0 -225px;} body.layout-first-main #content-wrapper #content h3 span.zip { background-position:0 -300px;} .contentbox.poc .productsBox .prtext ul, .contentbox.poc .productsBox .prtext p { padding: 0!important; margin: 0!important; } .contentbox.poc .productsBox .prtext h4 { padding: 0 0 10px 0; } body.layout-first-main #content-wrapper #content-bottom span.icon,body.layout-first-main #content-wrapper #content span.icon {background:transparent url(images/icons.gif) no-repeat 0 0px; width:18px; height:16px; display:block;} body.layout-first-main #content-wrapper #content-bottom span.word,body.layout-first-main #content-wrapper #content span.word { background-position:0 -75px;} body.layout-first-main #content-wrapper #content-bottom span.pdf,body.layout-first-main #content-wrapper #content span.pdf { background-position:0 -150px;} body.layout-first-main #content-wrapper #content-bottom span.ppt ,body.layout-first-main #content-wrapper #content span.ppt{ background-position:0 -225px;} body.layout-first-main #content-wrapper #content-bottom span.zip,body.layout-first-main #content-wrapper #content span.zip { background-position:0 -300px;} body.layout-first-main #content-wrapper #content-bottom span.jpg,body.layout-first-main #content-wrapper #content span.jpg { background-position:0 -708px;} body.layout-first-main #content-wrapper #content-bottom span.gif,body.layout-first-main #content-wrapper #content span.gif { background-position:0 -783px;} body.layout-first-main #content-wrapper #content-bottom span.bmp,body.layout-first-main #content-wrapper #content span.bmp { background-position:0 -858px;} body.layout-first-main #content-wrapper #content-bottom span.eps,body.layout-first-main #content-wrapper #content span.eps { background-position:0 -933px;} body.layout-first-main #content-wrapper #content-bottom span.psd,body.layout-first-main #content-wrapper #content span.psd { background-position:0 -1008px;} body.layout-first-main #content-wrapper #content-bottom span.tif,body.layout-first-main #content-wrapper #content span.tif { background-position:0 -1083px;} body.layout-first-main #content-wrapper #content-bottom span.swf,body.layout-first-main #content-wrapper #content span.swf { background-position:0 -1142px;} body.layout-first-main #content-wrapper #content-bottom span.visio,body.layout-first-main #content-wrapper #content-bottom span.visio { background-position:0 -1217px;} body.layout-first-main #content-wrapper #content-bottom table.update span.icon,body.layout-first-main #content-wrapper #content table.update span.icon {background-image:none; display:inline; vertical-align:top;} body.layout-first-main #content-wrapper #content-top .content span.floatleft {width:75%;} body.layout-first-main #content-wrapper #content p#catpicker span, body.layout-first-main #content-wrapper #content-top .content span.pdfs {float:right; font-size:12px; padding:1px 0 3px 22px; background:transparent url(images/icons.gif) no-repeat 0 -150px;} body.layout-first-main #content-wrapper #content img { /* border:1px solid #E1E1E1;*/ margin:10px 0;} body.layout-first-main #content-wrapper #content div.field-items img, body.layout-first-main #content-wrapper #content div.form-item img, body.layout-first-main #content-wrapper #content table.tblpanel img, body.layout-first-main #content-wrapper #content table.update img, body.layout-first-main #content-wrapper #content table.sticky-table img{ border-width:0; border:none; margin:0 0 0 0;} body.layout-first-main #content-wrapper #content img.pro {margin:3px 10px 0 0;border:1px solid #E1E1E1;} body.layout-first-main #content-wrapper #content ul.screenshots {margin:0; padding:0; overflow:hidden; clear:both;} body.layout-first-main #content-wrapper #content ul.screenshots li {background-image:none;float: left; text-align:center; margin:0; padding:0; width:240px; height:200px; display: block;} body.layout-first-main #content-wrapper #content ul.screenshots li a:hover {text-decoration:none;} body.layout-first-main #content-wrapper table.tblpanel, table.tblpanel tr td {border:1px solid #CCDEF1;border-collapse:collapse; padding:5px;} body.layout-first-main #content-wrapper table.tblpanel tr.tblhead, table.tblpanel tr.tblhead td {background-color:#ECF5FF;font-weight:bold;vertical-align:middle;} body.layout-first-main #content-wrapper #content ul { margin-left:0;} body.layout-first-main #content-wrapper #content div.img-des div.floatright {width:37%;} body.layout-first-main #content-wrapper #content-bottom #block-gmap_blocks-1 div.content {margin:5px 0 15px; border:1px solid #CCDEF1; } body.layout-first-main #content-wrapper #content-bottom #block-gmap_blocks-1 #gmap-blocks-1 {border:6px solid #FFFFFF; } body.layout-first-main #content-wrapper #content-inner h1 {font: normal 22px Arial, Helvetica, sans-serif; color:#000; text-transform: none; padding:15px 0 5px 0; margin-top:-3px; border-bottom:1px solid #E2E2E2;} body.layout-first-main #content-wrapper #content-inner div.node {padding:0; margin:0;} body.layout-first-main #content-wrapper #content {margin-bottom:0;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs div.field-field-top-body, body.layout-first-main #content-wrapper #content #content-inner #content-content div.field-field-top-body { border-bottom:1px solid #E2E2E2;/*border:1px solid #cddef1; background:transparent url(images/top-bg-grid.gif) repeat-x 0 -900px; */ margin-bottom:10px; mapadding:0;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs div.field-field-top-body h2, body.layout-first-main #content-wrapper #content #content-inner #content-content div.field-field-top-body h2 { font: bold 22px Arial, Helvetica, sans-serif; color:#31456C; text-transform: none; padding:10px 10px 5px 0; margin-top:0; background:none; border:none;} body.layout-first-main #content-wrapper #content #content-inner #content-content h2, body.layout-main #content-wrapper #content #content-inner #content-content h2 { font: normal 22px Arial, Helvetica, sans-serif; color:#000; text-transform: none; padding:15px 0 5px 0; margin-top:-3px; border-bottom:1px solid #E2E2E2;} body.layout-first-main #content-wrapper #content #content-inner #content-content span.pdf-absolute a { background:transparent url(images/icons.gif) no-repeat right -146px; padding:5px 21px 5px 0; display:block; } body.layout-first-main #content-wrapper #content #content-inner #content-content h1 span.pdf, body.layout-first-main #content-wrapper #content #content-inner #content-content h2 span.pdf, body.layout-first-main #content-wrapper #content #content-inner #content-content h3 span.pdf, body.layout-first-main #content-wrapper #content-bottom .content h2 span.pdf, body.layout-first-main #content-wrapper #content-bottom .content h3 span.pdf {float:right; font-size:11px; background:transparent url(images/icons.gif) no-repeat right -146px; padding:5px 21px 5px 0; display:block;} body.layout-first-main #content-wrapper #content-bottom .content h2 span.pdf.gap { position: absolute; right: 10px; z-index: 999; } /* body.layout-first-main #content-wrapper #content #content-inner #content-content h2 span.pdf, body.layout-first-main #content-wrapper #content #content-inner #content-content h3 span.pdf, body.layout-first-main #content-wrapper #content-bottom .content h2 span.pdf, body.layout-first-main #content-wrapper #content-bottom .content h3 span.pdf.nopdf {float:right; background:none; padding: 0!important; } */ body.layout-first-main #content-wrapper #content-bottom .content h2 span.pdf a, body.layout-first-main #content-wrapper #content-bottom .content h3 span.pdf a, body.layout-first-main #content-wrapper #content #content-inner #content-content h2 span.pdf a, body.layout-first-main #content-wrapper #content #content-inner #content-content h3 span.pdf a, body.layout-first-main #content-wrapper #content #content-inner #content-content h1 span.pdf a{ font-size:12px; font-weight:normal; text-decoration:underline;} body.layout-first-main #content-wrapper #content #content-inner #content-content h4 {margin-top:1em; font-size:1.2em;} body.layout-first-main #content-wrapper #content .contentbox img { float: left; margin: 0 20px 76px 0; } body.layout-first-main #content-wrapper #content .contentbox.tabs img { float: none; margin: 0; } body.layout-first-main #content-wrapper #content .boxpanel.support h3.online { padding: 12px 0 7px 55px; margin-top: 13px; background: url("images/support-icons.gif") left 0 no-repeat; } body.layout-first-main #content-wrapper #content .boxpanel.support h3.email { padding: 12px 0 7px 55px; background: url("images/support-icons.gif") left -93px no-repeat; } body.layout-first-main #content-wrapper #content .boxpanel.support h3.phone { padding: 12px 0 7px 55px; background: url("images/support-icons.gif") left -47px no-repeat; } body.layout-first-main #content-wrapper #content .boxpanel.support h3.contact { padding: 12px 0 7px 55px; background: url("images/support-icons.gif") left -140px no-repeat; } body.layout-first-main #content-wrapper #content .boxpanel.support ul.gap { padding: 5px 0 0 0px; } body.layout-first-main #content-wrapper #content .boxpanel.support ul.gap li { padding-left: 9px; } body.layout-first-main #content-wrapper #content .boxpanel.support p.gap { padding-left: 9px; padding-top: 10px; } body.layout-first-main #content-wrapper #content #content-inner #content-content span.print-link {padding-left:566px;position:absolute; display:inline;} body.layout-first-main #content-wrapper #content #content-inner #content-content span.print-link img {margin:0; border:none;} body.layout-first-main #content-wrapper #content #content-inner #content-content form#page-title-admin-settings h2 {padding-top:20px; font-size:16px;} body.layout-first-main #content-wrapper #content #content-inner #content-content h4 span {font-weight:normal; font-style:italic; float:right;} body.layout-first-main #content-wrapper #content #content-inner #content-content h4 em {font-weight:normal;} body.layout-first-main #sidebar-first .block-wrapper h2 { background: #868686!important; text-align:center; font-weight: bold; color: #fff; line-height: 35px; display: block; line-height: 21px; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } body.layout-first-main #sidebar-first .block-wrapper #block-webform-client-block-283 h2, body.layout-first-main #sidebar-first .block-wrapper #block-webform-client-block-265 h2 { display: none; } body.layout-first-main #sidebar-first .block-wrapper h3 {padding:0 7px; line-height: 28px; display: block; color:#444649; border-radius: 6px; -webkit-border-radius: 6px; font-size:13px; background-color:#ddd; border-bottom:1px solid #DBE1E6;} /*body.layout-first-main #sidebar-first ul.menu li a {color:#15389C;} body.layout-first-main #sidebar-first ul.menu li.active-trail{background:transparent url(images/top-bg-grid.gif) repeat-x 0 -1054px; color:#fff;} body.layout-first-main #sidebar-first ul.menu li.active-trail a {background:transparent url(images/top-bg-grid.gif) repeat-x 0 -1054px; color:#fff;} body.layout-first-main #sidebar-first li.active-trail a.active {color:#fff; text-decoration:underline;} body.layout-first-main #sidebar-first ul.menu li.active-trail ul li a.active, body.layout-first-main #sidebar-first ul.menu li.active-trail ul li a {color:#15389C; text-decoration:none; background-image:none;}*/ #sidebar-first #block-block-22 div.content {border-style:none; border-width:0;} #sidebar-first #block-block-51 div.content {border-style: none;border-width: 0;} #sidebar-first #block-block-52 div.content {border-style: none;border-width: 0;} body.layout-first-main #content-wrapper #content-top div.block-addthis { text-align:right; margin-bottom:-20px;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs div.field-field-top-image, body.layout-first-main #content-wrapper #content #content-inner #content-content div.field-field-top-image {float:left; margin:0 0 0 0;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs div.field-field-top-body div.field-item ul {margin-top:0;} span.pdf.new { float: right; font-size: 11px; position: absolute; z-index: 555; top: 52px; right: 20px; padding: 5px 21px 5px 0; display: block; background: transparent url(images/icons.gif) no-repeat right -146px!important; } span.pdf.top {top: 11px; } span.pdf.new a { font-size: 12px;!important; } .contentbox.tabs h2 { font: bold 1.3em Arial, Helvetica, sans-serif!important; color: #3F3E39!important; border: none!important; } body.layout-first-main #content-wrapper #content #content-inner #content-content .contentbox.tabs h4 { font-size: 1.1em; margin: 0; } body.layout-first-main #content-wrapper #content .contentbox.tabs ul { margin: 8px 0 12px; padding: 0; } body.layout-first-main #content-wrapper #content #content-inner #content-content .contentbox.tabs h4 { margin-top: 0!important; } .contentbox.tabs ul li, .boxpanel ul li {background: url(images/bdot.gif) no-repeat left 6px; list-style-image: none; list-style-type: none; margin: 0 0 4px 5px; padding: 0 12px; font-size: 13px; } .contentbox.tabs ul li, .contentbox.tabs ul li p { font-size: 12px!important; } .contentbox.tabs ul li li { background: url(images/BlackDot.gif) no-repeat left 6px; list-style-image: none; list-style-type: none; margin: 0 0 4px 5px; padding: 0 12px } .contentbox.tabs p{ font-size: 1.1em!important; } div#copyrights { clear: both; color: #6B6C6C; padding: 15px 0; text-align: center; background-color: #FFFFFF; } /* plans box */ .plansBox { width: 920px; min-height: 433px; margin: 10px 0 25px 0; background: url("images/plans-bg.gif") left top no-repeat; } .plansBox span.hd { padding-top: 8px; color: #fff; font-weight: bold; display: block; text-align: center!important; } .plansBox .alignleft span { text-align: left; font-weight: bold; } .plansBox .alignleft span.hd { padding-top: 16px; : center; } .plansBox .plans { width: 310px; float: left; background: url("images/plan-border-right.png") right top repeat-y; } .plansBox .plans .one { height: 55px; } .plansBox .plans .two { height: 205px; border-bottom: 1px solid #0b0b0b; } .plansBox .plans .three { height: 180px; border-bottom: 1px solid #0b0b0b; } .plansBox .plans .four { height: 120px; border-bottom: 1px solid #0b0b0b; } .plansBox .plans .five { height: 110px; border-bottom: 1px solid #0b0b0b; } .plansBox .plans .six { height: 37px; border-bottom: 1px solid #0b0b0b; } .plansBox .plans2 { width: 135px; float: left; background: url("images/plan-border-right.png") right top repeat-y; } .plansBox .plans2 .two span { padding-top: 27px; } .plansBox .plans3 .left .two span { padding-top: 9px; } .plansBox .plans2 .three span, .plansBox .plans3 .three span { padding-top: 27px; } .plansBox .plans2 .four span, .plansBox .plans3 .four span { padding-top: 27px; } .plansBox .plans2 .five span, .plansBox .plans3 .five span { padding-top: 27px; } .plansBox .plans2 .six span, .plansBox .plans3 .six span { padding-top: 5px; } .plansBox span { text-align: center; display: block; line-height: 20px; } .plansBox .plans3 { width: 470px; float: left; } .plansBox .plans3 .top { height: 55px; } .plansBox .plans3 .bottom .left.enter { width: 116px; } .plansBox .plans3 .bottom {} .plansBox .plans3 .bottom .left { width: 156px; float:left; } .plansBox .plans3 .one { height: 20px; border-right:1px solid #0B0B0B; } .plansBox .plans3 .one span { font-weight: bold; } .plansBox .plans3 .two { height: 185px; border-bottom: 1px solid #0b0b0b; border-right:1px solid #0B0B0B; } .plansBox .plans3 .three { height: 180px; border-bottom: 1px solid #0b0b0b; border-right:1px solid #0B0B0B; } .plansBox .plans3 .four { height: 120px; border-bottom: 1px solid #0b0b0b; border-right:1px solid #0B0B0B; background-color: #fff; } .plansBox .plans3 .five { height: 110px; border-bottom: 1px solid #0b0b0b; border-right:1px solid #0B0B0B; background-color: #fff; } .plansBox .plans3 .six { height: 37px; border-bottom: 1px solid #0b0b0b; border-right:1px solid #0B0B0B; } .plansBox .plans3 .silver { background-color: #d6d6d6; } .plansBox .plans3 .gold { background-color: #f5ac47; } .plansBox .plans3 .plat { background-color: #dfe9f2; } .plansBox .plans3 .enter { background-color: #dae3d6; } .plansBox .plans3 .silver .one { background: url("images/plans-color.gif") left top repeat-x; } .plansBox .plans3 .gold .one { background: url("images/plans-color.gif") left -20px repeat-x; } .plansBox .plans3 .plat .one { background: url("images/plans-color.gif") left -40px repeat-x; } .plansBox .plans3 .enter .one { background: url("images/plans-color.gif") left -60px repeat-x; } .supportbtn { padding: 40px 0 30px 30%; overflow: hidden; } .supportbtn a { font-size: 16px; color: #fff; text-decoration: none!important; padding: 15px 15px; display: inline-block; border-radius: 5px; margin: 0 10px 0 0; } .supportbtn a.talk { background: #5b9bd5; } .supportbtn a.moreread { background: #e99e29; } /*************************/ /* FORM REGIONS */ /*************************/ form.webform-client-form label, #webform-component-country label, #webform-component-additional-information-optional--country label, #webform-component-company-details-fieldset--country label, #webform-component-appliance_model label, #webform-component-desired_product label, #webform-component-quantity label, #webform-component-configuration-1--quantity label, #webform-component-configuration-2--quantity label, #webform-component-configuration-3--quantity label, #webform-component-configuration-1--appliance-model label, #webform-component-configuration-2--appliance-model label, #webform-component-configuration-3--appliance-model label, #webform-component-contact-details--country label, #webform-component-desired-product label, #webform-component-deployment-planned label, /*, #webform-component-number_of_employees label, #webform-component-how_did_you_hear_about_us label, #webform-component-type_of_solution label, form.webform-client-form div.webform-component-select div.form-item label */ form.webform-client-form #webform-component-product #edit-submitted-product-wrapper label{ width:150px; float:left;} #webform-component-products_rate div.form-radios div.form-item, #webform-component-products-rate div.form-radios div.form-item, #webform-component-products-rate--rate-products div.form-radios div.form-item, #webform-component-website_rate div.form-radios div.form-item, #webform-component-website-rate div.form-radios div.form-item, #webform-component-sales_rate div.form-radios div.form-item, #webform-component-sales-rate div.form-radios div.form-item, #webform-component-support_rate div.form-radios div.form-item, #webform-component-support-rate div.form-radios div.form-item, #webform-component-service_rate div.form-radios div.form-item, #webform-component-service-rate div.form-radios div.form-item {width:45px;} form.webform-client-form input.form-text {width:270px;} form.webform-client-form div.description {padding-left:150px;} fieldset.captcha div.description {padding-left:0;} form.webform-client-form div.webform-component-select label, form.webform-client-form div.webform-component-checkboxes label, form.webform-client-form div.webform-component-radios label, #webform-component-product_lines div.form-item, #webform-component-product-lines div.form-item {width:100%; float:none;} form.webform-client-form div.form-item div.form-checkboxes div.form-item, form.webform-client-form div.form-item div.form-radios div.form-item {width:180px; float:left; padding-bottom:10px;} form.webform-client-form div.webform-component-textfield, form.webform-client-form div.webform-component-textarea, form.webform-client-form div.webform-component-checkboxes, form.webform-client-form div.webform-component-radios, form.webform-client-form div.webform-component-select, form.webform-client-form div.webform-component-email, form.webform-client-form div.webform-component-webform_email, form.webform-client-form div.webform-component-date {overflow:hidden; clear:both;/*border-bottom:1px solid #D3D4D4; border:1px solid #CACACA;margin-top:-1px;padding-left:10px; */} form.webform-client-form fieldset div.webform-component-textfield, form.webform-client-form fieldset div.webform-component-textarea, form.webform-client-form fieldset div.webform-component-checkboxes, form.webform-client-form fieldset div.webform-component-radios, form.webform-client-form fieldset div.webform-component-select, form.webform-client-form fieldset div.webform-component-webform_email, form.webform-client-form fieldset div.webform-component-email { border-bottom-style:none;} form.webform-client-form div.form-item label { font-weight:bold;} form.webform-client-form div.form-item div.form-checkboxes label, form.webform-client-form div.form-item div.form-radios label {font-weight:normal;} /*form.webform-client-form div.form-item div.form-checkboxes label { width:180px; float:left; padding-bottom:10px;}*/ /*************************/ /* ABOUT US PAGE REGIONS */ /*************************/ /* body.layout-first-main #content-wrapper #node-1 div.field-field-top-body div.field-items { background:transparent url(images/about-top.jpg) no-repeat right center; height:154px;} */ body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs div.field-field-top-body div.field-item, body.layout-first-main #content-wrapper #content #content-inner #content-content div.field-field-top-body div.field-item {padding:0 5px 5px 0; font-size:13px; color:#2b3a58; line-height:20px; overflow:hidden;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs div.field-field-top-body div.field-item img, body.layout-first-main #content-wrapper #content #content-inner #content-content div.field-field-top-body div.field-item img {padding:10px 0;} body.layout-first-main #sidebar-first .block-wrapper #block-block-12 .content { border:none; border-style:none;} /*************************/ /* CONTACT US PAGE REGIONS */ /*************************/ body.layout-first-main #content-wrapper #content #content-inner #content-content #node-11 div.field-field-top-body div.field-items { background:transparent url(images/nAppliance-Office.jpg) no-repeat 445px center; height:170px; margin:0;padding:0;} body.layout-first-main #content-wrapper #content #content-inner #content-content #node-11 div.field-field-top-body div.field-items div.field-item {font-size:12px; color:#343538; } body.layout-first-main #content-wrapper #content #content-inner #content-content #node-11 div.field-field-top-body div.field-items div.field-item div.padding {padding-left:25px; } body.layout-first-main #content-wrapper #content #content-inner #content-content #node-11 div.field-field-top-body div.field-items div.field-item div.padding ul.icons {margin-left:0;} body.layout-first-main #content-wrapper #content-top .block-wrapper .content div a span span {background:transparent url(images/icons.gif) no-repeat 0 -624px; padding-left:20px; padding-right:0;} /******************/ /* TOP REGIONS */ /***************** body.layout-first-main #content-wrapper #node-45 div.field-field-top-body div.field-items { background:transparent url(images/500.jpg) no-repeat right center; height:154px;} body.layout-first-main #content-wrapper #node-46 div.field-field-top-body div.field-items, body.layout-first-main #content-wrapper #node-47 div.field-field-top-body div.field-items, body.layout-first-main #content-wrapper #node-52 div.field-field-top-body div.field-items { background:transparent url(images/1100.jpg) no-repeat right center; height:154px;} body.layout-first-main #content-wrapper #node-48 div.field-field-top-body div.field-items, body.layout-first-main #content-wrapper #node-49 div.field-field-top-body div.field-items, body.layout-first-main #content-wrapper #node-50 div.field-field-top-body div.field-items { background:transparent url(images/2000.jpg) no-repeat right center; height:154px;} */ /*************************/ /* QUICKTABS STYLE */ /*************************/ body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs ul.quicktabs_tabs.quicktabs-style-basic { margin:0 0 0 0;border-bottom:1px solid #C4C7CF; padding:10px 0 0 24px; height:23px;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs ul.quicktabs_tabs.quicktabs-style-basic li { background-image:none; margin:0 4px; padding:6px 12px; border-color:#C4C7CF #C4C7CF #ffffff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs ul.quicktabs_tabs.quicktabs-style-basic li.active a { color:#000000;text-decoration:none;} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs ul.quicktabs_tabs.quicktabs-style-basic li { /*background-color:#ebedf1;*/} body.layout-first-main #content-wrapper #content-bottom div.block-quicktabs ul.quicktabs_tabs.quicktabs-style-basic li.active {background-color:#FFFFFF;} /******************/ /* HEADER REGIONS */ /******************/ #header-wrapper { border-top:5px solid #5e6063; /* LTR */ } #header { background-color: inherit; padding: 0; margin:0 auto; width:1150px; height:100px; position: relative; } #search-box { background: url(images/search-box.gif) no-repeat scroll 60px 0 transparent; height: 30px; margin-top: 13px; padding: 0; } #search-box input#edit-search-theme-form-1 { background: none repeat scroll 0 0 transparent; border: medium none; font-size: 11px; margin-right: 35px; padding-top: 5px; width: 140px; } #search-box div.form-item {margin-top:0; margin-bottom:0;} /* theming for header search box */ #search-box input.form-submit { background: url(images/search-box.gif) no-repeat scroll -150px -3px transparent; border: 0 none; color: transparent; cursor: pointer; font-size: 0; height: 20px; margin: 3px 0px 0 -37px; outline: medium none; text-transform: none; vertical-align: top; width: 25px; } #search-box label, #search-box a.advanced-search-link {display: none; } #header-first { float: left; /* LTR */ font-family: Arial, Helvetica, sans-serif; margin: 0; width: 200px; /*background:transparent url(images/top-bg-grid.gif) no-repeat ;*/ height:90px; } #header-first #logo { /* logo postion. default image replaced if you upload your own */ float: left; /* LTR */ margin: 0; padding: 13px 0 0 10px; font-size:0;/* height:84px;*/ } #header-first h1 { /* site name link */ font-size: 3em; line-height: 80%; margin: 10px 0 15px 0; } #header-first h1 a { /* site name link */ text-decoration: none; } #header-first #slogan { /* site slogan */ display: block; font-size: 1.166em; margin: 4px 0; } #header-middle { float: left; margin: 23px 0 0; /* LTR */ width: 540px; text-align:center; } #header-middle h3{font-size:17px; font-weight:normal; color:#376092; font-family: 'UniversCondensed'; line-height:25px; } .tagline h3{font-size:16px; font-weight:normal; color:#376092; font-family: 'UniversCondensed'; line-height:25px; text-align: center; } .tagline h3 span { color: #292a2a; font-size: 12px; display: block; margin: -4px 0 0; } .tagline {left: 353px; padding: 0; position: absolute; top: 9px; } #header-middle p {margin:0; padding:0; font-size:11px; color:#3C3C3C;} #header-last { float: right; /* LTR */ margin: 0; width: 240px; /*background:transparent url(images/top-bg-grid.gif) no-repeat right -74px ;*/ height:64px; text-align:right; font:normal 11px Arial, Helvetica, sans-serif; color:#3c3c3c; padding-top: 10px 0 0 0; } #header-last #callnow { font:normal 11px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:18px 0 0 0;} #header-last #callnow ul { padding:0 0 0 89px; list-style: none; height: 28px; clear: right; } #header-last #callnow li { float:left; display: inline-block; margin: 0 5px; padding:0; text-indent: -9999px; width: 28px; height:28px; } #header-last #callnow li.last { margin-right: 0; } #header-last #callnow li a { text-indent: -9999px; } body.layout-first-main #sidebar-first .block-wrapper #block-block-98 div.content .callbox, body.layout-first-main #sidebar-first .block-wrapper #block-block-53 div.content .callbox { font-weight: bold; padding: 10px 0 0 31px; } body.layout-first-main #sidebar-first .block-wrapper #block-block-98 div.content .callbox p, body.layout-first-main #sidebar-first .block-wrapper #block-block-53 div.content .callbox p { font-size: 17px; font-weight: bold; } body.layout-first-main #sidebar-first .block-wrapper #block-block-98 div.content, body.layout-first-main #sidebar-first .block-wrapper #block-block-53 div.content { background: url("images/call-icon.jpg") no-repeat scroll -5px 0 transparent; border: 0 none; height: 60px; width: 200px; } body.layout-first-main #sidebar-first { float: right; margin: 10px 0 !important; width: 200px; } body.layout-first-main #sidebar-first .block-wrapper #block-block-56 div.content { border: 0 none; } #sidebar-first div.block div.content, #sidebar-last div.block div.content, #postscript-wrapper div.block div.content { padding: 0 !important; } #sidebar-first div.block div.content .webform-client-form {background: linear-gradient(to bottom, #cdcccc 0%, #ffffff 56%, #ffffff 99%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none;} body.layout-first-main #sidebar-first .block-wrapper #node-374 div.content p { display:none; color: #000; margin-bottom: 0; padding: 5px 5px 5px 8px;} body.layout-first-main #sidebar-first .block-wrapper #node-374 div.content h2{ background-color: #f4e295; color: #fff; display: block; font-size: 13px; font-weight: bold; padding: 10px 0 5px 8px; margin: -8px 0 0 0; text-align: center; } #sidebar-first form.webform-client-form input.form-text, #sidebar-first form.webform-client-form textarea.form-textarea { width: 160px; } #sidebar-first div.block div.content .webform-client-form div.form-item { margin: 0.3em 0 0.3em 1em; } #primary-menu-wrapper { position: relative; z-index: 5; /* fixes IE z-index bug */ padding:0; margin:0 auto; } /********************************/ /* PREFACE REGIONS */ /********************************/ #page #preface { margin:0 auto; font-size:0px; !important } #page #preface{ height: auto; !important } #page #preface{ line-height:0; !important } #preface-wrapper { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 0; margin: 0 auto; padding:0 0 0 0px; width:1150px; } body.front #preface {padding:10px 0 0 0px;width:1150px;margin: 0 auto;} body.front #preface-wrapper { } #preface #preface-wrapper p {margin:0; padding:0;} /* correct button font size */ #preface-wrapper .form-submit { font-size: 0.6em; } #preface-wrapper #preface-first { padding-bottom:8px; } #preface-wrapper #preface-middle { } #preface-wrapper #preface-last { } #preface-wrapper.prefaces-1 div.column { float: left; /* LTR */ width: 100%; } #preface-wrapper.prefaces-2 div.column { display: inline; float: left; /* LTR */ margin: 0 14px; width: 47%; } #preface-wrapper.prefaces-2 #preface-first { width:70%; margin:0;} #preface-wrapper.prefaces-2 #preface-last { width:30%; margin:0 0 8px; text-align:right;} #preface-wrapper.prefaces-3 div.column { display: inline; float: left; /* LTR */ margin: 0 14px; width: 30%; } #preface-wrapper a:link, #preface-wrapper a:visited { color: #fff; text-decoration: underline; } #preface-wrapper a:link:hover, #preface-wrapper a:visited:hover { border-bottom: none; text-decoration: none; } div.content > a:link img { border-bottom: none; margin: 0; padding: 0; } /************************/ /* MAIN AREA WRAPPER */ /* (Sidebars + Content) */ /************************/ #main-wrapper { } #main { margin: 0 auto; /*width: 974px;*/ } #main-wrapper a.active { color: #144A6E; text-decoration: underline; } /*******************/ /* SIDEBAR REGIONS */ /*******************/ #sidebar-first { float: right; /* LTR */ } #sidebar-last { background: transparent; float: right; /* LTR */ margin: 0 0 0 10px; /* LTR */ } /*******************/ /* CONTENT REGIONS */ /*******************/ #content-wrapper { float: left; /* LTR */ } body.layout-main #content-wrapper { padding:0;} body.layout-main #content-top { } #content-top { /* margin: 0 0 30px; */ } #content { margin: 0 0 10px; /* default spacing between content regions */ } #content-inner { clear: left; } #content-bottom { clear: both; margin: 10px 0 0; } /**********************************/ /* POSTSCRIPT REGIONS */ /**********************************/ #postscript-wrapper { clear: both; margin: 0 auto; width: 960px; } #postscript-wrapper #postscript-first { padding-left: 0; /* LTR */ } #postscript-wrapper #postscript-middle { } #postscript-wrapper #postscript-last { padding-right: 0; /* LTR */ } #postscript-wrapper.postscripts-1 div.column { float: left; /* LTR */ width: 100%; } #postscript-wrapper.postscripts-2 div.column { float: left; /* LTR */ margin: 0 10px 0 8px; /* LTR */ width: 48%; } #postscript-wrapper.postscripts-3 div.column { float: left; /* LTR */ padding: 0 8px; width: 32%; } /*****************/ /* FOOTER REGION */ /*****************/ #block-block-7 {margin-left:5px;} #block-block-57 { border-bottom: 1px solid #E0E1E2; clear: both; margin-top: 0px; padding: 20px 0; margin: 0px 22px 0;} #block-block-58 {cursor: pointer; float: right;} #footer-div { background-color: #FFFFFF;padding-top: 12px;} #footer { background: url("images/footer-crv.gif") center center repeat-y; margin: 0 auto; width: 1150px; } #footer .footerleft { padding: 22px 0 0 0; background: url("images/footer-crv.gif") no-repeat scroll left top transparent; overflow:hidden; } #footer div.footerleft a {color:#6b6c6c;} #footer div.footerleft a:hover {color:#15389c;} #footer div.footerright { /*background: url("images/footer-crv.gif") no-repeat scroll left top transparent;*/ background: url("images/footer-crv.gif") no-repeat scroll right bottom transparent; border-top: 1px solid #BDBCBD; clear: both; color: #6B6C6C; overflow: hidden; padding: 0px 0 9px 15px; } #footer .welcome-box { /*background: url("images/footer-crv.gif") no-repeat scroll right bottom transparent;*/ /*border-top: 1px solid #BDBCBD;*/ background: url("images/footer-globe-bg.jpg") 1px bottom no-repeat; width: 246px; float:left; color: #615F5F; margin-top: 0; padding: 0 0 22px 303px; } #footer div.footerleft .welcome-box p { line-height: 18px; } #footer div.footerright ul li a {color:#15389c; text-decoration:underline; } #footer div.footerright ul.menu li a.active {font-weight:bold; text-decoration: none;} #block-block-51 { float: right; } #footer div.footerright div.block-wrapper {padding-bottom: 0; display: table; float: left; font-size: 11px; width: 49%;} #footer div.footerright div.block-wrapper.odd { padding: 15px 0 0 0; } #footer div.footerright div.block-wrapper.even { padding-top: 4px; } #footer p {margin:0; padding:0;} #footer ul { margin: 2px 0 0 0; padding: 0; /* LTR */ overflow:hidden; } #footer div.footerleft .welcome-links { float: right; width: 576px; } #footer div.footerleft ul.menu li span.nolink, #footer div.footerleft ul.menu li a.blody {font-weight:bold; color:#000000; padding-bottom: 15px; display: block; } #footer div.footerleft ul li {float:left; padding:0; border-left:none; line-height: 100%; margin: 0 0 15px; width: 209px;} #footer #callnow ul li { border: none!important; } #footer #callnow .email {padding: 10px 0 0 0; float: left; width: 302px; } #footer #callnow .email a { padding: 0 0 4px 25px; margin: 0 15px 0 0; display: block; float: left; background: url("images/icons.gif") 0 -429px no-repeat; } #footer #callnow .email span.phone { padding: 1px 0 7px 25px; cursor:auto; flaot: left; color: #000; background:url("images/icons.gif") 1px -366px no-repeat; } #footer #callnow .email span.phone a { display: none!important; } #footer div.footerleft ul li.leaf.last {width:151px; border:none; margin-bottom: 0; } #footer div.footerleft ul li.last { width: 140px; } #footer div.footerleft ul li ul {display:block; overflow:hidden; min-height: 140px; } #footer div.footerleft ul li ul li { margin-left:0;} #footer ul li { background: transparent none repeat; border-left: 1px solid #15389C; /* LTR */ /* display: inline; */ float:left; padding: 0 5px; /* LTR */ line-height:100%; } #footer ul li ul {display:none;} #footer ul li.first { border: none; } #footer div.footerleft ul li.first { width:223px !important; } #footer ul li.last { padding:0 0 0 5px;} #legal-notice { background: #F4F7E7; clear: both; color: #AAA; display: block; font-size: 0.9em; padding: 10px 0; text-align: center; width: 100%; } #legal-notice a { color: #6699CC; } /****************************************/ /* COLUMN LAYOUTS */ /* */ /* Classes for different column layouts */ /* that are applied to the tag. */ /****************************************/ /************************/ /* SINGLE COLUMN LAYOUT */ /* (Main Content) */ /************************/ #main-body { margin: 0 auto; width:1150px; float:none; } #main-body .body-ends {height:0; } body.not-front #main-body { /*background-color:#ffffff;*/ margin:0 auto 10px auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} /**************************/ /* TWO COLUMN LAYOUT */ /* (Sidebar:Main Content) */ /**************************/ body.layout-first-main #sidebar-first { margin: 24px 0px 10px 0px; width: 200px; } body.layout-first-main #content-wrapper { margin: 10px 0 10px 0; background-color: #fff; padding: 0 10px; border-radius: 6px; box-shadow:0 0 5px #D3D3D3; /* LTR */ width: 914px; float:left;position: relative; } /**************************/ /* TWO COLUMN LAYOUT */ /* (Main Content:Sidebar) */ /**************************/ body.layout-main-last #content-wrapper { margin: 10px 14px 0 0; position: relative; width: 480px; z-index: 1; } body.layout-main-last #sidebar-last { background-color: transparent; margin: 10px 0 0 0; width: 480px; } /**********************************/ /* THREE COLUMN LAYOUT */ /* (Sidebar:Main Content:Sidebar) */ /**********************************/ body.layout-first-main-last #sidebar-first { margin: 10px 18px 10px 17px; /* LTR */ width: 190px; } body.layout-first-main-last #content-wrapper { margin: 10px 0 10px; width: 745px; } body.layout-first-main-last #content-wrapper #content-inner {} body.layout-first-main-last #content-wrapper #sidebar-last { background-color: #F4F7E7; margin: 0; padding: 0 0 0 20px; /* LTR */ width: 190px; } body.full-node.layout-first-main-last #sidebar-last { margin: 0; } /******************/ /* HELPER CLASSES */ /******************/ .hide { display: none; visibility: hidden; } .left { float: left; } .right { float: right; } .chatbtn { width:103px; } .chatbtn img { } .clear { clear: both; line-height:0.1; } .clearfix:after { /* add .clearfix class to clear floats after an element */ clear: both; /* (IE version is in ie6-fixes.css) */ content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } /************/ /* HEADINGS */ /************/ h1.title { /* page titles */ border-bottom: 1px solid #D3D4D4; clear: left; /* LTR */ font-family: Arial, Helvetica, sans-serif; font-size: 1.833em; font-weight: 600; line-height: 1.272em; } h2.title { /* block titles, node titles */ font-family: Arial, Helvetica, sans-serif; font-size: 1.333em; font-weight: 600; text-transform: uppercase; } h2.title a:link, h2.title a:visited {} h2.title a:hover, h2.title a:active { color: #619CBE; text-decoration: none; } div.node h2.title { border-bottom: 1px solid #D3D4D4; } /*********/ /* NODES */ /*********/ div.node { margin: 0 0 30px; } body.full-node div.node { overflow: hidden; padding: 10px 0 0; } div.node.sticky.teaser { background-color: #EFF2E2; border: 1px solid #E0E3D4; padding: 8px; } #content-content .node ul.links li, #content-content .node ul.inline li, #content-content .node .links a { background: transparent; margin: 0; padding: 0 14px 0 0; /* LTR */ } div.node .read-more a, div.node .more-link a, div.node .links a { font-size: 0.9em; font-weight: bold; margin: 0; } #content-content .node ul.links li.comment_forbidden a { padding-right: 4px; /* LTR */ } .submitted, .terms { /* styling for byline and tags */ font-size: 0.9em; } .vocab-name { font-weight: bold; } .terms { line-height: 130%; display:none; } #content-content .terms ul.taxonomy li { background: transparent; margin: 10px 0 5px; padding: 0; } #content-content .terms ul.taxonomy ul.vocab-list, #content-content .terms ul.taxonomy li.vocab-term { background: transparent; display: inline; padding: 0 0 0 2px; /* LTR */ } .submitted a:link { } .submitted a:visited, .submitted a:hover, .submitted a:active { } div.node.full-node div.content { /* border-bottom: 1px solid #D3D4D4; */ } .node-form .standard { clear: none; } .picture { float: right; /* LTR */ margin: 0 0 2px 4px; /* LTR */ padding: 2px; } /**********/ /* BLOCKS */ /**********/ div.block { position: relative; } div.block-region { background-color: #FFFF66; color: #000; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 16px; margin-bottom: 4px; margin-top: 4px; padding: 3px; text-align: center; } div.block .title { } div.block .submitted { /* byline styles in blocks */ } div.block .submitted a:link { } div.block .submitted a:visited, div.block .submitted a:hover, div.block .submitted a:active { } div.block-wrapper { /* spacing between blocks */ margin: 0; } div.block div.content { } #user-login-form .item-list ul li, div.terms ul li { list-style-type: none; margin: 2px 0 0 16px; /* LTR */ } #header-middle h2.block-title, #header-last h2.block-title { color: #51748C; font-size: 1.833em; margin: 0; padding: 0; } #preface-wrapper h2.block-title { background-color: transparent; color: #15389C; font-size: 1em; padding: 0; } #preface-wrapper .block .content { margin: 10px 0 0; } body.layout-first-main-last #sidebar-first .block-wrapper, body.layout-first-main-last #sidebar-last .block-wrapper, #main-wrapper #sidebar-first .block-wrapper { padding: 0 0 10px; overflow:hidden; } /* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */ #sidebar-first h2.block-title, #sidebar-last h2.block-title, #postscript-wrapper h2.block-title { background-color: #666666; color: #fff; padding: 3px 8px; font-size:14px; text-transform:capitalize; text-align: center; border:1px solid #efefef; border-bottom: none; } #sidebar-first div.block div.content, #sidebar-last div.block div.content, #postscript-wrapper div.block div.content { /*border:1px solid #C6C7CC;*/ padding:6px 0 0 0; } #sidebar-first div.block div.content ul.menu {padding:0;} #sidebar-first div.block div.content ul.menu li.collapsed { border-bottom: 1px solid #ccc;} #sidebar-first div.block div.content ul.menu li { border-collapse:collapse; color:#444649; font-size:13px; font-weight:bold; list-style-type:none; margin:0; padding:0; line-height: 20px; } #sidebar-first div.block div.content ul.menu li ul li { border-bottom: none; } #sidebar-first div.block div.content ul.menu li ul { margin:0; padding:0; } #sidebar-first div.block div.content ul.menu li ul li ul { margin:0; padding:0; } #sidebar-first div.block div.content ul.menu li a { padding: 4px 7px; display: block; color: #6A7074; font-size: 13px; } #sidebar-first div.block div.content ul.menu li a:hover, #sidebar-first div.block div.content ul.menu li a.active { background: url("images/left-links-arrow.png") no-repeat 185px 10px; color: #000; text-decoration: none; } #sidebar-first div.block div.content ul.menu li.expanded a:hover { background: url("images/left-links-arrow.png") no-repeat 185px 10px #F4F4F4; color: #000000; } #sidebar-first div.block div.content ul.menu li.expanded ul li a:hover { text-decoration: none; background: url("images/arrow-drop.png") no-repeat 10px -37px transparent!important; } #sidebar-first div.block div.content ul.menu li ul.menu li a, #sidebar-first div.block div.content ul.menu li ul.menu li span.nolink {font-size: 12px; font-weight: bold; padding: 1px 0 1px 20px; text-decoration: none; background: url("images/arrow-drop.png") no-repeat scroll 10px 8px transparent;} #sidebar-first div.block div.content ul.menu li ul.menu li ul li ul li a { background: url("images/dot.gif") no-repeat 7px 4px transparent; } #sidebar-first div.block div.content ul.menu li ul.menu li ul li ul li a:hover { background: url("images/dot.gif") no-repeat 14px 4px transparent!important; } #sidebar-first div.block div.content ul.menu li ul.menu li span.nolink {font-weight:normal; color:#82858A !important;} #sidebar-first div.block div.content ul.menu li ul.menu li ul li a, #sidebar-first div.block div.content ul.menu li ul.menu li ul li span.nolink {padding:3px 0 3px 20px; font-weight: normal; margin:0; font-size:11px; line-height:120%; height:15px; border-bottom:0px solid #C6C7CC; color:#3A3B40;} #sidebar-first div.block div.content ul.menu li ul.menu li {margin:0 0 0 0; padding:0 0 0 0;} #sidebar-first div.block div.content ul.menu li ul.menu li.expanded a {border-bottom:none;} #sidebar-first div.block div.content ul.menu li ul.menu li ul.menu { border-bottom:1px solid #C6C7CC;} #sidebar-first div.block div.content ul.menu li ul.menu li ul.menu li ul.menu { border-bottom:0px solid #C6C7CC;} #sidebar-first div.block div.content ul.menu li ul li ul li {font-size:11px; /*background:transparent url(images/bdot.gif) no-repeat scroll -4px 2px; */} /*#sidebar-first div.block div.content ul.menu li ul li ul li ul li {background:transparent url(images/dot.gif) no-repeat scroll -4px 2px;}*/ #sidebar-first div.block div.content ul.menu li ul.menu li ul.menu li ul.menu li a { padding-left:27px !important; background-position:14px 4px;} #sidebar-first #block-block-50 div.content form { padding:10px 0 10px 10px;} #sidebar-first #block-block-50 div.content p { margin-bottom:0; padding-left:10px;} #sidebar-first #block-block-50 div.content p a.icons {width:14px; height:14px; background:transparent url(images/icons.gif) no-repeat scroll 0px 0px; padding:1px 8px; margin:0 2px;} #sidebar-first #block-block-50 div.content p a.facebook {background-position:0 -1534px;} #sidebar-first #block-block-50 div.content p a.twitter {background-position:0 -1566px;} #sidebar-first #block-block-50 div.content p a.linked-in {background-position:0 -1623px;} #sidebar-first #block-block-50 div.content p a.rss {background-position:0 -1596px;} #sidebar-first div.block div.content ul.menu li ul li a {font-weight:normal;} /*#sidebar-first div.block div.content ul.menu li ul li,*/ body.layout-first-main #content-wrapper #content div.admin-panel div.item-list ul li, body.layout-first-main #content-wrapper #content div.admin-panel ul li, body.layout-first-main #content-wrapper #content div.help-items ul li, body.layout-first-main #content-wrapper #content div.item-list ul li { background:transparent url(images/BlueDot.gif) no-repeat scroll 1px 4px; border-bottom-style:none; font-size:12px; font-weight:normal; margin:3px 0; padding:0 0 0 10px; } #sidebar-first #block-block-21 div.content ul.menu li {color:#444649; font-size:12px;padding:5px 0 0;} #sidebar-first #block-block-21 div.content ul.menu li ul li {padding:0; } #sidebar-first #block-block-21 div.content ul.menu li b {padding:2px 7px;} #sidebar-first #block-block-21 div.content ul.menu li a {color:#6A7074; text-decoration:none; background:none; border:none; padding:0 2px 0 7px; font-size:12px; line-height:18px;} #sidebar-first #block-block-21 div.content ul.menu li a:hover { text-decoration: underline; } #sidebar-first #block-block-21 div.content ul.menu li ul {/*border-bottom:1px solid #DBE1E6;*/ padding-bottom:5px; } /* non-rounded blocks styles = prefaces & layout-main-last blocks */ #preface-wrapper div.block div.content, body.layout-main-last #sidebar-last div.block div.content { border: none; } body.layout-main-last #sidebar-last div.block-wrapper { margin: 0 0 30px; } #preface-wrapper div.block div.content, body.layout-main-last #sidebar-last div.block div.content, #footer div.block div.content { background: none; border-bottom: none; margin: 0; padding: 0; } body.layout-main-last #sidebar-last div.block div.content { padding: 6px; } body.layout-main-last #sidebar-last h2.block-title { border-bottom: 1px solid #D3D4D4 ; background-color: transparent; color: #666; padding: 0; text-align: left; /* LTR */ text-shadow: none; width: 400px; } #footer h2.block-title { background: transparent; color: #666; display:none; } #sidebar-first #block-search-0 .form-item label, #sidebar-last #block-search-0 .form-item label { display: none; } /***************/ /* BLOCK MENUS */ /***************/ div.block ul li a, div.block ul.menu li a { font-size: 1em; /*font-weight: bold;*/ } div.block ul.menu li, div.block .item-list ul li { margin: 0; } div.block ul.menu li a:link, div.block ul.menu li a:visited { } div.block ul.menu li a:hover, div.block ul.menu li a:active { } #footer div.block ul li a, #footer div.block ul.menu li a { font-weight: normal; } /*****************************************/ /* ROUNDED CORNERS FOR BLOCKS (optional) */ /*****************************************/ div.rounded-block { margin-top: -1px; /* use negative margin to overlap stacked blocks */ } p.rounded-topspace { margin-top: -14px; /* removes unwanted space */ } p.rounded-bottomspace { margin-bottom: -10px; /* removes unwanted space */ } div.rounded-block-top-left, div.rounded-block-top-right, div.rounded-block-bottom-left, div.rounded-block-bottom-right { background: transparent url(images/rounded-block.png) no-repeat; /* combined rounded corner image */ font-size: 2px; /* IE div correction */ height: 11px; /* height of an image corner */ } body.layout-main-last #sidebar-last div.rounded-block-top-left, body.layout-main-last #sidebar-last div.rounded-block-top-right, body.layout-main-last #sidebar-last div.rounded-block-bottom-left, body.layout-main-last #sidebar-last div.rounded-block-bottom-right { background: none; font-size: inherit; height: auto; } div.rounded-block-top-left, div.rounded-block-bottom-left { margin-right: 11px; /* width of an image corner */ } div.rounded-block-top-right { /* anchor image in top right */ background-position: 100% 0; } div.rounded-block-top-right, div.rounded-block-bottom-right { margin-left: 11px; /* width of an image corner */ margin-top: -11px; /* height of an image corner */ } body.layout-main-last #sidebar-last div.rounded-block-top-right, body.layout-main-last #sidebar-last div.rounded-block-bottom-right { margin: 0; } div.rounded-block-bottom-left { background-position: 0 -11px; /* negative height of an image corner */ } div.rounded-block-bottom-right { background-position: 100% -11px; /* negative height of an image corner */ } div.rounded-outside, div.rounded-inside { background: transparent url(images/rounded-block-inner.png) repeat-y right; padding-right: 8px; } body.layout-main-last #sidebar-last div.rounded-outside, body.layout-main-last #sidebar-last div.rounded-inside { background: none; margin: 0; padding: 0; } div.rounded-inside { background-position: left; padding: 0 0 0 8px; } /****************/ /* PRIMARY MENU */ /****************/ #primary-menu ul.menu li.last { border-right: none; } #primary-menu { /* menu layout */ display: block; float: right; font-family: 'UniversCondensed'; font-size: 15px; font-weight: normal; padding: 0; position: relative; text-transform: uppercase; z-index:555!important; clear: right; } #primary-menu ul.links li { /* text styling for the top (primary) menu */ } /* #primary-menu ul.menu li.first a { background:transparent url(images/new-icons.gif) no-repeat -30px 0; color:#788898; width:28px; padding: 12px 12px 5px;} #primary-menu ul.menu li.first a { background: url("images/home-icons.gif") no-repeat -46px 10px; text-indent: -99999px; width: 22px; } #primary-menu ul.menu li.first a:hover, #primary-menu ul.menu li.first.active {background: url("images/home-icons.gif") no-repeat -46px -29px; border-radius: 4px 0 0 2px;} #primary-menu ul.menu ul li.first a:hover, #primary-menu ul.menu ul li.first.active { background: url("images/arrow-drop.png") no-repeat left -36px; } #primary-menu ul.menu ul li.first ul li:hover { background: #c4c7ce; } #primary-menu ul.menu ul li.first a { text-indent: 0px; } #primary-menu ul.menu li.ul first a.active {color:#000; background: url("images/arrow-drop.png") left -36px no-repeat;} */ #primary-menu ul.menu li.expanded ul.menu li.first a.active {color:#788898; font-weight:bold;} #primary-menu ul.menu li.first a:hover {color:#000;} /* #primary-menu ul.menu li.first {margin:0; padding:0; border-left:0px !important; border-right:0px !important;}*/ /*#primary-menu ul.menu li.expanded ul.menu li.first,*/ #primary-menu ul.menu li.expanded ul.menu li {border-left: 0px solid #C4C7CE !important; border-right: 0px solid #C4C7CE !important; padding:3px 0 3px 0.833em;} #primary-menu ul.menu li.expanded ul.menu li.first a:hover { color:#000000;} #primary-menu ul.menu li.expanded ul.menu li.first a:hover { color:#000000;} #primary-menu ul.links li.last { /* .first and .last classes applied to first and last menu & list items */ } #primary-menu ul.links li a:link, #primary-menu ul.links li a:visited { } #primary-menu ul.links li a:hover, #primary-menu ul.links li a:active { } /************************************/ /* PRIMARY MENU WITH DROPDOWNS */ /* - used with menu_tree theming of */ /* $primary_links in page.tpl.php */ /************************************/ #primary-menu ul.menu li { /* top item layout */ margin: 0; display: block; float: left; /* LTR */ padding: 0; /* 0 0 0 10px */ position: relative; width: auto; border-right:1px solid #bcbcbc; } #primary-menu ul.menu li:hover, #primary-menu ul.menu li.hover, #primary-menu ul.menu li.active-trail{ /*background:url("images/menu_hover.jpg") repeat-x; color:#000000; text-decoration:none;*/} #primary-menu ul.menu li.active-trail { } #primary-menu ul.menu li li:hover { color:#000000; text-decoration:none; background: #f2f2f2; } /*#primary-menu ul.menu li.first:hover, #primary-menu ul.menu li.first.active-trail { border-radius: 3px 0 0 3px; background: url("images/menu_hover.jpg") repeat-x scroll 0 0 transparent; background-color: #f0f0f0; }*/ #primary-menu ul.menu li ul.menu li.active-trail { background:#FFFFFF;} #primary-menu ul.menu li ul.menu li ul li a.active {color:#000000;} #primary-menu ul.menu li span.nolink, #primary-menu ul.menu li a { color: #292a2a; display: block; padding: 0px 20px; /* 0.332em 0.833em 0.166em 0 */ text-decoration: none; line-height:130%; } #primary-menu ul.menu li a:hover, #primary-menu ul.menu li:hover a, #primary-menu ul.menu li.hover a , #primary-menu ul.menu li.active-trail a {color:#000; text-decoration:none; } /* #primary-menu ul.menu li.first.active-trail a { background: url("images/home-icons.gif") no-repeat scroll -46px -29px transparent; } */ #primary-menu ul.menu li ul { left: -999em; margin: 0; padding:0; position: absolute; width: 220px; border-bottom:3px solid #E48B1B; z-index: 2; } #primary-menu ul.menu li:hover ul, #primary-menu ul.menu li.hover ul { display: block; left: auto; } #primary-menu ul.menu li ul li { background: #f6f7f7; border: 1px solid #C4C7CE; float: left; font-weight:400; font-family: Arial, Helvetica, sans-serif; height: auto; margin: 0; border-top: none; width: 208px; } /* #primary-menu ul.menu li ul li.last { border-top: none } */ #primary-menu ul.menu li ul li a, #primary-menu ul.menu li ul li a:link, #primary-menu ul.menu li ul li a:visited { background: url("images/arrow-drop.png") left 6px no-repeat!important; font-weight: normal; color: #616161; display: block; margin: 0; padding: 2px 0 2px 12px; text-transform: none; width: 192px; font-size:12px; } #primary-menu ul.menu li ul li a:hover { color: #000; display: block; margin: 0; padding: 2px 0 2px 12px; text-decoration: none; background: url("images/arrow-drop.png") left -39px no-repeat!important; } #primary-menu ul.menu li ul li ul.menu { left: -999em; margin: 0 0 0 47px; /* LTR */ padding: 6px 0 0px; } #primary-menu ul.menu li ul li ul.menu li.first{ border-top: 1px solid #bbbbbb; } #primary-menu ul.menu li ul li:hover ul.menu, #primary-menu ul.menu li ul li.hover ul.menu { display: block; left: 173px; /* LTR */ top: -7px; } #primary-menu ul.menu li ul li ul.menu li a { padding: 2px 0 2px 12px; width: 180px; } /******************/ /* SECONDARY MENU */ /******************/ #secondary-menu { } /***********/ /* MISSION */ /***********/ #mission { padding: 8px 0; } /***************/ /* BREADCRUMBS */ /***************/ #breadcrumb { font-size: 10px; line-height: 100%; margin:0 auto; height:18px; width: 984px; display: none; } body.layout-main-last #breadcrumb { left: 0; /* LTR */ } #breadcrumb div.here {padding:3px 2px 2px 5px; font-weight:bold; width:75px; float:left;} .breadcrumb { margin: 0; padding:3px 2px 2px 0px; } /********/ /* TABS */ /********/ /* styling for node tabs (e.g., View, Edit) */ #content-tabs { background-color: transparent; float: left; /* LTR */ margin: 0; padding: 0; } #content-tabs ul.primary, #content-tabs ul.secondary { border-bottom: 1px solid #bbb; clear: left; /* LTR */ float: left; /* LTR */ margin: 0; padding: 0 10px; text-transform: uppercase; } #content-tabs ul.secondary { border-bottom: 1px solid #bbb; margin-top: 10px; text-transform: lowercase; } #content-tabs ul.primary li, #content-tabs ul.secondary li { background: transparent; border-style: none; display: inline; float: left; /* LTR */ list-style: none; margin: 0 10px; padding: 0; } #content-tabs ul.primary li a:link, #content-tabs ul.primary li a:visited, #content-tabs ul.secondary li a:link, #content-tabs ul.secondary li a:visited { background-color: transparent; border: none; color: #15389C; float: left; /* LTR */ font-size: 1.1em; line-height: 1.2em; font-weight: bold; margin: 0; padding: 0 0 6px 0; text-decoration: none !important; } #content-tabs ul.secondary li a:link, #content-tabs ul.secondary li a:visited { color: #15389C; font-size: 1em; line-height: 1.1em; } #content-tabs ul.primary li a.active:link, #content-tabs ul.primary li a.active:visited { border-bottom: 4px solid #BBB; color: #15389C; padding-bottom: 2px; } #content-tabs ul.secondary li a.active:link, #content-tabs ul.secondary li a.active:visited { border-bottom: 4px solid #BBB; color: #15389C; padding-bottom: 2px; } #content-tabs ul.primary li a:hover, #content-tabs ul.secondary li a:hover { border-bottom: 4px solid #BBB; color: #15389C; padding-bottom: 2px; } /*********/ /* FORMS */ /*********/ form { margin: 0; padding: 0; } select.form-select, input.form-text, textarea.form-textarea { /* default styling for all text fields */ background: #F6F9FB url(images/form-bg.png) left top; color: #666666; border: 1px solid #9BABB0; padding: 2px 0; } body.layout-first-main-last select.form-select, body.layout-first-main-last input.form-text, body.layout-first-main-last textarea.form-textarea, body.layout-first-main-last div.resizable-textarea, body.layout-first-main-last div.resizable-textarea .grippie { max-width: 325px; } input.form-submit, input.teaser-button { /* default styling for all form buttons */ background: transparent url(images/blue-button.png) no-repeat left center; border: 1px solid #fff; color: #fff; cursor: pointer; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /*font-size: 0.916em; padding: 2px 4px;*/ padding:5px 15px; font-size:1.2em; font-weight: bold; margin: 0 4px; text-transform: none; outline: 1px solid #9BABB0; } input.form-submit:hover, input.teaser-button:hover { background-position: right center; cursor: pointer; } body.not-logged-in div#edit-actions {text-align: center;} fieldset { border: 1px solid #D3D4D4; margin: 15px 0; padding: 10px; } fieldset.collapsed { } fieldset legend { font-weight: bold; font-size:13px; color:#31456C; } html.js fieldset.collapsible legend a { font-weight: bold; } form#system-theme-settings select, form#system-theme-settings input.form-text { width: 95%; } #user-login-form { text-align: left; /* LTR */ } div.form-item label { font-weight: normal; } html.js input.form-autocomplete { background-position: 100% 5px; /* LTR */ } /* prevents fields from overflowing into sidebar-last */ body.layout-main-last input.form-text { width: 450px; } /* accordion css */ .boxpanel.faq #accordion h3 { padding:3px 12px!important; color: #005A8C!important; cursor: pointer; margin: 0; border:none; font: normal 13px Arial,Helvetica,sans-serif!important; background: url("images/bdot.gif") no-repeat left 6px; } .boxpanel.faq #accordion .ui-corner-bottom { border: none; } .boxpanel.faq #accordion .ui-accordion-content { padding: 15px; height: auto; margin: 0 0 15px 12px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); background: #F5F5F5; } .boxpanel.faq #accordion table.tblpanel tr td { border: 1px solid #c6c7cc; } .boxpanel.faq #accordion table.tblpanel tr.tblhead td { background-color: #e4e4e4; } .boxpanel.podpages img { border: none; } body.layout-first-main #content-wrapper .boxpanel.podpages table.tblpanel { border: none; } table.tblpanel tr td { border: none; padding: 5px 0; } /*body.layout-first-main #content-wrapper #content #content-inner #content-content .boxpanel.podpages h4 { margin: 0; }*/ .boxpanel.podpages .graybox, .graybox { background-color: #f7f7f7; border: 1px solid #c9cacf; padding: 10px 15px; overflow: hidden; width: 96%; } .grayhdbox {} .grayhdbox .grayhalf { float: left; min-height: 403px; background-color: #f7f7f7; border: 1px solid #c9cacf; padding: 0 1%; margin: 0 1%; overflow: hidden; width: 46%; } .grayhdbox .grayhalf.last { margin-right: 0 ; } /* list box */ .listbox {} .listbox .list { overflow: hidden; padding-bottom; 20px; } .listbox .left { float: left; width: 170px;} .listbox .right { float: right; width: 738px; } body.layout-first-main #content-wrapper #content .listbox .left img { margin: 0; } .listbox .callus { margin-top: 15px; overflow: hidden; width: 910px; } body.layout-first-main #content-wrapper #content .listbox .callus p { font-weight: bold; margin: 0; font-size: 1.2em; } .listbox .callus p span { color: #E48B00; } .supportbox { padding-top: 34px; padding-bottom: 14px; width: 930px; background: url("images/suuport-bg.jpg") repeat-x left top; height: 111px; } .supportbox a{ float: left; width: 230px; text-align: center; padding: 76px 0 0; color: #4d4d4d; font-size: 15px; text-decoration: none!important; } .supportbox a:hover { color: #000; } .supportbox a.email { width: 210px; background: url("images/mail-icon.png") no-repeat center top; } .supportbox a.livechatlink { width: 190px; background: url("images/chat-icon.png") no-repeat center top; } .supportbox a.contact { width: 292px; background: url("images/request-icon.png") no-repeat center top; } .supportbox a.consult { background: url("images/consult-icon.png") no-repeat center top; } .supportbox a.email:hover {background-position: center -150px;} .supportbox a.livechatlink:hover {background-position: center -184px;} .supportbox a.contact:hover {background-position: center -200px;} .supportbox a.consult:hover {background-position: center -190px;} /**********/ /* PAGERS */ /**********/ #main-wrapper .item-list .pager { clear: both!important; margin: 0 0 20px!important; text-align: center!important; line-height:100%!important; } #preface-wrapper .item-list .pager li, #main-wrapper .item-list .pager li { background-image: none!important; display: inline!important; list-style-type: none!important; margin: 0!important; padding: 2px!important; } #main-wrapper .item-list .pager a.active { color: #31456C!important; font-size: 1em!important; font-weight: bold!important; padding: 2px 4px!important; text-decoration: none!important; } #main-wrapper .pager li.pager-current { background-color: #DBDDE2!important; border: 1px solid #DBDDE2!important; color: #6B6C6C!important; margin: 0!important; padding: 2px 6px!important; } #main-wrapper .pager-first, #main-wrapper .pager-next, #main-wrapper .pager-previous, #main-wrapper .pager-item, #main-wrapper .pager-last { background-color:#F2F3F5!important; border: 1px solid #DBDDE2!important; margin: 0 4px!important; padding: 2px 6px!important; } #main-wrapper .pager-first:hover, #main-wrapper .pager-next:hover, #main-wrapper .pager-previous:hover, #main-wrapper .pager-item:hover, #main-wrapper .pager-previous:hover, #main-wrapper .pager-last:hover, #main-wrapper .item-list .pager a.active:hover { background-color: #ffffff!important; } /**********/ /* TABLES */ /**********/ table { border-collapse: collapse; margin: 0 0 10px; width: 100%; } .layout-first-main-last table { border-collapse: collapse; margin: 0 0 10px; width: 57%; } th { text-align: left; /* LTR */ padding: 5px 0; border-bottom: 3px solid #C4C7CF; color:#31456C; font-size:1.1em; } tr { padding: 0.1em 0.6em; } td { padding: 4px; font-size:13px; } th.active img { display: inline; } tr.even td { background-color: #F2F3F5 /* #e1ecf4*/; border-bottom: 1px solid #C4C7CF; } tr.odd td { background-color: #ffffff/*#f5fbfe */; border-bottom: 1px solid #C4C7CF; } td.active { } tbody { border-top: 1px solid #C4C7CF; } tbody th { border-bottom: 1px solid #C4C7CF; } thead th { text-align: left; /* LTR */ padding-right: 1em; border-bottom: 3px solid #C4C7CF; } /****** ****/ /* WSA TABLES */ /****** ****/ table.wsa-table tbody { border-top:none; font-size:12px;} table.wsa-table tbody tr td.dblue { background-color:#0070c0; color:#ffffff; font-weight:bold;} table.wsa-table tbody tr td.oddwhite { background-color:#dce6f1; width:14%;} table.wsa-table tbody tr td.even { background-color:#f2f3f5; width:32%;} table.wsa-table.new tbody tr.width td.even { background-color:#f2f3f5; width:16%;} table.wsa-table tbody tr td.oddblue { background-color:#ecf2f8;} table.wsa-table tbody tr td.borwhite {border-bottom:1px solid #ffffff;} table.wsa-table tbody tr td.borgray {border-bottom:1px solid #c4c7cf;} body.layout-first-main #content-wrapper #content table.wsa-table tbody tr td img { margin:0;} /****** ****/ /* PHX edits */ /****** ****/ .rangBox { overflow: hidden; clear: both; height: 30px; border-style: solid; border-color: #CACACA; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px 0px; } .rangBox .rang.one { width: 18%; padding: 0px 0px 0px 2%; } .rangBox .rang.spec { width: 46.3%; padding: 0px 4%; } .poc .rangBox .rang.spec { width: 74%; padding: 0px 6% 0 2%; } .rangBox .rang.buy { padding: 0px 0px 0px 25px; width: 22.5%; background: url('images/shop-icon.jpg') no-repeat scroll left 7px transparent; } .rangBox .rang { float: left; } .rangBox p { padding: 0px 15px 0px 0px; margin: 0px; font-weight: bold; font-size: 13px; line-height: 30px!important; display: inline-block; background: url('images/arrow-orange.jpg') no-repeat scroll right 13px transparent; } /*******************/ /* DRUPAL MESSAGES */ /*******************/ .node-unpublished { background-color: #FFF4F4; } .preview { background-color: #FFFFEA; padding: 10px; } .description { } div.messages { background:#ECF5FF none repeat scroll 0 0; border:1px solid #CCDEF1 ; color:#15389C; font-size:1em; font-weight:bold; margin:0 0 20px; padding:5px 10px; } div.messages a {color:#A67800; text-decoration:underline;} div.messages ul { list-style-position: inside; } div.messages ul li { background:transparent url(images/icons.gif) no-repeat scroll 0 -1289px; padding-left:24px; margin-bottom:5px;} div.messages em { color: #15389C; } div.error { /* background-color: #FFF2F2; border-color: #FF0000; */ background: #F7F7F7; border-color:#DFDFDF; color: #B20000; } div.status { } /*div.warning { border:1px solid #F0C020; background:#FFFCE3; color:#A67800;} div.warning a { color:#15389C; text-decoration:underline;} */ .help { } .help .more-help-link { } .marker { } .tips { } #help { clear: left; margin: 0; overflow: hidden; padding: 0; } /*--------------------------------*/ /*---- MODULE SPECIFIC STYLES ----*/ /*--------------------------------*/ /*******************/ /* BOOK NAVIGATION */ /*******************/ .book-navigation .menu { border-top: 1px solid #CCC; padding: 1em 0 0 3em; /* LTR */ } .book-navigation .page-links { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; padding: 0.5em; } /********/ /* BLOG */ /********/ /************/ /* COMMENTS */ /************/ #comments { clear: both; } #comments h2.comments { background-color: #15389C; color: #fff; font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif; font-size: 1.333em; font-weight: 600; padding: 6px 14px 6px 52px; /* LTR */ text-shadow: #545454 1px 1px; text-transform: uppercase; } #comments .content { background: transparent; border: none; } #main-wrapper #comments a.active { color: #15389C; text-decoration: none; } .box { padding: 10px; } #comment-form { margin: 0 0 20px; padding: 0 20px; } .comment { border: none; margin: 6px 0 0; padding: 10px; } .comment h3.title { font-weight: bold; margin: 0 0 5px 0; } .comment .links a { font-size: 0.9em; text-align: right; /* LTR */ } #comments .odd { background-color: #F4F7E7; border: 1px solid #ddd; } #comments .even { background-color: #fff; } #comments .comment-by-author { background-color: #FFFFEA; } .comment ul.links { text-align: right; /* LTR */ clear: right; } #content-content .comment ul.links li { background: transparent; margin: 0 10px 0 0; /* LTR */ padding: 0; } .signature p { border-top: 1px solid #D3D4D4; font-family: serif; font-size: 0.916em; margin: 10px 0; padding: 0; } .content blockquote p { font-style: italic; margin: 0; padding: 0 20px 8px; } blockquote { background: url(images/close-quote.gif) no-repeat right bottom; /* LTR */ color: #5A6A78; margin: 10px 0; } blockquote :first-child { background: url(images/open-quote.gif) no-repeat left top; /* LTR */ padding: 10px 0 0 20px; /* LTR */ } blockquote * > :first-child { background: transparent; padding: 0; } blockquote a:link { text-decoration: underline; } /**********/ /* FORUMS */ /**********/ #forum .description { font-size: 0.9em; margin: 0.5em; } #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: nowrap; } #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager { text-align: center; } .forum-topic-navigation { padding: 1em 0 0 3em; /* LTR */ border-top: 1px solid #888; border-bottom: 1px solid #888; text-align: center; padding: 0.5em; } .forum-topic-navigation .topic-previous { text-align: right; /* LTR */ float: left; /* LTR */ width: 46%; } .forum-topic-navigation .topic-next { text-align: left; /* LTR */ float: right; /* LTR */ width: 46%; } /*********/ /* POLLS */ /*********/ .poll .bar { /* styles for poll ratings */ background-color: #DDD; } .poll .bar .foreground { background-color: #999; float: none; } /************/ /* PROFILES */ /************/ .profile { clear: none; margin: 12px 0; } .profile h2.title { margin-top: 15px; border-bottom: 1px solid; } .profile dt { float: left; /* LTR */ margin: 18px 0 24px; padding: 0 5px; text-align: left; /* LTR */ width: 185px; } .layout-first-main-last .profile dd { margin: 15px 5px 0 120px; /* LTR */ } .layout-first-main-last .profile dt { width: 100px; } /******************/ /* SEARCH RESULTS */ /******************/ /*********/ /* VIEWS */ /*********/ .view .view-comments-recent .views-field-subject { font-weight: bold; } .view .view-style-node{} .view .view-style-teaser{} .view .view-style-list{} .view .view-style-table{} .view .views-admin-links li { background: transparent !important; } /*-------------------------Changes By Thursday December 24th, 2009 1 pm------------------------------------*/ #client-logo { background: url("images/new-shade.gif") repeat-x scroll 0 -199px transparent; border: 1px solid #D2D2D2; clear: both; height: 38px; margin: 10px 0; width: 1150px; border-radius: 5px; } #client-logo, #top-home-box {display:none;} #top-home-box .top-home-box {padding-left:0;} #top-home-box .top-home-box img {margin:0!important;} body.front #client-logo {display: block; margin:0 0 15px 0px; background: url(images/new-shade.gif) repeat-x scroll 0 -199px transparent; } body.front #top-home-box {display: block; margin:17px 0 21px; /*background: url(images/top-home-box-bg.jpg) no-repeat scroll 0 0 transparent;*/ } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-3 h2, body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 h2, body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 h2, body.layout-main #content-wrapper #content-top .block-wrapper #block-blog-0 h2, body.layout-main #content-wrapper #content-top .block-wrapper #block-block-67 h2{ color:#da8326; font-size:20px; text-transform: inherit; } /* See Line No 334-- have disabled block-6*/ #block-block-3 div.content { margin-top: 6px; } body.layout-main .home-blocks {} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-3,body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 { width:341px; margin-right:18px; font-size:13px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 { width:341px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6, body.layout-main #content-wrapper #content-top .block-wrapper #block-block-67 { border:none;width:320px; margin-right:-16px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 h2, body.layout-main #content-wrapper #content-top .block-wrapper #block-block-67 h2 {text-transform: inherit; font-size: 20px;} #block-block-3 ul li,#block-block-4 ul li { margin:0 0 10px 3px; } #block-block-3 ul li a,#block-block-4 ul li a { color:#0054A6; text-decoration:underline; font-weight:bold; } #block-block-3 ul li h4,#block-block-4 ul li h4 { margin-bottom:4px; } #block-block-3 ul li b,#block-block-4 ul li b { color:#474747; } #mar-top-30 { margin-top:30px; } #mar-top-5 { margin-top:5px; } #mar-top-18 { margin-top:18px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 .btn { background:none; margin:6px 0 12px; position: absolute; top:0; right:-3px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 .btn a {margin-right:0;padding:0;color:#0054A6;font-weight:normal; font-size: 11px; text-decoration:underline;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 .btn a#tabone {padding-left:0px;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 .btn a.selected {color:#474747;font-weight:normal; text-decoration:none;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 .btn a:hover {padding:0;text-decoration:none;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 .content { padding:8px 0 0 3px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 p.awards { border-top:1px solid #E0E0E0;float:left;margin-top:6px;padding-top:6px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 p.awards img { margin-right:8px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 #tblone a,body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 #tbltwo a { color:#474747; text-decoration:none; font-size:1em;font-weight:normal;line-height:140%;margin:0 0 5px; display:block; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 #tblone a:hover,body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 #tbltwo a:hover { text-decoration:underline; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-4 p.awards a.news_link { color:#0054A6; text-decoration:underline; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 .btn { background:none; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 .content p, body.layout-main #content-wrapper #content-top .block-wrapper #block-block-67 .content p { margin:6px 0; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 #tblFirst {background:transparent url(images/client-logo.gif) no-repeat scroll 0 0; width:296px; height:207px; padding:0; margin:0;} body.layout-main #content-wrapper #content-top .block-wrapper #block-block-6 #tblSec {background:transparent url(images/client-logo.gif) no-repeat scroll -300px 0; width:296px; height:207px; padding:0; margin:0;} body.layout-main #preface-wrapper #preface-first .block-wrapper #block-block-41 { color:#000; font-size:75%; line-height:140%; margin-top:5px; } body.layout-main #preface-wrapper #preface-first .block-wrapper #block-block-41 #pscroller2 { width: auto; font-weight:normal; height: 23px; background:#DBDDE2; padding: 3px;font-size:12px; line-height:140%; } body.layout-main #preface-wrapper #preface-first .block-wrapper #block-block-41 #pscroller2 a { text-decoration: none;font-weight:normal;color:#000000; font-size:12px; line-height:140%; } body.layout-main #preface-wrapper #preface-first .block-wrapper #block-block-41 #pscroller2 a:hover { text-decoration:underline; } body.layout-main #preface-wrapper #preface-first .block-wrapper #block-block-41 #news_room { font-weight:bold;color:#000000; font-size:12px; line-height:140%; position:absolute; top:5px; left:7px; } body.layout-main #preface-wrapper #preface-first .block-wrapper #block-block-41 .innerDiv { left:85px; padding-top:2px; } body.layout-main #content-wrapper #content-top .block-wrapper #block-block-3 ul li { background-image:url(images/BlueDots.gif); background-position:left 4px; padding-left:14px; } body.layout-first-main #content-wrapper #content p.vertical_para { float:left; width:26%; } body.layout-first-main #content-wrapper #content .overview p.vertical_para { clear: none; } body.layout-first-main #content-wrapper #content .overview p.vertical_para strong { display: block; clear: both; } body.layout-first-main #content-wrapper #content p.middle_para { border-right:1px solid #E2E2E2; border-left:1px solid #E2E2E2; padding:0 35px; margin:0 35px; } body.layout-first-main #content-wrapper #content p.vertical_para a { float:left; margin-bottom:5px; margin-right:12px; } body.layout-first-main #content-wrapper #content p#catpicker { margin-top:10px; } /*---------------------- for tables within tabs---------------------------------*/ body.layout-first-main #content-wrapper #content-bottom table.table_head th { text-align:center; padding-right:0px; } body.layout-first-main #content-wrapper #content-bottom table.table_head a, body.layout-first-main #content-wrapper #content-bottom table a { color:#31456C; } body.layout-first-main #content-wrapper #content-bottom table thead th.lft_indent { text-align:left; } /*---------------------- for tables not within tabs ----------------------------*/ body.layout-first-main #content-wrapper .new_table .th_second { padding-left:0.3em; } body.layout-first-main #content-wrapper .new_table .th_third { padding-left:0.9em; text-align:center; } body.layout-first-main #content-wrapper #content #content-inner #content-content #node-11 div.field-field-top-body h2 { border-bottom:1px solid #E2E2E2; } body.layout-first-main #content-wrapper #content #content-inner #content-content #node-11 div.field-field-top-body div.field-items { background-position:445px 52px; height:215px; } body.layout-first-main #content-wrapper #content #content-inner #content-content #node-11 div.field-field-top-body div.field-items div.field-item div.padding { padding-top:6px; } body.layout-main #preface-wrapper #preface-first #block-block-35 { margin-left: 0px; background: url(images/main-banner-bg.jpg) left top no-repeat; } body.layout-first-main #content-wrapper #content-bottom div.floatright { width:37%; } body.layout-first-main #content-wrapper #content-bottom div.img-des { margin:15px 0; height: 282px; border-bottom:1px solid #e2e2e2; } body.layout-first-main #content-wrapper #content-bottom div.img-des img { margin:4px 0; } body.layout-first-main #content-wrapper #content #content-inner #node-11 div.sales_support { border-bottom:1px solid #E2E2E2; } body.layout-first-main #content-wrapper #content img.left_aligned { margin:4px 10px 0 0 } body.layout-first-main #content-wrapper #content a,body.layout-first-main #content-wrapper #content-bottom a { text-decoration:underline; } body.layout-first-main #content-wrapper #content .block-quicktabs a, body.layout-first-main #content-wrapper #content-bottom .block-quicktabs a {text-decoration: none; color:#6A7074;} body.layout-first-main #content-wrapper #content .block-quicktabs a:hover, body.layout-first-main #content-wrapper #content-bottom .block-quicktabs a:hover {color:#000000;} body.layout-first-main #content-wrapper #content .block-quicktabs h4 a, body.layout-first-main #content-wrapper #content-bottom .block-quicktabs h4 a {text-decoration: none; color:#31456C;} body.layout-first-main #content-wrapper #content h4 a, body.layout-first-main #content-wrapper #content-bottom h4 a {text-decoration: none; color:#31456C;} body.logged-in #content-wrapper #content form a { text-decoration:none; } body.logged-in #content-wrapper #content form a:hover { text-decoration:underline; } body.layout-first-main #content-wrapper #content p.first_para { margin-top:10px; } /*Tab Menu Code - Varshyl*/ ul.tab-content { border-bottom: 1px solid #aaa; padding: 0 5px 0 0; font: bold 12px/19px Arial, Helvetica, sans-serif; font-weight: bold; height: 19px; margin: 0; } ul.tab-content li.active { border: 1px solid #aaa; border-bottom: 1px solid #fff; background-color: #fff; } .tabe_menu { border-bottom: 1px solid #ccc; float: left; width: 100%; margin-bottom:15px; } .tabe_menu ul { list-style:none; } .tabe_menu ul li { border: 1px solid #ccc; border-radius: 5px; display: block; float: left; margin: 10px 5px 0; padding: 6px 12px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: none; } .tabe_menu ul li a{ color:black; text-decoration:none!important;} .tabe_menu .active { background: #fff; border-bottom: 1px solid #fff; position: relative; top: 1px; } .tabe_menu .active a.active { font-weight:bold; color:#000000 !important; } /***************/ /* azure */ /***************/ table.azure-table tbody tr td.oddwhite { background-color: #dce6f1; } table.azure-table tbody tr td.gap { padding-left: 25px; } table.azure-table tbody tr td { padding: 5px 0 6px 12px; } .azureBox .left { width: 50%; float: left; } .azureBox .right { float: right; width: 49%; overflow:hidden; } .azureBox .right .azureservice { background: none repeat scroll 0 0 #eaeaea; float: right; padding: 0 14px 10px 11px; width: 94%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #c5c5c5; } /***************/ /* PRINT STYLE */ /***************/ @media print { body { background: white; font-size: 10pt; } #header, #header-top, #header-wrapper, #primary-menu-wrapper, #sidebar-first, #sidebar-last, #preface-wrapper, #content-tabs, #mission, #slogan, #postscript-wrapper, #footer-top, #footer, #primary-menu, #search-box, #logo { display: none; } #page, #main-wrapper, #content-wrapper, #content-top, #content, #content-bottom { background: transparent none; border: 0; color: black; float: none !important; margin: 0; padding: 0; width: auto; } #content-wrapper { margin: 0 3%; } } /* Blog Enquiry Form */ #trigger { text-align:center; } /* Style you custom popupbox according to your requirement */ .popupbox .quick { background: #f09822; padding: 20px 0; text-align: center; font-size: 20px; color: #fff; } #trigger a { display: block; padding: 9px 0; border-radius: 5px; background: #fe6d4c; color:#fff; font-weight: bold; font-size: 16px; text-decoration: underline; } .ironpod .popupbox { height: 730px; } .popupbox { width:25%; height:600px; background-image:url(/edit_media/2010/201010/20101009/custompopup/images/pop-up_03.png); background-repeat:no-repeat; display: none; /* Hidden as default */ float: left; position: fixed; top: 42%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; } .popupbox2 { width:454px; height:307px; background-image:url(/edit_media/2010/201010/20101009/custompopup/images/pu_03.png); background-repeat:no-repeat; display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; } .popupbox3 { width:502px; height:302px; background-image:url(/edit_media/2010/201010/20101009/custompopup/images/3_03.png); background-repeat:no-repeat; display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; } #fade { display: none; /* Hidden as default */ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } #intabdiv { padding: 15px 0 0 66px; text-align:center; background: #fff; } #close img { text-decoration:none; } #close { width:50px; height:50px; position: absolute; float:right; } #intabdiv2 { padding:70px; } #intabdiv2 h2 { font-size:24px; color:#696868; font-family:Verdana, Geneva, sans-serif; } #intabdiv2 p { font-size:12px; color:#696868; font-family:Verdana, Geneva, sans-serif; line-height:20px; } #intabdiv3 { padding:70px; } #intabdiv3 h2 { font-size:24px; color:#fff; font-family:Verdana, Geneva, sans-serif; } #intabdiv3 p { font-size:12px; color:#fff; font-family:Verdana, Geneva, sans-serif; line-height:20px; } .cloudpage { background-color: #fff; border-radius: 6px; box-shadow: 0 0 5px #d3d3d3; float: left; margin: 10px 0; padding: 0 10px; overflow: hidden;} .cloudprBox { padding: 25px 0 30px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #e3e3e3; } .cloudpage h2 { color: #4076bb!important; font-size: 22px!important; font-family: 'UniversCondensed'!important; font-weight: bold!important; } .cloudpage h2 span { float: right; padding: 0 125px 0 0; } .cloudprBox .cloudtext { float: left; width: 78%; } .cloudprBox .cloudlinks { padding-left: 25px; min-height: 300px; float: right; width: 19%; background: url("http://www.ironnetworks.com/sites/default/files/products/cloud/shadow-line.png") no-repeat left top; } .cloudprBox .cloudtext h3, .cloudprBox .cloudtext h3 a { padding: 0 0 10px 0; color: #282828; font-size: 18px; font-weight: bold; text-decoration: none!important; } .cloudprBox .cloudtext h3 a:hover { text-decoration: underline; } .cloudprBox .cloudtext p { color: #282828; font-size: 13px; line-height: 20px; padding: 0px 0 6px 0; margin: 0; } .cloudprBox .cloudtext p a { text-decoration: underline; } .cloudprBox .cloudtext img { margin: 15px 0 0 0; max-width: 100%; width: auto; } .cloudprBox .cloudlinks ul { list-style: none; } .boxpanel .cloudprBox .cloudlinks li { padding: 0 0 0 15px; margin: 0; line-height: 24px; background: url("images/drop-orange-icon.png") no-repeat left 8px; } #trigger { z-index: 555555; } @media screen and ( max-height: 768px ){ #trigger { bottom: 16%!important; } } .mce-highlight { float: left; width: 346px; } .mce-feature { position: relative; width: 568px; float:right; } .mce-feature ul { position: absolute; left: 246px; top: 2px; } .mce-feature ul li { font-size: 0.635em; } .mce-feature ul li.one { margin: 0 0 16px 0; } .mce-feature ul li.two { margin: 0 0 16px 30px; } .mce-feature ul li.three { margin: 0 0 14px 48px; } .mce-feature ul li.four { margin: 0 0 15px 62px; } .mce-feature ul li.five { margin: 0 0 17px 70px; } .mce-feature ul li.six { margin: 0 0 17px 70px; } .mce-feature ul li.seven { margin: 0 0 14px 60px; } .mce-feature ul li.eight { margin: 0 0 14px 44px; } .mce-feature ul li.nine { margin: 0 0 0 37px; } .mce-feature ul li.ten { margin: 0 0 0 9px; } .webinarleft { float: left; width: 700px; } .webinarleft img.webinar2015 { margin: 10px 0; } .webinarleft h1 { font-size: 28px; padding: 0 0 20px 0; line-height: 32px; } .webinarright { padding: 0 22px 0 0; margin:20px 0 0 0; float: right; width: 395px; } .webinarright .webinarform .webiformheader { height: 122px; background: url("images/webinar-form-header.jpg") no-repeat left top; } .webinarright .webinarform .webiform { padding: 0 25px 10px 25px; border: 3px solid #477cba; border-radius: 0 0 10px 10px; border-top: none; } .webinarright .webinarform .webiform label { width: 100%; margin: 0 28px 0 0; font-size: 14px; padding: 0 0 6px 0; } .webinarright .webinarform .webiform .form-checkboxes, .form-radios { margin: 0; } form.webform-client-form div.form-item div.form-checkboxes div.form-item, form.webform-client-form div.form-item div.form-radios div.form-item { width: auto; } .webinarright .webinarform .webiform form.webform-client-form input.form-text { padding: 0 10px; width: 290px; height: 28px; border: 2px solid #477cba; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .webinarright .webinarform .webiform textarea.form-textarea { width: 310px; border: 2px solid #477cba; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .webinarright .webinarform .webiform select { margin: 0 10px 0 0; border: 2px solid #477cba; border-radius: 10px; } .webinarright .webinarform .form-item { margin: 12px 0 0 0; } .webinarright .webinarform input.form-submit { color: #5a3804; width: 100%; font-size: 22px; text-transform: uppercase; background: #fe9a00; height: 50px; outline: none; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #popups { z-index: 5555; opacity: 1!important; } a.popups-processed:after { content: ""; } #popups-overlay { z-index: 5555!important; } .main_view { float: left; position: relative; } /*--Window/Masking Styles--*/ .window { height:318px; width: 1150px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; /*background: url(http://www.ironnetworks.com/sites/all/themes/ironnetworks/images/main-banner-bg.jpg) no-repeat;*/ border-radius:5px 5px 0 0; box-shadow:0 1px 5px #cdcdcd; -webkit-box-shadow: 0 1px 5px #cdcdcd; -o-box-shadow: 0 1px 5px #cdcdcd;; filter:progid:DXImageTransform.Microsoft.DropShadow(sProperties) } .image_reel { position: absolute; top: 0; left: 0; } .image_reel .homeBanner {float: left; width: 1150px;} /*--homepage banner css--*/ .paging { width: 1150px; height:46px; position: relative; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; background: url(http://www.ironnetworks.com/sites/all/themes/ironnetworks/images/banner-tab-bg.png) no-repeat; display: block; /*--Hidden by default, will be later shown with jQuery--*/ } #movers-row { width: 191px; } #preface-wrapper #movers-row a { width: 230px; } #preface-wrapper #movers-row a.last, #preface-wrapper #movers-row a.last span { width: 230px; } #movers-row a span { width: 230px; } #preface-wrapper .homeBanner a.more.pos { position: absolute; top: 204px; right: 41%; background-position: right center; } #preface-wrapper .homeBanner a.more.pos2 { position: absolute; bottom: 10px; left: 40px; background-position: right center; } div#serv p { background-color: #eaeaea; float: left; font-size: 11px; min-height: 207px; margin: 10px 10px 10px 0 !important; padding: 5px; width: 21.9%; transition: all 700ms; } div#serv p:hover { background-color: #f0f5fa; transition: all 700ms; box-shadow: 0 2px 0px 0 rgba(215, 215, 215, 1) inset } tr.even td { background-color: #f8f9fa; border-bottom: 1px solid #e1e3e7; } .tick { background-image: url("images/yes-no.gif"); background-position: 50% 8px; background-repeat: no-repeat; } .floatleft { float: left; } .floatright { float: right; } .imgbox { width: 100%; overflow: hidden; } .cross { background-image: url("images/yes-no.gif"); background-position: center -82px; background-repeat: no-repeat; } .contentbox.tabs p.oem-ser, .contentbox.tabs p.oem-ser { background-color: #f0f5fa; color: #355f91; font-size: 16px!important; margin-bottom: 0; overflow: hidden; padding: 10px; } .contentbox.tabs a.pdf-icon { background: transparent url("images/icons.gif") no-repeat scroll 0 -150px; color: #606061; float: right; font-size: 12px; font-weight: normal; padding: 0 0 0 24px; } .collapsethis.datamore { border: 1px solid #4381d4; padding: 10px 25px 10px 10px; margin: 8px 0 10px 0; display: inline-block; border-radius: 5px; color: #4381d4; background: url("images/more-arrow.png") 79px no-repeat; } /*.collapsethis.datamore.right { float:right; } */ .datacenterbanner { font-family: "UniversCondensed"; position: relative; } .datacenterbanner .textcaption { bottom: 5px; left: 0; min-height: 227px; position: absolute; width: 100%; } .datacenterbanner .textcaption .headings { background: rgba(60, 134, 207, 0.75) none repeat scroll 0 0; margin: 0 auto; min-height: 111px; padding: 20px 0 0; text-align: center; width: 96%; } .datacenterbanner .textcaption h6 { color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 22px; text-shadow: 0 1px 2px #000; } .datacenterbanner .textcaption h3 { color: #fff; font-size: 44px; padding: 39px 0 5px; text-shadow: 0 1px 2px #000; } .datacenterbanner .textcaption h5 { color: #fff; font-size: 26px; font-weight: normal; padding: 38px 0 28px; text-shadow: 0 1px 1px #000; } .datacenterbanner .textcaption p { color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 22px; padding: 10px 23px !important; text-align: center; } #preface #preface-wrapper p { margin: 0; padding: 0; } .datacenterbanner .textcaption p { color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 22px; padding: 10px 23px !important; text-align: center; } p { font-size: 1.1em; font-weight: normal; line-height: 140%; margin: 0 0 10px; } html, body, div, span, p, blockquote, pre, code, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; } .datacenterbanner { font-family: "UniversCondensed"; } #preface-wrapper { color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 0; } #page #preface { line-height: 0; } #page #preface { font-size: 0; } body { font-family: Arial,Helvetica,sans-serif; font-size: 75%; font-weight: normal; line-height: 140%; } html { color: #343538; } .textcaption strong { font-size: 16px; margin: 5px 0 0 0; display: block; } /* Data Center Page Css*/ .datacenter h2 { margin: 0 0 20px 0; } .datacenter h3 { font-size: 18px; color: #f7771c; margin: 0 0 20px 0; text-align: center; display: block; } .datacenter p { margin: 0 0 20px 0; font-size: 13px; color: #7f7d7d; } .datacenter .halfdiv { width: 47.5%; min-height: 602px; float: left; margin: 0; padding:0 1%; } .datacenter .gfs span.offer { color: #4f565f; font-size: 44px; padding: 20px 0 20px 0; text-align: center; display: block; } .datacenter .togcontent { padding: 15px 0 0 0; } .datacenter .togcontent h5 { font-weight: bold; line-height: 25px; color: #4f4f4f; font-size: 18px; padding: 0 0 15px 0; } .datacenter .togcontent h5 span { color: #f7771c; } .datacenter .togcontent p { color: #7f7d7d; font-size: 14px; } .datacenter .togcontent .links { margin: 15px 0 0 0; padding: 10px; background: #f5f5f5; } .datacenter .togcontent .links a { color: #2d5f9f; margin:0 12% 1.5% 0; font-size: 14px; display: inline-block; text-decoration: none; } .datacenter .togcontent .links a:hover { text-decoration: underline; } /* Support plan Table Css */ .supportmain, .row { width: 100%; clear: both; } .supportmain .bar { width: 100%; } .supportmain .barfirst { float: left; width: 283px; } .supportmain .barsec { float: left; width: 140px; } .supportmain .barthird { float: left; width: 489px; } .supportmain .bar h5 { color: #fff; background: linear-gradient(#494949, #828282); padding: 10px 0; font-size: 1em; text-align: center; } .supportmain ul { list-style: none; margin: 0; padding: 0; width: 100%; display: block; background: #fff; } .supportmain .plans ul li { text-align: left; padding: 10px 10px; } .supportmain ul li:nth-of-type(2n+1) { background-color: rgba(23, 61, 80, 0.06); } .supportmain ul li { border-right: 1px solid #d2d2d2; box-sizing: border-box; text-align: center; list-style: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #ccc; } .supportmain .plans { width: 285px; float: left; } .supportmain .warrentyplan { width: 147px; float: left; } .supportmain .maintplan { width: 480px; float: left; } .supportmain .maintplan .silverplan { position:relative; width: 160px; float: left; transition: all 0.25s; } .supportmain .maintplan .goldplan { position:relative; z-index:55; width: 160px; float: left; transform: scale(1.03) translateY(3px); box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); } .supportmain .maintplan .preplan { position:relative; width: 160px; float: left; transition: all 0.25s; } .supportmain .maintplan .silverplan:hover, .supportmain .maintplan .preplan:hover { z-index: 55555; transform: scale(1.03) translateY(-2px); box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); transition: all 0.25s; } .supportmain .planhd.nobg { background: rgba(23, 61, 80, 0.06); } .supportmain .planhd { display: table; background: #444; width: 100%; } .supportmain .planhd.dark .planfig { text-transform: none; color: #444; text-align: left; padding: 0 0 0 10px; border-right: 1px solid #d2d2d2; } .supportmain .planhd.dark, .supportmain .preplan.dark .planhd { background: #f1f3f5!important; } .supportmain .planhd .planfig{ line-height: 23px; height: 70px; width: 100%; font-size: 16px; text-align: center; color: #fff; text-transform: uppercase; vertical-align: middle; display: table-cell; } .supportmain .blue .planhd { background: #d0ebfe; } .supportmain .preplan .planhd .planfig { color: #2a719d; } .supportmain .planhd span { font-weight: bold; } .supportmain .planhd.orange { background: linear-gradient(#DB7224, #F9B84A); } /* Private cloud page Css */ .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-striped>tbody>tr>td, .table-striped>tbody>tr>th, .table-striped>tfoot>tr>td, .table-striped>tfoot>tr>th, .table-striped>thead>tr>td, .table-striped>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .private-cloud-page table { margin: 20px 0; } .private-cloud-page img.fullwidth { width: 100%; } .private-cloud-page .col-md-4 { padding: 0 6px; margin: 15px 0 15px 0; width: 80%; } .private-cloud-page .col-md-4:last-child { margin-right: 0; } .private-cloud-page .innercontent { background: #fff; padding: 10px; min-height: 75px; border: 1px solid #d4d4d4; box-shadow: 0 7px 21px 0 rgba(0,0,0,.1); transition: 0.3s all; } .private-cloud-page .innercontent:hover { transform: scale(1.06) translateY(-0px); background: #00a3e7; transition: 0.3s all; color: #fff; } .private-cloud-page .col-md-6.block { overflow: hidden; margin: 30px 0 0 0; float: left;width: 50%;} .private-cloud-page .cta-contact { width: 102.4%; border: 1px solid #ccc; padding: 15px 10px; background: #d9d9d9; margin: 10px auto 20px -10px; text-align: left; padding-left: 85px; box-sizing: border-box; } .private-cloud-page .cta-contact p { font-size: 18px!important; padding: 0; margin: 0!important; } .private-cloud-page .iconbox { width: 44%; background: #f2f2f2; margin: 0 10px 20px 0; float: left; padding: 0 20px; transition: 0.3s all;} .private-cloud-page .iconbox:hover { transform: scale(1.05) translateY(-0px); background: #00a3e7; transition: 0.3s all; color: #fff; } .private-cloud-page .iconbox:hover .iconbox-content h3{ color: #fff!important;} .private-cloud-page .iconbox-icon { display: inline-block; } .private-cloud-page .iconbox-content { margin-left: 14px; display: inline-block; } .private h2 { margin: 20px 0 10px 0; } .col-md-12.configuration .table-striped{ margin: auto; max-width: 85%;} .col-md-12.configuration .table-striped td{ border-right: 3px solid #ccc;} .col-md-12.configuration .table-striped td:last-child{ border-right:none;} .rounded-block .g-recaptcha { transform: scale(0.7); margin: 0 0 0 -57px; }