#title:after {
content: "tablet";

}


.tablet-grid-100:before,
.tablet-grid-100:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.tablet-grid-100:after {
  clear: both;
}

.tablet-grid-100 {
  /* <IE7> */
  *zoom: 1;
  /* </IE7> */
}

.tablet-push-5,
.tablet-pull-5, .tablet-push-10,
.tablet-pull-10, .tablet-push-15,
.tablet-pull-15, .tablet-push-20,
.tablet-pull-20, .tablet-push-25,
.tablet-pull-25, .tablet-push-30,
.tablet-pull-30, .tablet-push-35,
.tablet-pull-35, .tablet-push-40,
.tablet-pull-40, .tablet-push-45,
.tablet-pull-45, .tablet-push-50,
.tablet-pull-50, .tablet-push-55,
.tablet-pull-55, .tablet-push-60,
.tablet-pull-60, .tablet-push-65,
.tablet-pull-65, .tablet-push-70,
.tablet-pull-70, .tablet-push-75,
.tablet-pull-75, .tablet-push-80,
.tablet-pull-80, .tablet-push-85,
.tablet-pull-85, .tablet-push-90,
.tablet-pull-90, .tablet-push-95,
.tablet-pull-95, .tablet-push-33,
.tablet-pull-33, .tablet-push-66,
.tablet-pull-66 {
  position: relative;
}

.hide-on-tablet {
  display: none !important;
}

.tablet-grid-5 {
  float: left;
  width: 5%;
  /* <IE7> */
  *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-5 {
  margin-left: 5%;
}

.tablet-suffix-5 {
  margin-right: 5%;
}

.tablet-push-5 {
  left: 5%;
  /* <IE7> */
  *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-5 {
  left: -5%;
  /* <IE7> */
  *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-10 {
  float: left;
  width: 10%;
  /* <IE7> */
  *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-10 {
  margin-left: 10%;
}

.tablet-suffix-10 {
  margin-right: 10%;
}

.tablet-push-10 {
  left: 10%;
  /* <IE7> */
  *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-10 {
  left: -10%;
  /* <IE7> */
  *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-15 {
  float: left;
  width: 15%;
  /* <IE7> */
  *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-15 {
  margin-left: 15%;
}

.tablet-suffix-15 {
  margin-right: 15%;
}

.tablet-push-15 {
  left: 15%;
  /* <IE7> */
  *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-15 {
  left: -15%;
  /* <IE7> */
  *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-20 {
  float: left;
  width: 20%;
  /* <IE7> */
  *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-20 {
  margin-left: 20%;
}

.tablet-suffix-20 {
  margin-right: 20%;
}

.tablet-push-20 {
  left: 20%;
  /* <IE7> */
  *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-20 {
  left: -20%;
  /* <IE7> */
  *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-25 {
  float: left;
  width: 25%;
  /* <IE7> */
  *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-25 {
  margin-left: 25%;
}

.tablet-suffix-25 {
  margin-right: 25%;
}

.tablet-push-25 {
  left: 25%;
  /* <IE7> */
  *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-25 {
  left: -25%;
  /* <IE7> */
  *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-30 {
  float: left;
  width: 30%;
  /* <IE7> */
  *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-30 {
  margin-left: 30%;
}

.tablet-suffix-30 {
  margin-right: 30%;
}

.tablet-push-30 {
  left: 30%;
  /* <IE7> */
  *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-30 {
  left: -30%;
  /* <IE7> */
  *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-35 {
  float: left;
  width: 35%;
  /* <IE7> */
  *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-35 {
  margin-left: 35%;
}

.tablet-suffix-35 {
  margin-right: 35%;
}

.tablet-push-35 {
  left: 35%;
  /* <IE7> */
  *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-35 {
  left: -35%;
  /* <IE7> */
  *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-40 {
  float: left;
  width: 40%;
  /* <IE7> */
  *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-40 {
  margin-left: 40%;
}

.tablet-suffix-40 {
  margin-right: 40%;
}

.tablet-push-40 {
  left: 40%;
  /* <IE7> */
  *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-40 {
  left: -40%;
  /* <IE7> */
  *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-45 {
  float: left;
  width: 45%;
  /* <IE7> */
  *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-45 {
  margin-left: 45%;
}

.tablet-suffix-45 {
  margin-right: 45%;
}

.tablet-push-45 {
  left: 45%;
  /* <IE7> */
  *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-45 {
  left: -45%;
  /* <IE7> */
  *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-50 {
  float: left;
  width: 50%;
  /* <IE7> */
  *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-50 {
  margin-left: 50%;
}

.tablet-suffix-50 {
  margin-right: 50%;
}

.tablet-push-50 {
  left: 50%;
  /* <IE7> */
  *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-50 {
  left: -50%;
  /* <IE7> */
  *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-55 {
  float: left;
  width: 55%;
  /* <IE7> */
  *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-55 {
  margin-left: 55%;
}

.tablet-suffix-55 {
  margin-right: 55%;
}

.tablet-push-55 {
  left: 55%;
  /* <IE7> */
  *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-55 {
  left: -55%;
  /* <IE7> */
  *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-60 {
  float: left;
  width: 60%;
  /* <IE7> */
  *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-60 {
  margin-left: 60%;
}

.tablet-suffix-60 {
  margin-right: 60%;
}

.tablet-push-60 {
  left: 60%;
  /* <IE7> */
  *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-60 {
  left: -60%;
  /* <IE7> */
  *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-65 {
  float: left;
  width: 65%;
  /* <IE7> */
  *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-65 {
  margin-left: 65%;
}

.tablet-suffix-65 {
  margin-right: 65%;
}

.tablet-push-65 {
  left: 65%;
  /* <IE7> */
  *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-65 {
  left: -65%;
  /* <IE7> */
  *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-70 {
  float: left;
  width: 70%;
  /* <IE7> */
  *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-70 {
  margin-left: 70%;
}

.tablet-suffix-70 {
  margin-right: 70%;
}

.tablet-push-70 {
  left: 70%;
  /* <IE7> */
  *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-70 {
  left: -70%;
  /* <IE7> */
  *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-75 {
  float: left;
  width: 75%;
  /* <IE7> */
  *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-75 {
  margin-left: 75%;
}

.tablet-suffix-75 {
  margin-right: 75%;
}

.tablet-push-75 {
  left: 75%;
  /* <IE7> */
  *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-75 {
  left: -75%;
  /* <IE7> */
  *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-80 {
  float: left;
  width: 80%;
  /* <IE7> */
  *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-80 {
  margin-left: 80%;
}

.tablet-suffix-80 {
  margin-right: 80%;
}

.tablet-push-80 {
  left: 80%;
  /* <IE7> */
  *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-80 {
  left: -80%;
  /* <IE7> */
  *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-85 {
  float: left;
  width: 85%;
  /* <IE7> */
  *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-85 {
  margin-left: 85%;
}

.tablet-suffix-85 {
  margin-right: 85%;
}

.tablet-push-85 {
  left: 85%;
  /* <IE7> */
  *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-85 {
  left: -85%;
  /* <IE7> */
  *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-90 {
  float: left;
  width: 90%;
  /* <IE7> */
  *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-90 {
  margin-left: 90%;
}

.tablet-suffix-90 {
  margin-right: 90%;
}

.tablet-push-90 {
  left: 90%;
  /* <IE7> */
  *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-90 {
  left: -90%;
  /* <IE7> */
  *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-95 {
  float: left;
  width: 95%;
  /* <IE7> */
  *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-95 {
  margin-left: 95%;
}

.tablet-suffix-95 {
  margin-right: 95%;
}

.tablet-push-95 {
  left: 95%;
  /* <IE7> */
  *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-95 {
  left: -95%;
  /* <IE7> */
  *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-33 {
  float: left;
  width: 33.33333%;
  /* <IE7> */
  *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-33 {
  margin-left: 33.33333%;
}

.tablet-suffix-33 {
  margin-right: 33.33333%;
}

.tablet-push-33 {
  left: 33.33333%;
  /* <IE7> */
  *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-33 {
  left: -33.33333%;
  /* <IE7> */
  *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-66 {
  float: left;
  width: 66.66667%;
  /* <IE7> */
  *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-prefix-66 {
  margin-left: 66.66667%;
}

.tablet-suffix-66 {
  margin-right: 66.66667%;
}

.tablet-push-66 {
  left: 66.66667%;
  /* <IE7> */
  *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-pull-66 {
  left: -66.66667%;
  /* <IE7> */
  *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}

.tablet-grid-100 {
  clear: both;
  width: 100%;
}






/* Tablet specific styles */
div.device_options {display:none;}
div.breadcrumbs,
section#mainImage,
a.submit-cv-menu,
ul.js-icons li.print,
body#show-advert form#form-scvs,
div.sitemap ul li a.submit-cv-menu,
div#main-content-full div.jd-info aside ul li a.apply-button,
div.mobile-hidden,
body.itemid-122 section.tooltip-form-container h3 {display:block; !important;}

section#header-top section#page-heading h1 {font-size:2em; padding:0 2%;}
div.site-logo p {text-align:left;}
div.site-logo {text-align:left; border:0;}
section#header-top section#page-heading {border:0;}

section#column-a {padding-right:0;}
nav.highlight-nav div ul {float:right;}

nav.highlight-nav > div.logged-in {padding:0; clear:none;}
nav.highlight-nav > div ul li:first-child,
nav.highlight-nav > div ul li.jbe-width {width:auto;}

div.pagination div.pages ul li.pagination-start,
div.pagination div.pages ul li.pagination-end,
div.pagination div.pages ul li.pagination-prev,
div.pagination div.pages ul li.pagination-next,
div.pagination div.pages ul li {display:inline-block;}

nav.highlight-nav > div > ul > li > a.get-jobs-by-email, 
nav.highlight-nav > div > ul > li > a.job-alerts-account-menu,
nav.highlight-nav > div > ul > li > a.search-jobs-menu,
nav.highlight-nav > div > ul > li > a.submit-cv-menu {background:transparent; padding-left:0;}

section div.update-cv,
section div.send-cv {display:block;}

section#primary-footer {font-size:0.9em;}
ul.footer-menu li {clear:none;}

div.pagination ul {float:right; clear:none;}
div.pagination div.job-rss-container a {float:right;}
ul.limited-company-list li img {float:right;}

div.cookies-message {width:80%;}
div.cc-cookies h2 {width:40%; padding:0 0 10px 0; clear:none; float:left;} 
div.cc-cookies p {width:60%; padding:0 0 10px 0; clear:none; float:left;}
div.cc-cookies a.cc-cookie-accept {clear:none; text-align:center; float:right; margin:0 0 10px 0; width:15%; padding:5px 10px;}
div.cc-cookies a.cc-cookie-decline {clear:right; text-align:center; float:right; margin:0 0 10px 0; width:15%; padding:5px 10px;} 

body div#main-container form label {width:30%; padding:3px 1% 3px 0; text-align:right; clear:none;}

body div#main-container aside#comp-left form.job-search label#form_keywords-lbl {width:100%;}
body div#main-container aside#comp-left form.job-search label#form_sector-lbl {text-align:left;}
body div#main-container aside#comp-left form.job-search input#form_keywords,
body div#main-container aside#comp-left div.search-jobs form.job-search label{width:100%; text-align:left;}
body div#main-container aside#comp-left div.search-jobs form.job-search input.submit {margin-left:0;}

body div#main-container form label.error {padding-left:20px; margin-left:1%; width:33%; text-align:left;}
form.Chronoform div.form label.error, 
form#form-scvs div.form label.error, 
section#column-a form div label.error, 
section#column-b form div label.error {width:33%; margin-left:1%;}

body div#main-container form input[type="text"],
body div#main-container form input[type="email"] {margin:0; width:30%;}
body div#main-container form legend {padding:0 0 10px 0; width:100%; line-height:1.2em;}
body div#main-container form input[type="file"],
body div#main-container form select {margin:0;}
body div#main-container form textarea {margin:0; width:31%;}
body div#main-container form input#submit {margin-left:31%;}
body div#main-container form div#form-cv-container label.error {margin-left:31%;}
body div#main-container a.activate-link,
body div#main-container a.deleteAlert {margin:10px 31%;}

body div#main-container form#jbe-marketing_prefs label {width:95%;}

footer {padding:0 2%; width:96%;}
footer div section {clear:none;}
section#secondary-footer ul {float:right;}
section#secondary-footer ul li {padding-left:10px; padding-right:0;}

body div#main-container div.left-main-content {padding:0 0 0 2%;}
body div#main-container div.right-main-content {padding:0 2% 0 0;}
div.article-padding {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
section#secondary-footer ul {float:left;}

nav.site-nav > div > ul > li:first-child {display:none;}
nav.highlight-nav > div ul li a {border:0;}

nav.site-nav {display:block; margin-top:5px;}
div.site-logo, nav.highlight-nav {padding:5px 0;}
section#header-top form.job-search{padding:10px 0;}
nav.highlight-nav {position:relative; z-index:1; border-bottom:0;}
nav.highlight-nav > div {width:auto; float:right;}
nav.highlight-nav > div ul {width:auto;}
nav.highlight-nav > div ul li {width:auto;}

section#header-top div.job-search {padding:10px 1%; background-color:#000;}
section#header-top div.job-search form.job-search {width:auto;}
section#header-top div.job-search form.job-search fieldset {width:auto;}
section#header-top div.job-search form.job-search div {width:auto;}
section#header-top div.job-search form.job-search fieldset div input[type="text"] {width:190px; border:1px solid #0098C4;}
section#header-top div.job-search form.job-search input.submit {clear:none;}

section#column-b div.serp-job-alert {margin-top:10px;}

/* Location search dropdown location */
div#form-location-container ul.locationSearch {width:300px !important;}
section#column-a form.job-search div#form-location-container ul.locationSearch,
section#column-b form.job-search div#form-location-container ul.locationSearch,
section#column-a form#jbe-edit-subscription div#form-location-container ul.locationSearch{top:30px !important;}