@charset "UTF-8";

/*memset - main.css - main style sheet*/

/***************GENERAL STYLES****************/

.top-navigation,
.main-header,
.content,
#main-content .content-intro-section,
.blue-header,
.solutions-collapsing-column,
.solutions-content-wrap,
.messagelist,
.main-breadcrumbs,
.control div.content,
.memset-site-footer,
.drop-down-list-width-wrap,
section.width-restricted-content,
#main-content ul.messagelist {
    max-width: 1300px;
    min-width: 960px;
    margin: 0 5px;
    box-sizing: border-box;
}

header,
main,
footer,
#container,
#main-wrap,
div#main-content,
.content-intro-section-wrap,
.blue-header-wrap,
.solutions-collapsing-column-wrapper,
.message-list-wrap,
.main-breadcrumbs-wrap,
.drop-list-wrap,
.drop-down-list-wrap,
.fullwidth-main-content-section,
.message-list-wrap {
    width: 100%;
    min-width: 980px;
    box-sizing: border-box;
}

.content-intro-section-wrap + .package-additional-information-text {
    border-top: none;
}

.solutions-content-wrap,
div.content {
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    border-bottom: 3px solid #dfdfdf;
    margin-top: 13px !important;
}

header {
    background-color: #0085ca;
    background-image:
    radial-gradient(circle at 50% top, rgba(0, 165, 214, 0.6) 0%,rgba(84,90,182,0) 75%),
    radial-gradient(circle at right top, rgba(0, 134, 204, 0.1) 0%, rgba(121,74,162,0) 57%);
    margin: 0;
    padding: 0;
}

div.main-header {
    margin-top: 28px;
}


html,
body {
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    vertical-align: top;
    padding: 0;
    margin: 0;
    background-color: #f7f7f7;
    font-size: 16px;
}

body.lowerbg {
    background-position: 50% 148px;
}

/* TABLES */

table {
    border-collapse: collapse;
}

table.table td,
#main-content table.table input,
#main-content table.table select {
    font-size: 14px;
}

/* TEXT FORMATTING */

h1,
.h1 {
    font-size: 37px;
    margin: 0 0 21px;
}

p,
h2,
h3,
h4,
h5,
h6,
span {
    padding: 0;
    margin: 0;
    line-height: 1;
}

p,
li,
td,
th,
#main-content textarea,
input,
#main-content select,
option,
label,
blockquote,
form .form-group {
    font-size: 16px;
    color: #474747;
    line-height: 1.5;
}

p {
    margin: 0 0 21px 0;
}

h2 span,
ul.mobile-navigation,
.side-account-nav,
nav.main-navigation ul li.side-account-nav {
    display: none;
}

h2,
h3,
h4,
h5,
.h2,
.h3,
.h4,
.h5,
legend {
    font-size: 34px;
    color: #474747;
    margin: 0 0 21px 0;
    padding: 0;
    text-align: left;
}

h2,
.h2 {
    margin: 0 0 21px 0;
    font-size: 29px;
    font-weight: normal;
}

h3,
.h3 {
    font-size: 23px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-size: 18px;
}

hr {
    margin: 34px 0;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    padding: 0;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
}

sup {
    bottom: 1ex;
}

/* LISTS */

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul + p {
    margin-top: 21px;
}

ul + p.blog-date-author {
    margin-top: 0;
}

li {
    vertical-align: text-top;
    margin: 5px 0 5px 0;
    padding: 0;
}

/* Correcting the layout of New Support Ticket links in column two  */
.support-ticket-links-wrap {
    float: left;
}

.support-ticket-links-wrap a,
#id_dns_search a {
    padding: 0 8px 21px 8px;
    font-size: 14px;
    display: inline-block;
}

.support-ticket-links-wrap a:first-of-type,
#id_dns_search a:first-of-type {
    padding: 0 8px 21px 0;
}

.tab-containers-wrap li label {
    overflow-wrap: break-word;
}

div.search-and-link-wrap {
    width: 100%;
    display: inline-block;
}

div.ticket-search {
    float: right;
    width: 25%;
}


p.no-tickets {
    width: 100%;
    padding-top: 55px;
    text-align: center;
}

/* LINKS */

a {
    color: #0066aa;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* MISC */

img {
    border: 0;
    padding: 0;
    margin: 0;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-right: 24px;
    margin-top: 4px;
}

.tooltip {
    /* jQuery Tooltip: by default the element to be styled is .tooltip  */
    box-shadow: 0 3px 0 0 #0066aa;
    background-color: #0078c1;
    font-size: 14px;
    padding: 8px 13px;
    color: #ffffff;
    max-width: 377px;
    border-radius: 4px;
    margin-left: 15px;
    text-shadow:none;
    z-index: 4;
}

.tooltip:before {
    content: "";
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #0078C1 transparent transparent;
    position: absolute;
    left: -8px;
    top: 8px;
}

.tooltip a:link {
    color: #ffffff;
    text-decoration: underline;
}

/* CLASSES */

.highlight {
    color: #0085ca;
    font-size: 14px;
}

.text-box{
    width: 170px;
    border:solid 1px #cccccc;
    font-size: 11px;
    height: 22px;
}

.text-box2{
    width: 170px;
    border: solid 1px #cccccc;
    font-size: 11px;
    height: 50px;
}

.content {
    padding:21px;
}

.person {
    margin-bottom: 55px;
}

.picture {
    width: 160px;height: 265px; float: left;
}

.column-one,
.column-two {
    float: left;
    width: 48%;
}

.column-two {
    float: right;
}

.column-one-ss {
    float: left;
    width: 650px;
}

.column-two-ss {
    float: left;
    width: 250px;
}

.column-one {
    margin-right: 2%;
}

.caption {
    float: left;
    width: 100%;
    font: normal 7px;
    color: #a0a0a0;
    margin: 15px 0;
}

.clearer {
    clear: both;
}

.hideshow-show {
    display: block;
}

.hideshow-hide {
    display: none;
}

.deadlink {
    color: #333;
}

/*3 column structure */

.col3-1 {
    width: 32%;
    float: left;
}

.col3-2 {
    width: 32%;
    float: left;
    margin-left: 2%;
}

.col3-3 {
    width: 32%;
    float: left;
    margin-left: 2%;
}

#main-content ol li {
    background-image: none;
}

#main-content ul li {
    background-image: url("/static/images/structure/icons/arrow.png");
}

#main-content ul#paginator-nav li,
#main-content ul#search-bar li {
    background-image: none;
    padding: 0;
    margin-right: 21px;
}

/**** icon font ****/
@font-face {
    font-family: 'memset-icons';
    src: url('/static/fonts/memset-icons.eot'); /* IE9 Compat Modes */
    src: url('/static/fonts/memset-icons.eot?#ie8-6fix') format('embedded-opentype'), /* IE6-IE8 */
    url('/static/fonts/memset-icons.woff') format('woff'), /* Modern Browsers */
    url('/static/fonts/memset-icons.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/static/fonts/memset-icons.svg#memset-icons') format('svg') /* Legacy iOS */
}

/**** Zeroclipboard styles ****/

div.cjs-positioning-wrapper + pre {
    margin-bottom: 34px;
}

button.cjs-copy-button {
    width: 34px;
    height: 34px;
    color: #cccccc;
    border-color: #cccccc;
    background-color: transparent;
    background-image: none;
    position: absolute;
    left: 426px;
    top: 0;
    padding: 0;
}

button.cjs-copy-button.zeroclipboard-is-hover {
    color: #cccccc;
    border-color: #cccccc;
    background-color: #efefef;
    background-image: none;
}

button.cjs-copy-button:before {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: memset-icons;
    display: inline-block;
    content: "\e602";
}

/* applying tooltip styles */
button.cjs-copy-button.zeroclipboard-is-hover[alt]:after {
    content: attr(alt);
    position: absolute;
    top: 46px;
    left: -50px;
    border: none;
    box-shadow: 0 0 5px 0 #000;
    background: none repeat scroll 0% 0% #0078C1;
    font-size: 12px;
    padding: 5px 5px;
    color: #FFF;
    width: 120px;
    text-shadow: none;
    border-radius: 4px;
}

button.cjs-copy-button.zeroclipboard-is-hover:active {
    color: #474747;
}

.cjs-positioning-wrapper {
    width: 460px;
    min-height: 34px;
    position: relative;
}

#main-content .content-intro-section {
    background-color: transparent;
    box-sizing: border-box;
    font-size: 29px;
    font-weight: bold;
    line-height: 1;
    padding: 69px 0 55px;
}

#main-content .content-intro-section-wrap {
    background-color: #0085ca;
    background-image:
    radial-gradient(circle at 50% top, rgba(0, 165, 214, 0.6) 0%, rgba(84,90,182,0) 75%),
    radial-gradient(circle at right top,  rgba(0, 134, 204, 0.1) 0%, rgba(121,74,162,0) 13%),
    linear-gradient(174deg, rgba(30,87,153,0) 53%,rgba(15,94,161,0) 43%,rgba(0,102,170,0.82) 89%,rgba(0,102,170,1) 92%);
    color: #ffffff;
    display: inline-block;
    width: 100%;
}

body.control #main-content .content-intro-section-wrap {
    background-color: #0085ca;
    background-image:
    radial-gradient(circle at 50% top, rgba(0, 165, 214, 0.6) 0%,rgba(84,90,182,0) 75%),
    radial-gradient(circle at right top,  rgba(0, 134, 204, 0.1) 0%, rgba(121,74,162,0) 13%),
    linear-gradient(178deg, rgba(30,87,153,0) 53%,rgba(15,94,161,0) 43%,rgba(0,102,170,0.82) 89%,rgba(0,102,170,1) 92%);
    color: #ffffff;
    display: inline-block;
    width: 100%;
}

.breadcrumbs,
.content-intro-section,
.content-intro-section h1,
.content-intro-section h1 a {
    letter-spacing: 1.3px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-align: left;
}

.content-intro-section a:not(.btn) {
    color: #ffffff;
    text-decoration: underline;
}

div.content-intro-section h1 {
    color: #ffffff;
    font-weight: normal;
    padding: 0;
    text-align: center;
    margin-bottom: 21px;
}

div.content-intro-section-wrap.memstore h1  {
    display: inline-block;
    width: 100%;
    margin-bottom: 21px;
}

body.control #main-content .content-intro-section {
  text-align: left;
  padding: 13px 13px 13px 21px;
}

body.control div.content-intro-section h1 {
  text-align: left;
  padding: 0;
  margin: 0;
}

#main-content div.content-intro-section p {
    color: #ffffff;
    max-width: 870px;
    padding: 0;
    margin: 0 auto;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 23px;
    text-align: center;
}

#main-content .content-intro-section .your-account-title a {
    font-size: 14px;
    display: inline-block;
    opacity: .7;
    letter-spacing: 0;
}

p + h2,
p + h6,
ul + h2,
img + h2,
a + h2,
ol + h2,
form + h2,
table + h2,
div + h2,
div.responsive-width-wrapper + h2 {
    margin-top: 55px;
}

p + h3,
ul + h3,
img + h3,
a + h3,
ol + h3,
form + h3,
table + h3,
div + h3,
div.responsive-width-wrapper + h3 {
    margin-top: 34px;
}

p + h4,
ul + h4,
img + h4,
a + h4,
ol + h4,
form + h4,
table + h4,
div + h4,
div.responsive-width-wrapper + h4 {
    margin-top: 29px;
}

p + h5,
ul + h5,
img + h5,
a + h5,
ol + h5,
form + h5,
table + h5,
div + h5,
div.responsive-width-wrapper + h5 {
    margin-top: 21px;
}

.content div.ticket-content-wrap h2:first-child,
.content div.new-ticket-wrap h2:first-child {
    margin-top: 34px;
}

a + h4,
div + h4 {
    margin-top: 21px;
}

div.login-form p {
    margin: 0;
    box-sizing: border-box;
}

form.accessible-label-removal label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body.control table.table td,
body.control .content h2.nickname-wrap,
body.control #main-content li a.nickname-wrap,
div.type-col p,
#ticket-container,
#main-content ul.messagelist,
div#memshell_status p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

body.control table.table td {
    max-width: 233px;
}

/* Removes margin if its the first */
div.content h2:first-child,
#main-content #id_dns_search + h2 {
    margin-top: 0;
}

/* table td fontsize limiter - once we find a better way to display the data this can be edited */
table#raid_calculator_results th,
table#raid_calculator_results td {
    font-size: 12px;
}

form.raid-calc-form + div#results div.responsive-width-wrapper {
    width: 100%;
    overflow-x: auto;
}

/*************** FORM STYLES ****************/

form label[for="id__per_page"] {
    margin-right: 8px;
}

form.edit-rule-group-form input,
form.edit-rule-group-form textarea {
  max-width: 377px;
}

form.edit-rule-group-form select {
  min-width: 69px;
}

form.edit-rule-group-form select#id_rules-0-ip_version {
  min-width: 59px
}

form.radio-list input[type="radio"] + label {
  padding-left: 5px;
}

form.radio-list input[type="radio"] + label + p {
  padding-left: 21px;
}

form.id_password_form input,
form.change_password_form input,
form.removepaymentform,
form.defaultpaymentform,
form.auto-renewal-defaults-form,
form.edit-user-details input,
form.edit-user-details textarea,
form.registration-form input:not([type="submit"]),
form.add-user input,
form.ssl-details-input .controls input,
form.service-editor-forms input,
form.server-editor-form input,
form.charity-registration input,
form.charity-registration textarea,
form.enable-ip-whitelist input,
form.payment-form input,
form.new-ticket-form input,
form.new-ticket-form textarea,
form.raid-calc-form,
form.beta-feedback-form textarea,
form.snapshot-reimage-forms input,
form.memshell-form input,
form.add-rule-group-form input,
form.add-rule-group-form textarea,
form.add-zone-form input,
form.emergency-support-forms input,
form.automated-updates-forms input,
form.manage-container-form input,
form.emergency-support-forms select,
form.change-rulegroup-form select,
form.snapshot-reimage-forms select,
form.beta-feedback-form select,
form.payment-form select,
form.charity-registration select,
form.server-editor-form select,
form.service-editor-forms select,
form.ssl-details-input .controls select,
form.registration-form select,
form.cluster-status select,
form.add-user select,
form.edit-user-details select {
    max-width: 233px;
}

form.automated-updates-forms ul li {
    display:inline;
    padding-right:13px;
}

form.automated-updates-forms table tr:nth-child(odd) {
    background-color:#EBF0FA;
}

form.add-api-key-form .comment input,
form.add-api-key-form .comment select {
    max-width: 377px;
}

form.add-host-form.form-inline select,
form.firewall-clone-nickname.form-inline input[type="text"],
form.add-host-form select,
form.add-remove-zonez-form input.form-control,
form.page-rank-form input.form-control,
form.ipv6-assignment-form select.form-control,
form.domain-slaving-form input[type="text"] {
    width: 233px;
}

#main-content td.support-ticket-action form input {
    font-size: 12px;
}

/* Assigning width to specific medium width elements */
#main-content #id_dns_search input,
#main-content div.search-box input,
table.renewals-and-cancellations,
#id_name {
    width: 233px;
    max-width: 233px;
}

/* Assigning width to specific medium width elements */
#id_account-whereheard,
#id_account-whereheardother,
#id_account-whatareyou,
#id_account-industry,
#id_account-industryother,
#id_account-organisation_size,
#id_user-country,
#id_card_type,
#id_zone {
    width: 233px;
}

form.bandwidth-img-form {
    width: 610px;
    margin-bottom: 55px;
}

/* Assigning auto width to specific selects */
select#id_user-title,
#id_billing-currency {
    width: auto;
}

form + div.list-presentation-wrapper {
    margin-top: 55px
}

.add-host-form .checkbox-inline {
    margin-top: 13px;
}

table.table.narrow-table {
    width: 377px;
}

table.table.medium-table {
    width: 610px;
}

.form-inline div.form-group.search-box {
    float: right;
    padding-right: 0;
    margin-top: 21px;
    margin-bottom: 0;
}

.form-inline .form-group {
    padding-right: 13px;
}

form.form-inline.domain-form .form-group {
    padding-right: 0;
}

#main-content p.paginator-page-count {
    text-align: right;
    width: 120px;
    float: right;
    margin: 0 8px 6px 0;
    padding-top: 8px;
    clear: none;
}

.paginator-nav select {
    margin-left: 3px;
}

.use-fullwidth p.main-content-bg-text {
    margin: 34px auto;
}

section.testimonial-section a {
    color: #ffffff;
}

blockquote {
    background-color: #0078c1;
    padding: 29px 34px;
    color: #ffffff;
    font-weight: normal;
    font-family: Frutiger, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

blockquote p {
    color: #ffffff;
    font-size: 23px;
}

section.testimonial-section blockquote,
section.testimonial-section cite {
    font-size: 23px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    color: #ffffff;
    background-color: transparent;
    width: 822px;
    display: block;
    padding: 0;
    margin: 0;
}

section.testimonial-section cite {
    padding-top: 21px;
}

/*************** FORM STYLES ****************/

/*************** END GENERAL STYLES ****************/

/*************** PAGE SPECIFIC STYLE ***************/

/*************** SEARCH RESULTS PAGE STYLE ***************/

.search-results-wrap {
  float: left;
  width: 100%;
  padding: 34px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
}

.search-results-aside.nav_column {
  float: right;
  width: 100%;
  box-sizing: border-box;
  padding: 21px;
}

.search-results-wrap .search-result {
  padding-bottom: 21px;
  margin-bottom: 21px;
  border-bottom: 1px solid #dfdfdf;
}

.search-results-wrap .search-result h2 {
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 13px;
}

#main-content .search-results-wrap .search-result p {
  margin-bottom: 0;
  font-size: 16px;
}

.search-results-wrap #search-form {
  margin-bottom: 21px;
}

.search-results-wrap #search-form input#id_q {
    width: 377px;
    padding-left: 8px;
}

/*************** SEARCH RESULTS STYLE END ***************/

/*************** USER PERMISSIONS PAGE STYLE ***************/

table.table.user-permissions {
    width: auto;
    max-width: 987px;
    min-width: 700px;
}

/*************** USER PERMISSIONS PAGE STYLE END ***************/

/*************** DOMAIN PAGE STYLE ***************/

form.domain-form div.search-results p.domain-sucess-btn-wrap {
    padding: 0 0 0 3px;
}

#main-content form.domain-form p {
    clear: none;
}

/*************** DOMAIN PAGE STYLE END ***************/

/*************** REFERRAL PAGE STYLE ***************/

#referrer > iframe {
    margin-top: 1px;
    margin-left: 13px;
}

/*************** REFERRAL PAGE STYLE END ***************/

/*************** CASE STUDY PAGE STYLE ***************/

#main-content li.floating-case-study-box {
    box-sizing: border-box;
    width: 23.3%;
    margin: 0 21px 0 0;
    float: left;
    display: inline-block;
    background-color: #ffffff;
    padding: 21px;
    margin-bottom: 34px;
    border: 1px solid #dfdfdf;
    border-bottom: 3px solid #cccccc;
    background-image: none;
}

#main-content ul.case-study-list {
    margin: 0;
}

#main-content li.floating-case-study-box:nth-of-type(4n) {
    margin-right: 0;
}

#main-content .floating-case-study-box p {
    position: relative;
    height: 89px;
    overflow: hidden;
    padding: 21px 0 0 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.3;
}

.floating-case-study-box p:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 1px;
    width: 124%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
    left: -21px;
    height: 34px;
}

#main-content li.floating-case-study-box a:first-child {
    height: 55px;
    display: block;
    position: relative;
}

#main-content li.floating-case-study-box a:hover,
#main-content li.floating-case-study-box a {
    color: #474747;
    cursor: pointer;
}

#main-content li.floating-case-study-box img {
    max-width: 100%;
    max-height: 55px;
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

div.featured-case-study-wrapper {
    height: 377px;
    margin: 0 0 34px 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
    position: relative;
}

div.featured-case-study-wrapper h2,
div.featured-case-study-wrapper img,
div.featured-case-study-wrapper p,
div.featured-case-study-wrapper a {
    padding: 0;
    text-align: center;
    color: #ffffff;
    display: block;
}

div.featured-case-study-wrapper img {
    max-width: 144px;
    display: block;
    margin: 0 auto 0;
    max-height: 144px;
    width: 50%;
}

div.featured-case-study-wrapper p {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
}

div.featured-case-study-wrapper .main-feature h2,
div.featured-case-study-wrapper .main-feature img,
div.featured-case-study-wrapper .main-feature p,
div.featured-case-study-wrapper .main-feature a {
    padding: 0 0 13px 0;
    margin-bottom: 0;
}

div.featured-case-study-one,
div.featured-case-study-two,
div.featured-case-study-three,
div.featured-case-study-four {
    margin: 0;
    padding: 21px;
    width: 33.3%;
    float: left;
    height: 100%;
    background-color: white;
    box-sizing: border-box;
    position: relative;
}

div.featured-case-study-three,
div.featured-case-study-four {
    padding: 34px;
}

#main-content div.featured-case-study-wrapper .featured-case-study-three p,
#main-content div.featured-case-study-wrapper .featured-case-study-four p {
    font-size: 14px;
    line-height: 1.3;
}

div.featured-case-study-three img,
div.featured-case-study-four img {
    padding-bottom: 8px;
}

div.featured-case-study-one {
    background-color: #1b448e;
    padding: 89px 21px 21px 21px;
    background-size: cover;
}

div.featured-case-study-two {
    background-color: #ffffff;
    padding: 89px 21px 21px 21px;
}

div.featured-case-study-wrapper .featured-case-study-two.main-feature img {
    padding-bottom: 40px;
}

div.featured-case-study-three {
    background-color: #000000;
    height: 50%;
    background-size: cover;
}

div.featured-case-study-four {
    background-color: #6632cc;
    height: 50%;
}

div.featured-case-study-wrapper a.case-study-feature-btn {
    border: 1px solid #ffffff;
    border-radius: 4px;
    padding: 8px 13px;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    bottom: 34px;
    left: 30%;
    width: 40%;
}

div.featured-case-study-two p,
#main-content div.featured-case-study-two a.case-study-feature-btn {
    color: #474747;
    border-color: #474747;
}

div.featured-case-study-three a.case-study-feature-btn,
div.featured-case-study-four a.case-study-feature-btn {
    bottom: 21px;
}

/*************** CASE STUDY PAGE STYLE END ***************/

/*************** TOOLS PAGE STYLE ***************/

#main-content li.floating-free-tools-box {
    box-sizing: border-box;
    width: 30%;
    margin: 0 21px 34px 0;
    float: left;
    display: inline-block;
    background-color: #ffffff;
    padding: 21px;
    border: 1px solid #dfdfdf;
    border-bottom: 3px solid #cccccc;
    background-image: none;
    height: 377px;
}

#main-content li.floating-free-tools-box > div {
    position: relative;
    height: 100%;
}

#main-content ul.free-tools-list {
    margin: 0;
    clear: both;
}

#main-content li.floating-free-tools-box:nth-of-type(3n) {
    margin-right: 0;
}

#main-content .floating-free-tools-box h3 {
    min-height: 43px;
    font-size: 21px;
    margin-top: 0;
}

#main-content .floating-free-tools-box.paid-services h3 {
    text-align: center;
}

#main-content .floating-free-tools-box p {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
}

#main-content .floating-free-tools-box a.btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
}

#main-content li.floating-free-tools-box img {
    max-width: 100%;
    max-height: 89px;
    display: block;
    margin: 21px 0;
}

#main-content li.floating-free-tools-box.tweet-delete {
    background-image: url(/static/images/logos/tools/tweet-delete-logo.png);
    background-position: 108% -10%;
    background-size: 50%;
}

#main-content li.floating-free-tools-box.tweet-download {
    background-image: url(/static/images/logos/tools/tweet-download-logo.png);
    background-position: 130% -10%;
    background-size: 50%;
}

#main-content li.floating-free-tools-box.tweetails {
    background-image: url(/static/images/logos/tools/tweetails-logo.png);
    background-position: 108% -10%;
    background-size: 50%;
}

#main-content li.floating-free-tools-box.isgd {
    background-image: url(/static/images/logos/tools/isgd-logo.png);
    background-position: 108% -10%;
    background-size: 50%;
}

#main-content li.floating-free-tools-box.vgd {
    background-image: url(/static/images/logos/tools/vgd-logo.png);
    background-position: 107% -13%;
    background-size: 61%;
}

#main-content li.floating-free-tools-box.cloudclone {
    background-image: url(/static/images/logos/tools/cloudclone-logo.png);
    background-position: 462% -6%;
    background-size: 89%;
}

/*************** TOOLS PAGE STYLE END ***************/

/*************** VIDEO LIST PAGE STYLE ***************/

#main-content ul.video-list {
    margin: 0;
}

#main-content ul.video-list li {
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    width: 23.3%;
    background-image: none;
    padding-left: 0;
    float: left;
    margin: 0 21px 34px 0;
    background-color: #ffffff;
    box-shadow: 0 1px 0 #cccccc;
}

#main-content ul.video-list > li:nth-of-type(4n) {
    margin-right: 0;
}

.video-list .video-intro-wrapper {
    padding: 0 21px 21px 21px;
    height: 201px;
}

.video-intro-wrapper a {
    color: #474747;
}

.video-list img {
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    max-height: 169.25px;
}

body.php #main-content .video-list a h2 {
    box-sizing: border-box;
    width: 100%;
    padding: 0 21px 21px;
    background-image: none;
    border: none;
    height: 55px;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: normal;
}

body.php #main-content .video-list a,
body.php #main-content .video-list a h2:hover,
body.php #main-content .video-list a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.video-list h2 {
    height: 68px;
    font-size: 18px;
    line-height: 1.3;
    overflow: hidden;
}

.video-list p {
    box-sizing: border-box;
    overflow: hidden;
    height: 89px;
}

p.video-date {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a0a0a0;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
}

.video-wrapper {
    margin-bottom: 34px;
}

.video-wrapper iframe {
    width: 100%;
}

.video-content-wrapper .video-date {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a0a0a0;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
}

p.video-intro {
    position: relative;
}

p.video-intro:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 1px;
    width: 124%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
    left: -21px;
    height: 34px;
}

/*************** VIDEO LIST PAGE STYLE END ***************/

/*************** ISO PAGE STYLE ***************/

.iso-image-wrap {
    float: right;
    border: 1px solid #cccccc;
    width: 167px;
    box-sizing: border-box;
    margin-bottom: 34px;
}

.iso-image-wrap img {
    height: 233px;
}

.iso-content-wrap {
    float: left;
    width: 74%;
    margin-right: 55px;
}

.iso-image-wrap,
.iso-content-wrap {
    margin-bottom: 55px;
}


/*************** ISO PAGE STYLE END ***************/

/*************** TEAM AND BOARD PAGE STYLE ***************/

.person h2 span {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
}

/*************** TEAM AND BOARD PAGE STYLE END ***************/

/*************** PHONE SUPPORT PIN PAGE STYLE ***************/

#main-content ul.support.messagelist li {
    padding: 8px 13px 8px 55px;
    margin: 0 0 13px 0;
    background: #b8f7a6 url(/static/images/cp_icons/message_info.png) no-repeat 21px 50%;
    color: #474747;
    line-height: 1.5;
    border: none;
}

#main-content ul.support.messagelist li.alert {
    background-color: #fcf193;
}

.phone-support-number,
.phone-support-pin,
.phone-support-refresh-pin {
    background-color: #efefef;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    float: left;
    font-weight: bold;
    margin-bottom: 13px;
    min-height: 54px;
    padding: 13px 21px;
    width: 380px;
}

.phone-support-pin {
    border-bottom-right-radius: 0;
    border-right: transparent;
    border-top-right-radius: 0;
    height: 54px;
    width: 325px;
}

#main-content label.phone-support-refresh-pin {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    clear: none;
    color: #747474;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 21px;
    height: 54px;
    margin: 0 0 13px 0;
    padding: 13px 0 0 13px;
    width: 54px;
}

label.phone-support-refresh-pin:before {
    content: '\e607';
    font-family: memset-icons;
}

.phone-support-number-pin-wrap {
    margin: 0 auto;
    width: 406px;
}

#main-content  .phone-support-number-pin-wrap ul.messagelist {
    display: inline;
}

#main-content  .phone-support-number-pin-wrap ul.messagelist li {
    width: 380px;
}

.phone-support-number-pin-wrap form {
    margin: 0;
    width: 55px;
}
.phone-support-number-pin-wrap form input[type=submit]{
    display: none;
}

.support-contact-title {
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding-top: 2px;
    width: 134px;
}

.phone-support-contact-number {
    font-size: 18px;
    margin: 0;
}

.uk-support-number {
    margin: 5px 0 13px 0;
}

.box-title {
    margin-bottom: 13px;
    width: 100%;
}

.support-contact-title,
.phone-support-contact-number {
    height: 21px;
}

/*************** SUPPORT PAGE STYLE ***************/

div.sla-option {
    background: url(/static/images/support/sla-tab-cloud.png) no-repeat 50% 91%;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 444px;
    margin-bottom: 21px;
    padding: 0 21px 21px;
    width: 25%;
}

div.sla-option.inactive {
    background-color: transparent;
}

div.sla-option:hover {
    background-color: #f8f8f8;
    transition: .5s;
}

div.sla-option.active {
    background-color: #f0f0f0;
}

div.sla-option p,
div.sla-option h2.h4 {
    line-height: 1.7;
    text-align: center;
}

div.sla-option h2.h4 {
    padding: 0;
    text-align: center;
}

.support-table p.h3 {
    margin: 34px 0 0 0;
}

div.sla-option img {
    display: block;
    margin: 0 auto;
    padding: 23px;
}

ul#tabs li {
    padding: 0;
}

ul#tabs li:first-child .sla-option {
    border-left: none;
}

table.table tr th.sla-table-heading {
    background-color: #fff;
    border: none;
    text-align: center;
}

table.table.support-table tbody tr th.sla-column-title a,
table.table.support-table thead tr th.sla-column-title a,
table.table.support-table tbody tr th.sla-column-title {
    font-size: 8px;
    color: #bebebe;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    vertical-align: bottom;
    line-height: 2;
}

table.table.support-table tbody tr th.sla-column-title {
    padding: 0;
}

.sla-table-heading img {
    float: left;
    padding: 34px 21px 0 0;
}

.sla-table-heading p,
.sla-table-heading .h5 {
    text-align: left;
}

table.table.support-table .sla-table-heading .h4 {
    font-size: 34px;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
}

table.table.support-table .h4 {
    font-size: 21px;
    line-height: 1;
    padding: 14px 0 0 9px;
    text-align: left;
}

div.container table.table.support-table {
    border: none;
}

.table.support-table .sla-table-intro p {
    font-weight: 400;
}

.table.support-table .sla-table-intro .h5 {
    margin-top: 0;
}

table.table.support-table tbody th {
    font-weight: 700;
    padding: 9px 14px 9px 23px;
}

table.table.support-table tbody td {
    color: #474747;
    text-align: center;
    vertical-align: middle;
    width:89px;
}

table.table.support-table thead tr th {
    background-color: transparent;
    border-right: none;
    color: #474747;
    text-align: center;
    padding: 0 0 13px 0;
    vertical-align: bottom;
    font-size: 18px;
}

.table.support-table .h5 {
    margin: 34px 0 13px 0;
    padding: 0;
    text-align: left;
}

.head-row,
.use-fullwidth table.table tr.head-row {
    border-top: 5px solid #dfdfdf;
}

table.table.support-table tbody .even th,
table.table.support-table tbody .odd th {
    color: #474747;
}

.table.support-table .sub-title {
    margin-top: 0;
    padding-top: 0;
}

.compare-title {
    color: #474747;
    font-size: 14px;
}

.sla-notes {
    border: 9px solid #e6e7e8;
    box-sizing: border-box;
    margin: 34px 0 0;
    padding: 23px;
    text-align: left;
    width: 100%;
    background-color: #ffffff;
}

table.table.sla-compare-table tr th:first-child{
    width: 377px;
}

.sla-notes p,
.sla-notes .h4 {
    color: #7692B6;
    line-height: 2;
}

table.table.support-table sup {
    font-size: 8px;
}

table.table.support-table .even {
  background-color: transparent;
}

table.table.support-table tbody th,
table.table.support-table tbody td {
  font-size: 16px;
}

img.dell-icon {
  vertical-align: initial;
}

table.table.support-table tbody td.price {
  font-size: 29px;
}

table.table.support-table thead tr th {
  background-color: transparent;
  font-size: 18px;
  padding-bottom: 21px;
}

table.table.support-table tbody .even th:last-of-type {
  border-left: none;
}

table.table.support-table tbody th.table-sub-head{
    font-weight: normal;
}

.sla-table-image {
    width: 14px;
}

p.managed-note {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.use-fullwidth .support-table tr.support-details {
  text-align: left;
  width: 100%;
  margin: 0;
}

.use-fullwidth .support-table .support-details td {
  padding: 21px;
}

.use-fullwidth .support-table tr.support-details p {
  text-align: left;
  width: 100%;
  margin: 0;
}

.support-table .info-box:after {
    font-size: 16px;
    font-family: memset-icons;
    content: "\e603";
    border-radius: 50%;
    color: #a0a0a0;
    cursor: help;
    margin-left: 8px;
}

.support-table .info-box.active:after {
  color: #474747;
  border:1px solid #474747;
  border-radius: 50%;
}

/*************** END SUPPORT PAGE STYLE ***************/

/*************** START OPERATING SYSTEM PAGE STYLE ***************/

.os-status-LIVE {
    color: #93cc76;
    font-weight: bold;
}

.os-status-REINSTALLONLY {
    color: orange;
    font-weight: bold;
}

.os-status-OBSOLETE {
    color: red;
    font-weight: bold;
}

.eol-pending {
    color: orange;
    font-weight: bold;
}

.eol-passed {
    color: red;
    font-weight: bold;
}

.hidden-details {
    display: none;
}

table.table.opsys-table td img {
    width: 14px;
}

table.table.opsys-table th {
    text-align: center;
}

tr.hidden {
    display: none;
}

.opsys-left-col,
.opsys-right-col {
    border-left: 1px solid #efefef;
    float: left;
    padding: 14px 11px 14px 0;
    width: 46.6%;
}

.status-live-or-reintstall {
    font-weight: bold;
    height: 100%;
    margin-left: 14px;
    text-align: center;
    vertical-align: middle;
}

.opsys-left-col div,
.opsys-right-col div {
    box-sizing: border-box;
    height: 14px;
    padding-left: 10px;
}

td div .opsys-detail {
    float: right;
    font-weight: bold;
}

td div .opsys-detail-title {
    float: left;
}

.last-hidden{
    border-bottom: 1px solid #ebf0fa;
}

.item-icon {
    background-repeat: no-repeat;
    border-color: transparent transparent transparent #0085ca;
    border-style: solid;
    border-width: 5.5px 0 5.5px 9px;
    float: left;
    height: 0;
    margin: 5px 13px 0 5px;
    width: 0;
}

.expand {
    border-color: #0085ca transparent transparent transparent;
    border-style: solid;
    border-width: 9px 5.5px 0 5.5px;
    float: left;
    height: 0;
    width: 0;
}

.expanded-icon {
    border-color: #cccccc transparent transparent transparent;
    border-width: 10px 5px 0 5px;
}

.white-icon {
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    height: 0px;
    margin: 6px 8px 3px 3px;
    width: 0px;
}

.white-icon.expanded-icon {
    border-color: #ffffff transparent transparent transparent;
    border-width: 10px 5px 0 5px;
}

.initial-opsys-details-row {
    border-top: 1px solid #efefef;
    height: 31px;
}

.first-column {
    width: 340px;
}

.first-row {
    height: 0;
    margin: 0;
    padding: 0;
}

table.table.opsys-table {
    border-bottom: 1px solid #efefef;
    border: none;
    margin-bottom: 55px;
}

table.table.opsys-table tr {
    text-align: center;
}

table.table.opsys-table tr:first-child {
    border-bottom: 5px solid #dfdfdf;
}

table.table.opsys-table thead th {
    background-color: #fff;
    border-right: none;
    color: #474747;
    text-align: center;
}

table.table.opsys-table td {
    border-bottom: none;
    vertical-align: middle;
}

.table .opsys-additional-details{
    padding: 0;
}

.expand-opsys-details {
    cursor: pointer;
}

div.opsys-option {
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 194px;
    margin-bottom: 28px;
    padding: 0;
    text-align: center;
    width: 25%;
}

div.opsys-option.inactive {
    background-color: transparent;
}

div.opsys-option:hover {
    background-color: #f8f8f8;
    transition: .5s;
}

div.opsys-option.active {
    background-color: #f0f0f0;
}

div.opsys-option img {
    display: block;
    margin: 0 auto;
    padding: 23px;
}

ul#tabs li {
    padding: 0;
}

ul#tabs li:first-child .opsys-option {
    border-left: none;
}

div.obsolete-opsys-selector {
    font-size: 18px;
    margin: 13px auto 34px;
    text-align: center;
    width: 138px;
}

.opsys-switch .switch-pill {
    background-color: #B86666;
    border-radius: 35px;
    cursor: pointer;
    float: left;
    height: 30px;
    margin: 0 13px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 55px;
}

.opsys-switch .switch-pill.right {
    background-color: #93cc76;
}

.opsys-switch a.toggle-switch {
    color: #dfdfdf;
    float: left;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 7px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.opsys-switch a.left-no {
    color: #B86666;
}

a {
    text-decoration: none;
}

.opsys-switch .switch-pill .switch {
    background-color: #ffffff;
    border-radius: 12px;
    height: 24px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    width: 24px;
}

.opsys-switch .switch-pill .switch.right {
    left: 28px;
}
.opsys-switch a.grey {
    background: none;
    color: #dfdfdf;
}

a.opsys.toggle-switch.right {
    color: #93cc76;
}

table.table.opsys-table tbody tr th {
    color: #474747;
    font-weight: bold; 
    padding: 14px;
    text-align: left; 
}

table.table.opsys-table tbody {
    border-bottom: 1px solid #efefef;
}

.opsys-intro p {
    text-align: center;
}

.opsys-right-col img.opsys-detail {
    margin-right: 50px;
}

.list-presentation-wrapper {
    margin-bottom: 55px;
}

.list-presentation {
    border-bottom: 1px dashed #dfdfdf;
    padding: 13px 0;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}

.list-presentation h4 {
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 34%;
}

.list-presentation > p {
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 65%;
}

.opsys-option h2 {
    text-align: center;
    margin-top: 0;

}

div.list-presentation:last-child {
    border-bottom: none;
}

.opsys-status-desc {
    box-sizing: border-box;
    float: right;
    margin: 0;
    width: 65%;
}

.opsys-status-desc p {
    box-sizing: border-box;
    float: left;
    padding: 21px 0 0 0;
    width: 34%;
}

.opsys-status-desc p:nth-child(2),
.opsys-status-desc p:nth-child(4),
.opsys-status-desc p:nth-child(6) {
    width: 55%;
}

/*************** END OPERATING SYSTEM PAGE STYLE ***************/

/*************** DATACENTER PAGE STYLE ***************/

.intro-banner-datacenter h2 {
    color: #ffffff;
}

h4.datacenter-title {
    margin-top: 0;
}

.intro-banner-datacenter,
.intro-banner-datacenter-content-wrapper {
    background-color: #0085ca;
    box-sizing: border-box;
    margin: 0 0 21px;
    padding: 0;
    width: 100%;
}

.intro-banner-datacenter-main-image,
.intro-banner-datacenter-content {
    box-sizing: border-box;
    margin: 0;
    width: 50%;
}

.intro-banner-datacenter-main-image {
    float: left;
    padding: 0;

}

.intro-banner-datacenter-content {
    float: right;
    padding: 34px;
}

.intro-banner-datacenter-content p {
    color: #ffffff;
}

.intro-banner-datacenter-thumbnails {
    position: relative;
}

.intro-banner-datacenter-thumbnails ul {
    left: 53%;
    position: absolute;
    top: -123px;
}

#main-content .intro-banner-datacenter-thumbnails ul li {
    background-image: none;
    float: left;
}

.intro-banner-datacenter-thumbnails .gallery-image-thumbnail.datacenter {
    box-sizing: border-box;
    height: 55px;
    margin: 0 13px 0 0;
    padding: 0;
    width: 55px;
}

.gallery-image-thumbnail.datacenter img {
    border: 1px solid #0078C1;
    opacity: .5;
}

.gallery-image-thumbnail.datacenter img:hover {
    opacity: 1;
    transition: opacity .25s ease-in-out;
}

.gallery-image-thumbnail.datacenter.active img {
    border-radius: 1px;
    border: 1px solid #ffffff;
    opacity: 1;
    transition: all .75s;
}

.column-two img.datacenter-network-diagram {
    display: block;
    height: 233px;
    margin: 0 auto;
    max-width: 100%;
}

/*************** END DATACENTER PAGE STYLE ***************/

/*************** End PAGE SPECIFIC STYLE ***************/

/*************** GENERAL STRUCTURE ****************/

#contactbar {
    background: #efefef;
    overflow: auto;
    height: auto;
    width: 100%;
}

#hero {
    margin: 0;
    padding: 0;
    height: 330px;
    background: white;
}

#flash {
    position: absolute;
    z-index: 1;
}

#hero .notice {
    width: 100%;
    height: 330px;
    background: url("/static/images/hero.jpg") no-repeat;
}

#hero .notice .text {
    width: 970px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    background: yellow;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    filter:alpha(opacity=65); /* For IE6&7 */
}

#main-content {
    width: 980px;
    margin: 0;
    float: left;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: top right;
}

#top-panel {
    background: none;
}

#clients {
    height: 118px;
    background-image: url("/static/images/structure/clients/spacer.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 10px 0 10px 0;
}

#packages {
    margin: 0;
    padding: 10px 0 0 10px;
    clear: both;
}

.eu_flag {
    float: right;
    padding: 14px 25px 0 0;
}

.homepage_panel_4_text {
    float: left;
    width: 185px;
    padding: 10px 0 20px 40px!important;
}

a.clickthrough-tbn {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    padding: 21px 37px 21px 13px;
}

.white-tri-icon {
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    content: '';
    display: inline-block;
    height: 0;
    margin-left: 37px;
    width: 0;
}

.main-breadcrumbs {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 21px;
    margin: 0;
}

#main-content ul.breadcrumbs li {
    font-size: 11px;
    display: inline-block;
    margin: 0;
    padding: 21px 8px 8px 19px;
    color: #a0a0a0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    background-position: 8px 25px;
    line-height: 1.5;
}

#main-content ul.breadcrumbs > li:first-child {
    background-image: none;
    margin-left: -3px;
    padding-left: 5px;
}

#main-content .main-breadcrumbs ul,
#main-content .main-breadcrumbs h4 {
    margin: 0;
    line-height: 0;
}

#main-content .main-breadcrumbs ul a {
    color: #a0a0a0;
    padding: 13px 0;
}

/***************END GENERAL STRUCTURE****************/

/***************MAIN CONTENT FORMATTING****************/

#main-content h2 a {
    width: 100%;
}

body #main-content h3,
body.control #main-content h3,
body.tools #main-content h3 {
    background-color: #0078c1;
    padding: 8px 13px;
    color: #ffffff;
    font-size:14px;
}

body #main-content #clients h3 {
    background-image: url("/static/images/structure/clients/our-clients.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 15px;
}

body #main-content #clients h3 span {
    display: none;
}

body #main-content h3 a,
body.control #main-content h3 a {
    color: white;
}

body #main-content h3.page_title a,
body.control #main-content h3.page_title a {
    font-weight: bold;
}

body #main-content #doc-content h3,
body #main-content #doc-content h3 a {
    background-color: transparent;
    padding: 0;
    color: #474747;
}

body #main-content #doc-content h3 a {
    color: #0078c1;
}

#main-content #services_form ul {
    margin: 0;
}

#main-content li {
    padding-left: 13px;
    background-image: url("/static/images/structure/icons/arrow.png");
    background-position: 0 8px;
    background-repeat: no-repeat;
}

/* Use at bottom of pages - used in the store as an example to say whats going to be on the next page.
Examples of use: 'Click 'Proceed To Checkout' to make payment for this sale' */
#main-content p.notice {
    margin: 14px 0 10px 0;
    padding: 2px 5px 2px 5px;
}

/* where there are news/blogs/etc articles, use this on the last paragraph to seperate each article in the list.
Examples of use: - the 'view more articles' in the news. - the 'view/add comments' in the blog */
#main-content p.article-seperator {
    text-align: right;
    padding: 2px 5px 2px 5px;
    clear: both;
}

/* description at the top of every page */
#main-content p.description {
    padding: 3px 5px 3px 5px;
}

#main-content #section-navigation ul {
    margin: 0;
}

#main-content #section-navigation li {
    margin: 0;
    padding: 0;
    border: 1px solid;
    text-align: center;
    float: left;
    margin: 0 -1px -1px 0;
}

#main-content #section-navigation li a {
    text-decoration: none;
    display: block;
    width: 7.5em;
    padding: 3px 3px 3px 3px;
}

#main-content .article .text,
#main-content .article .image {
    float: left;
}

#main-content .article h4 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.docs div.image > img {
    max-width: 100%;
}

/**************** panel styles - main-content ****************/

#main-content div.panel {
    padding: 0;
    margin: 3px 6px 0 0;
}

#main-content div.column {
    padding: 13px;
}

#main-content div.panel h2 {
    margin: 0;
    padding: 5px 0 3px 15px;
    color: #ffffff;
    font-size: 16px;
    background-image: none;
    font-weight: normal;
}

#main-content div.panel h2 a {
    color: #ffffff;
}

#main-content div.panel ul {
    margin: 15px 0 0 35px;
}

#main-content div.panel li {
    background-image: none;
    padding-left: 0;
}

#main-content div.panel li a {
    color: #ffffff;
    font-size: 15px;
    padding: 0 0 3px 0;
}

#main-content .panel.small {
    float: left;
    min-height: 145px;
    width: 316px;
    background-repeat: no-repeat;
}

#main-content .panel.smaller {
    float: left;
    min-height: 100px;
    width: 234px;
    background-repeat: no-repeat;
}

#main-content .column.small {
    float: left;
    min-height: 145px;
    width: 33.33%;
    background-image: url("/static/images/structure/column/background.jpg");
    background-repeat: repeat-x;
    margin: 0;
    border-right: 8px solid #ffffff;
}
#main-content .column.small.last {
    border-right: none;
}

#main-content div.columnheader {
    background-image: url("/static/images/structure/contact/background.jpg");
    height: 29px;
    margin-bottom: 8px;
}

#main-content div.columnheader h3,
#contactbar ul li {
    float: left;
    color: #3a89c9;
    font-size: 16px;
    margin: 0;
    width: 33.33%;
    padding: 8px 0 0 13px;
    background-image: none;
}

#main-content div.columnheader h3 a {
    color: #3a89c9;
    font-weight: bold;
}

#main-content fieldset {
    clear: both;
    border: 1px solid;
    padding: 10px;
    margin: 10px 0 0 0;
}

#main-content span.label {
    font-size: 11px;
}

#main-content label strong,
#main-content .label strong {
    display: block;
    width: 180px;
    float: left;
}

#main-content form h3 {
    clear: both;
}

#main-content form strong.required span {
    font-weight: bold;
    padding: 0 0 0 3px;
}

#main-content form .note {
    font-weight: normal;
    font-size: 10px;
    display: block;
    margin: 2px 0 3px 184px;
}

#main-content .controls,
#main-content .navigation {
    clear: both;
}

#main-content .navigation {
    margin: 14px 0 4px 0;
}

/* Forms - Standard form errors */
#main-content .form-errors {
    padding: 10px;
    margin: 10px 0 10px 0;
}

#main-content .form-errors h3,
#main-content .form-errors h4 {
    display: none;
}

#main-content .form-errors p {
    font-size: 12px;
    margin: 0 0 5px 0;
}

#main-content .form-errors ul {
    margin: 0;
}

#main-content .form-errors li {
    margin: 0;
    font-size: 12px;
}

/*Home Page Boxes*/
#main-content .displaymoreinfo {
    color: white;
    font-weight: normal;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    height: 367px;
}

#main-content #business-hosting {
    background-image: url("/static/images/structure/panel/business-hosting.jpg");
}

#main-content #business-hosting ul{
    display: block;
    height: 105px;
}

#main-content #business-hosting li {
    list-style-image: url("/static/images/structure/icons/bullet-blue.gif");
}

#main-content #business-hosting li:hover {
    list-style-image: url("/static/images/structure/icons/bullet-blue-over.gif");
}

#main-content #it-hosting {
    background-image: url("/static/images/structure/panel/it-hosting.jpg");
}

#main-content #it-hosting ul {
    display: block;
    height: 105px;
}

#main-content #it-hosting li {
    list-style-image: url("/static/images/structure/icons/bullet-blue.gif");
}

#main-content #it-hosting li:hover {
    list-style-image: url("/static/images/structure/icons/bullet-blue-over.gif");
}

#main-content #it-hosting .displaymoreinfo {
    background: url("/static/images/solutions/bg-green.gif") repeat-x top #46b17a;
}

#main-content #server-solutions {
    background-image: url("/static/images/structure/panel/server-solutions.jpg");
}

#main-content #server-solutions ul {
    display: block;
    height: 105px;
}

#main-content #server-solutions li {
    list-style-image: url("/static/images/structure/icons/bullet-blue.gif");
}

#main-content #server-solutions li:hover {
    list-style-image: url("/static/images/structure/icons/bullet-blue-over.gif");
}

#main-content #server-solutions .displaymoreinfo {
    background: url("/static/images/solutions/bg-blue.gif") repeat-x top #c68cb6;
}

.employee-image {
    float: right;
    border-bottom: 2px solid #dfdfdf;
}

.employee-image + p {
    float: right;
    color: #a0a0a0;
    text-align: right;
    padding: 13px 0;
}

.employee-image + p > span {
    font-size: 37px;
    line-height: 1.3;
}

.servicebox {
    height: auto;
    background: #efefef;
    border-bottom: 3px solid #dfdfdf;
    margin: 0 0 21px 0;
}

.servicebox h4 {
    background: #a0a0a0;
    margin: 0;
    padding: 8px 21px;
    color: #ffffff;
}

.servicebox p {
    font-size: 18px;
    padding: 21px;
}

.servicebox ul {
    padding-left: 21px;
}

.gov-stamp-wrap,
.gov-stamp {
  position: relative;
}

/*************** FULLWIDTH STYLE *****************/

.use-fullwidth p {
    text-align: center;
}

.use-fullwidth p,
.use-fullwidth h3 {
    max-width: 980px;
    margin: 0 auto 21px;
}

.use-fullwidth h2 {
  margin-bottom: 34px;
  margin-top: 0;
  text-align: center;
}

.use-fullwidth .package-additional-information-text h2 {
  text-align: left;
}

.use-fullwidth .thin-section h2 {
  margin-bottom: 21px;
}

.use-fullwidth section.what-we-offer p {
    font-weight: normal;
    margin: 0 auto;
    max-width: 987px;
}

.use-fullwidth .footer-help {
  margin-top: 0;
}

.use-fullwidth h2 {
    font-size: 29px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
}

body.use-fullwidth #main-content h3 {
    background-color: transparent;
    padding: 0;
    margin-bottom:13px;
    color: #474747;
    font-size: 23px;
    width: 100%;
    margin: 0 auto 21px;
    text-align: center;
}

body.use-fullwidth #main-content .sslform h3 {
    text-align: left;
}

body.use-fullwidth #main-content .fullwidth-column-wrap h3 {
  text-align: left;
}

.use-fullwidth .fullwidth-column-wrap.uneven-columns > div:first-child {
  margin-bottom: 34px;
}

.use-fullwidth .solutions-content-wrap {
    background-color: #efefef;
    border: 1px solid #dfdfdf;
    width: 100%;
    margin: 0;
    border: none;
    max-width: 100%;
    margin-top: 0 !important;
    text-align: center;
}

.use-fullwidth div.content,
.use-fullwidth div.solutions-content-wrap {
    margin: 0!important;
}

.use-fullwidth .fullwidth-main-content-section {
    padding: 89px 34px;
    background-color: #ffffff;
}

.use-fullwidth .fullwidth-main-content-section.thin-section {
    padding: 34px;
    background-color: #ffffff;
}

.use-fullwidth .fullwidth-main-content-section.thick-section {
    padding-top: 144px;
    padding-bottom: 144px;
}

.use-fullwidth .fullwidth-main-content-section.nav-section {
    padding-top: 0;
    padding-bottom: 0;
}

 .use-fullwidth p + div.fullwidth-column-wrap {
    margin-top: 34px;
}

 .use-fullwidth div.fullwidth-column-wrap + div.fullwidth-column-wrap {
    margin-top: 89px;
}

.use-fullwidth div.fullwidth-column-wrap {
    position: relative;
    -webkit-column-gap: 34px;
       -moz-column-gap: 34px;
            column-gap: 34px;
}

.use-fullwidth div.fullwidth-column-wrap img {
    max-width: 100%;
}

.use-fullwidth div.fullwidth-column-wrap p {
    text-align: left;
}

.use-fullwidth div.fullwidth-column-wrap.two-columns {
    -webkit-columns: 2 auto;
       -moz-columns: 2 auto;
            columns: 2 auto;
}

.use-fullwidth div.fullwidth-column-wrap.three-columns {
    -webkit-columns: 3 auto;
       -moz-columns: 3 auto;
            columns: 3 auto;
}

.use-fullwidth div.fullwidth-column-wrap.four-columns {
    -webkit-columns: 4 auto;
       -moz-columns: 4 auto;
            columns: 4 auto;
}

.use-fullwidth div.fullwidth-column-wrap.five-columns {
    -webkit-columns: 5 auto;
       -moz-columns: 5 auto;
            columns: 5 auto;
}

.use-fullwidth div.fullwidth-column-wrap.six-columns {
    -webkit-columns: 6 auto;
       -moz-columns: 6 auto;
            columns: 6 auto;
}

.use-fullwidth div.fullwidth-column-wrap.seven-columns {
    -webkit-columns: 7 auto;
       -moz-columns: 7 auto;
            columns: 7 auto;
}

.use-fullwidth div.one-of-two-columns,
.use-fullwidth div.one-of-three-columns,
.use-fullwidth div.one-of-four-columns,
.use-fullwidth div.one-of-five-columns,
.use-fullwidth div.one-of-six-columns,
.use-fullwidth div.one-of-seven-columns {
    text-align: left;
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
}

/* correcting layout in firefox */
.use-fullwidth div.one-of-two-columns {
  display: table;
  width: 100%;
}

.use-fullwidth div.one-of-four-columns h3 {
    text-align: left;
}

.use-fullwidth div.images-only > * {
  min-height: 55px;
  text-align: center;
  overflow: hidden;
  margin-top: 5px;
}
.use-fullwidth div.images-only.unpadded-images > * {
  margin-top: 15px;
}

.use-fullwidth .columned-bulletpoint-icon > img {
  display: none;
}

body.use-fullwidth #main-content .columned-bulletpoint-icon > h3 {
  margin-bottom: 5px;
}

.use-fullwidth .columned-bulletpoint-icon {
  padding-bottom: 34px;
  position: relative;
}

.use-fullwidth .upsell-section img.service-icon {
    width: 144px;
}

.use-fullwidth .columned-bulletpoint-icon > img {
  display: none;
}

body.use-fullwidth #main-content .columned-bulletpoint-icon > h3 {
  margin-bottom: 5px;
}

.use-fullwidth .columned-bulletpoint-icon {
  padding-bottom: 34px;
  position: relative;
}

.use-fullwidth .upsell-section img.service-icon {
    width: 144px;
}

.use-fullwidth div.images-only.images-rowed img {
    margin-top: 34px;
    margin-bottom: 34px;
}

body.use-fullwidth #main-content .content-intro-section {
  padding: 13px 21px 13px;
}

.use-fullwidth div.content-intro-section h1 {
    text-align: left;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
}

.use-fullwidth .fullwidth-main-content-section.blue-section img.icon {
    margin-bottom: 21px;
}

.use-fullwidth #main-content .os-why-memset section h3,
.use-fullwidth #main-content .os-why-memset section h2,
.use-fullwidth #main-content .os-why-memset section p {
  color: #ffffff;
  line-height: 1.5;
}

.use-fullwidth section.width-restricted-content {
  min-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.use-fullwidth .fullwidth-section-intro {
  font-size: 23px;
}

/************ FULLWIDTH BOX STYLING ****************/

.use-fullwidth div.green-box-style,
.use-fullwidth div.gov-box-style,
.use-fullwidth div.grey-box-style,
.use-fullwidth div.purple-box-style,
.use-fullwidth div.transparent-box-style,
.use-fullwidth div.blue-box-style {
    background-color: #a0a0a0;
    padding: 34px;
    color: #ffffff;
    text-align: center;
}

.use-fullwidth div.blue-box-style {
    background-color: #0085ca;
}

.use-fullwidth div.transparent-box-style {
    background-color: transparent;
}

.use-fullwidth div.green-box-style {
    background-color: #75a82c;
}

.use-fullwidth div.purple-box-style {
    background-color: #704380;
}

.use-fullwidth div.gov-box-style {
    background-color: #293b4a;
}

.use-fullwidth div.green-box-style p,
.use-fullwidth div.blue-box-style p,
.use-fullwidth div.grey-box-style p,
.use-fullwidth div.purple-box-style p,
.use-fullwidth div.gov-box-style p,
body.use-fullwidth #main-content div.gov-box-style h3,
body.use-fullwidth #main-content div.green-box-style h3,
body.use-fullwidth #main-content div.blue-box-style h3,
body.use-fullwidth #main-content div.purple-box-style h3,
body.use-fullwidth #main-content div.grey-box-style h3 {
    color: #ffffff;
    text-align: center;
}

.use-fullwidth div.transparent-box-style p,
body.use-fullwidth #main-content div.transparent-box-style h3 {
    text-align: center;
    color: #474747;
}

body.use-fullwidth #main-content div.transparent-box-style h3 a {
    color: #474747;
    font-weight: 300;
    margin: 0 0 8px;
    font-size: 29px;
    line-height: 1;
}

body.use-fullwidth #main-content div.transparent-box-style h3 a:hover {
    color: #0066aa;
}

.use-fullwidth .gov-box-style a.link,
.use-fullwidth .green-box-style a.link,
.use-fullwidth .blue-box-style a.link,
.use-fullwidth .grey-box-style a.link,
.use-fullwidth .purple-box-style a.link {
    color: #ffffff;
    text-decoration: underline;
}

.use-fullwidth .gov-box-style p a.btn,
.use-fullwidth .green-box-style p a.btn,
.use-fullwidth .blue-box-style p a.btn,
.use-fullwidth .grey-box-style p a.btn,
.use-fullwidth .purple-box-style p a.btn {
    margin-top: 21px;
}

body.use-fullwidth #main-content div.gov-box-style img,
body.use-fullwidth #main-content div.green-box-style img,
body.use-fullwidth #main-content div.transparent-box-style img,
body.use-fullwidth #main-content div.blue-box-style img,
body.use-fullwidth #main-content div.purple-box-style img,
body.use-fullwidth #main-content div.grey-box-style img {
    margin-bottom: 21px;
}

.use-fullwidth div.fullwidth-column-wrap.internaly-bordered-columns {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}

.use-fullwidth div.fullwidth-column-wrap.internaly-bordered-columns > div:last-child {
  border-right: none;
  border-bottom: none;
}

/************ FULLWIDTH BOX STYLING ****************/

/************ FULLWIDTH SECTION STYLING ****************/

.use-fullwidth .fullwidth-main-content-section.green-section {
    background-color: #75a82c;
}

.use-fullwidth .fullwidth-main-content-section.blue-section {
    background-color: #0085ca;
}

.use-fullwidth .fullwidth-main-content-section.grey-section {
    background-color: #f7f7f7;
}

.use-fullwidth .fullwidth-main-content-section.purple-section {
    background-color: #704380;
}

.use-fullwidth .fullwidth-main-content-section.transparent-section {
    background-color: transparent;
}

.use-fullwidth .fullwidth-main-content-section.green-section h2,
.use-fullwidth .fullwidth-main-content-section.green-section li,
body.use-fullwidth #main-content .fullwidth-main-content-section.green-section h3,
.use-fullwidth .fullwidth-main-content-section.green-section p,
.use-fullwidth .fullwidth-main-content-section.purple-section h2,
.use-fullwidth .fullwidth-main-content-section.purple-section li,
body.use-fullwidth #main-content .fullwidth-main-content-section.purple-section h3,
.use-fullwidth .fullwidth-main-content-section.purple-section p,
.use-fullwidth .fullwidth-main-content-section.blue-section h2,
.use-fullwidth .fullwidth-main-content-section.blue-section li,
body.use-fullwidth #main-content .fullwidth-main-content-section.blue-section h3,
.use-fullwidth .fullwidth-main-content-section.blue-section a,
.use-fullwidth .fullwidth-main-content-section.blue-section p {
    color: #ffffff;
}

.use-fullwidth .fullwidth-main-content-section.green-section a.link,
.use-fullwidth .fullwidth-main-content-section.purple-section a.link,
.use-fullwidth .fullwidth-main-content-section.blue-section a.link {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold
}

.use-fullwidth .fullwidth-main-content-section.green-section img.icon,
.use-fullwidth .fullwidth-main-content-section.purple-section img.icon,
.use-fullwidth .fullwidth-main-content-section.blue-section img.icon {
    margin-bottom: 21px;
}

.use-fullwidth .fullwidth-main-content-section img.icon + h2 {
    margin-top: 0;
}

.fullwidth-main-content-section.nav-section {
  background-color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #efefef;
}

.fullwidth-main-content-section.nav-section section {
  text-align: left;
}

/************ FULLWIDTH SECTION STYLING END ****************/

/************ FULLWIDTH SUB NAV STYLING ****************/

#main-content .nav-section ul.sub-nav-options {
  display: none;
  float: left;
  margin-bottom: 21px;
  min-width: 100%;
}

#main-content .nav-section li {
  float: left;
  display: inline-block;
  padding: 0;
  background-image: none;
  width: 50%;
  margin: 0 0 -1px -1px;
  min-height: 60px;
}

#main-content .nav-section li a {
  color: #a0a0a0;
  text-align: center;
  line-height: 1;
  padding: 21px 13px 21px;
  display: block;
}

#main-content .nav-section li a {
  text-decoration: none;
}

#main-content .nav-section li.active a,
#main-content .nav-section li.active a:hover {
  color: #0066aa;
  text-decoration: none;
}

#main-content .nav-section li a:hover {
  color: #0066aa;
  cursor: pointer;
}

#main-content .nav-section li:hover {
  color: #0066aa;
  cursor: pointer;
  background-color: #f7f7f7;
}

#main-content .nav-section li.active {
  background-color: #efefef;
}

p.nav-title {
  display: none;
}

p.sub-nav-title {
  display: inline-block;
  font-size: 21px;
  line-height: 1;
  color: #a0a0a0;
  margin: 21px 21px 0 0;
  float: right;
}

span.sub-nav-touch-btn {
  display: inline-block;
  float: right;
  z-index: 9;
  padding: 21px;
  cursor: pointer;
  margin: 3px;
  border: 1px solid #efefef;
  border-radius: 4px;
}

span.sub-nav-touch-btn div {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 6.5px 0 6.5px;
  border-color: #474747 transparent transparent transparent;
}

span.sub-nav-touch-btn.btn-is-active div {
  border-width: 0 6.5px 5px 6.5px;
  border-color: transparent transparent #474747 transparent;
}

/************ FULLWIDTH SUB NAV STYLING END ****************/

/************ FULLWIDTH PRICING STYLING ****************/

.price-over-internet-wrap.inactive,
.price-over-psn-wrap.inactive {
  display: none;
}

.price-over-internet-wrap.active,
.price-over-psn-wrap.active {
  display: block;
}

/* priceplan css */
.pricing-plan-table-view-wrap {
  margin-bottom: 21px;
  width: 100%;
  overflow: auto;
}

div.price-plan {
  border: 1px solid #dfdfdf;
  border-top: 5px solid #006d9c;
  position: relative;
  width: 100%;
  margin-bottom: 13px;
  padding: 21px 8px;
  background-color: #f9f9f9;
  color: #474747;
  text-align: center;
}

div.price-plan:last-child {
  margin-bottom: 0;
}

div.price-plan.recommended {
  background-color: #ffffff;
  border-top-color: #84b227;
}

.recommended div.price-plan {
  width: 100%;
}

div.price-plan .price .units {
  font-size: 55px;
  text-align: center;
}

.use-fullwidth div.price-plan .price {
  font-size: 18px;
}

.use-fullwidth div.price-plan .price,
.use-fullwidth div.price-plan ul {
  width: 100%;
  padding: 0;
  margin: 0 0 21px 0;
  text-align: center;
}

#main-content div.price-plan ul li {
  background-image: none;
  float: left;
  width: 50%;
  padding: 0 5px;
  margin: 0 0 5px 0;
  font-size: 18px;
}

div.price-plan ul li span {
  font-weight: normal;
  color: #a0a0a0;
  display: block;
  font-size: 16px;
}

div.price-plan span.currency-symbol {
  font-size: 29px;
  vertical-align: top;
  line-height: 37px;
}

/* Fullwidth Bullet list */
#main-content .everyplan-inludes-list li {
  text-align: center;
  background-image: none;
}

/* Pill style toggle switch */
.pill-style-toggle-switch {
    width: 100%;
    margin: 34px auto;
    display: inline-block;
}

.new-pill-style-toggle-switch {
  display: inline-block;
  margin: 0 auto 13px;
}

.pill-style-toggle-switch .switch-pill,
.new-pill-style-toggle-switch .switch-pill {
  background-color: #84b227;
  border-radius: 35px;
  cursor: pointer;
  float: left;
  height: 30px;
  margin: 0 13px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 55px;
}

.new-pill-style-toggle-switch .switch-pill {
  padding: 3px;
}

.pill-style-toggle-switch .switch-pill.right {
  background-color: #0085ca;
}

.new-pill-style-toggle-switch.left .switch-pill {
  background-color: #84b227;
  padding-left: 3px;
}
.new-pill-style-toggle-switch.right .switch-pill {
  background-color: #0085ca;
  padding-left: 28px;
}

.pill-style-toggle-switch a.toggle-switch,
.new-pill-style-toggle-switch a.option-text {
  color: #a0a0a0;
  float: left;
  font-size: 16px;
  font-weight: 700;
  padding-top: 5px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pill-style-toggle-switch a.opt-1 {
  color: #84b227;
}

.pill-style-toggle-switch .switch-pill .switch {
  background-color: white;
  border-radius: 12px;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 24px;
}

.new-pill-style-toggle-switch .switch-pill .switch {
  background-color: white;
  height: 24px;
  width: 24px;
  border-radius: 12px;
}

.pill-style-toggle-switch .switch-pill .switch.right {
  left: 28px;
}
.pill-style-toggle-switch a.grey {
  background: none;
  color: #a0a0a0;
}

div.pill-style-toggle-switch-wrap {
  margin: 13px auto 13px;
  text-align: center;
  width: auto;
}

a.opt-2.toggle-switch.right {
  color: #0085ca;
}

.new-pill-style-toggle-switch.left a.option-text.left-option {
  color: #84b227;
}

.new-pill-style-toggle-switch.right a.option-text.right-option {
  color: #0085ca;
}

/* Pill style toggle switch which links to a new page */
.pill-style-toggle-switch-with-switch-link {
    width: 100%;
    margin: 34px auto;
    display: inline-block;
}

.pill-style-toggle-switch-with-switch-link .switch-pill {
  background-color: #84b227;
  border-radius: 35px;
  cursor: pointer;
  float: left;
  height: 30px;
  margin: 0 13px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 55px;
}

.pill-style-toggle-switch-with-switch-link .switch-pill.right {
  background-color: #0085ca;
}

.pill-style-toggle-switch-with-switch-link a.toggle-switch {
  color: #a0a0a0;
  float: left;
  font-size: 16px;
  font-weight: 700;
  padding-top: 5px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pill-style-toggle-switch-with-switch-link a.opt-1 {
  color: #84b227;
}

.pill-style-toggle-switch-with-switch-link .switch-pill .switch {
  background-color: white;
  border-radius: 12px;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 24px;
}

.pill-style-toggle-switch-with-switch-link .switch-pill .switch.right {
  left: 28px;
}

.pill-style-toggle-switch-with-switch-link a.grey {
  background: none;
  color: #a0a0a0;
}

/************ FULLWIDTH PRICING STYLING END ****************/

/***************** EMPLOYEE IMAGE STYLES *****************/

.use-fullwidth .fullwidth-main-content-section.employee-image {
  padding-bottom: 34px;
}

.use-fullwidth .employee-image div.one-of-four-columns {
  min-height: 190px;
}

.use-fullwidth .employee-image {
  border-bottom: 1px solid #dfdfdf;
  text-align: right;
}

.use-fullwidth .employee-image img {
  max-height: 190px;
}

.use-fullwidth .employee-image + span p {
  text-transform: uppercase;
  text-align: right;
  color: #a0a0a0;
}

.use-fullwidth .employee-image + span p.title {
    font-size: 36px;
    line-height: 1;
    margin: 0;
}

.use-fullwidth #main-content ul.employee-contact-options li {
  display: inline-block;
  background-image: none;
  text-align: right;
}

.use-fullwidth #main-content ul.employee-contact-options {
  text-align: right;
}

.use-fullwidth ul.employee-contact-options li.employee-social-icons a {
    display: inline-block;
    min-height: 21px;
    min-width: 21px;
    padding: 21px;
    background-color: transparent;
    opacity: .75;
    background-color: #a0a0a0;
    border:1px solid #a0a0a0;
}

.use-fullwidth ul.employee-contact-options li.employee-social-icons a:hover {
    background-color: #474747;
    border:1px solid #474747;
}

.use-fullwidth li.employee-social-icons a.email-link {
    background: url("/static/images/structure/footer/footer-icon-email.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

.use-fullwidth li.employee-social-icons a.linked-in-link {
    background: url("/static/images/structure/footer/footer-icon-linked-in.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

.use-fullwidth li.employee-social-icons a.twitter-link {
    background: url("/static/images/structure/footer/footer-icon-twitter.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

/***************** EMPLOYEE IMAGE STYLE END ******************/

/***************** OPENSTACK TABLE STYLE ******************/

.use-fullwidth .openstack-col-wrap table.table {
  background-color: #ffffff;
  margin-top: 21px;
  width: 100%;
}

.use-fullwidth .openstack-col-wrap table.table th {
  text-align: center;
  background-color: #006d9c;
  font-weight: bold;
}

.use-fullwidth .openstack-col-wrap table.table tr.subheading th {
  background-color: #0091d1;
  font-weight: normal;
  vertical-align: text-top;
  border-right-color: #52A9D0;
}

.use-fullwidth .openstack-col-wrap table.table tr.subheading th:last-child {
  border-right-color: #ffffff;
}

/*****************  FULLWIDTH OPENSTACK TABLE STYLE END ******************/

/*****************  FULLWIDTH ICON BULLET LIST STYLE ******************/

.use-fullwidth .bullet-list-wrap img {
  margin-bottom: 21px;
}

.use-fullwidth .bullet-point-with-icon > *,
body.use-fullwidth #main-content .bullet-point-with-icon h3 {
  text-align: center;
  margin: 0 auto 5px;
  display: block;
}

body.use-fullwidth .bullet-list-wrap p {
  font-size: 18px;
}

body.use-fullwidth .bullet-list-wrap h3 a:hover {
  text-decoration: underline;
}

.use-fullwidth .bullet-point-with-icon {
  margin: 89px 0 0;
  min-height: 89px;
}

.use-fullwidth .bullet-point-with-icon:last-of-type {
  margin-top: 0;
}

#container #main-content .bullet-point-with-icon > img {
  max-width: 34%;
}

/***************** ICON BULLET LIST STYLE END ******************/

/***************** FULLWIDTH CASE STUDY SLIDER STYLE ******************/

.use-fullwidth #main-content ul.rslides li,
.use-fullwidth #main-content ul.centered-btns_tabs li {
  background-image: none;
  padding-left: 0;
}

.use-fullwidth #main-content ul.centered-btns_tabs li > a {
  padding: 8px;
  margin: 3px;
}

.use-fullwidth .rslides .column-one img {
  width: 100%;
  height: auto;
  max-width: 617px;
  margin-bottom: 34px;
}

body.use-fullwidth #main-content .rslides li h3 {
margin-bottom: 34px;
line-height: 1.5;
}

.use-fullwidth .rslides p {
  text-align: left;
  font-size: 23px;
  margin-bottom: 55px;
}

.use-fullwidth .centered-btns_nav:focus {
  outline: none;
}

.use-fullwidth .centered-btns_tabs li {
  display: inline;
  float: none;
  margin-right: 5px;
}

.use-fullwidth .centered-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 50%;
  background: #ffffff;
  display: inline-block;
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 21px;
  height: 21px;
  border: 1px solid #a0a0a0;
}

.use-fullwidth .centered-btns_here a {
  background: #a0a0a0;
}

.use-fullwidth .centered-btns_tabs.centered-btns1_tabs {
    position: relative;
    z-index: 8;
    display: inline-block;
}

/***************** FULLWIDTH CASE STUDY SLIDER STYLE END ******************/

/***************** FULLWIDTH TESTIMONIAL SLIDER STYLE ******************/

.fullwidth-testimonial-wrapper {
    margin-bottom: 0;
    min-height: 244px;
}

.fullwidth-testimonial-wrapper blockquote,
.fullwidth-testimonial-wrapper cite {
    font-size: 23px;
    text-align: center;
    letter-spacing: 1px;
    margin: 0;
    font-style: normal;
    background-color: transparent;
}

.fullwidth-testimonial-wrapper cite {
    font-size: 14px;
    font-style: normal;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: normal;
    margin-top: 34px;
    display: block;
    line-height: .8;
}

.use-fullwidth .green-section .centered-btns_here a {
  background-color: #5b862e;
}


.use-fullwidth .centered-btns_tabs.centered-btns2_tabs {
  position: relative;
  z-index: 1;
  margin-top: 13px;
  display: inline-block;
}

/***************** FULLWIDTH TESTIMONIAL SLIDER STYLE END ******************/

/***************** AWARD LIST STYLE ******************/

.use-fullwidth div.award-list-wrap h2 {
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    font-size: 32px;
    margin-bottom: 55px;
}

.use-fullwidth div.award-list-wrap ul {
    max-width: 753px;
    display: block;
    margin: 0 auto;
    min-height: 107px;
}

.use-fullwidth #main-content div.award-list-wrap ul li {
    background-image: none;
    padding-left: 0;

}

.use-fullwidth div.award-list-wrap ul li {
    float: left;
    display: inline-block;
    margin: 0 21px;
}

.use-fullwidth div.fullwidth-main-content-section.award-list-wrap ul li img {
    float: left;
    display: inline-block;
    margin: 0;
    width: 144px;
    height: 144px;
    padding: 8px;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
}

.use-fullwidth div.award-list-wrap ul li:first-child img,
.use-fullwidth div.award-list-wrap ul li:last-child img {
    height: 89px;
    width: 89px;
    margin-top: 21%;
}

.use-fullwidth div.award-list-wrap ul li img.second-row-award-img {
    height: 110px;
    width: 110px;
    margin-top: 13%;
}

/***************** AWARD LIST STYLE END ******************/

/***************** TESTIMONIAL STYLE ******************/

.use-fullwidth blockquote {
    padding: 29px 34px;
    color: #ffffff;
    font-weight: normal;
    font-family: Frutiger, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.use-fullwidth blockquote p {
    color: #ffffff;
    font-size: 23px;
}

.use-fullwidth section.testimonial-section a {
    color: #ffffff;
}

.use-fullwidth section.testimonial-section blockquote,
.use-fullwidth section.testimonial-section cite {
    font-size: 23px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    color: #ffffff;
    background-color: transparent;
    width: 822px;
    display: block;
    padding: 0;
    margin: 0;
}

.use-fullwidth section.testimonial-section cite {
    padding-top: 21px;
}

.use-fullwidth .blue-section.diagonal-split {
  background: #0085ca;
  background: -webkit-linear-gradient(135deg,#005690 0,#1080bb 50%,#0078B1 50%,#004877 100%);
  background: -moz-linear-gradient(135deg,#005690 0,#1080bb 50%,#0078B1 50%,#004877 100%);
  background: linear-gradient(135deg,#005690 0,#1080bb 50%,#0078B1 50%,#004877 100%);
}

/***************** TESTIMONIAL STYLE END ******************/

/***************** SPACE LEFT SPACE RIGHT STYLE END ******************/

.use-fullwidth .pic-left-section h2,
.use-fullwidth .pic-left-section p,
.use-fullwidth .pic-left-section ul,
.use-fullwidth .pic-right-section h2,
.use-fullwidth .pic-right-section p,
.use-fullwidth .pic-right-section ul {
  text-align: left;
}

/***************** SPACE LEFT STYLE END ******************/

/***************** FULLWIDTH TABLE STYLE ******************/

.use-fullwidth table.table,
.use-fullwidth table.table th,
.use-fullwidth table.table tr,
.use-fullwidth table.table .even td,
.use-fullwidth table.table td.odd {
  border: none;
}

.use-fullwidth table.table {
  width: 100%;
  overflow: auto;
  display: block;
}

.use-fullwidth table.table.alternating-rows th {
  background-color: transparent;
  color: #999999;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

.use-fullwidth table.table.alternating-rows td {
  border: none;
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
  text-align: left;
  padding: 8px 21px;
  width: 20%;
  text-align: center;
}

/***************** FULLWIDTH TABLE STYLE END ******************/

/***************** FULLWIDTH FAQ STYLE ******************/

.use-fullwidth div.faq-title {
  background-color: #0066aa;
  position: relative;
  cursor: pointer;
}

.use-fullwidth div.faq-wrap div.item-icon {
  position: absolute;
  left: 21px;
  top: 15px;
}

body.use-fullwidth #main-content div.faq-wrap h3,
body.use-fullwidth #main-content div.faq-wrap h2 {
  color: #ffffff;
  padding: 13px 34px 13px 46px;
  line-height: 1.5;
  margin-bottom: 0;
  font-size: 18px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0.5px;
}

.use-fullwidth div.faq-wrap {
  margin-bottom: 21px;
}

.use-fullwidth .hidden-details-expander-faq + .hidden-details {
  padding: 0;
}

.use-fullwidth div.faq-details {
  background-color: #ffffff;
  padding: 21px;
}

.use-fullwidth div.faq-details p {
  text-align: left;
  margin-bottom: 21px;
}

.use-fullwidth div.faq-details p:last-child {
  margin-bottom: 0;
}

.use-fullwidth div.faq-details-wrap {
  background-color: #ffffff;
  text-align: left;
}

/***************** FULLWIDTH FAQ STYLE ******************/

/***************** FULLWIDTH ICONED TITLES STYLE ******************/

.use-fullwidth .iconed-titles > div {
  border: 1px solid #dfdfdf;
  position: relative;
  height: auto;
  margin-bottom: 21px;
  padding-bottom: 0;
  background-color: #ffffff;
}

.use-fullwidth .iconed-titles > div .title-icon {
  position: absolute;
  left: 21px;
  top: 13px;
  width: 34px;
  height: 34px;
}

body.use-fullwidth #main-content .iconed-titles > div h3 {
  background-color: #006d9c;
  color: #ffffff;
  padding: 21px 8px 21px 72px;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 0;
}

.use-fullwidth .iconed-title-details-wrap {
  padding: 21px;
}

/***************** FULLWIDTH ICONED TITLES STYLE ******************/

/*************** FULLWIDTH PAGE STYLE END ***************/

/*************** END MAIN CONTENT FORMATTING ****************/

/*************** CONTACT BAR FORMATTING ****************/

#contactbar ul li {
    text-align: center;
    width: 326px;
    padding: 15px 0;
}

#contactbar ul li a {
    font-weight: normal;
}

/***************END CONTACT BAR FORMATTING****************/

/***************NEWS FORMATTING****************/

#news h3 {
    background-color: transparent !important;
}

/***************END NEWS FORMATTING****************/

/***************HEADER FORMATTING****************/


.top-navigation {
  padding: 0 0 0 13px;
  max-width: 1300px;
  min-width: 700px;
  margin: 0 auto;
}

.top-navigation-wrap {
  background-color: #efefef;
  width: 100%;
  display: block;
  border-bottom: 1px solid #dfdfdf;
  position: fixed;
  top: 0;
  z-index: 9;
  box-shadow: 0 0px 3px #3c3c3c;
}

.top-nav-right,
.top-nav-left {
  display: inline-block;
}

.top-nav-left {
  float: left;
}

.top-nav-right {
  float: right;
}

.top-navigation ul,
.top-navigation li,
.top-navigation a {
  color: #636363;
  margin: 0;
  padding: 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  position: relative;
}

.top-navigation .top-nav-drop-down-list ul,
.top-navigation .top-nav-drop-down-list li,
.top-navigation .top-nav-drop-down-list a {
  color: #474747;
}

.top-navigation .top-nav-drop-down-list a {
  display: block;
  overflow: hidden;
  margin: -4px 0;
  padding: 8px 13px;
  color: inherit;
  font-weight: 400;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color 80ms;
  font-size: 14px;
  text-transform: none;
}

.top-navigation a:hover,
.top-navigation .top-nav-drop-down-list a:hover {
  text-decoration: none;
}

.top-navigation .top-nav-drop-down-list a:hover {
  background-color: #efefef;
}

.top-nav-drop-down-list {
  display: none;
  position: absolute;
  background-color: #ffffff;
  line-height: 1.4;
  padding: 0;
  top: 34px;
  border-top: none;
  width: 200px;
  border: 1px solid #ccc;
  border-color: rgba(0,0,0,.2);
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
  right: 0;
  animation: .2s;
  border-radius: 4px;
  overflow: hidden;
}

.top-nav-drop-down-list li:first-child a {
  padding-top: 14px;  
}
.top-nav-drop-down-list li:last-child a {
  padding-bottom: 12px;  
}
.top-nav-drop-down-list li {
  font-size: 14px;
}

.top-nav-right > ul > li:hover > .top-nav-drop-down-list,
.top-nav-right > ul > li:hover > .per-drop-nav-top-tri {
  display: inline-block;
}

.top-nav-left > ul > li:hover {
  text-decoration: underline;
}

.top-nav-right > ul > li:hover {
  background-color: #dfdfdf;
}

.top-nav-right > ul > li,
.top-nav-left > ul > li {
  float: right;
  padding: 8px 0;
  cursor: pointer;
}

.top-nav-right > ul > li.currency {
  padding: 3px 13px;
  cursor: auto;
}

.top-nav-right > ul > li > span.unliked-top-title,
.top-nav-right > ul > li > a {
  padding: 8px 21px;
}

.top-nav-right > ul > li > div.chat-btn-offline {
  padding-left: 21px;
  padding-right: 21px;
  cursor: not-allowed;
}

.top-nav-left > ul > li {
  padding-left: 0;
  letter-spacing: .4px;
}

.top-nav-currency-form-wrap form select.form-control {
  line-height: 1;
  height: 21px;
  font-size: 11px;
  border-radius: 2px;
  cursor: pointer;
  padding: 1px 0 0 3px;
}

li.acount-info-list-item {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 8px;
}

.top-navigation .top-nav-drop-down-list li.acount-info-list-item {
  padding-top: 0;
  padding-bottom: 0;
}

.top-navigation .top-nav-drop-down-list li.acount-info-list-item a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1.3px;
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: 4px;
  margin-top: 0px;
}

li.acount-info-list-item + li {
  padding-top: 4px;
}

.top-navigation .top-nav-drop-down-list li.acount-info-list-item span.small-text {
  font-size: 11px;
  text-transform: none;
  line-height: 13px;
  font-weight: normal;
  letter-spacing: normal;
}

nav.top-nav-left a {
  text-transform: none;
  margin-right: 42px;
  padding-top: 13px;
  padding-bottom: 13px;
}

div.per-drop-nav-top-tri {
  position: absolute;
  width: 200px;
  height: 8px;
  right: 0;
  top: 27px;
  cursor: default;
  display: none;
}

div.per-drop-nav-top-tri:before,
div.per-drop-nav-top-tri:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 8px 8px 8px;
  border-color: transparent transparent #dfdfdf transparent;
  position: absolute;
  top: 0;
  right: 13px;
  z-index: 1;
}

div.per-drop-nav-top-tri:after {
  content: "";
  border-color: transparent transparent #ffffff transparent;
  top: 2px;
  position: absolute;
  border-width: 0px 6px 6px 6px;
  right: 15px;
}

div.contact-info-drop-down {
  width: 144px;
}

div.currency-drop-nav {
  width: 89px;
}

div.logged-in {
  width: 200px
}

div.not-logged-in {
  width: 144px
}

.provide-support-ci5Tw9 {
    z-index: 100;
    position: absolute
}

/* Setting with and color for chat button in header, button image loading is delayed and without the following will cause other element to move.  */
.provides-support-sc5Tw9 {
    background: url("/static/images/structure/header/header-chat-bg.png") no-repeat #ffffff;
    background-position: 5px;
    background-size: 118px 11px;
    border-radius: 4px;
    display: inline-block;
    float: right;
    height: 21px;
    width: 127px;
    max-width: 127px;
}

.provides-support-sc5Tw9 img {
    height: 21px;
    width: 127px;
}

.provides-support-sd5Tw9 {
    display: none;
}

noscript div.provide-support {
    display: inline
}

.header-logo {
    display: inline-block;
    float: left;
    padding-left: 13px;
}

.header-logo a {
    display: inline-block;
    padding: 21px 21px 21px 0;
}

.main-header-basket {
    float: right;
}

.main-header-basket a {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 29px;
    margin-top: 2px;
}

.main-header-basket img {
    padding: 13px;
    display: inline-block;
    width: 70px;
    height: 70px;
}

.main-header-basket img:hover {
background-color: #0091d1;
cursor:pointer;
}

.main-header-social-icons li {
    float: left;
    margin: 0;
}

.livechat-fixed-btn {
    position: fixed;
    right: -59px;
    top: 50%;
    transform: rotate(-90deg);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.4px;
    background-color: #0066aa;
    padding: 13px 47px 13px 13px;
    border: 1px solid #ffffff;
    border-bottom: none;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 3;
    display: none;
}

.livechat-fixed-btn:after {
    content: '';
    background-image: url(/static/images/structure/header/chat-icon.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 23px;
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 13px;
    position: absolute;
    left: 108px;
    top: 10px;
}

body.control .livechat-fixed-btn,
.popup-chat-box-wrap {
    display: none;
}

/***************END HEADER FORMATTING****************/

/***************CLIENT FORMATTING****************/

#main-content #clients h3 {
    background-image: url("/static/images/structure/clients/our-clients.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 15px;
    margin: 0;
}

#main-content #clients h3 span {
    display: none;
}

#clients ul {
    padding-left: 13px;
}
#clients ul li {
    display: block;
    height: 70px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 5px 0 5px;
    padding: 0;
}

#clients ul li span {
    display: none;
}

#clients li#drinkstuff {
    background-image: url("/static/images/logos/drinkstuff.gif");
    width: 125px;
}

#clients li#tastecard {
    background-image: url("/static/images/logos/tastecard_logo.png");
    width: 152px;
}

#clients li#hilton {
    background-image: url("/static/images/logos/hilton.gif");
    width: 95px;
}

#clients li#bbc {
    background-image: url("/static/images/logos/bbc.gif");
    width: 100px;
}

#clients li#private-eye {
    background-image: url("/static/images/logos/private-eye.gif");
    width: 140px;
}

/******* BLOG *******/

#main-content .success-box,
#main-content .tip-box,
#main-content .warning-box,
#main-content .danger-box {
  border-radius: 0;
  padding: 21px 21px 21px 60px;
  margin: 34px 0;
}

#main-content .success-box p,
#main-content .tip-box p,
#main-content .warning-box p,
#main-content .danger-box p {
  font-size: 16px;
}

body #main-content #doc-content .success-box p:last-child,
body #main-content #doc-content .success-box h3:last-child,
body #main-content #doc-content .tip-box p:last-child,
body #main-content #doc-content .tip-box h3:last-child,
body #main-content #doc-content .warning-box p:last-child,
body #main-content #doc-content .warning-box h3:last-child,
body #main-content #doc-content .danger-box p:last-child,
body #main-content #doc-content .danger-box h3:last-child {
  margin-bottom: 0;
}

body #main-content #doc-content .success-box p:first-child,
body #main-content #doc-content .success-box h3:first-child,
body #main-content #doc-content .tip-box p:first-child,
body #main-content #doc-content .tip-box h3:first-child,
body #main-content #doc-content .warning-box p:first-child,
body #main-content #doc-content .warning-box h3:first-child,
body #main-content #doc-content .danger-box p:first-child,
body #main-content #doc-content .danger-box h3:first-child {
  margin-top: 0;
}

.success-box {
    background: #DFF0D8 url(/static/images/cp_icons/sucess_tick.png) no-repeat 21px 50%;
    border: 1px solid #C5DD94;
}

.success-box > h2,
.success-box > h3,
.success-box > h4,
.success-box > h5,
.success-box > p {
    color: #5b862e;
}

.tip-box {
    background: #EBF8FF url(/static/images/cp_icons/message_info_icon_tc.png) no-repeat 21px 50%;
    border: 1px solid #B8DAEA;
}

.warning-box {
    background: #fcf193 url(/static/images/cp_icons/message_warning_icon.png) no-repeat 21px 50%;
    border: 1px solid #F7D580;
    color: #474747;
}

.danger-box {
    background: #ffcccc url(/static/images/cp_icons/message_error_icon.png) no-repeat 21px 50%;
    border: 1px solid #f80808;
    color: #f80808;
}

/***************END CLIENT FORMATTING****************/

/***************NAVIGATION FORMATTING****************/

/*************** MAIN NAVIGATION FORMATTING****************/

/* Style and position for nav block */
nav.main-navigation {
    float: left;
    display: inline-block;
    transition: .5s;
}

/* Styling top level links */
nav.main-navigation > ul > li {
    float: left;
    display: inline-block;
    margin: 5px 0 0 0;
}

nav.main-navigation > ul > li > a {
    display: inline-block;
    padding: 25px 25px 25px 25px;
    cursor: pointer;
}

/* Styling text for top level links */
nav.main-navigation > ul > li,
nav.main-navigation > ul > li > a {
    text-decoration: none;
    margin-top: 0px;
    font-weight: 700;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #E9F7FF;
    transition: .2s;
}

nav.main-navigation > ul > li > a:after {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6.5px 0 6.5px;
    border-color: #ffffff transparent transparent transparent;
}

nav.main-navigation ul li > a > span {
    font-weight: normal;
}

/* Styling text for top level links when HOVERED */
nav.main-navigation > ul > li:hover {
    background-color: #ffffff;
}

nav.main-navigation > ul > li:hover > a {
    color: #474747;
}

nav.main-navigation > ul > li:hover > a:after {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6.5px 0 6.5px;
    border-color: #474747 transparent transparent transparent;
}

/* Style and hide drop list wrap */
.drop-down-list-wrap {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    padding: 13px 0 45px;
    font-size: 11px;
    top: 98px;
    border-bottom: 3px solid #0085ca;
    transition: .2s;
}

/* Display dropist on hover */
nav.main-navigation > ul > li:hover > .drop-down-list-wrap {
    display: inline-block;
    transition: .2s;
}

/* Styling drop columns */
.drop-down-list-width-wrap > ul {
    float: left;
    width: 23%;
}

/* Styling drop columns text, removing inheritance of text transform */
.drop-down-list-width-wrap > ul li,
.drop-down-list-width-wrap > ul li > a {
    color: #636363;
    text-transform: none;
    font-size: 13px;
    line-height: 1.2;
    margin: 0;
}

.drop-down-list-width-wrap > ul li > a,
.drop-down-list-width-wrap > ul li > span.unlinked-title {
    width: 100%;
    display: inline-block;
    padding: 13px 8px;
    line-height: 1.2;
}

.drop-down-list-width-wrap > ul li > a:hover {
    background-color: #dfdfdf;
    cursor: pointer;
}

.drop-down-list-width-wrap > ul li {
    margin-right: 21%;
}

/* Styling drop column titles */
.drop-down-list-width-wrap > ul > li:first-child span.unlinked-title,
.drop-down-list-width-wrap > ul > li:first-child a {
    text-transform: uppercase;
    font-weight: bold;
    color: #3c3c3c;
    border-bottom: 1px solid #dfdfdf;
}

/* Styling drop column titles */
.drop-down-list-width-wrap > ul > li,
.drop-down-list-width-wrap > ul > li a {
    text-decoration: none;
}

.main-header-search {
    height: auto;
    width: 100%;
}

div.main-header-search.toggle-search-form {
    display: none;
}

.search-reveal-icon {
    padding: 15px 13px 9px 13px;
    cursor: pointer;
}

.main-header-search input {
    border-style: none;
    height: 45px;
    width: 233px;
    margin: 13px auto 0;
    display: block;
    padding: 0 13px;
}

.search-reveal-icon.desktop {
    float: right;
    width: 70px;
    height: 70px;
    margin-top: 2px;
    padding: 18px 21px;
}

.search-reveal-icon.desktop:hover {
  background-color: #0091d1
}

.search-reveal-icon > .toggle-search-icon {
    display: none;
}

.search-reveal-icon.desktop.toggle-close-style {
    height: 34px;
    width: 34px;
    padding: 0 0 0 5px;
    margin-top: 21px;
    margin-right: 21px;
}

.main-header-search input {
    float: left;
}

.main-header-search input.main-header-search-submit-btn {
    background-color: transparent;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-image: url(/static/images/structure/header/white-search-icon4.svg);
    background-repeat: no-repeat;
    background-position: 45% 50%;
    background-size: 34%;
    width: 45px;
    height: 45px; 
}

div.search-form-inputs-wrap {
    margin: 0 auto;
    width: 280px;
}

/***************END NAVIGATION FORMATTING****************/

/***************FOOTER FORMATTING****************/

.memset-site-footer {
    padding: 55px 8px 0;
    clear: both;
}

body footer p,
body footer a,
body footer li {
    color: #a0a0a0;
}

footer h2 {
    color: #dfdfdf;
}

footer {
    background-color: #363636;
}

.footer-sign-up {
  margin-top: 21px;
  padding-top: 21px;
  border-top: 1px solid #6babcc;
  text-align: center;
}

.footer-sign-up label {
  color: #ffffff;
}

.lower-footer {
    color: #dfdfdf;
    min-height: 89px;
}

.memset-site-footer.lower-footer {
    border-top: 1px solid #5a5a5a;
    padding: 21px 8px;
    margin-top: 15px;
}

.memset-site-footer.lower-footer p {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

img.footer-logo {
    float: left;
    margin-right: 34px;
    width: 233px;
}

div.get-in-touch-wrap {
padding-top: 34px;}

div.get-in-touch {
    width: 55%;
    float: left;
}

div.legal-links-footer {
    width: 45%;
    float: right;
    margin-top: 15px;
}

div.get-in-touch,
div.legal-links-footer {
}

ul.footer-contact-options li.footer-social-icons a {
    display: inline-block;
    margin: -8px 13px 0 0;
    min-height: 21px;
    min-width: 21px;
    padding: 21px;
    background-color: transparent;
    opacity: .75;
}
ul.footer-contact-options li.footer-social-icons a:hover {
    opacity: 1;
}

li.footer-social-icons a.phone-link {
    background: url("/static/images/structure/footer/footer-icon-phone.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

li.footer-phone-link {
    display: none;
}

li.footer-social-icons a.chat-link {
    background: url("/static/images/structure/footer/footer-icon-chat.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

li.footer-social-icons a.email-link {
    background: url("/static/images/structure/footer/footer-icon-email.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

li.footer-social-icons a.linked-in-link {
    background: url("/static/images/structure/footer/footer-icon-linked-in.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

li.footer-social-icons a.twitter-link {
    background: url("/static/images/structure/footer/footer-icon-twitter.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}


li.footer-social-icons a.facebook-link {
    background: url("/static/images/structure/footer/footer-icon-facebook.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

li.footer-social-icons a.you-tube-link {
    background: url("/static/images/structure/footer/footer-icon-you-tube.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

li.footer-social-icons a.google-plus-link {
    background: url("/static/images/structure/footer/footer-icon-google.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

ul.footer-contact-options {
    margin: 0 auto;
    display: inline-block;
}

ul.footer-contact-options li {
    float: left;
    margin: 0;
}

ul.footer-contact-options li a {
    padding: 8px 21px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    vertical-align: middle;
}

ul.footer-contact-options li h2 a {
float: left;
    margin-right: 21px;
    margin-bottom: 0;
    padding: 0;
    font-size: 29px;
    text-transform: none;
    font-weight: normal;
}

.footer-discover,
.footer-services,
.footer-solutions,
.footer-support,
.footer-company-news {
    float: left;
    width: 20%;
}

.footer-discover,
.footer-services,
.footer-solutions,
.footer-support {
    width: 15%;
}

.footer-company-news {
    width: 32%;
}

.footer-discover li,
.footer-services li,
.footer-solutions li,
.footer-support li,
.footer-company-news li {
    margin: 0;
    display: inline-block;
    width: 90%;
    margin-right: 10%;
    margin-bottom: -3px;
}

.footer-company-news li {
    width: 99%;
    margin-right: 1%;
    text-align: right;
}

.footer-discover li:first-child,
.footer-discover li a,
.footer-services li a,
.footer-solutions li a,
.footer-support li a,
.footer-company-news li a{
    padding: 8px 21px 8px 13px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

.footer-discover li a:hover,
.footer-services li a:hover,
.footer-solutions li a:hover,
.footer-support li a:hover,
.footer-company-news li a:hover {
    background-color: #474747;
    text-decoration: none;
    cursor: pointer;
}

.footer-discover li:first-child,
.footer-discover li:first-child a,
.footer-services li:first-child a,
.footer-solutions li:first-child a,
.footer-support li:first-child a,
.footer-company-news li:first-child a {
    border-bottom: 1px solid #474747;
    color: #dfdfdf;
    letter-spacing: 1.3px;
    font-weight: bold;
}

.footer-company-news {
    position: relative;
    float: right;
    padding: 13px 13px 21px;
    width: 377px;
    background-color: #ffffff;
    border: 1px solid #efefef;
    border-radius: 4px;
    margin: 0;
}

.footer-company-news li a {
    color: #474747;
    text-align: left;
    padding: 0;
    font-size: 14px;
    text-transform:uppercase;
    font-weight: bold;
}

.footer-company-news li:first-child a {
    border-bottom: none;
    color: #a0a0a0;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 13px 0
}

.footer-company-news:after{
    position: absolute;
    display: block;
    content: ' ';
    right: -1px;
    bottom: -1px;
    width: 0;
    border-width: 30px 30px 0 0;
    border-style: solid;
    border-color: #ffffff transparent transparent;
    background: #363636;
    z-index: 1;
    box-shadow: 0px 0px 1px 0 #363636;
}

.footer-company-news li a:hover {
    background-color: transparent;
    text-decoration: underline;
    cursor: pointer;
}

.footer-company-news .list-presentation p {
    width: 100%;
    padding: 0;
}

body footer li a {
    color: #a0a0a0;
}

.footer-help {
    padding: 34px;
    margin-top: 21px;
    background-color: #0085ca;
}

.footer-help p,
.footer-help a,
.footer-help span {
    text-align: center;
    font-size: 23px;
    color: #ffffff;
    margin-bottom: 0;
}

p.footer-legal-text {
    font-size: 11px;
    color: #656565;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0
}

.legal-links-footer ul {
    float: right;
}

.legal-links-footer ul li {
    float: right;
    margin: 0 0 0 21px;
    padding: 0;
}

.legal-links-footer ul li a {
    padding: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #dfdfdf;
    font-weight: bold;
    line-height: 1;
}

/***************FOOTER FORMATTING****************/

/***************TABLE "DATA-LIST" STYLES****************/

table.data-list,
table.data-view {
    width: 100%;
    margin: 0 0 10px 0;
    border: 1px solid;
}

table.data-list th,
table.data-view th {
    font-weight: normal;
}

table.data-list td,
table.data-list th,
table.data-view td,
table.data-view th {
    padding: 0 5px 0 5px;
    height: 22px;
    border: 1px solid;
    vertical-align: middle;
}

table.data-list .icon,
table.data-list .quantity {
    text-align: center;
}

table.data-list .price,
table.data-list .total,
table.data-list .basket-label,
table.data-list .grandtotal {
    text-align: right;
}

table.data-list tr.grandtotal td {
    font-weight: bold;
}

table.data-list .button {
    padding: 0;
}

table.data-list .button a {
    text-decoration: none;
    font-weight: normal;
    width: 100%;
    display: block;
    padding: 4px 0;
}

/***************END TABLE "DATA-LIST" STYLES****************/

form {
    margin: 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

/***************GENERAL FORM FORMATTING****************/

form {
    margin: 0;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

fieldset legend {
    display: none;
}

input.textbox,
input.textbox-small,
input.textbox-medium,
input.button,
input.button-next,
select.listbox,
option.listbox,
textarea {
/*border: 1px solid #006baf;
background-color: #0090cf;
color: #ffffff;*/
}

.listbox option {
    color: #666666;
}

input.textbox,
input.textbox-small,
input.textbox-medium {
    padding: 1px 3px 1px 3px;
}

input.textbox {
    width: 206px;
}

input.textbox-small {
    width: 60px;
}

input.textbox-medium {
    width: 110px;
}

textarea.textbox,
textarea.textbox-medium ,
textarea.textbox-large {
    padding: 1px 3px 1px 3px;
}

textarea.textbox {
    height: 100px;
    width: 210px;
}

textarea.textbox-medium {
    height: 120px;
    width: 210px;
}

textarea.textbox-large {
    height: 100px;
    width: 386px;
}

input.button,
input.button-next {
    cursor: pointer;
    padding: 0 6px 0 6px;
}

label strong,
.label strong {
    font-weight: normal;
}

.edit-user-details.form-inline .form-group {
  display: block;
  width: 100%;
}

.edit-user-details label {
  width: 233px;
}

/***************END GENERAL FORM FORMATTING****************/

/***************CLIENT AREA FORMATTING***************/

/* Added to set the height of the dropdown button on the DNS manager page */
.ui-button {
    height: 30px;
}

.table {
    width: 100%;
    border: 1px solid #ebf0fa;
    margin-bottom: 13px;
}

.table td {
    padding: 8px 5px 8px 8px;
    vertical-align: top;
}

.table thead tr th {
    padding: 8px 5px 8px 8px;
    background-color: #0078c1;
    color: white;
    border-right: 1px solid #ebf0fa;
    font-size: 14px;
    text-align: left;
}

.table thead tr th a {
    color: white;
}

.table tbody tr th {
    font-weight: normal;
    padding: 8px;
    text-align: left;
}

.table tbody tr th a {
    color: #0078c1;
    font-weight: bold;
}

.table .odd,
.table .even {
    border-bottom: 1px solid #ebf0fa;
    border-right: 1px solid #ebf0fa;
}

.table .even {
    background-color: transparent;
}

.table .odd{
    background-color: #ebf0fa;
}

.table .odd td {
    border-right: 1px solid #ebf0fa;
}

.table tbody .odd th {
    border-right: 1px solid #ebf0fa;
    background-color: #ebf0fa;
}

.table .even td {
    border-left: 1px solid #ebf0fa;
}

.table tbody .even th {
    border-left: 1px solid #ebf0fa;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

/* Table sorter */

th.header {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

th.header:hover {
    background-color: #3393cd;
}

/* confusingly, tablesorter uses .headerSortUp class when sorting in descending order, and headerSortDown when sorting in in ascending order */
th.headerSortUp{
    background-image: url(/static/images/icons/desc.svg);
}

th.headerSortDown {
    background-image: url(/static/images/icons/asc.svg);
}

/* end table sorter */

#main-content ul.errorlist li,
.ui-dialog ul.errorlist li
{
    font-weight: bold;
    line-height: 24px;
    color: #ff0000;
    background: none;
    background-color: #ffcccc!important;
    border-radius: 4px;
    text-align: center;
    margin: 21px 0;
    display: inline-block;
    width: 100%;
}

table .fielderror {
    color: #990000;
}

.nobr {
    white-space: nowrap;
}

table tr.error {
    font-weight: bold;
    font-style: italic;
    background-color: rgb(250, 202, 210);
}

table ul.errorlist {
    display: inline;
}

/* MESSAGES & ERRORS STYLES */

#main-wrap ul.login-message.messagelist {
    display: inline;
}

#main-wrap ul.messagelist,
#main-wrap .alert ul {
    padding: 0;
}

#main-wrap div.domain-errorlist-wrap ul.errorlist li,
#main-wrap ul.messagelist li,
#main-wrap .alert li {
    background: #fcf193 url(/static/images/cp_icons/message_info_icon_tc.png) no-repeat 21px 50%;
    border: 1px solid #F7D580;
    border-radius: 0;
    color: #474747;
    font-size: 14px;
    padding: 13px 13px 13px 60px;
    margin: 8px 0 ;
}

#product-messagebox ul.messagelist {
    margin-bottom: 21px;
}

#main-wrap ul.messagelist li.success {
    background-image: url(/static/images/cp_icons/sucess_tick.png);
    background-color: #DFF0D8;
    border-color: #C5DD94;
    color: #5b862e;
}

#main-wrap ul.messagelist li.info {
    background-image: url(/static/images/cp_icons/message_info_icon.png);
    background-color: #EBF8FF;
    border-color: #B8DAEA;
    color: #474747;
}

#main-wrap ul.messagelist li.warning {
    background-image: url(/static/images/cp_icons/message_warning_icon.png);
    background-color: #ffcccc;
    border-color: #FF9393;
    color: #474747;
}

#main-wrap div.domain-errorlist-wrap ul.errorlist li,
#main-wrap ul.messagelist li.error,
#main-wrap .alert-error li {
    background-image: url(/static/images/cp_icons/message_error_icon.png);
    background-color: #ffcccc;
    color: #f80808;
    border-color: #f80808;
}

#main-wrap ul.messagelist p:last-child{
    margin-bottom: 0;
}

/* MESSAGES & ERRORS STYLE END */

.signup-button a {
    box-shadow: inset 0 1px 0 0 #0085ca;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0078c1), color-stop(1, #0066aa) );
    background: -moz-linear-gradient( center top, #0078c1 5%, #0066aa 100% );
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078c1', endColorstr='#0066aa')";
    background-color: #0078c1;
    border-radius: 5px;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 22px;
    font-weight: normal;
    padding: 10px 22px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #1a3652;
    z-index: 999;
    position: relative;
}

.signup-button a:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0c6399), color-stop(1, #0078c1) );
    background: -moz-linear-gradient( center top, #0066aa 5%, #0078c1 100% );
    filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066aa', endColorstr='#0078c1')";
    background-color: #0066aa;
    color: #ffffff;
}

/***************END CLIENT AREA FORMATTING***************/


/*************** NEW NEW INTERNAL CODE ***************/

.bandwidth-graph-controls {
  width: 610px;
  margin-bottom: 34px
}

.bandwidth-graph-controls-internal {
  float: right;
}


/*************** CONTROL PANEL ***************/

#paginator-nav,
.results-per-page {
  display: inline;
  float: left;
  margin: 0;
}

.paginator-cotrol-wrap {
    width: 100%;
    padding-top: 21px
}

.cluster-config-img-wrap {
  text-align: center;
  padding: 34px;
  border-bottom: 1px dashed #dfdfdf;
  margin-bottom: 34px;
}

div.cluster-config-img-wrap.last {
  border-bottom: none;
}

div.cluster-config-img-wrap img {
  max-width: 100%;
}

/***************NEW CONTROL PANEL ***************/

/*************** WARNING COLORS ***************/

.btn-spacing {
    margin-left: 34px;
}

.paypal_link {
  font-weight: bold;
}

/* Half the opacity */
.SERVICE-DISABLE {
    opacity: .5;
    filter: alpha(opacity=50);
}

/* Green */
.active-cs,
.admin,
.enabled,
.status.status_CARD-PAYMENT-QUEUED,
.status.status_COMPLETE,
.status.status_LIVE,
.product-status-live,
.status-green,
.status-enable,
.ACTIVE,
.OK,
.status-awaiting-response,
.NAME,
.up-to-date,
.DONE,
.product-status-live {
  color: #009900;
  font-weight: bold;
}

/* Bright Red */
.status.status_CARD-DECLINED,
.product-status-not-live,
.status-red,
.fielderror,
.out-of-date,
.ERROR,
.CANCELLED,
.product-status-not-live {
  color: #ff0000;
  font-weight: bold;
}

/* Dark Red */
.inactive-cs,
.inactive-rnc,
.WARNING,
.disabled,
.status.status_AWAITING-PAYMENT,
.status-dark-red,
.status-disable,
.INACTIVE,
.UNRESTRICTED,
.CLEAN-LVM,
.CLEAN-LVM-SNAPSHOT,
.CLEAN-LVM-VOLUME {
  color: #990000;
  font-weight: bold;
}

/* Orange */
.pending-cs,
.status_RENEWAL-PENDING,
.status-oragne,
.STANDBY,
.PENDING,
.METHOD,
.PENDING,
.SETUP-LVM,
.IMAGING,
.CLEAN-LVM,
.COPY,
.CONVERT,
.STORE,
.SETUP-LINUX,
.status_ERROR,
.product-status-live-cancel-pending {
  color: #ed6d24;
  font-weight: bold;
}

/* Grey */
.standby-cs,
.none-cs,
.no-public,
.status.status_CANCELLED,
.status_COLLECT-PAYMENT-PAUSED,
.status-grey,
.status-none,
.NONE,
.UNKNOWN {
  color: #a0a0a0;
  font-weight: bold;
}

/*************** WARNING COLORS END ***************/

div.cp_messages {
    background: #fcf193;
    border-top: 1px solid #fce75b;
    border-bottom: 1px solid #fce75b;
    color: #7a4721;
    font-size: 14px;
    padding: 6px 10px 6px 10px;
}

div.cp_outer {
    padding: 0;
    margin:0;
}

div.cp_columns {
    padding: 0;
    margin: 0 2% 0 0;
    width: 32%;
    float: left;
}

div.cp_double_column {
    padding: 0;
    margin: 0 10px 0 0 ;
    width: 620px;
    float: left;
}

div.cp_columns.last {
    margin: 0;
}

div.cp_block {
    padding: 0;
    margin: 0 0 21px 0;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 3px solid #dfdfdf;
}

div.cp_outer h2 {
    background: #0078c1;
    padding: 13px 21px;
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

div.cp_outer h2 a {
    color: #ffffff;
}

#main-content table.cp_table {
    width:100%;
}

#main-content table.cp_table tr {
    background: #ffffff;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}

#main-content table.cp_table tr.new_feature {
    background-image: url(/static/images/cp_icons/new_feature_bg.png);
    background-repeat: no-repeat;
    background-size: 8%;
}

#main-content table.cp_table th,
#main-content table.cp_table td {
    padding: 13px 8px;
    text-align: left;
    white-space: normal;
}

#main-content .cp_block p {
    padding: 10px;
    font-size: 12px;
    background: #ffffff;
    border-bottom: 1px solid #cccccc;
    margin: 0;
}

#main-content ul.cp_lists {
    padding: 0;
    font-size: 14px;
    list-style: none;
    margin: 0;
    color: #464646;
}

#main-content ul.cp_lists li {
    background: #ffffff;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}

#main-content ul.cp_lists li span{
    padding: 13px;
    display: block;
}

#main-content ul.cp_lists li span.cp_icon {
    padding: 13px 13px 13px 55px;
    display: block;
    background: no-repeat 10px 50%;
}

#main-content ul.cp_lists li a.cp_ablock,
#main-content ul.cp_lists li a:link.cp_ablock,
#main-content ul.cp_lists li a:visited.cp_ablock {
    padding: 13px 13px 13px 21px;
    margin: 0;
    display: block;
    text-decoration: none;
}

#main-content ul.cp_lists li a:hover {
    background: #f2f2f2;
    color: #333333;
}

#main-content ul.cp_lists li a.cp_icon,
#main-content ul.cp_lists li a:link.cp_icon,
#main-content ul.cp_lists li a:visited.cp_icon {
    background: #ffffff no-repeat 13px 50%;
    padding: 13px 13px 13px 55px;
    margin: 0;
    display: block;
    text-decoration: none;
}

#main-content ul.cp_lists li a:hover.cp_icon {
    background: #f2f2f2 no-repeat 12px 50%;
    color: #333333;
}

#main-content ul.cp_lists li a.led.cp_icon {
    background: #ffffff no-repeat 13px 50%;
}

#main-content ul.cp_lists li a:hover.led.cp_icon {
    background: #f2f2f2 no-repeat 14px 50%;
}

#main-content ul.cp_lists li a.cp_icon.cp_fullserver {background-image: url(/static/images/cp_icons/fullserver.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_miniserver {background-image: url(/static/images/cp_icons/miniserver.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_domain {background-image: url(/static/images/cp_icons/domains.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_ssl {background-image: url(/static/images/cp_icons/ssl.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_infrastructure {background-image: url(/static/images/cp_icons/infrastructure.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_cloudstorage {background-image: url(/static/images/cp_icons/storage.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_loadbalancer {background-image: url(/static/images/cp_icons/loadbalancer.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_webhosting {background-image: url(/static/images/cp_icons/hosting.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_container {background-image: url(/static/images/cp_icons/container.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_vlan {background-image: url(/static/images/cp_icons/vlan.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_openstackproject {background-image: url(/static/images/cp_icons/openstack-project.png); }
#main-content ul.cp_lists li a.cp_icon.cp_openstackserver {background-image: url(/static/images/cp_icons/openstackserver.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_crosssitecluster {background-image: url(/static/images/cp_icons/crosssitecluster.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_crosssitevlan {background-image: url(/static/images/cp_icons/crosssitevlan.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_vpn {background-image: url(/static/images/cp_icons/vpn.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_netservice {background-image: url(/static/images/cp_icons/netservice.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_viewall {background-image: url(/static/images/cp_icons/viewall.png); }
#main-content ul.cp_lists li a.cp_icon.cp_dns {background-image: url(/static/images/cp_icons/dns.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_tools {background-image: url(/static/images/cp_icons/tools.gif); }
#main-content ul.cp_lists li span.cp_icon.cp_contactadmin {background-image: url(/static/images/cp_icons/contactadmin.gif); }
#main-content ul.cp_lists li span.cp_icon.cp_contactbilling {background-image: url(/static/images/cp_icons/contactbilling.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_contactupdate {background-image: url(/static/images/cp_icons/contactupdate.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_vieworders {background-image: url(/static/images/cp_icons/vieworders.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_defaultpay,
#main-content ul.cp_lists li span.cp_icon.cp_defaultpay {background-image: url(/static/images/cp_icons/defaultpay.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_updatepay {background-image: url(/static/images/cp_icons/updatepay.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_statement {background-image: url(/static/images/cp_icons/statement.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_basket, 
#main-content ul.cp_lists li span.cp_icon.cp_basket {background-image: url(/static/images/cp_icons/basket-icon-cp.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_checkout {background-image: url(/static/images/cp_icons/checkout.gif); }
#main-content ul.cp_lists li a.cp_icon.cp_info,
#main-content ul.cp_lists li span.cp_icon.cp_info {background-image: url(/static/images/cp_icons/info.png); }
#main-content ul.cp_lists li a.cp_icon.cp_alert,
#main-content ul.cp_lists li span.cp_icon.cp_alert {background-image: url(/static/images/cp_icons/alert.png); }
#main-content ul.cp_lists li a.cp_icon.led.status_OK {background-image: url(/static/images/led/green-led-small.gif);}
#main-content ul.cp_lists li a.cp_icon.led.status_WARNING {background-image: url(/static/images/led/yellow-led-small.gif);}
#main-content ul.cp_lists li a.cp_icon.led.status_CRITICAL {background-image: url(/static/images/led/red-led-small.gif);}
#main-content ul.cp_lists li a.cp_icon.led.status_DOWN {background-image: url(/static/images/led/red-led-small.gif);}
#main-content ul.cp_lists li a.cp_icon.cp_download {background-image: url('/static/images/icons/download-icon.png'); }

/***************DISQUS ***************/

#dsq-content div,
#dsq-content p,
#dsq-content h3 {
    clear:none !important;
}

#dsq-content {
    overflow:auto !important;
}

#dsq-content ul.dsq-global-toolbar-left li,
#dsq-content ul.dsq-global-toolbar-right li,
#dsq-comments li {
    background-image: none !important;
}

/***************SHOPPING BASKET ****************/

form.removeItem {
    float: right;
}

/***************SHOPPING BASKET ****************/

/***************COOKIE REQUIRED*****************/

#id_cookieconsent {
    padding: 21px 13px;
    background-color: #2a2a2a;
    border-top: 2px solid #666;
    color: #dfdfdf;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 13;
    max-width: 100%;
}

#id_cookieconsent_text {
    display: inline-block;
    margin-bottom: 21px;
    width: 700px;
    text-align: left;
    padding-right: 34px;
}

#id_cookieconsent_continue {
    margin-bottom: 13px;
}

.payment_method_checkout_error {
    font-weight: bold;
    line-height: 24px;
    color: #ff0000 !important;
    border-radius: 4px;
    text-align: center;
    margin: 20px 0;
    padding: 5px 2px;
    border: 1px solid #ffcccc;
}

/***************COOKIE REQUIRED*****************/

/***************MAGENTO PAGE FORMATTING***************/

.magento_customer_screenshot_links {
    padding: 9px;
    width: 130px;
    height: 130px;
}

/***************END MAGENTO PAGE FORMATTING***************/

/***************CPANEL ADS FORMATTING***************/

.use-fullwidth .fullwidth-main-content-section.cpanel-banner-ad {
  background-color: #e5e5e5;
  text-align: center;
}
.cpanel-banner-ad > * {
  display: inline-block;
  margin: 5px;
}
.cpanel-banner-ad img.banner-logos {
  vertical-align: bottom;
}
.cpanel-banner-ad .banner-wording {
  text-align: left;
}
.cpanel-banner-ad .banner-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: -4px;
}
.cpanel-banner-ad .banner-subtext {
  font-size: 13px;
}

@media screen and (min-width: 700px) {
  .cpanel-banner-ad a.btn {
    vertical-align: text-bottom;
    margin: 5px 5px 5px 2em;
  }
}
@media screen and (max-width: 700px) {
  .cpanel-banner-ad .banner-wording {
    text-align: center;
  }
  .cpanel-banner-ad .banner-title {
    font-size: 1.5rem;
  }
}
/***************END CPANEL ADS FORMATTING***************/

/***************AWARDS PAGE FORMATTING***************/

table.awards-table {
    width: 100%;
}

td.award-image {
    padding: 0;
    margin: 0;
}

.award-image > div.award-pic-wrap {
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin: 0 4% 34px 0;
    padding: 8px;
    text-align: center;
    width: 150px;
    height: 150px;
}

.award-image img {
    display: inline-block;
    font-size: 0;
    max-width: 100%;
    vertical-align: middle;
}

.award-image a:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.award-image div:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.award-image a {
    display: inline-block;
    height: 100%;
    width: 100%;
}

/***************AWARDS PAGE FORMATTING END***************/

/***************IMAGES PAGE FORMATTING***************/

.company-images {
    padding: 0;
    margin: 0 34px 34px 0;
    display: inline-block;
    overflow: hidden;
    height: 188px;
}

.company-images a {
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    height: 133px;
}
.company-images p {
    width: 200px;
}

/***************IMAGES PAGE FORMATTING END***************/

/***************PASSWORD EVALUATOR FORMATTING***************/

.evaluate_block span {
    padding-right: 0.5em;
}
.evaluate_process_icon {
    background-image: url(/static/images/icon_spinner.gif);
    background-repeat: no-repeat;
    margin-left: 18px;
}
.evaluate_good {
    color: #009900;
    font-weight: bold;
}
.evaluate_bad {
    color: #990000;
    font-weight: bold;
}
.evaluate_why {
    color: #a0a0a0;
    font-style: italic;
}

/***************END PASSWORD EVALUATOR FORMATTING***************/

/*************** SUPPORT TICKET SURVEY***************/

.survey-question-rating input {
    display: none;
}

.survey-question-rating > label:before {
    margin: 0;
    font-size: 18px;
    font-family: memset-icons;
    display: inline-block;
    content: "\e601";
}

#main-content .survey-question-rating > label {
    color: #cccccc;
    float: right;
}

/* hover previous stars in list, show gold star when clicked, hover current star */
#main-content .survey-question-rating > input:checked ~ label,
#main-content .survey-question-rating input:not(:checked) ~ label:hover,
#main-content .survey-question-rating input:not(:checked) ~ label:hover ~ label {
    color: #ffcf00;
}

/* hover current star when changing rating and lighten current selection */
#main-content .survey-question-rating > input:checked + label:hover,
#main-content .survey-question-rating > input:checked ~ label:hover,
#main-content .survey-question-rating > label:hover ~ input:checked ~ label,
#main-content .survey-question-rating > input:checked ~ label:hover ~ label {
    color: #ffeb73;
}

/* Tool tips */
.survey-question-rating span.tooltip {
    position: absolute;
    left: 150px;
    width: 100px;
    text-align: center;
    bottom: -34%;
}

.survey-question-rating label:hover + span.tooltip {
    display: inline-block;
}

.survey-question-wrapper span {
    display: none;
}

.survey-question-wrapper {
    width: 100%;
    min-height: 55px;
    display: inline-block;
    clear: both;
    padding: 13px 0;
    box-sizing: border-box;
    border-top: 1px solid #efefef;
    line-height: 2;
}

form > .survey-question-wrapper:first-of-type {
    border-top: none;
}

form.support-survey-questionnaire {
    margin-top: 22px;
}

.survey-question-title {
    float: left;
    width: 59%;
    font-weight: bold;
    font-size: 14px;
}

.survey-question-rating {
    float: right;
    width: 126px;
    box-sizing: border-box;
    position: relative;
}

#main-content .survey-question-rating label {
    float: right;
    width: 20%;
    box-sizing: border-box;
    clear: none;
}

input.support-survey-questionnaire-submit {
    clear: both;
    float: right;
    width: 120px;
    height: 37px;
}

form.support-survey-questionnaire {
  width: 610px;
  margin: 0 auto;
}

.support-survey-text-area .survey-question-rating {
    width: 100%;
    margin: 0;
}

.support-survey-questionnaire .survey-question-wrapper textarea {
    height: 50px;
    clear: both;
    width: 97.5%;
}

.support-survey-questionnaire .survey-errors {
    color: #f00f00;
}

#main-content .support-survey-questionnaire ul.errorlist,
#main-content .support-survey-questionnaire ul.errorlist li {
    margin: 0;
}

/***************SUPPORT TICKET SURVEY END***************/

/***************START MEDIA QUERIES***************/

@media screen and (max-width: 1100px) {

    div.sla-option {
        background-image: none;
    }

}

@media screen and (max-width: 800px) {

    nav.top-nav-left ul li {
        margin-right: 21px;
    }

    nav.top-nav-left ul li:first-child {
        display: none;
    }

}

@media screen and (max-width: 700px) {

    /**** Fullwidth styles ****/

    .use-fullwidth div.fullwidth-column-wrap.two-columns ,
    .use-fullwidth div.fullwidth-column-wrap.three-columns,
    .use-fullwidth div.fullwidth-column-wrap.four-columns,
    .use-fullwidth div.fullwidth-column-wrap.five-columns,
    .use-fullwidth div.fullwidth-column-wrap.six-columns,
    .use-fullwidth div.fullwidth-column-wrap.seven-columns {
      -webkit-columns: 1 auto;
         -moz-columns: 1 auto;
              columns: 1 auto;
    }

    div.images-only > .one-of-six-columns:first-child {
      /* less vertical padding on mobile */
      min-height: unset;
    }

    .use-fullwidth .fullwidth-main-content-section.thick-section {
        padding: 55px 13px;
    }

    .use-fullwidth .fullwidth-main-content-section {
        padding: 55px 13px;
    }

    .use-fullwidth div.bullet-point-with-icon {
        margin-top: 55px;
    }

    div.green-box-style,
    div.blue-box-style,
    div.purple-box-style,
    div.grey-box-style {
        height: auto;
        border-bottom: 1px solid #ffffff;
    }

    .use-fullwidth div.award-list-wrap ul {
        display: block;
        margin: 0 auto;
    }

    .use-fullwidth div.award-list-wrap ul li {
        float: none;
        display: inline-block;
        margin: 0;
    }

    .use-fullwidth div.fullwidth-main-content-section.award-list-wrap ul li img,
    .use-fullwidth div.award-list-wrap ul li:first-child img,
    .use-fullwidth div.award-list-wrap ul li:last-child img,
    .use-fullwidth div.award-list-wrap ul li img.second-row-award-img {
        height: 144px;
        width: 144px;
        margin-top: 34px;
        margin-bottom: 34px;
        float: none;
    }

    .use-fullwidth .employee-image div.one-of-four-columns span {
        display: inline-block;
        width: 100%;
    }

    /**** Fullwidth styles end ****/
    /**** General styles ****/

    div.award-list-wrap ul li img {
        float: left;
        display: inline-block;
        margin: 21px;
        width: 144px;
        height: 144px;
        padding: 8px;
        border-radius: 4px;
        background-color: #ffffff;
    }

    div.award-list-wrap ul li img.second-row-award-img,
    div.award-list-wrap ul li img.center-award-img,
    div.award-list-wrap ul li:first-child img,
    div.award-list-wrap ul li:last-child img {
        width: 144px;
        height: 144px;
        margin: 0 21px 34px;
    }

    div.fullwidth-main-content-section.memset-different-section li {
        margin: 0 auto 34px;
        width: 100%;
    }

    div.fullwidth-main-content-section.memset-different-section li img {
        float: none;
        width: 55px;
        margin: 0 auto 13px;
        clear: both;
        display: block;
    }

    div.fullwidth-main-content-section.memset-different-section h3,
    div.fullwidth-main-content-section.memset-different-section p {
        text-align: center;
    }

    div.fullwidth-main-content-section.memset-different-section ul {
        text-align: center;
        padding: 0 21px 21px;
    }

    div.fullwidth-main-content-section.memset-different-section ul a {
        text-align: left;
    }

    ul.footer-contact-options li h2 a {
        padding-right: 0;
        width: 100%;
        text-align: center;
    }

    .footer-company-news li a {
        text-align: center;
    }

    #main-content ul.messagelist, #main-content .alert ul {
        display: inline;
    }

    div.award-list-wrap ul li {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    div.award-list-wrap ul li img {
        width: 144px;
        margin: 0 auto;
        float: none;
    }

    div.award-list-wrap ul {
        width: 100%;
    }

    nav.main-navigation > ul > li > a:after,
    nav.main-navigation > ul > li:hover > a:after {
        content: "";
        display: none;
    }

    h2 {
        font-weight: bold;
    }

    .footer-help {
        margin-top: 0;
    }

    ul.footer-contact-options li.footer-social-icons a {
        margin: 8px 5px;
    }

    a.sidebar-img > img {
        height: auto;
        width: 100%;
    }

    li.footer-phone-link {
        display: block;
    }

    .drop-down-list-wrap {
        border: none;
    }

    #main-content .content-intro-section-wrap,
    div.main-header {
        background-color: #0085ca;
        background-image: none;
    }

    div.content-intro-section h1 {
        text-align: left;
        font-weight: bold;
    }

    #main-content div.content-intro-section p {
        text-align: left;
        font-weight: normal;
    }

    div.main-header {
        margin-top: 0;
    }

    div.ticket-search,
    #main-content #id_dns_search input,
    #main-content div.search-box input,
    form .paginator-cotrol-wrap .form-group:first-of-type {
        width: 100%;
    }

    #main-content form input[type=text],
    #main-content form input[type=email],
    #main-content form input[type=number],
    #main-content form textarea,
    #main-content form select {
        width: 100%;
    }

    div.content,
    div.solutions-content-wrap {
        padding: 13px;
    }

    div.solutions-content-wrap {
        padding: 0;
    }

    .bandwidth-graph-controls input,
    .bandwidth-graph-controls select,
    .bandwidth-graph-controls,
    .bandwidth-graph-controls-internal {
        width: 100%;
        margin-bottom: 13px;
    }

    .form-inline .form-group {
        padding-right: 0;
    }

    .form-inline div.form-group.search-box {
        float: none;
        padding-right: 0;
        margin-bottom: 13px;
    }

    .top-navigation,
    .main-header,
    .content,
    #main-content .content-intro-section,
    .solutions-content,
    .summary_new,
    .blue-header,
    .solutions-collapsing-column,
    .solutions-content-wrap,
    .messagelist,
    .main-breadcrumbs,
    .control div.content,
    .memset-site-footer,
    .drop-down-list-width-wrap,
    div.solutions-content-wrap {
        max-width: 100%;
        min-width: 310px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    header,
    main,
    footer,
    #container,
    #main-wrap,
    div#main-content,
    .content-intro-section-wrap,
    .blue-header-wrap,
    .solutions-collapsing-column-wrapper,
    .message-list-wrap,
    .main-breadcrumbs-wrap,
    .drop-list-wrap,
    .drop-down-list-wrap,
    .mobile-header {
        width: 100%;
        box-sizing: border-box;
        min-width: 310px;
    }

    div .header-options,
    .header-options,
    div#panels_wrapper,
    div#news div.column.small,
    .navigation .home,
    div#clients,
    img.lightblue-server,
    .navigation,
    .logo-standard,
    .main-nav-drop-tri,
    .main-navigation-wrap,
    .top-navigation-wrap,
    .top-navigation,
    .memset-fullwidth-footer,
    ul.item-summary.inline {
        display: none;
    }

    .breadcrumbs,
    .content-intro-section,
    .content-intro-section h1,
    .content-intro-section h1 a,
    .content-intro-section p {
        letter-spacing: 0;
    }

    #container #main-content img {
        max-width: 100%;
    }

    #main-content .intro-banner-datacenter .container img {
        width: 100%;
    }

    #container #main-content select,
    #container #main-content input,
    #container #main-content textarea {
        box-sizing: border-box;
        max-width: 100%;
    }

    #main-content .content-intro-section,
    body.control #main-content .content-intro-section {
        padding: 13px 8px 8px;
        background-image: none;
        background-color: #0085ca;
    }

    html,
    body,
    p,
    #container #main-content p,
    #container #main-content li,
    #container #main-content a,
    #container #main-content h1,
    #container #main-content h2,
    #container #main-content h3,
    #container #main-content h4,
    #container #main-content h5,
    #container #main-content h6,
    #container #main-content td,
    #container #main-content th,
    #container #main-content option,
    #container #main-content label,
    #container #main-content input,
    #main-content ul.cp_lists li,
    #main-content blockquote {
        font-size: 1rem;
    }

    p,
    a,
    li {
        line-height: 1.4;
    }

    #container #main-content th a.popup_faq,
    #container #main-content th a.popup_faq + a {
        font-size: .7rem;
        line-height: 1.7;
    }

    #container,
    #main-content,
    div.navigation {
        width: 100%;
    }

    html,
    #main-content,
    div#main-wrap h1.indexonly,
    #main-content .column.small {
        background-image: none;
    }

    img {
        max-width: 100%;
    }

    #main-content .panel.small {
        float: none;
        margin: 14px auto 0;
    }

    p + h2,
    p + h3,
    p + h4,
    p + h5,
    p + h6,
    ul + h2,
    img + h2,
    a + h2,
    ol + h2,
    form + h2,
    div + h2 {
        margin-top: 34px;
    }

    /* Removes margin if its the first or second element */
    div h2:first-child,
    div h2:nth-child(2) {
        margin-top: 0;
    }

    #main-content {
        margin: 0;
        padding: 0;
    }

    div.column-one,
    div.column-two {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    div.column-two {
        margin-top: 0;
        min-height: 273px;
    }

    #main-content div.panel ul {
        margin-top: 9px;
    }

    #main-content div.column.last {
        width: 100%;
    }

    div#packages {
        width: 93%;
        padding-top: 0;
    }

    h1.indexonly {
        margin: 0;
    }

    div.article {
        display: inline-block;
        float: none;
        width: 100%;
    }

    #main-content div.panel.last,
    #main-content div.column.last {
        margin-right: auto !important;
    }

    #main-content .column.small {
        box-sizing: border-box;
        width: 100%;
    }

    .paginator-cotrol-wrap {
        width: 100%;
    }

    .paginator-cotrol-wrap > .form-group {
        width: 25%;
        float: left;
    }

    #main-content ul#search-bar,
    #paginator-nav,
    .results-per-page {
        float: none;
    }

    /**** index styles ****/

    #contactbar {
        display: none;
    }

    #main-content div.columnheader {
        background-image: none;
    }

    #main-content #news div.columnheader h3 {
        border-top: 1px solid #dfdfdf;
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    #main-content #news div.columnheader h3:first-child {
        margin-top: 20px;
    }

    #main-content #news div.columnheader h3 a {
        box-sizing: border-box;
        display: inline-block;
        padding: 14px;
        width: 100%;
    }

    div#main-wrap h1.indexonly{
        background: transparent;
        color: #fff;
        font-size: 1.4rem;
    }

    .index-h1-wrapper {
        background: rgba(0, 0, 0, 0.55);
        margin: 21px 37px;
    }

    .index-head-image {
        background: url("/static/images/server-background.png") no-repeat;
        background-position: 48% 30%;
        display: inline-block;
    }

    /**** navigation styles  ****/

    .top-navigation-wrap,
    .top-navigation {
        display: none;
    }

    /**** head styles  ****/

    .reveal-responsive-menu {
        display: inline-block!important;
    }

    nav.main-navigation > ul > li:hover > .drop-down-list-wrap {
        display: none;
    }

    .main-header-basket,
    .main-header-social-icons,
    .search-reveal-icon.desktop {
        display: none;
    }

    /* correcting mobile nav height */
    div.main-header {
        height: auto;
        padding-top: 0;
        position: relative;
    }

    /* positioning the nav below the header to the right of viewport */
    nav.main-navigation {
        position: fixed;
        z-index: 9;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        display: none;
        background-color: rgba(71, 71, 71, 0.55);
    }

    nav.main-navigation > ul {
        position: absolute;
        z-index: 9;
        max-width: 233px;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #ffffff;
        overflow: auto;
    }

    /* controling the sub menu widths */
    .drop-down-list-wrap,
    .drop-down-list-width-wrap {
        width: 100%;
        min-width: 100%;
    }

    /* show the navigation in mobile view and style*/
    .drop-down-list-wrap {
        display: none;
        position: relative;
        width: 100%;
        padding: 0;
        top: auto;
        left: auto;
        min-width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }


    #container #main-content ul.breadcrumbs li,
    #container #main-content ul.breadcrumbs li a {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        padding-top: 12px;
    }

    nav.main-navigation ul li.side-account-nav a,
    nav.main-navigation ul li.side-account-nav {
        color: #ffffff;
        background-color: #0085ca;
        border-color: #ffffff;
        display: block;
    }

    li.side-account-nav .touch-btn div {
        border-color: #ffffff transparent transparent transparent;
    }

    nav.main-navigation ul li.side-account-nav a:after {
        content: '';
    }

    /* re-style top level nav links */
    nav.main-navigation > ul > li,
    nav.main-navigation > ul > li > a {
        color: #474747;
        text-transform: none;
        cursor: pointer;
        text-decoration: none;
        width: 100%;
    }

    .drop-down-list-width-wrap > ul > li:first-child span.unlinked-title,
    .drop-down-list-width-wrap > ul > li:first-child a,
    .drop-down-list-width-wrap > ul > li,
    .drop-down-list-width-wrap > ul > li a,
    .drop-down-list-width-wrap > ul {
        border: none;
        width: 100%;
        float: none;
    }

    /* styling all nav text */
    nav.main-navigation > ul > li,
    nav.main-navigation > ul > li > a,
    .drop-down-list-width-wrap > ul > li,
    .drop-down-list-width-wrap > ul > li:first-child span.unlinked-title,
    .drop-down-list-width-wrap > ul > li a,
    .drop-down-list-width-wrap > ul > li:first-child a,
    .drop-down-list-width-wrap > ul {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: normal;
    }

    .drop-down-list-width-wrap > ul li > a,
    .drop-down-list-width-wrap > ul li > span.unlinked-title {
        width: 100%;
        display: inline-block;
        text-transform: none;
        padding: 13px;
    }

    .drop-down-list-width-wrap > ul > li:first-child span.unlinked-title,
    .drop-down-list-width-wrap > ul > li:first-child a {
        text-transform: none;
    }

    nav.main-navigation > ul > li {
        padding: 0;
        position: relative;
    }


    nav.main-navigation > ul > li > a {
        padding: 13px;
        display: inline-block;
        margin: 0;
        font-weight: bold;
    }

    div.touch-btn {
        display: inline-block;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0;
        left: 184px;
        height: 50px;
        padding: 23px 18px;
    }

    div.touch-btn div {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 6.5px 0 6.5px;
        border-color: #474747 transparent transparent transparent;
    }

    .drop-down-list-wrap ul li {
        display: none;
        margin-right: 0;
    }

    .drop-down-list-wrap ul li:first-child{
        display: block;
    }

    .drop-down-list-width-wrap > ul li,
    .drop-down-list-width-wrap > ul li > a {
        color: #0066aa;
    }

    div.touch-btn.btn-is-active div {
        border-width: 0 6.5px 5px 6.5px;
        border-color: transparent transparent #dfdfdf transparent;
    }

    .drop-down-list-width-wrap > ul {
        position: relative;
    }

    .signup-button a {
        box-sizing: border-box;
        text-align: center;
        width: 100%;
    }

    .mobile-header {
        height: 27px;
        color: #ffffff;
    }

    .mobile-header-logo {
        min-height: 12px;
        margin: 8px 0 7px 8px;
        float: left;
    }

    .header-logo {
        padding-left: 0;
    }

    .header-logo a {
        padding: 8px;
    }

    svg {
        display: block;
    }

    ul.mobile-navigation {
        display: inline-block;
        float: right;
    }

    ul.mobile-navigation li {
        float: right;
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    ul.mobile-navigation li a,
    ul.mobile-navigation li .responsive-menu-icon-head {
        display: inline-block;
        cursor: pointer;
        padding: 13px 13px 12px 13px;
    }

    ul.mobile-navigation li .responsive-menu-icon-head {
        padding: 17px 13px 11px 13px;
    }

    /**** footer styles  ****/

    .footer-discover,
    .footer-services,
    .footer-solutions,
    .footer-support {
        float: left;
        width: 50%;
        margin-bottom: 34px;
        min-height: 233px;
    }

    .footer-company-news {
        width: 100%;
        margin-bottom: 34px;
    }

    .footer-company-news a {
        text-align: center;
    }

    .footer-discover li, .footer-services li, .footer-solutions li, .footer-support li, .footer-company-news li {
        width: 100%;
        margin-right: 0;
    }

    div.get-in-touch {
        width: 100%;
        float: none;
    }

    ul.footer-contact-options li {
        display: inline-block;
        text-align: center;
    }

    ul.footer-contact-options li:first-child {
        width: 100%;
        float: none;
        margin-bottom: 21px;
    }

    ul.footer-contact-options li:first-child h2 {
        text-align: center;
        margin: 0;
        width: 100%;
    }

    ul.footer-contact-options {
        width: 210px;
        margin: 0 auto;
        display: block;
    }

    ul.footer-contact-options li.footer-social-icons a.facebook-link {
        margin-left: 32px;
    }

    div.legal-links-footer {
        width: 100%;
        float: none;
        display: inline-block;
        margin-top: 55px;
    }

    div.legal-links-footer ul {
        width: 100%;
        float: none;
        display: inline-block;
    }

    .legal-links-footer ul li {
        float: left;
        width: 25%;
        margin: 0;
        padding: 0;
    }

    img.footer-logo {
        float: none;
        display: block;
        margin: 13px auto;
    }

    .memset-site-footer.lower-footer p {
        text-align: center;
    }

    .legal-links-footer ul li a {
        width: 100%;
        text-align: center;
        padding: 13px 0;
        display: inline-block;
    }

    img.mobile-footer-logo  {
        display: block;
        text-align: center;
        margin: 0 auto 5px;
        height: 13px;
    }

    p.mobile-site-footer-navigation {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    p.mobile-site-footer-navigation a {
        font-size: 10px;
        color: #929292;
    }

    p.site-footer-needed-info {
        color: #929292;
        text-align: center;
        font-size: 6px;
        line-height: 8px;
        padding: 0;
        margin-bottom: 5px;
    }

    /**** navigation styles end ****/

    /**** control panel styles ****/

    div.cp_block {
        margin-left: 0;
        margin-right: 0;
    }

    .main-breadcrumbs {
        padding-left: 5px;
    }

    #main-content .main-breadcrumbs-wrap ul.breadcrumbs li,
    #main-content ul.breadcrumbs > li:first-child {
        margin: 0;
        letter-spacing: 0;
        font-weight: normal;
        padding: 8px 0 8px 13px;
        text-transform: none;
        background-position:5px 16px;

    }

    #main-content ul.breadcrumbs > li:first-child {
        padding: 8px 0 8px 0;
    }

    #main-content ul.breadcrumbs li a {
        text-transform: none;
    }

    /**** control panel styles end ****/

    /**** fullwidth styles ****/

    .use-fullwidth div.fullwidth-main-content-section,
    .use-fullwidth section.width-restricted-content {
        min-width: 252px;
    }

    .use-fullwidth section.what-we-offer .one-of-four-columns,
    .use-fullwidth div.customer-grid {
        width: 100%;
        box-sizing: border-box;
        float: none;
        height: auto;
    }

    .use-fullwidth div.award-list-wrap .link-wrap {
        width: 100%;
    }

    .use-fullwidth div.award-list-wrap .link-wrap a {
        float: none;
        width: 100%;
    }

    .use-fullwidth .one-of-four-columns a {
        position: relative;
        margin-bottom: 34px;
        display: inline-block;
    }

    .use-fullwidth section.testimonial-section blockquote,
    .use-fullwidth section.testimonial-section cite {
        width: 100%;
    }

    .use-fullwidth section.testimonial-section {
        padding: 34px;
        margin-left: 0;
        width: 97%;
    }

    .use-fullwidth div.fullwidth-main-content-section.memset-different-section {
        padding-top: 55px;
        padding-bottom: 21px;
    }

    .use-fullwidth div.fullwidth-main-content-section.testimonial-section {
        height: auto;
    }

    .use-fullwidth div.fullwidth-main-content-section.initial-image {
        height: auto;
        padding: 25px 0 0 0;
    }

    .use-fullwidth section.index-introduction {
        text-align: center;
    }

    .use-fullwidth section.index-introduction p,
    .use-fullwidth section.index-introduction button {
        text-align: center;
    }

    .use-fullwidth section.index-introduction a {
        margin-bottom: 13px;
    }

    .use-fullwidth section.index-introduction button {
        padding: 7px;
    }

    .use-fullwidth div.fullwidth-main-content-section.initial-image p,
    .use-fullwidth div.fullwidth-main-content-section.initial-image h1 {
        font-size: 1rem;
        text-align: center;
        margin-bottom: 13px;
    }

    .use-fullwidth .one-of-four-columns {
        text-align: center;
        padding: 0 0 38px;
    }

    .use-fullwidth .one-of-four-columns h3,
    .use-fullwidth .one-of-four-columns a,
    .use-fullwidth .one-of-four-columns p {
        text-align: center;
        padding-right: 0;
        letter-spacing: 0;
    }

    .use-fullwidth div.award-list-wrap h2 {
        margin-top: 34px;
        margin-bottom: 34px;
        font-weight: bold;
    }

    .use-fullwidth div.award-list-wrap {
        padding: 18px 34px;
    }

    .use-fullwidth section.customer-content p.client-intro {
        display: none;
    }

    .use-fullwidth section.customer-content {
        padding: 55px 34px 89px 34px;
    }

    .use-fullwidth div.customer-grid {
        padding: 0 0 55px 0;
        margin-bottom: 0;
    }

    .use-fullwidth section.customer-content button {
        padding: 9px 4px;
        border-radius: 4px;
        margin-top: 10px;
    }

    .use-fullwidth section.what-we-offer h2,
    .use-fullwidth section.customer-content h2,
    .use-fullwidth section .h2,
    .use-fullwidth div.slider-wrap h2,
    .use-fullwidth a.need-help-links,
    .use-fullwidth div.award-list-wrap h2,
    .use-fullwidth div.award-list-wrap p,
    .use-fullwidth div.award-list-wrap a,
    .use-fullwidth div.fullwidth-main-content-section.memset-different-section h2,
    .use-fullwidth div.fullwidth-main-content-section.memset-different-section h3,
    .use-fullwidth div.fullwidth-main-content-section.memset-different-section p {
        font-size: 1rem;
    }

    .use-fullwidth div.fullwidth-main-content-section.memset-different-section h2 {
        width: 100%;
        text-align: center;
    }

    .use-fullwidth div.fullwidth-main-content-section.memset-different-section ul {
        width: 80%;
        float: none;
        display: block;
        margin: 0 auto;
    }


    div.fullwidth-main-content-section,
    section.width-restricted-content {
        min-width: 252px;
    }

    /**** page specific styles ****/

    /**** operating system page styles ****/

    .list-presentation h4,
    .list-presentation > p {
        width: 100%;
    }

    /**** operating system page styles end ****/

    /**** tools page styles ****/

    #main-content li.floating-free-tools-box {
        margin-bottom: 21px;
    }

    #main-content li.floating-free-tools-box,
    #main-content li.floating-free-tools-box h3 {
        width: 100%;
        min-height: auto;
        height: auto;
    }

    #main-content li.floating-free-tools-box a.btn {
        position: relative;
    }

    #main-content li.floating-free-tools-box p {
        margin-bottom: 13px
    }

    #main-content li.floating-free-tools-box.tweet-delete {
        background-position: 105% -10%;
        background-size: 30%;
    }

    #main-content li.floating-free-tools-box.tweet-download {
        background-position: 105% -10%;
        background-size: 30%;
    }

    #main-content li.floating-free-tools-box.tweetails {
        background-position: 105% -10%;
        background-size: 30%;
    }

    #main-content li.floating-free-tools-box.isgd {
        background-position: 100% 0%;
        background-size: 30%;
    }

    #main-content li.floating-free-tools-box.vgd {
        background-position: 100% 0%;
        background-size: 30%;
    }

    #main-content li.floating-free-tools-box.cloudclone {
        background-position: 99% 10%;
        background-size: 30%;
    }

    /**** tools page styles ****/


    /**** iso page styles ****/

    .iso-content-wrap {
        width: 100%;
    }

    /**** iso page styles ****/

    /**** awards page styles ****/

    .award-image > div.award-pic-wrap {
        width: auto;
    }

    /**** awards page styles end ****/

    /**** documentation page styles ****/

    #doc-content .nav_column {
        float: none;
        width: auto;
    }

    /**** login page styles ****/

    #login-warning {
        margin-bottom: 21px;
    }

    /**** solution page styles ****/

    div.lightblue-panel {
        padding: 0
    }

    div.lightblue-panel,
    div.blue-header,
    div.lightblue-column-single,
    .summary {
        box-sizing: border-box;
        width: 100%;
    }

    .lightblue-column-single,
    .lightblue-column-single p{
        padding: 0;
    }

    div.blue-header {
        margin: 0;
    }

    .responsive-width-wrapper,
    form.responsive-width-holder {
        width: 100%;
        overflow-x: scroll;
    }

    .responsive-width-holder {
        width: 981px;
    }

    div table.description {
        width: auto;
    }

    div.solutions-overview-content-box {
        float: none;
        height: auto;
        width: 100%;
    }

    .servicebox {
        height: auto;
    }

    #main-content .panel.small {
        max-width: 100%;
    }

    #main-content p.ms-trademarks,
    div.signup-panel,
    div.lightblue-column {
        width: auto;
    }

    div.blue-header img {
        margin-left: 20px;
        position: inherit;
    }

    /**** dedicated page ****/

    .column-one-ss {
        float: none;
        width: 100%;
    }

    div.miniserver-logo {
        margin: 0 auto 0;
        width: 66px;
    }

    div.dedicated-server-logo {
        margin: 0 auto 0;
        width: 44px;
    }

    div.storage-intro-logo {
        margin: 0 auto 0;
        width: 46px;
    }

    div.server-solution-logo {
        margin: 0 auto 0;
        width: 67px;    
    }

    /**** patrol page ****/

    .content .patrol-images {
        float: none;
        margin: 0 auto 0;
        width: 339px;
    }

    /**** sla page ****/

    div.sla-option {
        height: 508px
    }

    .sla-table-intro,
    th .sla-table-intro:last-child {
        padding: 0;
        width: 100%;
    }

    div.container {
        overflow-x: scroll;
        width: 100%;
    }

    div.container table.table.support-table {
        min-width: 463px;
    }

    table.table.support-table tbody tr th.sla-column-title {
        line-height: 0;
    }

    div.sla-option p {
        display: none;
    }

    div.sla-option img {
        padding: 0;
        width: 37px;
    }

    div.sla-option {
        background-image: none;
        height: 102px;
        padding: 3px;
    }

    #container #main-content div.sla-option h2.h4 {
        font-size: .8rem;
    }

    .sla-table-heading img {
        height: 20px;
        padding: 0 14px 0 0;
    }

    /**** operating system page ****/

    div.opsys-switch {
        margin-left: 0;
    }

    div.obsolete-opsys-selector {
        width: 144px;
    }

    div.opsys-option {
        height: 104px;
    }

    div.opsys-option img {
        padding: 0;
    }

    .opsys-status-desc p,
    .opsys-status-desc,
    .os-status-LIVE,
    .opsys-status-desc p:nth-child(2),
    .opsys-status-desc p:nth-child(4),
    .opsys-status-desc p:nth-child(6) {
        width: 100%;
    }

    /**** team  page ****/

    .picture {
        float: none;
        height: auto;
        margin: 14px auto;
    }

    /**** case study  page ****/

    #doc-content div.nav_column {
        box-sizing: border-box;
        float: none;
        margin: 0 0 13px;
        width: 100%;
    }

    #doc-content div.content_column {
        float: none;
        width: 100%;
    }

    .alignleft,
    img.alignleft {
        float: none;
    }

    div.featured-case-study-one,
    div.featured-case-study-two,
    div.featured-case-study-three,
    div.featured-case-study-four {
        width: 100%;
        min-height: 227px;
        margin-bottom: 21px;
    }

    #main-content li.floating-case-study-box {
        width: 100%;
    }

    div.featured-case-study-wrapper a.case-study-feature-btn {
        left: 30%;
        right: 30%;
    }

    div.featured-case-study-wrapper .featured-case-study-one.main-feature img,
    div.featured-case-study-wrapper .featured-case-study-two.main-feature img,
    div.featured-case-study-wrapper .featured-case-study-three img,
    div.featured-case-study-wrapper .featured-case-study-four img {
        padding-bottom: 13px;
    }

    /**** vps pricing page styles ****/

    .price_table {
        width: 1000px;
    }

    #container #main-content .hidden-details-expander-faq > h4 {
        margin-top: 0;
    }

    #main-content .summary_new {
        box-sizing: border-box;
        margin-left: 0;
        padding: 8px 0;
        width: 100%;
    }

    /**** vps pricing page styles ****/

    span.col-information-title {
        font-size: 1rem;
    }

    div.title-summary-holder {
        width: 90%;
    }

    div.accordion-header {
        height: auto;
    }

    /**** basket page styles ****/

    div.basket-item-links {
        float: left;
    }

    div.address-holder,
    div.payment-holder,
    div.terms-holder {
        float: none;
        height: auto;
        width: 100%;
    }

    div.checkout-details-lower {
        width: 100%;
    }

    div.managed-service,
    div.ssl-agreement {
        box-sizing: border-box;
        width: 100%;
    }

    div.checkout-details-lower {
        background-color: #ffffff;
        margin: 0;
        padding: 0;
    }

    div.payment-holder {
        margin: 0;
    }

    div.col-break-line {
        display: none;
    }

    div.accordion-content:nth-child(5),
    div.accordion-content:nth-child(6),
    div.accordion-content:nth-child(7) {
        border-top: 1px solid #dfdfdf;
        margin-top: 14px;
        padding-top: 14px;
    }

    input.order-submit-button {
        font-size: 1.4rem;
        padding: 14px 18px !important;
    }

    div.hardware-col,
    div.software-col,
    div.connection-col,
    div.services-col,
    div.costs-col {
        box-sizing: border-box;
        margin-bottom: 34px;
        width: 50%;
    }

    form button.basket-item-link {
        padding: 5px !important;
    }

    div.basket-item-links {
        margin-left: 18px;
    }

    div.item-total-holder {
        float: none;
        width: 100%;
        clear: both;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .accordion-link-visible a,
    a.accordion-link-visible {
        line-height: 1.5;
    }

    input.empty-button,
    input.cancel-button {
        line-height: 1.5;
        padding: 9px 14px;
    }

    a.cancel-button {
        line-height: 1.5;
        padding: 9px 14px;
    }

    div.basket-payment-information {
        width: auto;
    }

    div.basket-item-links {
        float: none;
        margin: 0 auto 0;
    }

    span.item-total-price {
        float: none;
    }

    div.basket-item-links.cloneable {
        width: 203px;
    }

    div.checkout-buttons-wrapper {
        padding: 14px 18px !important;
    }

    /**** support page styles ****/

    table.table.opsys-table {
        min-width: 1000px;
    }

    div.rt-trans .content div.text,
    div.rt-trans .content div.attachments {
        width: 100%;
    }

    #container #main-content div.panel table,
    #container #main-content div.panel table th{
        width: auto;
    }

    /**** phone support PIN page styles ****/

    .phone-support-number-pin-wrap,
    .phone-support-number,
    .phone-support-pin,
    .phone-support-refresh-pin,
    .phone-support-number-pin-wrap form {
        max-width: 100%;
    }

    /**** about page styles ****/

    .servicebox {
        background-image: none;
    }

    /**** datacenter styles ****/

    .intro-banner-datacenter-thumbnails ul {
        left: 21px;
        position: relative;
        top: -18px;
    }

    .intro-banner-datacenter-content {
        padding: 21px;
        width: 100%;
    }

    .intro-banner-datacen
    ter div.container {
        overflow: inherit;
    }

    /**** control page styles ****/

    form #search-bar li {
        display: inline-block;
    }

    table.table {
        width: auto;
    }

    #id_dns_search a {
        display: inline-block;
        padding: 13px 0;
    }

    form#graph_form_bandwidth,
    form#graph_form_per_month,
    form#graph_form_history {
        width: 100%;
        overflow-x: scroll;
    }

    div.cp_columns,
    div.cp_columns.last {
        float: none;
        width: 100%;
    }

    #main-content div#help_box,
    #main-content .left-column,
    #main-content .right-column {
        float: none;
        width: 100%;
    }

    #main-content table.cp_table th,
    #main-content table.cp_table td {
        white-space: inherit;
    }


    span.toolbar {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

    .control-group {
        display: block;
        margin-bottom: 10px;
        margin: 0 auto 0;
        width: 300px;
    }

    .browser_bar > div {
        width: 100%;
    }

    .borwser_bar p.path {
        line-height: 1rem;
        margin: 9px 0;
        text-align: left;
        width: 100%;
    }

    #container #main-content table.file_browser tr td:last-child {
        font-size: .8rem;
    }

    .ui-dialog input {
        min-width: 55px;
    }

    .ui-button span.ui-button-text {
        line-height: 0.8;
    }

    /**** memstore styles end ****/

    /**** Support ticketing styles ****/

    div#action-buttons {
        float: none;
        margin: 0 auto 0;
        width: 223px;
        padding-right: 0;
    }

    .memset-trans div.header,
    .customer-trans div.header {
        height: 100%;
    }

    .header p.created-date {
        float: right;
        padding: 0 0.9rem;
        text-align: right;
        width: 100%;
    }

    .header p {
        float: right;
        font-weight: bold;
        margin-bottom: 0!important;
        padding-right: .9rem;
    }

    #ticket-container .responsive-width-wrapper > table {
        min-width: 500px;
    }

    #ticket-container .responsive-width-wrapper > table tr th {
        padding-right: 21px;
        white-space: nowrap;
    }

    /**** Support ticketing styles end ****/

    /**** Support survey styles ****/

    form.support-survey-questionnaire,
    .survey-question-title {
        width: 100%;
    }

    form.support-survey-questionnaire {
        margin: 23px auto;
    }

    .support-survey-questionnaire .survey-question-wrapper {
        height: auto;
    }

    .survey-question-title,
    .survey-question-rating {
        text-align: center;
        float: none;
    }

    .survey-question-rating {
        width: 200px;
        margin: 0 auto 34px;
    }

    #container #main-content .survey-question-rating label:before {
        font-size: 1.8rem;
    }

    .survey-question-rating span.tooltip {
        left: 34px;
        bottom: 21px;
    }

    /**** Support survey styles end ****/

    /**** page specific styles end ****/

    #main-content div#links ul li {
        background-image: none;
    }

    #main-content div#links {
        text-align: center;
        width: 100%;
    }

    span#id_new_name_group input.btn {
        position: relative;
        top: -2px;
    }

    #container #main-content #reply-holder {
        width: auto;
    }

    #container #main-content #reply-form input,
    #container #main-content #reply-form a button {
        height: 40px;
        margin-top: 14px;
        width: 100%;
    }

    .control-group {
        width: 100%;
    }

    #support_form #tabs-1 ul li, 
    #support_form #tabs-2 ul li, 
    #support_form #tabs-3 ul li, 
    #support_form #tabs-4 ul li, 
    #support_form #tabs-5 ul li {
        float: none;
        margin: 14px 0 0 0;
        padding: 5px;
        width: auto;
    }

    #container #main-content #support_form .ui-tabs .ui-tabs-nav li a {
        font-size: 0.6rem;
        line-height: 2;
        white-space: normal;
        width: 24%;
    }

    #container #main-content #support_form .ui-tabs ul li label {
        line-height: 2;
    }

    div .ui-tabs .ui-tabs-panel {
        padding: .5rem;
    }

    ul#search-bar li,
    ul#paginator-nav li {
        background-image: none;
        display: inline-block;
    }

    #id_cookieconsent_text {
        width: auto;
    }

    pre {
        width: 100%;
        overflow: auto;
    }

    /**** zeroclipboard styles ****/
    div.cjs-positioning-wrapper button{
        position: relative;
        left: 0;
        top: 0;
    }

    div.cjs-positioning-wrapper {
        max-width: 100%;
    }

    button.cjs-copy-button.zeroclipboard-is-hover[alt]:after {
        top: 0;
        left: 47px;
    }

    .tooltip {
        max-width: 59%;
    }

    .tooltip:before {
        display: none;
    }

    /**** video list page ****/

    #main-content ul.video-list li {
        width: 48%;
        margin-right: 4%;
    }

    #main-content ul.video-list > li:nth-of-type(2n) {
        margin-right: 0;
    }

    #main-content ul.video-list li img {
        height: auto;
    }

    .video-wrapper iframe {
        height: 377px;
    }

    .use-fullwidth div.one-of-two-columns:first-of-type {
        margin-bottom: 21px;
    }

} /**** max-width: 700px media query end ****/

@media screen and (max-width: 400px) {

    .footer-discover,
    .footer-services,
    .footer-solutions,
    .footer-support {
        float: none;
        width: 100%;
    }

    form a.btn {
        margin-bottom: 5px;
    }

    .logo-standard {
        display: none;
    }

    .header-logo {
        width: auto;
        max-width: 144px;
    }

    /* sla table styles */

    #container #main-content div.sla-option h4 {
        font-size: .5rem;
    }

    /* totaliser table styles */

    #main-content .content #totaliser a {
        font-size: .9rem;
    }

    /* support ticket table styles */

    #container #main-content #support_form .ui-tabs .ui-tabs-nav li {
        box-sizing: border-box;
        width: 24%;
    }

    /* support survey styles */

    /* making the survey button full width */
    input[type="submit"].support-survey-questionnaire-submit {
        width: 100%;
    }

    /* video list styles */
    #main-content ul.video-list li {
        width: 100%;
        margin-right: 0;
    }

    .video-wrapper iframe {
        height: 233px;
    }

    div.fullwidth-main-content-section.initial-image {
        height: 315px;
    }

} /**** max-width: 400px media query end ****/

@media screen and (max-width: 348px) {

    .header-logo {
        max-width: 120px;
    }

    .header-logo > a image.logo-small {
        max-width: 120px;
        width: 120px;
    }

}


@media screen and (min-width: 600px) {

    .recommended div.price-plan {
        width: 48%;
    }

    div.price-plan {
        width: 48%;
        float: left;
        margin: 0 2% 13px 0;
    }

}

@media screen and (min-width: 700px) {

    .use-fullwidth .fullwidth-column-wrap.uneven-columns > div {
        float: left;
    }

    .use-fullwidth .fullwidth-column-wrap.uneven-columns .two-of-three-columns {
        width: 70%;
    }

    .use-fullwidth .fullwidth-column-wrap.uneven-columns .two-of-three-columns + .one-of-three-columns,
    .use-fullwidth .fullwidth-column-wrap.uneven-columns .one-of-three-columns + .two-of-three-columns {
        padding-left  : 34px;
    }

    .use-fullwidth .fullwidth-column-wrap.uneven-columns .one-of-three-columns {
        width: 30%;
    }

    .use-fullwidth .fullwidth-column-wrap.uneven-columns > div:first-child {
        margin-bottom: 0;
    }

    .use-fullwidth div.images-only > * {
        margin: 0;
    }

    .use-fullwidth .columned-bulletpoint-icon > img {
        display: inline-block;
        position: absolute;
        left: 0;
    }

    .use-fullwidth .columned-bulletpoint-icon {
        padding-left: 89px;
        position: relative;
    }

    .use-fullwidth div.content-intro-section h1 {
        text-align: center;
    }

    .recommended div.price-plan {
        width: 20.1%;
    }

    #main-content .nav-section ul.sub-nav-options {
        margin-bottom: 0;
        display: block;
        border: none;
    }

    p.nav-title {
        display: block;
    }

    p.sub-nav-title {
        display: none;
    }

    .use-fullwidth .fullwidth-main-content-section.pricing-section{
        padding-top: 89px;
    }

    .pricing-plan-btn-change-wrapper {
        text-align: right;
    }

    body.use-fullwidth #main-content .content-intro-section {
        padding: 13px 21px 34px;
    }

    #main-content .nav-section li.active {
        background-color: transparent;
    }

    #main-content .nav-section li.active a,
    #main-content .nav-section li.active a:hover {
        color: #0066aa;
        text-decoration: none;
        border-bottom: 3px solid #0066aa;
        background-color: transparent;
        margin-bottom: -3px;
    }

    .pill-style-toggle-switch {
        width: auto;
        margin: auto;
        display: block;
    }

    div.pill-style-toggle-switch-wrap {
        margin: 0 auto 34px;
    }

    #main-content .nav-section li {
        width: auto;
        border: none;
    }

    #main-content .nav-section ul {
        margin-bottom: 0;
        display: block;
    }

    span.sub-nav-touch-btn {
        display: none;
    }

    div.price-plan {
        width: 19.6%;
        margin: 0 -1px 34px -1px;
    }

    div.price-plan.recommended {
        padding: 42px 20px 34px;
        margin: -21px 0 21px;
        width: 22%;
    }

    #main-content div.price-plan ul li {
        width: 100%;
        text-align: center;
    }

    div.price-plan ul li span {
        display: inline;
    }

    ul.everyplan-inludes-list {
        margin: 0 auto;
        width: 1000px;
        padding-left: 170px;
        max-width: 100%;
    }

    #main-content .everyplan-inludes-list li {
        background-image: none;
        float: left;
        text-align: left;
        width: 44%;
        padding-left: 34px;
        position: relative;
    }

    #main-content .everyplan-inludes-list li:nth-child(2n) {
        background-image: none;
        float: left;
        margin-left: 5%;
    }

    #main-content .everyplan-inludes-list li:before{
        content: '';
        display: inline-block;
        height: 20px;
        width: 20px;
        background-image: url(/static/images/structure/blue-disk.svg);
        left: 4px;
        position: absolute;
        background-size: 100%;
        background-repeat: no-repeat;
        top: 1px;
    }

    #main-content .blue-section .everyplan-inludes-list li:before{
        content: '';
        display: inline-block;
        height: 20px;
        width: 20px;
        background-image: url(/static/images/structure/white-disk.svg);
        left: 4px;
        position: absolute;
        background-size: 100%;
        background-repeat: no-repeat;
        top: 1px;
    }

    .use-fullwidth .pic-left-section h2,
    .use-fullwidth #main-content .pic-left-section h3,
    .use-fullwidth #main-content .pic-left-section ul,
    .use-fullwidth .pic-right-section h2,
    .use-fullwidth #main-content .pic-right-section h3,
    .use-fullwidth #main-content .pic-right-section ul,
    .use-fullwidth .pic-right-section p,
    .use-fullwidth .pic-left-section p {
        width: 56%;
        margin-left: 39%;
        text-align: left;
    }

    .use-fullwidth .pic-right-section h2,
    .use-fullwidth #main-content .pic-right-section h3,
    .use-fullwidth #main-content .pic-right-section ul,
    .use-fullwidth .pic-right-section p {
        margin-left: auto;
        margin-right: 36%;
    }

    .use-fullwidth #main-content .pic-right-section p + h3 {
        margin-top: 34px;
    }

    .use-fullwidth .pic-right-section ul {
        margin-bottom: 34px;
    }

    .use-fullwidth div.blue-box-style {
        min-height: 244px;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-left-section.location-section section {
        background-image: url('/static/images/solutions/icons/location-icon-grey.svg');
        background-repeat: no-repeat;
        background-size: 11%;
        background-position: 16% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-right-section.location-section section {
        background-image: url('/static/images/solutions/icons/location-icon-grey.svg');
        background-repeat: no-repeat;
        background-size: 13%;
        background-position: 89% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-left-section.network-section section {
        background-image: url('/static/images/solutions/icons/network-icon-grey.svg');
        background-repeat: no-repeat;
        background-size: 13%;
        background-position: 15% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-right-section.network-section section {
        background-image: url('/static/images/solutions/icons/network-icon-grey.svg');
        background-repeat: no-repeat;
        background-size: 19%;
        background-position: 89% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-left-section.shield-section section,
    .use-fullwidth .fullwidth-main-content-section.pic-left-section.psn-section section {
        background-image: url('/static/images/solutions/icons/shield-icon-grey.svg');
        background-repeat: no-repeat;
        background-size: 14%;
        background-position: 15% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-right-section.shield-section section,
    .use-fullwidth .fullwidth-main-content-section.pic-right-section.psn-section section {
        background-image: url('/static/images/solutions/icons/shield-icon-grey.svg');
        background-repeat: no-repeat;
        background-size: 13%;
        background-position: 89% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-right-section.cloud-server-section section {
        background-image: url('/static/images/solutions/cloud_computing/cloud-servers-section-bg.svg');
        background-repeat: no-repeat;
        background-size: 21%;
        background-position: 89% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-right-section.dedicated-server-section section {
        background-image: url('/static/images/solutions/cloud_computing/dedicated-server-section-bg.svg');
        background-repeat: no-repeat;
        background-size: 21%;
        background-position: 89% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-left-section.cloud-memset-section section {
        background-image: url('/static/images/solutions/cloud_computing/cloud-memset-section-bg.svg');
        background-repeat: no-repeat;
        background-size: 24%;
        background-position: 11% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-left-section.virtual-server-section section {
        background-image: url('/static/images/solutions/cloud_computing/cloud-servers-section-bg.svg');
        background-repeat: no-repeat;
        background-size: 24%;
        background-position: 11% 50%;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-left-section.cloud-storage-section section {
        background-image: url('/static/images/solutions/cloud_computing/cloud-storage-section-bg.svg');
        background-repeat: no-repeat;
        background-size: 24%;
        background-position: 11% 50%;
        min-height: 202px;
    }

    .use-fullwidth .fullwidth-main-content-section.pic-left-section.cloud-tick-section section {
        background-image: url(/static/images/solutions/cloud_computing/cloud-tick-section-bg.svg);
        background-repeat: no-repeat;
        background-size: 12%;
        background-position: 11% 50%;
    }

    .use-fullwidth div.fullwidth-column-wrap.internaly-bordered-columns > div {
        border-right: 1px solid #dfdfdf;
    }

    .use-fullwidth .bullet-list-wrap {
        margin: 0 auto;
    }

    .use-fullwidth .bullet-point-with-icon {
        width: 50%;
        float: left;
        margin: 55px 0 0;
        padding-left: 55px;
    }

    .use-fullwidth .bullet-point-with-icon img {
        float: left;
        width: 9%;
    }

    .use-fullwidth .bullet-point-with-icon > *,
    body.use-fullwidth #main-content .bullet-point-with-icon h3 {
        text-align: left;
        width: 69%;
    }

    /* Seach results page */
    .search-results-wrap {
        width: 70%;
    }

    .search-results-aside.nav_column {
        width: 28%;
        padding: 0;
    }

    .main-header-search {
        height: 72px;
        width: 115px;
        margin-top: 0;
        float: right;
    }

    .main-header-search input {
        width: 115px;
        height: 34px;
        margin: 21px 0 0 0;
        border-radius: 4px;
    }

    .main-header-search input.main-header-search-submit-btn {
        display: none;
    }

    .use-fullwidth div.faq-wrap:last-child {
        margin-bottom: 0;
    }

    .use-fullwidth div.faq-title {
        min-height: 80px;
    }

    .use-fullwidth div.faq-details {
        padding: 34px;
    }

    .use-fullwidth .iconed-titles > div {
        margin-bottom: 0;
        min-height: 322px;
    }

    .use-fullwidth table.table {
        display: table;
    }

    .livechat-fixed-btn {
        display: block;
    }

    .popup-chat-box-wrap {
        position: fixed;
        bottom: -336px;
        right: 13vw;
        z-index: 9;
        border: 1px solid #dfdfdf;
    }

    .popup-chat-box-wrap.active {
        display: block;
    }

    .popup-chat-box-wrap.hidden{
        display: none;
    }

    .popup-chat-box-wrap img.dismiss-message {
        position: absolute;
        top: 21px;
        right: 13px;
        z-index: 999;
        padding: 3px;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #dfdfdf;
    }

    .popup-chat-box-wrap img.dismiss-message:hover {
        background-color: #efefef;
        pointer: cursor;
    }

    .use-fullwidth div p:last-of-type {
        margin-bottom: 0;
    }

}

@media screen and (min-width: 1115px) {

    .main-header-search {
        width: 233px;
    }

    .main-header-search input {
        width: 233px;
    }

    #main-content table.cp_table th,
    #main-content table.cp_table td {
        padding: 13px 13px 13px 21px;
    }

}

@media screen and (min-width: 1100px) {

    #main-content li.floating-free-tools-box {
        height: 343px;
    }

}

@media screen and (min-width: 1200px) {

    .recommended div.price-plan {
        width: 20.1%;
    }

    div.price-plan {
        width: 19.4%;
        padding: 34px 21px;
    }

    div.price-plan.recommended {
        padding: 69px 34px 67px;
        margin: -34px 0;
        width: 23%;
    }

    div.pill-style-toggle-switch-wrap {
        margin: 0 auto;
    }

}

@media screen and (min-width: 1255px) {

    #main-content li.floating-free-tools-box {
        height: 295px;
    }

    #main-content li.floating-free-tools-box.paid-services {
        height: 341px;
    }

    .use-fullwidth .fullwidth-main-content-section.shield-section,
    .use-fullwidth .fullwidth-main-content-section.psn-section {
        background-size: 13%;
        background-position: 21% 50%;
    }

}

@media screen and (min-width: 1306px) {

    .top-navigation,
    .main-header,
    .content,
    #main-content .content-intro-section,
    .solutions-content,
    .summary_new,
    .blue-header,
    .solutions-collapsing-column,
    .solutions-content-wrap,
    .main-breadcrumbs,
    .control div.content,
    .memset-site-footer,
    .drop-down-list-width-wrap,
    section.width-restricted-content,
    #main-content ul.messagelist,
    #main-content .alert ul {
        margin: 0 auto;
    }

}

@media screen and (min-width: 1334px) {

    div.main-header {
        padding-left: 0;
    }

    div.content {
        margin: 0 auto;
    }

}

@media screen and (min-width: 1355px) {

    div.main-header,
    div.top-navigation,
    #main-content .content-intro-section,
    .main-breadcrumbs,
    body.control #main-content .content-intro-section,
    .header-logo,
    div.top-navigation {
        padding-left: 0!important;
    }

}

/***************END MEDIA QUERIES ***************/