/* **************** COLOURS/FONTS ******************pink: #ed2092background: #f4f4f4body copy on white: #5f5f5finterstate grey h2: #757574body copy on grey: #515151light copy on grey: #929291h1: 26px (2.6em) - Interstateh2: 19px (1.9em) - Interstateparagraph/body text: 13px (1.3em) - Arial********************************************** */
/* **************** RESETS ****************** */
html {
 color:#000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset, img {
 border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
 font-style:normal;
 font-weight:normal;
}
li {
 list-style:none;
}
caption, th {
 text-align:left;
}
h1, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal;
}
div.headBlock h2 {
 padding-top:0px !important;
}
q:before, q:after {
 content:'';
}
abbr, acronym {
 border:0;
 font-variant:normal;
}
sup {
 vertical-align:text-top;
}
sub {
 vertical-align:text-bottom;
}
input, textarea, select {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
}
input, textarea, select {
 *font-size:100%;
}
div.login-top input {
 color:#757574;
}
legend {
 color:#000;
}
body {
 font:62.5% Arial, sans-serif;
}
select, input, button, textarea {
 font:99% arial, helvetica, clean, sans-serif;
}
table {
 font-size:inherit;
 font:100%;
}
a:focus, a:focus strong, a:active, a:active strong {
  outline:none;
 }
  /* ====== Page Head, Body, and Foot ====== */
body {
 /*_text-align:center;
 */
}
/* IE5.5 */
.body, .main {
 display: table-cell;
  *display:block;
 _position:relative;
  _left:-3px;
  _margin-right: -3px;
 width:auto;
  _zoom:1;
}
.body:after,.main:after {
 content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
 visibility:hidden;
  clear:both;
 height:0 !important;
 display:block;
 line-height:0;
 font-size: 36px;
}
.page {
 margin: 0 auto;
  width: 960px;
 /*_text-align:left;
 */
}
 /* wraps other template elems to set width */
 /* text-align IE5.5 */
.liquid {
 width: auto;
 margin:0;
}
/* ====== Columns ====== */
.main {
}
/* extend columns to allow for common column widths */
.col1 {
 width:160px;
}
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
 .clearfix {
 display: inline-block;
}
 html[xmlns] .clearfix {
 display: block;
}
 * html .clearfix {
 height: 1%;
}
/* **************** GRIDS ****************** */
.line {
 *zoom:1;
 clear:both;
}
.line:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.pod {
 float:left;
}
.podSmall {
 width:240px;
}
.podSide {
 width:310px;
  float:right;
  clear:right}
.podBody {
 width:640px;
}
.podEqual {
 width:480px;
}
.podFull {
 width:960px;
}
.lastUnit {
 display: table-cell;
  *display:block;
 *zoom:1;
 float:none;
 _position:relative;
  _left:-3px;
  _margin-right: -3px;
 width:auto;
}
.lastUnit:after {
 content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
 visibility:hidden;
  clear:both;
 height:0 !important;
 display:block;
 line-height:0;
}
.modCol {
 width:200px;
 padding:20px;
  float:left}
.last {
 padding-right:0px;
}
body {
 background:url(../images/layout/bg_body.png) repeat-x top #f4f4f4;
 color:#515151;
}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {
 padding:0;
}
img {
 display:block;
}
/* **************** TYPOGRAPHY ****************** */
/* headings */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {
 padding:0;
}
h1, .h1 {
 padding-bottom:8px;
 font-size:2.6em;
 font-weight:bold;
 font-style: normal;
 color:#ed2092;
}
h2, .h2 {
 padding-bottom:8px;
 padding-top:2px;
 font-size:1.9em;
 font-weight:normal;
 font-style: normal;
 color:#757574;
}
h3, .h3 {
 font-size:1.3em;
 font-weight:bold;
 font-style:normal;
 line-height:1.5em;
 color:#5f5f5f;
}
.headBlock h1, .headBlock h2 {
 width: 500px !important;
}
 /* crop sifr heading so doesn't overlay */
/* individual styles */
p {
 font-size:1.3em;
 line-height:1.5em;
 padding-bottom:10px;
}
.prod h3 {
 padding-left:15px;
 color:#ffffff;
}
 /* colour h3 for product thumb */
.pod p {
 color:#5f5f5f;
}
.floatHead {
 padding-top:8px;
 padding-left:25px;
}
.boxTitle {
 padding-left:10px;
}
.registerLargeText {
 font-size:1.1em;
 font-weight:bold;
}
.register {
 font-size:1.3em;
 color:#ffffff;
}
.login-top input {
  height:18px;
}
.login-top img {
 display:inline;
  vertical-align:bottom}
.footer {
 font-size:1.3em;
 color:#929291;
}
.pink {
 color:#ed2092;
}
/* font styles */
.bold {
 font-weight:bold;
}
.italic {
 font-style:italic;
}
/* links */
a, a:visited {
 color: #ed2092;
 text-decoration:none;
}
a:focus, a:hover {
 text-decoration:underline;
}
.register a {
 color:#ffffff;
}
a.pdf {
 display:inline-block;
 padding-left:30px;
 line-height:27px;
 background:transparent url(../images/content/icon-pdf.gif) center left no-repeat;
}
/* buttons */
a.btn {
 color:#ffffff;
}
.pinkBtnOnGrey {
 background:transparent url(../images/layout/btn_pink_grey.gif) no-repeat right top;
}
  .pinkBtnOnGrey span {
 background:transparent url(../images/layout/btn_pink_grey.gif) no-repeat left top;
}
.pinkBtnOnWhite {
 background:transparent url(../images/layout/btn_pink_white.gif) no-repeat right top;
}
  .pinkBtnOnWhite span {
 background:transparent url(../images/layout/btn_pink_white.gif) no-repeat left top;
}
.carouselControl {
 background-color:#ffffff;
 padding-left:10px;
 -moz-border-radius:3px;
 border:1px solid #ed2092;
 color:#ed2092 !important;
}
  .carouselControl.active {
 border:1px solid #929291;
 color:#929291 !important;
}
.carouselControl {
 margin-right:2px;
}
.formButton {
 padding:6px 0 0 120px;
}
/* lists */
.bullet-list {
 padding-bottom:10px;
 font-size:1.3em;
 line-height:1.5em;
 list-style: circle;
}
  .bullet-list li {
 padding-left:24px;
 padding-bottom:6px;
 list-style-type:disc;
 list-style:disc;
 list-style-position:inside;
 text-indent:-12px;
}
/* **************** LAYOUT ****************** */
/* header */
.header {
 height:105px;
 padding-bottom:20px;
}
  .logo {
 padding-top:2px;
 padding-left:10px;
 float:left;
 padding-right:0px;
}
  .register {
 float:right;
 margin-right:20px;
 padding:2px 10px 0px 10px;
 background-color:#ed2092;
}
  .navigation {
 float:right;
 text-align:right;
 height:30px;
 padding-top:3px;
 padding-right:15px;
  width:675px;
}
    .navigation ul {
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 padding:0px;
 height:30px;
  display:inline;
}
      .navigation li {
 float:left;
  display:inline;
}
        .navigation li a {
 height:0 !important;
 float:left;
 overflow:hidden;
 padding:30px 0 0;
 margin-left:30px;
 background-position:top left;
 background-repeat:no-repeat;
}
        .navigation li.home a {
 width:51px;
 background-image:url(../images/layout/sprites/nav_home.gif);
}
        .navigation li.products a {
 width:80px;
 background-image:url(../images/layout/sprites/nav_products.gif);
}
        .navigation li.cases a {
 width:113px;
 background-image:url(../images/layout/sprites/nav_case-studies.gif);
}
        .navigation li.about a {
 width:80px;
 background-image:url(../images/layout/sprites/nav_about-us.gif);
}
        .navigation li.support a {
 width:71px;
 background-image:url(../images/layout/sprites/nav_support.gif);
}
        .navigation li.contact a {
 width:96px;
 background-image:url(../images/layout/sprites/nav_contact.gif);
}
          .navigation li a:hover, .navigation li.current a {
 background-position: 0 -30px;
}
/* intro block */
          .headBlock {
 padding:0px 0px 10px 25px;
  overflow:none;
}
.homeHeader {
 padding:0px 0px 8px 25px;
}
/* pods */
/* footer */
.footer {
 height:69px;
 padding:0 20px 10px 20px;
  clear:both}
.footer .logos {
 float:right;
}
.footer .footerText {
 float:left;
}
/* images */
.largeImage {
 float:right;
 padding-left:30px;
}
.contentImage {
 float:right;
 margin-left:15px;
}
.border img {
 border:1px solid #a8a8a8;
}
/* forms */
label {
 float:left;
 width:120px;
 padding-top:3px;
 font-size:1.3em;
 font-weight:bold;
 color:#5f5f5f;
}
input.input-text, select.input-text, textarea {
 padding:2px;
 font-size:1.3em;
 color:#5f5f5f;
}
input.input-text,select.input-text {
 width:230px;
}
input.input-text.small {
 width:140px;
}
input.input-text.large {
 width:312px;
}
fieldset {
 margin:10px 0px;
}
#contactForm input, textarea {
 width:285px;
}
.contactBtn {
 margin:0 0 0 120px;
}
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod {
 margin:10px;
}
.hd,.bd,.ft {
 overflow:hidden;
 _overflow:visible;
  _zoom:1;
}
.inner {
 position:relative;
}
b {
 display:block;
 background-repeat:no-repeat;
 font-size:1%;
 position:relative;
 z-index:10;
}
.tl, .tr, .bl, .br {
 height:14px;
  width:14px;
 float:left;
}
.tl {
 background-position: left top;
}
.tr {
 background-position: right top;
}
.bl {
 background-position: left bottom;
}
 .br {
 background-position: right bottom;
}
.br,.tr {
 float:right;
}
.tr, .tl {
 overflow:hidden;
 margin-bottom:-32000px;
}
/* margin bottom needs to be < -9px */
/*.bl,.br {
 margin-top:-10px;
}
 ============= removed causing bug in bottom left corner ======= */
.top {
 background-position:center top;
}
.bottom {
 background-position:center bottom;
 _zoom:1;
}
/* this zoom required for IE5.5 only*/
/* complex */
.complex {
 overflow:hidden;
 *position:relative;
 *zoom:1;
}
/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr {
 height:32000px;
  margin-bottom:-32000px;
 width:14px;
}
.complex .bl, .complex .br {
 /*margin-top:0;
 */
}
.complex .top {
 height:14px;
}
.complex .bottom {
 height:14px;
 /*margin-top:-10px;
 */
}
/* pop */
.pop {
 overflow:visible;
 margin: 10px 20px 20px 10px;
  background-position:left top;
}
.pop .inner {
 right:-10px;
  bottom:-10px;
  background-position:right bottom;
 padding:0 10px 10px 0;
}
.pop .tl, .pop .br {
 display:none;
}
.pop .bl {
 bottom:-10px;
}
.pop .tr {
 right:-10px;
}
/* buttons */
.btn {
 text-decoration:none !important;
 padding-right:10px;
 display:inline-block;
 line-height:25px;
 height:25px;
 color:#ffffff;
 font-size:12px;
 font-weight:normal;
}
.btn span {
 padding-left:10px;
 line-height:25px;
 height:25px;
 display:inline-block;
}
.btn span span {
 background:transparent;
 padding:0;
}
/* general pod layout */
.block {
 margin:3px;
}
 /* 3px + 7px border round image = 10px to align to grid */
.block b {
 background-image:url(../images/layout/bg_box_shadowed_trans3.png);
}
.block .top {
 height:7px;
}
 /* might need to be changed, check original */
.block .bottom {
 height:14px;
 margin-top:-14px;
}
 /* 2 values should equal 0 */
.block .br,.prod .bl {
 margin-top:0px;
}
/* margin top = bottom height - corner height */
.block .inner {
 padding:0 7px;
}
 /* offsets negative padding from gif mask */
.block .ft {
 padding: 10px 0px 14px 0px;
}
.block .ft h3 {
 padding-left:15px;
}
/* specific pod styles */
.contentBlock .inner {
 padding:15px 22px 15px 22px;
 background:#ffffff;
}
 /* offsets negative padding from gif mask */
.productBlock .bd {
 height:156px;
}
 /* fixed height of pod middle section */
.productBlock .ft h3 {
 color:#ffffff;
}
 /* fixed height of pod middle section */
.offerBlock .inner {
 background:#ed2092;
}
 .offerBlock, .offerBlock h2, .offerBlock h3, .offerBlock a {
 color:#ffffff;
}
 .offerBlock .bd {
 height:126px;
 padding:15px;
 background-color:#c8187a;
}
.offerBlock .offerText p {
 font-size:1.9em;
 font-weight:bold;
 line-height:1.5em;
 padding-bottom:4px;
 color:#fff;
}
.offerBlock .offerText a {
 font-size:12px;
 line-height:1.5em;
 padding-bottom:4px;
 color:#fff;
 font-weight:no}
.offerBlock.blue .inner {
 background:#00bbf2 !important;
}
 .offerBlock.blue .bd {
 background-color:#0e88c7 !important;
}
.block .sectionWhite {
 height:34px;
 padding:5px 15px 0px 15px;
 background-color: #ffffff;
}
 /* fixed height on head, may need to be adjusted */
.block .sectionOffer {
 height:34px;
 padding:5px 15px 0px 15px;
 background-color: #ed2092;
}
 /* fixed height on head, may need to be adjusted */
.offerBlock.blue .sectionOffer {
 background-color:#00bbf2;
}
/* ====== Background blocks ====== */
/* ====== Block headers and footers ====== */
.hd h1, .hd h2, .hd h3, .hd h4, .hd h5, .hd h6 {
 padding: 5px 0px;
}
 /* pad all headers within mods */
.section {
 padding:5px 10px;
 background-color:#666666;
 font-size:120%;
 color:#de2c72;
}
.section h1,.section h2,.section h3,.section h4,.section h5,.section h6 {
 padding:0px 10px;
 color:#ffffff;
}
.act h3 {
 padding:0px 0px 0px 17px;
 color:#ffffff;
}
.act {
 background-color:#858585;
}
/* for bottom caption, specific or reusable? */
.productBlock .ft {
 background-color:#858585;
}
.productBlock .ft a, .productBlock .ft a a:visited {
 color:#ffffff;
 text-decoration:none;
}
.productBlock .ft a:hover {
 color:#ffffff;
}
.similar-products {
 clear-both}
.homepage-scroller {
 width:3000px;
  overflow:auto;
  padding:0 7px 7px 7px;
  font-weight:bold;
}
.scroller-item {
 width:200px;
  text-align:center;
  float:left;
  margin:0 3px}
.scroller-item a {
 color:#999;
  font-size:1.4em;
  line-height:2em}
.arrow-left, .arrow-right {
 width:39px;
  float:left}
.arrow-left img, .arrow-right img {
 padding-top:70px}
div.slider .bottom {
  margin-top:-62px;
}