/* Theme Name: Ocean Telecom Theme URI: http://wordpress.org/ Description: Ocean Theme. Version: 1 Author: Shaun Robinson Author URI: http://rubious.co.uk/ */ /* @override http://ocean.rubious.co.uk/css/style.css http://ocean.rubious.co.uk/wp-content/themes/ocean/style.css http://ocean.rubious.co.uk/wp-content/themes/ocean/style.css?cssversion=1 http://www.oceantelecom.com/wp-content/themes/ocean/style.css?cssversion=1 */ /* @group CSS RESET and FONT FACE */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} @media only screen and (max-device-width:480px) { body {-webkit-text-stroke: 0 black;} } table {border-collapse: collapse; border-spacing: 0;} section, article, aside, header, footer, nav, dialog, figure {display: block;} @font-face {font-family: 'SansationRegular'; src: url('fonts/Sansation_Regular.eot'); src: local('Sansation'), local('Sansation'), url('fonts/Sansation_Regular.woff') format('woff'), url('fonts/Sansation_Regular.ttf') format('truetype');} @font-face {font-family: 'SansationLight'; src: url('fonts/Sansation_Light.eot'); src: local('Sansation'), local('Sansation-Light'), url('fonts/Sansation_Light.woff') format('woff'), url('fonts/Sansation_Light.ttf') format('truetype');} @font-face {font-family: 'SansationBold'; src: url('fonts/Sansation_Bold.eot'); src: local('Sansation'), local('Sansation-Bold'), url('fonts/Sansation_Bold.woff') format('woff'), url('fonts/Sansation_Bold.ttf') format('truetype');} /* @end */ /* @group Body and document-wide */ body {line-height: 1; -webkit-text-stroke: 1px transparent; background: #e6e2e3; font-family: Tahoma, Helvetica, Arial, sans-serif; position: relative; font-size: 12px; line-height: 1.6; /*font-family: "Lucida Grande", Lucida, Verdana, sans-serif;*/} a.more {color: #7a7a7a; font-weight: bold; display: block; background: url(/images/psp-sprite.png) -908px -712px no-repeat; padding: 4px 22px 4px 0px; margin: 4px 0 0 0; position: relative; height: 13px;} a.more:hover {background-position: -908px -762px; color: #3c622f;} a {color: #fff;} a {color: #000;} #mainContent a.more {color: #3b3b3b;} article ul, article ol {margin: 10px 0 10px 30px;} article ul li, article ol li {margin: 0 0 5px 0;} #mainContent a.button {color: #fff; text-align: center;} /* @end */ /* @group Wrapper and Header */ div.wrapper {width: 865px; background: rgb(255,255,255); margin: 7px auto 0 auto; position: relative; padding-top: 70px;} body.home div.wrapper header {position: relative; /*top: 70px;*/ margin-top:20px; height: 325px; /*home only*/ width: 100%; } div.wrapper header {position: relative; margin-top:20px; /*height: 325px;*/ width: 100%; } .ie7 div.wrapper header, .ie6 div.wrapper header {position: relative; top:20px; width: 100%; } div.wrapper header div.logo {background: url(/images/sprite.png) -0px -78px no-repeat transparent; height: 123px; position: relative; width: 100%; z-index: 10; } /*div.logo p {display: none;}*/ div.logo a.home {display: block; width: 250px; height: 80px;} div.logo a span {display: none;} div.logo a.tel {display: none; width: 250px; height: 30px; position: absolute; right: 0; top: 0; } div.logo a span {display: none;} @media only screen and (max-device-width:480px) { div.logo a.tel {display: block;} } #notices .tab p {font-size: 20px; width: 650px; color: #fff; text-transform: uppercase; padding: 10px 10px 10px 20px; font-family: SansationRegular, "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif;} #notices .tab p.readmore {position: absolute; bottom: 10px; right: 10px;width: auto; height: auto; padding: 0; z-index: 20; text-transform: lowercase;} a.more-info {color: #000; text-decoration: none; font-weight: bold; font-size: 14px; background: url(/images/sprite.png) -241px -389px no-repeat; font-family: Arial, sans-serif; width: 98px; height: 29px; padding: 7px 0 0 13px; display: block; } a.more-info:hover {color: #0b2e68;} ul.breadcrumb {padding: 0 0 0 168px;color: #848484;font-size: 11px;} ul.breadcrumb li {display: inline; margin-left: 4px; list-style: none;} ul.breadcrumb a {color: #848484;} /* @end */ /* @group Main content, featured products */ section#mainContent {margin: 0px 20px 0 20px; position: relative; height: auto; clear: both; overflow: hidden;} .ie6 section#mainContent, .ie7 section#mainContent {margin: 20px 20px 0 20px; } body.home #mainContent .one {float: left; width: 399px;} #mainContent .one {float: left; width: 144px;} body.home #mainContent .two {float: left; width: 265px; margin:5px 7px; padding: 0;} #mainContent .two {float: left; width: 513px; margin:5px 7px 5px 24px; } body.home #mainContent .three {float: left; width: 143px;} #mainContent div.one, #mainContent div.three {margin:5px 1px;} #mainContent .three {float: left; width: 143px; display: inline; position: relative;} #mainContent div.a {width: 258px; float: left; margin-right:9px;} #mainContent div.b {width: 258px; float: left;} #mainContent .two {position: relative; padding: 0 0px 0 0px; width: 338px; margin:5px 14px 5px 24px; display: inline;} #mainContent .subpage .two {margin:5px 14px 5px 24px;} body #mainContent div.products {position: relative; padding: 0 0px 0 0px; width: 496px; margin:5px 14px 5px 24px;} div.twoa{width: 131px;float: left; margin-right:27px; display: inline; position: relative;} div.key-points h4 {margin-bottom:4px;} div.key-points {border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px;} div.key-points p {color: #a58d61;} div.key-points li {color: #a58d61; margin: 4px 0 4px 17px;} div.key-points a {color: #a58d61;} /* HOME PAGE PANELS */ body.home #mainContent {font-size: 11px;} #mainContent p {margin: 0 0 8px 0; line-height: 1.6;} #mainContent .featured-product {border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:10px 12px; position: relative;padding-bottom: 25px;} .featured-product img {width: 190px; height: auto;margin: 0 auto; float: left;} .featured-product a.view {position: absolute; bottom: 25px; right: 8px;} .featured-product .featured-product-desc {width: 170px; float: right; height: 120px; overflow: hidden;} #mainContent .news {border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; padding:10px 12px;position: relative;padding-bottom: 25px;width: 235px; } .news a.read {position: absolute; right: 0; top: 180px;} #mainContent .case-study {border: 1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;float: left; padding: 10px 12px;position: relative;padding-bottom: 25px; width: 238px;} .case-study a.read {position: absolute; right: 0; top: 180px;} #mainContent div.call-back, #mainContent div.subscribe {border: 1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;float: left; padding: 10px 8px;position: relative; padding-bottom: 29px;} #mainContent .three div.subscribe, #mainContent .three div.sidebar-form {border: 1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;float: left; padding: 10px 12px;position: relative; padding-bottom: 38px;width: 118px; margin-bottom: 10px;} #mainContent div.call-back, body.home #mainContent div.subscribe {padding-left: 12px;padding-right: 12px;padding-bottom: 25px;} #mainContent .subpage div.call-back {padding-bottom: 33px;} #mainContent div.subscribe p, #mainContent div.sidebar-form p {font-size: 11px; color: #848484;} #mainContent div.subscribe p.submit, #mainContent div.sidebar-form p.submit {text-align: center;;} #mainContent .two div.call-to-action-buttons div.call-back {padding-bottom: 0; background: #ddd; border-color: #ddd; display: none;} #mainContent .three div.call-to-action-buttons div.call-back {background: #ddd; border-color: #ddd; display: none; } .no-js #mainContent div.call-to-action-buttons a.call-back {display: none;} .no-js #mainContent div.call-to-action-buttons div.call-back {display: block;} /* Call-back in two a */ #mainContent .twoa div.call-back {border: 1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;float: left; padding: 10px 7px;position: relative;} #mainContent .twoa div.call-back h2 {display: none;} #mainContent .twoa div.call-to-action-buttons div.call-back {padding-bottom: 15px; background: #ddd; border-color: #ddd; display: none;} .twoa .call-back button {left: 0px;} #mainContent .offers {border: 1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:10px 12px; position: relative;padding-bottom: 25px; height: 300px; width: 106px; font-family: Tahoma, Helvetica, Arial, sans-serif;} #mainContent .colour1 {background: url(/images/offer-bgs/blue.jpg) -0px -0px no-repeat;} #mainContent .offers .offer-logo {background: url(/images/sprite.png) -413px -247px no-repeat; width: 130px; height: 67px;position: absolute; top: -10px; left: -12px; text-align: center;} #mainContent .offers img { top: 7px; position: relative;} #mainContent .offers .tab {position: absolute; font-size: 11px;} #mainContent .offers span.price {color: #b55e28; font-weight: bold; font-size: 13px; padding: 0; margin: 0;} #mainContent .featured-product, #mainContent div.call-back {height: 207px;} #mainContent div.subscribe {height: 165px; padding-bottom: 37px;} #mainContent .featured-product-image {float: left;border: 1px solid #ccc; height: 190px; overflow: hidden;} #mainContent .news, #mainContent .case-study {height: 207px;} #mainContent h3 {text-transform: uppercase; font-weight: bold; font-family: Tahoma, Helvetica, Arial, sans-serif; color: #5f523f;} #mainContent h3 a {color:#5f523f; text-decoration: none;} #mainContent .featured-product h3 a {color:#5f523f; font-size: 11px; font-weight: bold; line-height: 0.1; margin: 0px 0 0 0px; text-align: left; position: relative; left: 10px;} body.home #mainContent div.one h3 {text-align: left; margin: 0px 0 0 0; line-height: 1.4;} #mainContent time, #mainContent small {color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 10px;} .case-study .images {overflow: hidden; height: 210px; width: 80px; float: right;} .case-study img {width: 80px; height: 70px; float: right; margin-bottom: 5px; display: block} .case-study .tab .snippet {width: 150px; height: 197px; overflow: hidden;} div.news div.tab {position: absolute; top: 8px; left: 12px; margin: 0; width: 240px; height: 360px; overflow: hidden; display: none;} div.case-study div.tab {position: absolute; top: 8px; left: 12px; margin: 0; width: 240px; height: 360px; overflow: hidden;} div.tab div.snippet {height: 122px; overflow: hidden; width: 210px;} #mainContent div.offers div.tab h3 {padding: 57px 0 0 0; text-transform: none; color: #0b2e68; font-size: 15px; text-align: left; font-weight: bold; font-family: Tahoma, Helvetica, Arial, sans-serif; margin: 0; line-height: 1.5;} #mainContent div.offers div.tab h4 {padding: 0px; text-transform: none; color: #0b2e68; font-size: 11px; text-align: left; font-weight: bold; font-family: Tahoma, Helvetica, Arial, sans-serif; margin: 0;line-height: 1; margin-bottom: 5px;} #mainContent div.offers div.tab p, #mainContent div.offers div.tab li {font-size: 10px;} #mainContent div.offers div.tab p.readmore {font-size: 11px; font-family: "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif;position: absolute; bottom: 5px; left: 30px;;} #mainContent div.offers div.tab li {list-style-type: disc;margin: 0; padding: 0 0 0 10px; background: url(/images/bullet.png) -6px -5px no-repeat;} #mainContent div.offers div.tab ul {width: 94%; margin: 0 0 5px 0; line-height: 1.4;} div.offers div.tab div.snippet {height: 250px; overflow: hidden; width: 114px;} #mainContent div div h2 {position: absolute; bottom: 1px; left: 0;font-weight: normal; text-transform: uppercase; color: #a58d61; font-family: "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; line-height: 1.2; width: 100%; border-top: 1px solid #479aa8; padding: 3px 0 1px 0;font-size: 11px; text-align: left; background: #fff; padding: 3px 0 6px 0;} #mainContent div div.subscribe h2 {background: url(/images/sprite.png) -700px -321px no-repeat; padding: 3px 0 6px 0;} #mainContent div.featured-product h2, #mainContent div.call-back h2 {text-align: center;} #mainContent div.featured-product h2 span, #mainContent div.call-back h2 span {left: 0;} #mainContent div h2 span {position: relative; left: 5px;font-size: 12px; top: 2px;} #mainContent div div.subscribe h2 span {font-size: 12px; top: 2px;} a.view {color: #5392c5; font-weight: bold; text-transform: lowercase; background: url(/images/sprite.png) -20px -1221px no-repeat;padding: 0px 0px 0 0px; margin: 5px 0 5px 0px; display: block;width: 55px; height: 19px; text-decoration: none; position: relative; text-indent: -9999px;} a.view:hover {cursor: pointer; background-position: -20px -1269px;} a.view:active {color: #000;} a.read {color: #5392c5; font-weight: bold; text-transform: lowercase; background: url(/images/sprite.png) -242px -1221px no-repeat;padding: 0px 0px 0 0px; margin: 5px auto 5px auto; display: block;width: 55px; height: 19px; text-decoration: none; position: relative; text-indent: -9999px;} a.read:hover {cursor: pointer; background-position: -242px -1269px;} a.read:active {color: #000;} a.signup {color: #5392c5; font-weight: bold; text-transform: lowercase; background: url(/images/sprite.png) -132px -1221px no-repeat;padding: 0px 0px 0 0px; margin: 5px 0 5px 0px; display: block;width: 55px; height: 19px; text-decoration: none; position: relative; text-indent: -9999px;} a.signup:hover {cursor: pointer; background-position: 0px -48px;} a.signup:active {color: #000;} .call-back label, .subscribe label, .sidebar-form label {color: #606060;font-size: 11px;} .call-back input, .subscribe input, .sidebar-form input {width: 110px; border: 1px solid #ccc; margin: 0 0 2px 0;font-size: 11px;} .subscribe-page div {margin: 10px 0; float: left; width: 50%;} .subscribe-page label {color: #5392c5;font-size: 15px;margin: 0px 0; width: 120px; display: block;} .subscribe-page input {width: 140px; border: 1px solid #ccc; margin: 0 0 2px 0;font-size: 14px;} .sidebar-form textarea {width: 110px; height: 100px; border: 1px solid #ccc; margin: 0 0 2px 0;font-size: 11px;} .call-back form, .subscribe form {position: relative; top: -5px;} .call-back label.select, .subscribe label.select {display: inline-block;width: 29px;} .call-back select {width: 75px; margin-left: 4px;} label.error {color: red; position: absolute; margin: 2px;} .sidebar-form button {bottom: 19px;} .call-back button {position: relative;bottom: -12px;} .call-back p.submit {text-align: center; margin: 0 auto; width: 100%;} button.send-request {background: url(/images/sprite.png) -350px -1221px no-repeat; width: 100px; height: 20px;text-indent: -9999px;} button.send-request:hover {background: url(/images/sprite.png) -350px -1269px no-repeat;cursor: pointer;} button.sign-up {background: url(/images/sprite.png) -132px -1221px no-repeat; width: 60px; height: 20px;} button.sign-up span {text-indent: -9999px;display: block;} button.sign-up:hover {background: url(/images/sprite.png) -132px -1269px no-repeat;cursor: pointer;} button.send-enquiry {background: url(/images/sprite.png) -490px -1221px no-repeat; width: 100px; height: 20px;text-indent: -9999px;} button.send-enquiry:hover {background: url(/images/sprite.png) -490px -1269px no-repeat;cursor: pointer;} ul.pagination {width: 40px; height: 17px;list-style: none; position: absolute; bottom: 4px; right: 0;} div.one ul.pagination {height: 17px;} ul.pagination li {float: left;} ul.pagination li a {display: block; width: 13px; color: #ccc; /*seleced 848484*/text-decoration:none;} ul.pagination li a.current, ul.pagination li a:hover {color: #848484} .scrollable {position: relative; height: 90px; overflow: hidden; width: 825px; margin: 20px auto 28px auto; /*-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;*/ -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border: 2px solid #ccc;} .no-js .scrollable {position: relative; height: 244px; overflow: auto;width: 850px;} .no-js .scrollable div#panes {width: 850px; overflow: auto;} aside#partners {position: relative;} .no-js a.prevPage, .no-js a.nextPage {display: none;} h2.partners {position: absolute; bottom: 0; left: 20px;font-weight: normal; text-transform: uppercase; color: #a58d61; font-family: "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; line-height: 1.2; width: 760px; border-top: 1px solid #ccc; padding: 2px 0 5px 65px;font-size: 11px; text-align: left;} .ie6 h2.partners, .ie7 h2.partners {bottom: 22px;} h2.partners em {font-style: normal; color: #848484;} a.prevPage, a.nextPage {width: 34px; height: 16px; display: block; color: #848484; font-weight: bold; z-index: 30;} .ie7 a.prevPage, .ie7 a.nextPage, .ie6 a.prevPage, .ie6 a.nextPage {position: absolute; bottom: 22px;} a.prevPage span, a.nextPage span {display: none;} a.prevPage {background: url(/images/sprite.png) -595px -243px no-repeat #ccc; position: absolute; left: 20px; bottom: 0px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; padding: 0px 5px 4px 15px; } a.nextPage {background: url(/images/sprite.png) -703px -243px no-repeat #ccc; position: absolute; right: 20px; bottom: 0px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; padding: 0px 15px 4px 5px; } a.nextPage.disabled, a.prevPage.disabled {/*color: #dad5d5;*/ cursor: not-allowed;} a.nextPage.disabled:hover, a.prevPage.disabled:hover {color: #a58d61;cursor: not-allowed;} a.prevPage:hover {color: #a58d61; cursor: pointer; background-position: -595px -343px} a.nextPage:hover {color: #a58d61; cursor: pointer; background-position: -703px -343px} .scrollable #panes {height: 60px; position: absolute; position: absolute; width: 20000em; overflow: hidden; } .scrollable div#panes div { height: 40px; float: left; position: relative; margin: 5px;} .scrollable div#panes div a {text-decoration: none; display: block; padding: 0; margin: 5px;} .scrollable div#panes div img { border: 0px solid #ccc; margin: 0px;width: auto; height: 45px;} /*.scrollable div#panes div a {display: block; width: 32px; margin: 6px auto 20px auto; text-align: center;}*/ div.image-slideshow {z-index: 1; border-bottom: 3px solid #8fba24; height: 197px; position: relative; top: 25px; overflow: hidden;} .ie6 div.image-slideshow, .ie7 div.image-slideshow {top: 0px;} body.home #notices {width: 825px; margin: 0 20px; height: 225px; position: absolute; padding: 0px; left: 0; top: 77px; z-index: 1; display: block;} #notices {display: none;} /* crossfading effect needs absolute positioning from the elements */ #notices div.tab {position: absolute; top: 0px; margin: 0; width: 825px;height: 193px; z-index: 20; background: #ccc;} #notices div div {position: absolute; height: 90px; line-height: 1.2; padding: 0; width: 825px; z-index: 20; background: /*(bgimg)*/ #0b2e68; background: rgba(11,46,104,0.55); bottom: 0px;} #notices ul.tabs {width: 100%; height: 37px; position: absolute; bottom: -5px; left: 0px;} #notices ul.tabs li {float: left; list-style: none; margin: 0; } #notices ul.tabs li a {color: #5392c5; text-transform: uppercase; text-decoration: none; font-size: 10px; display: block; padding: 10px 0 0 8px;width: 157px; height: 22px; background: url(/images/sprite.png) -21px -307px no-repeat; font-weight: bold;} #notices ul.tabs li a:hover {background: url(/images/sprite.png) -21px -248px no-repeat; color: #a58d61;} #notices ul.tabs li a.current {background: url(/images/sprite.png) -21px -248px no-repeat; color: #a58d61;} h1 {color: #b55e28; font-family: SansationRegular, "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; font-size: 25px; font-weight: normal; margin: 0; padding: 0; line-height: 1;} /* @end */ /* @group About pages */ .sectionNav li.current_page_item { font-weight: bold;} #mainContent div.one h3 {text-align: left; margin: 0px 0 0 0; font-weight: normal; color: #a58d61; font-size: 13px;} #mainContent div.one div.social-networking h3 {text-align: left; margin: 0px 0 0 0; font-weight: bold; color: #000; font-size: 13px; text-transform: none; line-height: 1.3;} #mainContent div.one hr {border: none; border-bottom: 1px dashed #ccc; margin: 20px 0;} ul.sectionNav a {text-decoration: none; color: #0b2e68; font-size: 10px; padding: 2px 0 2px 22px; background: url(/images/sprite.png) -20px -548px no-repeat;display: block;} ul.sectionNav li.current_page_item a {background: url(/images/sprite.png) -20px -660px no-repeat; font-weight: normal;} ul.sectionNav a:hover {color: #000; background: url(/images/sprite.png) -20px -660px no-repeat;} ul.sectionNav li {border-bottom: 1px dotted #ccc; padding: 4px 0;} div.main img.pageimage {margin: 5px 0 5px 0; max-width: 330px; border: 1px solid #ddd; } div.main h1 {margin: 0 0 10px 0;} #mainContent div.subpage div.two h2 {position: static; bottom: 0px; left: 0;font-weight: normal; text-transform: none; color: #5392c5; font-family: Tahoma, Helvetica, Arial, sans-serif; line-height: 1.2; width: auto; border-top: 0px solid #479aa8; padding: 0; margin: 15px 0 3px 0;font-size: 17px; text-align: left; background: none; } #mainContent div.three .case-study {border: 1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; padding: 10px 12px;position: relative;padding-bottom: 28px; width: 118px; margin-bottom: 15px;} #mainContent div.three .case-study h3 {text-transform: none; font-size: 11px;} #mainContent div.three .case-study div.tab {width: 120px; height: 210px;} #mainContent div.three .case-study div.tab p.readmore {position: absolute; bottom: -5px; left: 0px; font-size: 11px;} #mainContent div.three .case-study a.read {position: static;} #mainContent div.three .case-study p.readmore {width: 100%;} #mainContent div.three .case-study div.tab .images {width: 100%; height: auto;} #mainContent div.three .case-study div.tab img.image-1 {margin: 0 auto 5px 0; padding-bottom: 8px;border-bottom: 1px solid #ccc; text-align: center;width: 120px; height: 70px; float: none;display: block;} #mainContent div.three .case-study div.tab img.image-2 {display: none;} #mainContent div.three .case-study div.snippet {width: 120px; height: 100px; font-size: 9px;} #mainContent .offers {border: 1px solid #ccc; /*border-bottom: 0;*/-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;padding:10px 12px; position: relative;padding-bottom: 25px; margin-bottom: 15px; height: 270px; width: 118px; font-family: Tahoma, Helvetica, Arial, sans-serif;} #mainContent .colour1 {background: url(/images/offer-bgs/blue.jpg) -0px -0px no-repeat;} #mainContent .offers .offer-logo {background: url(/images/sprite.png) -413px -247px no-repeat; width: 130px; height: 67px;position: absolute; top: -10px; left: -12px; text-align: center;} #mainContent .offers img { top: 7px; position: relative; left: 6px;} #mainContent .offers .tab {position: absolute; font-size: 11px;} #mainContent .offers span.price, #mainContent .offers strong {color: #b55e28; font-weight: bold; font-size: 13px; padding: 0; margin: 0;} #mainContent .offers p.readmore {position: absolute; bottom: 0px;} #mainContent div.offers div.tab div.snippet {width: 120px; height: 280px} /* @end */ /* @group Contact page */ .telephonefax {font-weight: bold; font-size: 15px; font-family: SansationBold, "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif;} /* @end */ /* @group Testimonial pages */ div.two blockquote {position: relative; color: #5392c5; font-family: SansationRegular, "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; font-size: 14px; margin-bottom: 20px; margin: 30px 0 20px 0;} span.quote-a, span.quote-b {display: block;width: 30px; height: 20px; background: url(/images/sprite.png) -31px -394px no-repeat; text-indent: -9999px;} span.quote-b {background-position: -31px -432px; margin-left: 50px;} p.cite {font-family: Tahoma, Helvetica, Arial, sans-serif;font-size: 13px; color: #848484; font-weight: bold;} p.cite strong {color: #606060;} /* @end */ /* @group Products page - catalog */ .introduction { width: 345px; margin-bottom: 20px;} ul.products {list-style: none; margin: 0; padding: 0;} #mainContent #shopp ul.products li.product {border: 1px solid #ccc; height: 101px; float: left; margin: 0 10px 15px 0; display: block; width: 236px; position: relative;} #mainContent #shopp ul.products li.product img {position: absolute; top: 8px; left: 8px;} #mainContent #shopp ul.products li.product div.details {position: absolute; left: 98px; height: 101px; overflow: hidden; font-size: 10px; color: #a58d61;} #mainContent #shopp ul.products li.product div.details a {text-decoration: none;} #mainContent #shopp ul.products li.product div.details h2 {margin: 6px 0px 4px 0; line-height: 1; } #mainContent #shopp ul.products li.product div.details h2 a {text-decoration: none; color: #0b2e68; font-size: 13px; font-weight: bold; } #mainContent #shopp ul.products li.product div.details {margin: 0 0 4px 0px; line-height: 1.1; width: 130px;} #mainContent #shopp ul.products li.product div.details div.description { height: 33px; overflow: hidden; position: relative; top: -2px;} #mainContent #shopp ul.products li.product div.details p.readmore {position: absolute; bottom: 0px; left: 0; font-size: 11px; margin: 0;} /* Product page */ /* Gallery */ div.product-details {width: 260px; height: auto;border-bottom: 0px dotted #ddd;min-height: 400px; height: auto !important;height: 400px;float: left; padding: 0 0 10px 0;} div.product-details .specs {margin: 0 10px;} div.product-details .tab {position: relative; width: 260px; margin: 10px 0 10px 0;} body #shopp div.gallery {padding: 0 0 10px 0; position: absolute; right: 5px; margin: 0; top: 0;} body #shopp .gallery a.shopp-thickbox img {border: 1px solid #ccc; padding: 1px;} body #shopp .gallery ul.previews {} body #shopp .gallery .previews { position: relative; margin: 0 !important; } body #shopp .gallery .previews li { position: absolute; width: 200px; height: 200px; line-height: 200px; visibility: hidden; top: 0; left: 0; margin: 0; display: block; text-align: center; } body #shopp .gallery .previews li img { display: block; vertical-align: middle; margin-top: -3px; } body #shopp .gallery .previews li.fill { position: relative; } body #shopp .gallery .previews li.active { visibility: visible; } body #shopp .gallery .thumbnails { margin-top: 6px; } body #shopp .gallery .thumbnails ul { padding: 0; } body #shopp .gallery .thumbnails li { position: relative; display: inline; visibility: visible; height: auto; line-height: 1; top: auto; left: auto; margin: 0 0 0 10px; } body #shopp .gallery .thumbnails li.first { margin-left: 0; } body #shopp .gallery .thumbnails li img { cursor: pointer; border: 1px solid #ccc; padding: 1px;} div.product-details div.product-description-wrapper {height: 300px; overflow: hidden; margin: 0 0 0px 0;} .no-js div.product-details div.product-description-wrapper {height: auto;} div.product-details div.product-description-wrapper div.product-description {height: auto;} dl.details {padding: 10px 0 0 0;} div.product-details p.links {margin: 0px 0 0 0;} div.product-details p.links a{margin: 10px 0 0 0; width: 100px; background-position: 94px -12px; padding-left: 7px;} div.product-details p.links a:hover{margin: 10px 0 0 0; width: 100px; background-position: 94px -30px; padding-left: 7px;} .product-brand-image {position: relative; top: -5px; left: -6px;} /* Sidebar quotes */ .sidebar-quote {margin: 0 0 40px 0;} .sidebar-quote blockquote {position: relative; color: #5392c5; font-family: SansationRegular, "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; font-size: 11px;} .sidebar-quote p.cite {font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; color: #848484; font-weight: normal;margin-bottom: 40px !important;} .sidebar-quote p.cite strong {font-weight: normal;} .sidebar-quote a {font-size: 10px; padding: 0 0 0 16px; background: url(/images/sprite.png) -742px -345px no-repeat; font-weight: normal; font-family: Tahoma, Helvetica, Arial, sans-serif; line-height: 1.4;} .sidebar-quote a:hover {background: url(/images/sprite.png) -742px -345px no-repeat; color: #a58d61;} .sidebar-quote span.quote-b {background-position: -31px -432px; margin-left: 90px; position: relative; top: -10px;} /* Product page - extra */ div.main #shopp.product h1 {/*font-weight: bold;*/ width:285px; line-height: 1.3;} ul.product-tabs {width: 100%; height: 22px; position: relative; top: 0; left: 0px;} ul.product-tabs li {float: left; list-style: none; margin: 0; border-top: 2px solid #5392c5;} ul.product-tabs li.downloads {width: 160px;} ul.product-tabs li a {color: #666; text-transform: uppercase; text-decoration: none; font-size: 11px; display: block; padding: 0px 0 0 8px;width: 92px; height: 22px; background: url(/images/sprite.png) -241px -284px no-repeat;} ul.product-tabs li a:hover {background: url(/images/sprite.png) -241px -248px no-repeat; color: #a58d61;} ul.product-tabs li a.current {background: url(/images/sprite.png) -241px -248px no-repeat; color: #fff;} ul.downloadlist li {display: block; border-bottom: 1px solid #ccc;} ul.downloadlist li a {display: block; padding: 5px;} /* @end */ /* @group Downloads page */ #download-page {margin: 20px 0 0 0 ;} #download-page form#download-page-search {border: none} body #download-page-categories .category {width: 330px;} body #download-page-categories h3, body #download-page h3, body #download-page-categories h3 a {color: #b55e28; font-family: SansationRegular, "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; font-size: 21px; text-transform: none; font-weight: normal; margin: 0; padding: 0; line-height: 1.4; border: none;} #download-page-featured {display: none;} #download-page-categories {display: none;} /* @end */ /* @group Subpage styles */ div.hidden {display: none;} div.default {margin: 20px 0;} div.default img {display: none;} div.default h2 a {color: #b55e28; text-decoration: none; font-weight: normal; padding: 0; background: none; font-size: 18px; text-transform: none;} div.default a {text-decoration: none; font-weight: bold; padding: 4px 10px 0 0; display: block; color: #848484; background: url(/images/sprite.png) 66px -548px no-repeat; text-transform: uppercase; font-size: 12px;} div.default a:hover {color: #b55e28; background-position: 66px -660px;} div.default p.readmore {display: none;} div.partners-sub {margin: 20px 7px 0 0; border: 1px solid #ccc; width: 150px; padding: 5px; height: auto; position: relative;float: left;} div.partners-sub h2 {display: none;} div.partners-sub p {display: none;} div.partners-sub a {width: 100%; display: block; height: 50px;} div.partners-sub a i {display: block;background: url(/images/sprite.png) -18px -552px no-repeat; width: 22px; height: 20px; position: absolute; right: 5px; bottom: 4px;} div.partners-sub a:hover i {color: #b55e28; background-position: -18px -664px;} div.case-studies-sub {margin: 20px 0; border: 1px solid #ccc; padding: 7px;width: 316px;min-height: 180px;position: relative;} div.case-studies-sub p {font-size: 10px;} div.case-studies-sub img.pageimage {display: none;} div.case-studies-sub img {float: right; display: block; clear: both; margin: 0 0 10px 15px; width: auto; height: auto;} div.case-studies-sub h2 {margin: 0 !important;} div.case-studies-sub h2 a {color: #5f523f; text-decoration: none; font-weight: bold; padding: 0; background: none; font-size: 11px; text-transform: uppercase;} div.case-studies-sub p.learn-more {display: none;} div.case-studies-sub p.readmore {position: absolute; right: 7px; bottom: -5px;} div.case-studies-sub p.readmore a {font-size: 11px;} div.support-sub {margin: 20px 0;} div.support-sub img {display: none;} div.support-sub h2 a {color: #b55e28; text-decoration: none; font-weight: normal; padding: 0; background: none; font-size: 18px; text-transform: none;} div.support-sub p.learn-more {display: none;} div.support-sub p.readmore {position: relative; left: 0px; bottom: -10px;} div.support-sub p.readmore a {font-size: 11px; position: relative; left: 0; margin: 0;} div.support-sub div.content {display: none;} div.brand {margin: 20px 7px 0 0; border: 1px solid #ccc; width: 150px; padding: 5px; height: auto; position: relative;float: left;} div.brand a {width: 100%; display: block; height: 60px;} div.brand a i {display: block;background: url(/images/sprite.png) -18px -552px no-repeat; width: 22px; height: 20px; position: absolute; right: 5px; bottom: 4px;} div.brand a:hover i {color: #b55e28; background-position: -18px -664px;} div.brand-expanded {margin: 20px 7px 0 0; border: 1px solid #ccc; width: 319px; padding: 5px; height: auto; position: relative;float: left;} div.brand-expanded a {width: 100%; display: block; height: 60px; cursor: default;} div.brand-expanded a img {float: right; width: 90px;} div.brand-expanded a i {display: none} div.brand-expanded a:hover i {color: #b55e28; background-position: -18px -664px;} #mainContent div.brand-expanded h3 { text-decoration: none; color: #0b2e68; font-size: 13px; font-weight: bold; text-transform:none } div.brand-expanded .handset a {cursor: pointer; text-decoration: none; font-weight: bold;} div.brand-expanded .handset a img {float: left; width: 75px; height: auto;} div.handset { border-top: 1px solid #ccc; overflow: hidden; padding: 10px 0 5px 0;} div.handset a h4 {color: #000; font-size: 20px; margin: 0 0 0 10px; display: block; float: left; text-decoration: underline;} div.handset-downloads {display: none;} div.handset .expanded {display: block;} div.handset-downloads h5 {color: #000; font-size: 13px; padding: 10px 0 0 10px; display: block; clear: both; } div.handset-downloads ul {list-style: none; margin: 0 0 0 15px;} div.handset-downloads li {margin: 0; padding: 0px 0 10px 0; line-height: 1;} .handset div.handset-downloads li a {height: auto; display: block; font-weight: normal; text-decoration: underline; background: url(/images/filetype-icons/document-pdf.png) 0 0 no-repeat; padding:0px 0 2px 20px; line-height: 1.5; width: 280px;} .handset div.handset-downloads li a[href$='.xls'], .handset div.handset-downloads li a[href$='.xlsx'] {background: url(/images/filetype-icons/document-excel.png) 0 0 no-repeat;} .handset div.handset-downloads li a[href$='.doc'], .handset div.handset-downloads li a[href$='.docx'] {background: url(/images/filetype-icons/document-word-text.png) 0 0 no-repeat;} .handset div.handset-downloads li a[href$='.txt'], .handset div.handset-downloads li a[href$='.rtf'] {background: url(/images/filetype-icons/document-text.png) 0 0 no-repeat;} .handset div.handset-downloads li i {display: none; width: 16px; height: 16px; margin: 0 5px 0 0; background: url(/images/filetype-icons/document-pdf.png) 0 0 no-repeat; position: relative; top: 3px;} /* @end */ /* @group Slideshow in Case Studies */ #mainContent div.subpage div.two h2.solution-type {margin-top: 0; position: relative; top: -8px;font-size: 15px;} #case-studies-slideshow {position: relative;} #case-studies-slideshow .scrollable {position: relative; height: 90px; overflow: hidden; width: 336px; margin: 10px auto 18px auto; /*-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;*/ -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border: 2px solid #ccc;} .no-js #case-studies-slideshow .scrollable {position: relative; height: 244px; overflow: auto;width: 330px;} .no-js #case-studies-slideshow .scrollable div#panes {width: 330px; overflow: auto;} #case-studies-slideshow .scrollable div#panes div {width:auto; height: 50px; float: left; position: relative; margin: 5px;} #case-studies-slideshow .scrollable div#panes div img {height: 50px;} .no-js #case-studies-slideshow a.prevPage, .no-js #case-studies-slideshow a.nextPage {display: none;} #mainContent #case-studies-slideshow h2.partners {position: absolute; bottom: 0; left: 0px;font-weight: normal; text-transform: uppercase; color: #a58d61; font-family: "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; line-height: 1; width: 274px; border-top: 1px solid #ccc; padding: 2px 0 3px 65px;font-size: 11px; text-align: left;} #mainContent #case-studies-slideshow h2.partners em {font-style: normal; color: #848484;} #mainContent #case-studies-slideshow a.prevPage, #mainContent #case-studies-slideshow a.nextPage {width: 34px; height: 16px; display: block; color: #848484; font-weight: bold; z-index: 30;} #mainContent #case-studies-slideshow a.prevPage span, #mainContent #case-studies-slideshow a.nextPage span {display: none;} #mainContent #case-studies-slideshow a.prevPage {background: url(/images/sprite.png) -595px -243px no-repeat #ccc; position: absolute; left: 00px; bottom: 0px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; padding: 0px 5px 4px 15px; } #mainContent #case-studies-slideshow a.nextPage {background: url(/images/sprite.png) -703px -243px no-repeat #ccc; position: absolute; right: 00px; bottom: 0px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; padding: 0px 15px 4px 5px; } /* @end */ /* @group Subscribe form */ #subForm.subscribe button {margin: 10px 0; position: static;} #subForm p.submit {margin: 0 auto;;} /* @end */ /* @group Download handsets page */ div.brand div.handsets {display: none;} /* @end */ /* @group Partner Page */ ul.associated-products {list-style: none; margin: 0; padding: 0;} ul.associated-products li {float: left; width: 57px; margin: 2px 10px 0 0;} .ie6 ul.associated-products li, .ie7plus ul.associated-products li {margin: 2px 8px 0 0;} ul.associated-products li:nth-child(2n), ul.associated-products li.even {margin-right: 0;} ul.associated-products li img {width: 60px; height: auto; border: 1px solid #ccc; padding: 1px;} /* @end */ /* @group News */ article.post {margin: 0 0 50px 0;} article.post h2 a {text-decoration: none; color: #b55e28; font-size: 22px;} #mainContent article.post time {color: #5392c5; font-size: 14px; position: relative; top: -6px;} a.more-link {text-decoration: none; font-weight: bold; padding: 4px 10px 0 0; display: block; color: #848484; background: url(/images/sprite.png) 66px -548px no-repeat; text-transform: uppercase; font-size: 12px; margin: 4px 0 0 0;} a.more-link:hover {color: #b55e28; background-position: 66px -660px;} /* @end */ /* @group Offers */ div.offer-small {margin-top: 20px;} div.offer-small p {font-size: 10px; color: #666; } #mainContent div.two-offers {width: 496px;max-height: 700px;} #mainContent div.two-offers article {width: 200px;} div#offers-group {width: 310px; float: right; position: relative; top: -66px;} #mainContent .two-offers .offers {padding-bottom: 0px; height: 280px; float: left; margin: 5px;} body #mainContent .offers div.offer-logo {background: none;} #mainContent .two-offers .colour1 {background: url(/images/offer-bgs/pink.jpg) -0px -0px no-repeat;} #mainContent .two-offers .colour2 {background: url(/images/offer-bgs/orange.jpg) -0px -0px no-repeat;} #mainContent .two-offers .colour3 {background: url(/images/offer-bgs/gold.jpg) -0px -0px no-repeat;} #mainContent .two-offers .colour4 {background: url(/images/offer-bgs/blue.jpg) -0px -0px no-repeat;} /* @end */ /* @group Twitter & Facebook */ div.facebook {background: url(../images/panels/side-panel-grey_02.png) left bottom no-repeat; margin-bottom: 25px; position: relative; top:10px;} div.facebook p.readmore {padding: 0 0 20px 0; line-height: 1.3; border-top: 1px solid #fff;} div.facebook p.readmore a {color: #275577; padding: 10px 0 0 16px; background-position: 70px 23px;} div.facebook p.readmore a:hover {background-position: 70px -58px;} div.facebook a.fan {display: block;width: 120px;height: 30px; background: url(../images/icons-web-sprite.png) 0 -60px no-repeat; text-indent: -9999px; position: relative; left: 13px; margin-bottom: 10px;} .one iframe.FB_SERVER_IFRAME {width: 160px !important; height: 85px !important; margin-left: 4px; position: relative; left: -12px;} .one .ie6 iframe.FB_SERVER_IFRAME, .one .ie7 iframe.FB_SERVER_IFRAME, .one .ie8 iframe.FB_SERVER_IFRAME {width: 166px !important; height: 100px !important; margin-left: 4px;} #mainContent div.facebook div.two {width: 496px;} #mainContent div.facebook div.twoa {display: none;} a.twitter_link {font-size: 11px; font-weight: bold;} a.facebook_link {padding: 5px 0 5px 23px; display: block; background: url(/images/sprite.png) -818px -269px no-repeat;} a.twitter_link {padding: 5px 0 5px 23px; display: block; background: url(/images/sprite.png) -818px -294px no-repeat; color: #a58d61;} div.twitter {font-size: 11px; background: url(/images/sprite.png) -17px -750px no-repeat; height: 155px; padding: 5px 9px 0 9px; margin: 10px 0 0 0; overflow: hidden;} /* @end */ /* @group Contact Page - Map Page */ div.offices-map {background: url(/images/map.png) 0 0 no-repeat; height: 415px; position: relative; margin-top: 30px;} div.offices-map .address {background: url(/images/map.png) bottom left no-repeat; min-height: 135px; height: auto !important; height:135px;width: 87px; position: absolute; top: 15px; right:13px; padding: 5px 10px; font-size:11px;font-family: Tahoma, Helvetica, Arial, sans-serif; z-index: 100;} div.offices-map .address div { display: none;} div.offices-map .address div#address-1 { display: block;} #mainContent div.offices-map .address div h2 {color: #000; font-size: 12px;margin: 0;} div.offices-map .markers {position: relative; height: 400px; top: 15px;} div.offices-map .markers div {position: absolute;display: block;width: 25px; height: 35px; } div.offices-map .markers div a {display: block; width: 25px; height: 35px; text-indent: -9999px;background: url(/images/map.png) -254px -565px no-repeat;} div.offices-map .markers div a:hover, div.offices-map .markers div a.selected {background-position: -304px -565px } /* @end */ /* @group Main Nav and search*/ nav#mainNav {position: absolute; top: -1px; left: 0px; width: 865px; height: 70px; z-index: 100; } .ie7 nav#mainNav {top: -1px;} .ie6 nav#mainNav {top: -1px;} aside#sidebar div.search {width: 470px; height: 30px; position: absolute; top: 140px; right: 20px; z-index: 10; } .ie6 aside#sidebar div.search, .ie7plus aside#sidebar div.search {width: 515px;} aside#sidebar div.search form {display: inline-block;} .ie6 aside#sidebar div.search form, .ie7 aside#sidebar div.search form {float: left; display: inline; margin: 0 0 0 4px;;} aside#sidebar div.search form.search {position: relative;float: right; right: 3px;} .ie6 aside#sidebar div.search form.search, .ie7 aside#sidebar div.search form.search {position: absolute; top: 0px;right: 3px;} aside#sidebar div.search label.search {width: 23px; display: block; height: 24px; position: absolute; left: -1px; top: -1px; background: url(/images/sprite.png) -814px -208px no-repeat;} aside#sidebar div.search input.query{margin-left: 15px; padding-left: 5px;width: 125px;} aside#sidebar div.search label.search span{display: none;} aside#sidebar div.search select {display: inline-block; width: 142px;} .ie6 aside#sidebar div.search select, .ie7plus aside#sidebar div.search select {width: 160px;} aside#sidebar div.findus {position: absolute; top: 70px; right: 30px; font-size: 10px; font-family: Tahoma, Helvetica, Arial, sans-serif;} aside#sidebar div.findus a {color: #848484;} div#newsticker {position: absolute; right: 20px; top: 122px; height: 25px; width: 220px;padding: 0 5px 0 5px; background: url(/images/ticker.png) top left no-repeat transparent; z-index: 20;} .ie6 div#newsticker, .ie7 div#newsticker {top: 120px;} div#newsticker li {list-style: none;} div#newsticker li.title span{color: #b55e28;} div#newsticker li.title {width: 75px;} div#newsticker li.title a {text-transform: uppercase; font-size: 9px; color: #fff; text-decoration: none; padding: 0px; display: block;} div#newsticker ul ul {display: block; float: left; position: absolute; left: 80px; top: 0px; height: 16px; overflow: hidden; width: 155px; } div#newsticker ul ul#news li {width: 255px;} div#newsticker ul ul#news li a {color: #fff; text-transform: none;} div#newsticker ul li a:hover, div#newsticker ul ul#news li a:hover {color: #fff; text-decoration: underline;} div#newsticker ul li a span {color: #3a3a3a;} /* @group Main Nav - JS */ .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;} .sf-menu {line-height: 1.0;} .sf-menu ul {position: absolute; top: -999em; width: auto;/* left offset of submenus need to match (see below) */ background:#858585; bordezer: 0px solid #000; } .sf-menu ul ul { } nav .sf-menu li ul li a {width: auto;white-space:nowrap;display: block;} .sf-menu ul li {width: auto;display: block;min-width: 100px;} .sf-menu li:hover {visibility: inherit;/* fixes IE7 'sticky bug' */} .sf-menu li {float: left; position: relative; margin: 0 0px 0 0px;} .sf-menu a {display: block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 3px; top: 70px; /* match top ul list item height */ z-index: 99; padding: 0 0 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 173px; /* match ul width */ top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */ top: 0;} .sf-menu {float: left; margin-bottom: 1em;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0} .sf-menu a:focus{outline: 1px dotted #ccc;} /*** arrows **/ .sf-menu a.sf-with-ul {margin-right: 0px;} .sf-menu a.sf-with-ul span {padding-right: 0px; min-width: 1px;/* trigger IE7 hasLayout so spans position accurately */; display:none;} .sf-sub-indicator {position: absolute; display: block;width: 7px; height: 9px; text-indent: -9999em; overflow: hidden; background: url(/images/sprite.png) no-repeat 0px 0px;/* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator {/* give all except IE6 the correct values */ bottom: 14px; right: 3px;background-position: -8px 0px;/* use translucent arrow for modern browsers*/} ul ul a > .sf-sub-indicator {right: 0px;} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -8px 0;/* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator {background-position: -10px 0;} .sf-menu ul a > .sf-sub-indicator {background-position: 0 0;} /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;/* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul {padding: 0 8px 9px 0; -webkit-box-shadow: 1px 1px 5px #ccc;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* My SF stuff */ .sf-menu {padding-left: 32px; padding-right: 32px;} .sf-menu li a {float: left; height: 25px; text-transform: uppercase; padding: 35px 0px 0px 0px; width: 70px; font-size: 11px; text-decoration: none; position: relative; top: 1px;color: #a58d61; cursor: pointer; cursor: hand; line-height: 1; text-align: center; } .sf-menu li li a {text-align: left;margin: 5px 10px 0 10px; padding: 4px 0 4px 0; width: auto;height: auto} .sf-menu li li:first-child:before {content: " "; width: 16px; height: 16px; display: block; position: absolute; top: -6px; left: 10px; background:url(/images/sprite.png) -255px -825px;} .sf-menu li.home a {width: 48px; } .sf-menu li.about-us a {width: 80px;} .sf-menu li.services a {width: 74px;} .sf-menu li.products a {width: 85px;} .sf-menu li.partners a {width: 80px;} .sf-menu li.support a {width: 75px;} .sf-menu li.guides a {width: 64px;} .sf-menu li.case-studies a {width: 99px;} .sf-menu li.contact a {width: 88px;} .sf-menu li.offers a {width: 60px;} .sf-menu li.news a {width: 48px;} body .sf-menu li li a {width: auto !important;} .sf-menu {background: url(/images/sprite.png) 0px -9px no-repeat transparent;} .sf-menu li.selected a { background: transparent;} .sf-menu li a { background: #fff;} /*.sf-menu li.dropdown a span {padding-right: 10px;}*/ .sf-menu li.selected a {color: #5f523f;} .sf-menu li.selected li a {color: #fff;} .sf-menu li.selected li.selected a {color: #dc8a34;} .sf-menu li a:hover {color: #b55e28;} .sf-menu li.selected li a:hover {color: #ccc;} .sf-menu li li a:hover {color: #ccc;} .sf-menu li.selected li a, .sf-menu li li a {color: #fff; background: none; text-transform: none; font-size: 12px; line-height: 1.5;} /* @end */ /* @end */ /* @group Footer */ /* Footer */ #footer {font-family: "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif;overflow: hidden; margin: 0 20px; padding: 10px 0;} #footer div {float: left;} #footer .sitemap-1 {width: 50px; padding: 0 8px 0 12px;} #footer .sitemap-2 {width: 165px;padding: 0 8px 0 12px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;} #footer .sitemap-3 {width: 433px;padding: 0 0px 0 12px;border-right: 1px solid #ddd;} #footer .sitemap-3 ul {width: 144px; } #footer .social-networks {width: 105px;padding: 0 0px 0 12px;} #footer .social-networks strong a {font-size: 9px;} #footer .social-networks a {font-size: 11px; font-weight: bold;} #footer a {color: #999;} #footer a:hover {color: #222;} #footer strong a {color: #848484;} #footer ul {list-style: none; margin: 0; float: left;} #footer ul li {margin: 3px 0 0 0; font-size: 9px;} #footer {font-size: 10px; line-height: 1.5; margin-top: 5px; position: relative; /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#E6E2E3));*/background:url(/images/sprite.png) -20px -1080px no-repeat} #footer a.facebook {padding: 5px 0 5px 23px; display: block; background: url(/images/sprite.png) -818px -269px no-repeat;} #footer a.twitter {padding: 5px 0 5px 23px; display: block; background: url(/images/sprite.png) -818px -294px no-repeat;} #footer a.subscribe {padding: 5px 0 5px 23px; display: block; background: url(/images/sprite.png) -818px -320px no-repeat;} body.home aside#sidebar {display: none;} footer, div.rubious {font-family: "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; font-size: 10px;} footer ul {list-style: none; margin: 17px 0 0px 25px; padding: 0 0 17px 0; color: #848484;} div.rubious {position: absolute; right: 20px; bottom: 17px;} div.rubious a {text-decoration: none; color: #848484; position: relative;} div.rubious a span {background: url(/images/sprite.png) -818px -885px; display: block; width: 15px;height: 17px;position: absolute; left: -18px;} /* @end */ /* @group Buttons */ .button, .button:visited {background: #9e9e9e url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC") repeat-x; background-position: top center; display: inline-block; padding: 4px 12px 4px; color: #fff; font-weight: bold; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; text-transform: uppercase;font-family: Tahoma, Helvetica, Arial, sans-serif;font-size: 12px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);text-align: center;} .button:hover {background-color: #888888;} .button:active {top: 1px;} .go_button {background-color: #000;width: 22px; padding: 0px 4px; font-size: 10px; height: 17px; position: relative; top: -1px;} .call-to-action-buttons a.contact-us, button.subscribe {background-color: #5392c5; margin: 0 0 10px 0; width:77px; font-size: 11px; padding: ;} a.contact-us:hover, button.subscribe:hover {background-color: #0b2e68;} .call-to-action-buttons a.call-back {margin: 0 0 0px 0; width:77px; font-size: 11px;} .call-to-action-buttons {border-bottom: 1px dashed #ccc; padding-bottom: 20px;margin-bottom: 20px; overflow: hidden; width: 144px;} .call-to-action-buttons .call-back {float: left;} .call-to-action-buttons a.remote-support {margin: 10px 0 0px 0; width:105px; font-size: 11px;background-color: #558b33;} .call-to-action-buttons a.connect {margin: 10px 0 0px 0; width:77px; font-size: 11px;background-color: #558b33;} .call-to-action-buttons a.remote-support:hover, .call-to-action-buttons a.connect:hover {background: #49772c;} /* @end */ /* @group ColorBox */ /* Colour Box */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:17px;} #cboxLoadedContent{background:#000; padding:0px;} #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; left:0px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; left:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:5px;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* @end */