@media (max-width: 420px) {
    h1 {
        font-size: 145%;
    }

    input[type="text"], input[type="password"] {
    }

    body {
        overflow-x: hidden;
    }

    #headerInner {
        margin-left: 20px;
        margin-right: 20px
    }

    #headerInner .loginStatus {
        display: none;
    }

    #headerInner, #container, #heading, #heading .loginStatus, .loginArea, .fourthArea.submitButton, .fourthArea.customerSearch, .searchPageHeader {
        width: 360px;
    }

    #headerInner .logo {
        padding: 0px;
        margin-top: 7px;
        margin-left: 72px;
    }

    #headerInner .logo strong {
        font-size: 140%;
    }

    #headerInner .logo .floatRight {
        padding-top: 4px;
        padding-left: 0px;
    }

    #headerInner .logo .login {
        margin-left: 0px;
    }

    #headerInner .logo .signup {
        display: none;
    }

    #headerInner .logo .sell {
        display: none;
    }

    #headerInner .hamburger {
        display: inline;
    }

    .headerInnerTitle {
        width: 360px;
        height: 61px;
    }

    .headerInnerTitle img{
        max-width: 270px;
    }

    .headerInnerAccount {
        width: 360px;
        height: 70px;
    }

    .headerInnerAccount p {
        text-align: left;
        font-size: 13.2px;
    }

    .headerInnerAccountA p {
        margin-top: 19px;
    }

    .headerInnerAccountALogin p {
        width: 149px;
        float: left;
        margin-top: 27px;
    }

    .headerInnerAccountB p, .headerInnerAccountC p {
        margin-top: 27px;
    }

    .headerInnerAccountA {
        width: 120px;
        height: 70px;
    }

    .headerInnerAccountB {
        width: 80px;
        height: 70px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .headerInnerAccountC {
        width: 45px;
        height: 70px;
    }

    .headerInnerAccountD {
        height: 70px;
        width: 97px;
        float: right;
    }

    .headerInnerAccountD a {
        margin-left: 9px;
    }

    .headerInnerAccountD img {
        margin-top: 21.5px;
        margin-left: 0;
    }

    .headerInnerAccountE {
        height: 70px;
        width: 120px;
        float: left;
    }

    .headerInnerAccountE p {
        text-align: center;
        padding-top: 27px;
        margin: 0;
    }

    #heading .loginStatus {
        display: block;
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .headerLoginArea input[name='strEmail'], .headerLoginArea input[name='strPassword'] {
        width: 100%;
        height: 28px;
    }

    .headerLoginArea input[name='btnLogin'] {
        width: 155px;
    }

    .headerLoginArea a.signup {
        display: block;
        color: #FFF;
        width: 155px;
        height: 35px;
        margin-right: 10px;
        font-size: 114%;
        line-height: 219%;
    }

    .headerLoginArea .headerLoginLine1 {
        padding: 10px 40px 20px 40px;
    }

    .headerLoginArea .headerLoginLine1 div {
        width: 320px;
    }

    .headerLoginArea .headerLoginLine2 {
        padding-left: 67px;
        padding-bottom: 20px;
    }

    .headerLoginArea {
        width: 400px;
        height: auto;
        padding-left: 0px;
    }

    .headerLoginArea .marginLeft21 {
        margin-left: 0px;
    }

    .headerLoginArea .login {
        text-align: center;
    }

    .headerLoginArea .login input {
        padding-left: 0px;
    }

    .headerLoginArea div.cross {
        position: absolute;
        top: 5px;
        right: 5px;
        margin: 0px;
        width: auto;
    }

    .loggedIn {
        display: none;
    }

    #container {
        transition-timing-function: ease-in-out;
        overflow: hidden;
        min-height: 438px;
    }

    #subnavigation {
        position: fixed;
        background-color: #FFF;
        width: 300px;
        transition-timing-function: ease-in-out;
        padding: 0px;
        margin: 0px;
        display: block;
        top: 77px;
        right: -300px;
        border: 1px solid #EEE;
        height: 100%;
    }

    #subnavigation li {
        padding: 0px;
        float: none;
    }

    #subnavigation a {
        margin: 0 25px;
        padding: 20px 0px;
    }

    #subnavigation a {
        text-align: center;
    }

    #subnavigation a:hover {
        border-bottom: 1px solid;
        padding-bottom: 19px;
    }

    .break {
        display: none;
    }

    .twoByTwoBlock {
        width: 300px;
        margin: 0px;
    }

    .twoByTwoBlock {
        margin-right: 0px;
    }

    .headerButtons {
        margin-top: 10px;
    }

    .headerButtons a {
        font-size: 81%;
        padding: 8px 0px;
        width: 184px;
    }

    .oddEvenTable {
        display: none;
    }

    .hidden {
        display: none;
    }

    .greyBox.hidden {
        display: block;
    }

    .greyBox {
        padding: 10px 35px 10px 10px;
        background: url('../img/mobile/greyBoxArrow.png') no-repeat 340px 14px #eaebec;
    }

    .evenRow {
        background-color: #FFF;

    }

    .thirdArea.salesDateRange, .thirdArea.submitButtons {
        margin-right: 0px;
    }

    .thirdArea .calendarField {
        width: 168px;
        height: 24px;
    }

    .thirdArea .calendarField input {
        width: 115px;
    }

    .thirdArea .calendarField.dtTo {
        margin-left: 18px;
    }

    .thirdArea.submitButtons {
        margin-bottom: 30px;
    }

    .thirdArea.submitButtons input[name="btnRefresh"] {
        margin-left: 13px;
    }

    .thirdArea.customerSearch {
        margin: 0px;
    }

    .thirdArea.customerSearch input {
        width: 338px;
    }

    .fourthArea input {
        width: 170px;
        height: 40px;
    }

    .fourthArea.addCompany, .fourthArea.addCustomer {
        width: 170px;
        margin-bottom: 20px;
    }

    .fourthArea.addCompany {
        margin-left: 20px;
        margin-right: 0px;
    }

    .fourthArea.submitButton {
        text-align: center;
    }

    .fourthArea input[type="button"] {
        margin-top: 26px;
    }

    .fourthArea input[type="submit"] {
        width: 245px;
        margin: 30px auto;
    }

    .fourBlock {
        width: 176px;
        height: 155px;
        margin-bottom: 5px;
    }

    .anayticsBlock div.titleText {
        margin-top: 27px;
        width: 176px;
        color: #000;
        font-size: 76.5%;
        position: absolute;
    }

    .anayticsBlock div.valueText {
        margin-top: 85px;
        font-size: 135.9%;
        color: #000;
    }

    .landingAreaSelection .droppable.pushLeft10 {
        margin-right: 2px;
    }

    .anayticsBlock.pushLeft10 {
        margin-right: 6px;
    }

    .anayticsBlock.mobileNoPush {
        margin-right: 0px;
    }

    .anayticsBlock div.valueText.avc {
        margin-top: 65px
    }

    .anayticsBlock div.valueText.mvd {
        font-size: 52.7%;
        margin-top: 47px;
    }

    .anayticsBlock div.valueText.mvd img {
        width: 71px;
        height: 95px;
    }

    .anayticsBlock div.valueText.mvd span {
        padding-top: 44px;
    }

    .notificationBlock .emailName {
        width: 320px;
        color: #000;
        padding: 15px 20px 10px 20px;
    }

    .notificationBlock.evenRow .arrRecipient {
        background-color: transparent;
    }

    .notificationBlock .arrRecipient {
        width: 320px;
        padding: 0px 20px;
        background-color: #dedfe0;
    }

    .notificationBlock input[type="text"] {
        margin-right: 10px;
        margin-top: 5px;
        width: 255px;
    }

    .notificationBlock input[type="text"].top {
        margin-top: 0px;
    }

    .notificationBlock input.btnAdd {
        margin: 20px 15px;
        width: 285px;
    }

    /* Request Membership Form */
    .exclusiveAccessM {
        padding-left: 40px;
    }

    .exclusiveAccessM .span {
        margin-top: 40px;
    }

    #requestMembership.mobile input[type='submit'] {
        margin-top: 27px;
        margin-bottom: 27px;
    }

    #requestMembership .pushLeft10 {
        margin-left: 20px;
    }

    #requestMembership .fixedRow {
        width: 320px;
    }

    #requestMembership .prefs {
        margin-left: 20px;
    }

    #requestMembership .prefStart {
        margin-top: 0px;
    }

    #requestMembership .leftFurther {
        min-width: 360px;
    }

    #requestMembership .leftFurther .row.pushLeft10 {
        margin-left: 0px;
    }

    #requestMembership .submitRow {
        margin-bottom: 20px;
        text-align: center;
    }

    #formhead {
        position: relative;
        width: 360px;
        height: 40px;

    }

    #formhead h1 {
        height: 13px;
        font-size: 0.9em;
        margin: 0px;
        padding: 0px;
    }

    table {
        width: 350px;
    }

    td {
        display: block;
        width: 100%;
    }

    tr {
        display: block;
        margin-bottom: 5px;
    }

    tr tr {
        margin-bottom: 0;
    }

    table td {
        padding: 0px;
    }

    .desktop {
        display: none !important;

    }

    .mobile {
        display: block !important;

    }

    /* Request Membership Form */
    #formhead {
        position: relative;
        width: 360px;
        height: 53px;
        text-align: center;
    }

    #formhead h1 {
        margin-bottom: 0px;
        height: 20px;
        padding: 0 0 0 0;
    }

    #requestMembership {
        background-color: #e6e6e6;
        color: #000;
    }

    #requestMembershipform h1 {
        margin: auto;
        line-height: 50px;
        text-align: center;
        font-size: 21px;
    }

    table#requestMembership {
        width: 360px;
    }

    #requestMembership th {
        padding: 10px 0px 0px 10px;
    }

    #requestMembership td {
        width: 320px;
        padding-bottom: 0px;

    }

    td.rmfTitle {
        padding: 10px 0px 0px 20px;
    }

    td.rmfInput {
        padding: 0px 0px 0px 20px;
    }

    #requestMembership input[type="submit"] {
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

    #requestMembership input[type="text"], input[type="email"], input[type="password"] {
        height: 26px;
        width: 314px;
        font-family: Trade Gothic W01 Light;
    }

    #requestMembership .Company input[type="text"] {
        height: 26px;
        width: 314px;
        font-family: Trade Gothic W01 Light;
    }

    #requestMembership .furtherInfo textarea {
        height: 193px;
        width: 310px;
        font-family: Trade Gothic W01 Light;
        vertical-align: top;
        resize: none;
        border: 0px;
    }

    .furtherInfo :focus {
        border: 0 none #FFF;
        overflow: hidden;
        outline: none;
    }

    #requestMembership select {
        margin: 0;
        padding: 0;
        height: 26px;
        width: 322px;
        font-size: .9em;
        background: #fff;
        border: 1px solid #d5d5d5;
        color: #585959;
    }

    #requestMembership input[type="checkbox"] {
        border-radius: 0px;
        background-color: #fff;
        border: 0px solid;
        margin-left: 18px;
        height: 15px;
        width: 15px;
        color: #585959;
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
        -webkit-appearance: checkbox;
    }

    #requestMembership td.centre {
        padding-bottom: 10px;
        text-align: center;
        padding: 0 0 0 25px;
    }

    input[type="submit"] {
        /*background-color: #bcd74c;*/
        /*color: #000;*/
        height: 32px;
        width: 250px;
        margin: auto;
        padding: 0 0 0 18px;
    }

    #theform {
        background-color: #e6e6e6;
        color: #000;
        padding: 20px 0px 0px 20px;
    }

    #theform.column {
        float: left;
        width: 33%;
    }

    #requestMembership input[type="checkbox"] {
        display: none;
        width: 20px;
    }

    #requestMembership .optOut {
        margin-top: 10px;
        margin-bottom: 20px;
        padding-left: 18px;
    }

    .opt {
        position: relative;
        margin-top: 0px;
        margin-left: 40px;
        top: -20px;
        width: 300px !important;
        padding-left: 0px;
    }

    .landingArea {
        width: 359px;
        margin: 95px auto;
        font-size: 80%;
    }

    .landingArea .leftLanding {
        padding-top: 16px;
        width: 169px;
        height: 356px;
        margin-right: 21px;
    }

    .landingArea .rightLandingTop {
        padding-top: 16px;
        width: 169px;
        height: 240px;
        margin-bottom: 21px;
        margin-right: 0px;
    }

    .landingArea .rightLandingBottom {
        width: 169px;
        height: 66px;
        padding: 29px 0px 0px 0px;
        line-height: 1.4em;
    }

    .landingArea .rightLandingTop span, .landingArea .leftLanding span {
        width: 155px;
    }

    /* End of Request Membership Form */
    /* Checkout Page */
    #checkoutContainer {
        width: 360px;
        margin-bottom: 25px;

    }

    #checkoutSubContainer {
        width: 360px;
        float: right;
    }

    #checkoutHeader {
        display: inline-block;
        background-image: url('../img/checkout_triangle_mobile.png'), url('../img/checkout_vbar_mobile.png'), url('../img/checkout_vbar_mobile.png'), url('../img/checkout_hbar_end_mobile.png'), url('../img/checkout_hbar_mid_mobile.png'), url('../img/checkout_hbar_end_mobile.png');
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        height: 70px;
        width: 360px;
    }

    #checkoutHeader.s1 {
        background-position: 55px 41px, 118px 12px, 235px 12px, 10px 51px, 118px 51px, 236px 51px;
    }

    #checkoutHeader.s2 {
        background-position: 171px 41px, 118px 12px, 235px 12px, 10px 51px, 118px 51px, 236px 51px;
    }

    #checkoutHeader.s3 {
        background-position: 286px 41px, 118px 12px, 235px 12px, 10px 51px, 118px 51px, 236px 51px;
    }

    #checkoutContent {
        vertical-align: top;
        width: 360px;
    }

    .column-left {
        display: inline-block;
        float: left;
        width: 33%;
        text-align: center;
        position: relative;
        top: 14px;
    }

    .column-right {
        display: inline-block;
        float: right;
        width: 33%;
        text-align: center;
        position: relative;
        top: 14px;
    }

    .column-center {
        display: inline-block;
        width: 33%;
        text-align: center;
        vertical-align: -14px;
    }

    .brainTreeContainer {
        width: 340px;
        margin-left: 10px;
        padding-top: 30px;
    }

    #checkoutSubContainer .checkoutSection {
        width: 360px;
    }

    .completeSection {
        margin: 10px;
    }

    #checkout {
        width: 360px;
        min-height: 580px;
        float: left;
        background-repeat: no-repeat;

    }

    #checkoutBG {
        margin-left: 0px;
        margin-right: 0px;
        width: 360px;
        float: left;
    }

    #checkoutBG .formhead {
        margin-top: 20px;
        width: 360px;
    }

    #checkoutBG .formhead hr {
        margin: 5px 0px;
    }

    #checkoutForm {
        width: 360px;
    }

    div#checkoutForm .odd div, div#checkoutForm .even div {
        padding-top: 20px;
        padding-left: 20px;
    }

    body div#checkoutForm .checkoutInput {
        padding-top: 5px;
    }

    body div#checkoutForm .checkoutInputComment {
        padding-top: 5px;
    }

    div#checkoutForm input[type="text"] {
        height: 33px;
        width: 300px;
        font-family: Trade Gothic W01 Light;
        padding: 0px 10px;
    }

    div#checkoutForm .email input[type="text"] {
        height: 33px;
        width: 300px;
        padding: 0px 10px;
        font-family: Trade Gothic W01 Light;
    }

    div#checkoutForm select {
        height: 33px;
        width: 320px;
    }

    div#checkoutForm textarea.checkoutText {
        border: none;
        height: 110px;
        width: 300px;
        margin: 0;
        padding: 5px 10px;
        resize: none;
    }

    div#checkoutForm input[type="submit"].backButton {
        background: #78787a;
        height: 32px;
        width: 250px;
        color: #fff;
        border: 0;
        padding: 2px 5px;
        margin: 25px 0 0 0;
    }

    div#checkoutForm input[type="submit"].payNowButton {
        background: #bcd74c;
        color: black;
        height: 32px;
        width: 250px;
        border: 0;
        padding: 2px 5px;
        margin: 25px 0 0 0;
    }

    div#checkoutForm .leftButton {
        padding: 0px 0 0px 0px;
        text-align: center;
        width: 320px;

    }

    div#checkoutForm .rightButton {
        text-align: center;
        width: 320px;
    }

    /* Sign In Form */
    #signInContainer {
        width: 360px;
        height: auto;
    }

    #signInSubContainer {
        height: auto;
    }

    #signInHeader {
        display: inline-block;
        vertical-align: top;
        width: 360px;
        height: 101px;
        background-color: white;
        text-align: center;

    }

    #signInHeader p {
        margin: 15.5px 0 15.5px 0;
    }

    #signInHeader hr {
        font-size: 33px;
        color: black;
    }

    #signInHeader #tophr hr {
        font-size: 30px;
        color: black;
        margin-top: 29px;
    }

    #signInHeader #bottomhr hr {
        font-size: 30px;
        color: black;
        margin-top: 0px;
    }

    #signInTitle {
        display: inline-block;
        vertical-align: top;
        width: 338px;
        height: 49px;
        text-align: left;
        padding-left: 11px;
        padding-right: 11px;
    }

    #signInTitle p {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 9px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    #signInTitle hr {
        margin: 0;
        padding: 0;
        color: white;
        background-color: white;
        border: 0 none;
        height: 1px;

    }

    #signInContent {
        width: 360px;
        height: auto;
        background-color: #e6e6e6;
        margin-bottom: 25px;
    }

    table#signInForm {
        padding: 0 10px 0 10px;
    }

    table#signInForm tr {
        margin: 0;
    }

    table#signInForm td {
        /* padding: 18px 0px 18px 21px; */
        padding: 0px 0px 0px 0px;
    }

    table#signInForm thead {
        display: none;
    }

    table#signInForm tbody {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    table#signInForm td.signInTitle {
        padding: 16px 0 4px 0;
        vertical-align: bottom;
    }

    table#signInForm .checkbox {
        padding: 0 0 0 20px;
    }

    table#signInForm td.signInAssistanceLeft {
        padding-top: 27px;
        padding-bottom: 24px;
        width: 166px;
        height: 18px;
        text-align: left;
        display: inline-table;
    }

    table#signInForm td.signInAssistanceRight {
        padding-top: 27px;
        padding-bottom: 24px;
        width: 166px;
        text-align: right;
        vertical-align: middle;
        display: inline-table;
    }

    table#signInForm td.signInInput {

    }

    table#signInForm input[type="submit"] {
        padding: 0px;
        margin: 0px;
    }

    table#signInForm .signInButton {
        text-align: center;
        height: 34px;
        margin-bottom: 37px;
    }

    table#signInForm .email input[type="email"] {
        height: 33px;
        width: 332px;
        padding: 0 1px 0 5px;
        font-family: Trade Gothic W01 Light;
    }

    table#signInForm input[type="password"] {
        height: 33px;
        width: 332px;
        padding: 0 1px 0 5px;
        font-family: Trade Gothic W01 Light;
    }

    table#signInForm input[type="text"] {
        height: 33px;
        width: 338px;
        padding: 0px;
        font-family: Trade Gothic W01 Light;

    }

    table#signInForm img {
        background-repeat: no-repeat;
        padding: 2px;
    }

    /* Footer */
    .footerLinks span {
        float: left;
        display: block;
        padding-left: 50px;
    }

    #footerInner .footerLinks a {
        display: block;
        margin-right: 0px;
        text-align: left;
        padding-bottom: 15px;
    }

    #footerInner .footerLinks a.noMarginRight {
        padding-bottom: 0px;
    }

    #footerInner .socialLinks a {
        margin-right: 0px;
    }

    #footerInner .socialLinks a.marginRight {
        margin-right: 80px;
    }

    /* Forgot Password Form */
    #forgotPasswordContainer {
        width: 360px;
        height: auto;
        margin-bottom: 25px;
    }

    #forgotPasswordSubContainer {
        height: auto;
    }

    #forgotPasswordHeader {
        display: inline-block;
        vertical-align: top;
        width: 360px;
        height: 103px;
        text-align: center;
    }

    #forgotPasswordHeader p {
        margin: 15.5px 0 15.5px 0;
    }

    #forgotPasswordHeader #tophr hr {
        margin-top: 31px;
    }

    #forgotPasswordContent {
        width: 100%;
        height: auto;
        background-color: #e6e6e6;
    }

    #forgotPasswordForm {
    }

    #forgotPasswordTitle {
        display: inline-block;
        vertical-align: top;
        width: 338px;
        height: 45px;
        text-align: left;
        padding-left: 11px;
        padding-left: 11px;
    }

    #forgotPasswordTitle p {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 9px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    #forgotPasswordTitle hr {
        margin: 0;
        padding: 0;
        color: white;
        background-color: white;
        border: 0 none;
        height: 1px;
    }

    table#forgotPasswordForm {
        padding: 0 10px 0 10px;
    }

    table#forgotPasswordForm td {
        padding: 0;
    }

    table#forgotPasswordForm thead {
        display: none;
    }

    table#forgotPasswordFrom tbody {
        width: 340px;
    }

    table#forgotPasswordForm .forgotPasswordTitle {
        padding: 14px 0 4px 0;
    }

    table#forgotPasswordForm .forgotPasswordInput {
    }

    table#forgotPasswordForm input[type="text"] {
        width: 334px;
        height: 26px;
    }

    table#forgotPasswordForm td.resetButton {
        width: 340px;
        padding-top: 20px;
        padding-left: auto;
    }

    table#forgotPasswordForm td.backSignInButton {
        width: 340px;
        padding-right: auto;
        padding-top: 14px;
        padding-left: auto;
        margin-bottom: 36px;
    }

    table#forgotPasswordForm .resetButton {
        /*padding-top: 40px;
        text-align: left;*/
        padding-top: 0;
        text-align: center;
    }

    table#forgotPasswordForm .backSignInButton {
        /*padding-top: 40px;
        text-align: right;*/
        padding-top: 0px;
        text-align: center;
    }

    table#forgotPasswordForm input[type="submit"] {
        width: 250px;
        height: 33px;
        text-align: center;
        padding-left: 0;
    }

    table#forgotPasswordForm .backSignInButton input[type="submit"] {
        width: 250px;
        height: 33px;
        background-color: #666;
        color: #fff;
    }

    /* Forgot Password 1 */
    table#forgotPasswordForm .email input[type="email"], table#forgotPasswordForm .email input[type="password"] {
        height: 33px;
        width: 334px;
        padding: 1px 1px 1px 5px;
        font-family: Trade Gothic W01 Light;
    }

    table#forgotPasswordForm img {
        background-repeat: no-repeat;
        padding: 2px;
    }

    /* Forgot Password 2 */
    table#forgotPasswordForm input[type="submit"] {
        font-size: 13.4px;
    }

    /* Forgot Password 3 */
    .successText {
        line-height: 150%;
        width: 100%;
    }

    table#forgotPasswordForm .backSignInButton.center {
        padding-top: 14px;
        text-align: center;
        width: 360px;
    }

    table#forgotPasswordForm td.successText {
        padding-top: 16px;
        padding-bottom: 14px;
        padding-left: 0px;
    }

    /* Contact Form */
    #mainContainer {
        overflow: hidden;
        height: auto; /*change to auto*/
    }

    .top {
        margin: 12px 0 0 0;
    }

    #contact {
        width: 360px;
        height: auto;
        float: left;
    }

    #contactHeader {
        height: 78px;
    }

    #contactHeader p {
        margin: 0;
    }

    p.contactTitle {
        height: 40px;
        padding-top: 20px;
        padding-right: 0px;
        text-align: center;
    }

    #contactContent {
        height: auto;
    }

    #contactContent p {
        margin: 0;
        height: auto;
        padding-right: 0px;
        margin-bottom: 12px;
    }

    #contactSubmit {
        height: 60px;
        text-align: center;
        padding-top: 25px;
        padding-right: 0px;
    }

    #contactSubmit input[type='submit'] {
        background-color: #666;
        color: #fff;
        height: 33px;
        width: 250px;
        padding: 0;
    }

    #contactForm {
        width: 100%;
        border-collapse: collapse;
    }

    #contactForm thead {
        display: none;
    }

    #contactForm div {
        margin-bottom: 0px;
    }

    #contactForm div div.title {
        padding: 16px 0 4px 0;
    }

    #contactForm div div.input {
        padding: 0 0 0 0;
        height: 36px;

    }

    #contactForm .pushLeft10 {
        margin-right: 0px;
    }

    #verticalLine {
        display: none;
    }

    #contactForm div {
        padding: 0;
    }

    div#contactForm input[type='text'] {
        width: 340px;
        height: 31px;
        border: 1px solid #b3b3b3;
    }

    div#contactForm textarea {
        resize: none;
        border: 0;
        height: 96px;
        width: 340px;
        border: 1px solid #b3b3b3;
    }

    /* Studio Form on the Contact Page */
    #studioSignUp {
        width: 360px;
        height: auto;
    }

    #studioSignUp p {
        margin: 0px;
    }

    #studioSignUpHeader {
        height: 78px;
    }

    p.studioSignUpTitle {
        height: 40px;
        padding-top: 20px;
        text-align: center;
    }

    #studioSignUpContent {
        min-height: inherit;
    }

    #studioSignUpContent {
        padding: 0 40px 30px 40px;
    }

    #studioSignUpSubmit {
        height: 60px;
        text-align: center;
        padding-top: 25px;
        padding-right: 0;
    }

    #studioSignUpSubmit input[type='submit'] {
        background-color: #bcd74c;
        height: 33px;
        width: 250px;
        padding: 0;
    }

    /* About Us Page */
    #about {
        width: 360px;
        height: auto;
        padding: 0 0 0 0;
        margin-left: 0px;
        margin-right: 0px;
        background-color: #e6e6e6;
        margin-bottom: 32px;
    }

    #aboutHeader {
        height: 90px;
    }

    #aboutHeader p.contactTitle {
        padding: 50px 0 20px 0;
    }

    #aboutContent {
        height: auto;
        margin: 0;
        vertical-align: top;
    }

    #about p {
        padding: 0 40px 30px 40px;
        height: auto;
        margin: 0;
    }

    /* Page */
    #page {
        width: 360px;
        height: auto;
        padding: 0 0 0 0;
        margin-left: 0px;
        margin-right: 0px;
        background-color: #e6e6e6;
        margin-bottom: 32px;
    }

    #pageHeader {
        height: 90px;
    }

    #pageHeader p.contactTitle {
        padding: 50px 0 20px 0;
    }

    #pageContent {
        height: auto;
        margin: 0;
        vertical-align: top;
    }

    #page p {
        padding: 0 40px 30px 40px;
        height: auto;
        margin: 0;
    }

    /*design blocks*/
    .fiveBlock.pushLeft10 {
        margin-right: 0px;
    }

    .basketDesignBlock.odd {
        margin-left: 20px;
    }

    .basketDesignBlock.odd:after {
        clear: both;
    }

    .searchDesignBlock.odd {
        margin-left: 20px;
    }

    .searchDesignBlock.odd:after {
        clear: both;
    }

    .purchasedDesignBlock.odd {
        margin-left: 20px;
    }

    .purchasedDesignBlock.odd:after {
        clear: both;
    }

    .mobileFloatClear {
        clear: both;
    }

    .mobileFloatLeft {
        float: left;
    }

    .mobileFloatRight {
        float: right;
    }

    .mybasket .checkoutHeader input {
        padding: 0px;
    }

    .mybasket .checkoutFooter input {
        padding: 0px;
    }

    .pinBoardRight {
        display: none;
    }

    form.pinBoardForm {
        width: 360px;
    }

    form.pinBoardForm .formhead {
        width: 360px;
    }

    #notice2 {
        width: 360px;
    }

    .basketDesignBlock.smallSize a.delete {
        margin-left: 55px;
        margin-top: 10px;
    }

    .basketDesignBlock.smallSize.pushLeft10 {
        margin-right: 12px;
    }

    .basketDesignBlock.smallSize p {
        margin: 5px 0px;
        font-size: 88%;
    }

    .basketDesignBlock.smallSize.odd {
        margin-left: 0px;
    }

    .basketDesignBlock.smallSize.endOfLine {
        margin-left: 12px;
        margin-right: 0px
    }

    /*search area*/
    .searchPageHeader {
        padding-left: 0px;
    }

    .searchPageArea .searchPageLeft {
    }

    .searchPageArea .searchBox input[type='text'] {
        width: 295px;
    }

    .searchPageArea .searchPageLeft .coreCategoriesBlock {
        display: none;
    }

    .searchPageArea .searchPageLeft .studiosBlock {
        display: none;
    }

    .searchPageArea .searchPageLeft .sectionBlock {
        display: none;
    }

    .searchPageArea .searchPageLeft .nonCoreCategories {
        width: 350px;
        height: inherit;
        min-height: 600px;
        position: absolute;
        top: 77px;
        left: 0px;
        background: no-repeat 0 0 #FFF;
        z-index: 3;
        margin-left: 20px;
        margin-top: 0px;
        padding-left: 10px;
        padding-top: 10px;
    }

    .searchPageArea .searchPageLeft .nonCoreCategories table {
        padding-top: 15px;
        width: 340px;
        height: auto;
        overflow: visible;

    }

    .searchPageLeft .nonCoreCategories td {
        min-height: 25px;
        padding-bottom: 10px;
    }

    .searchPageLeft .nonCoreCategories tr {
        margin-bottom: 0px;
    }

    .advancedButton {
        display: none;
    }

    .searchPageHeader .searchButton {
        width: 250px;
        margin: 12px 0px 0px 55px;
    }

    .searchPageHeader .refineSearch {
        width: 250px;
        margin: 12px 0px 0px 55px;
    }

    /*Checkout*/
    #checkoutBG table {
        width: 100%;
        display: table;
    }

    #checkoutBG table tr {
        display: table-row;
    }

    #checkoutBG table td {
        display: table-cell;
        padding: 5px 0px 5px 0px;
    }

    #checkoutBG table td.totals {

        font-size: 123%;
    }

    #checkoutBG table td.odd {
        width: 20px;
    }

    #checkoutBG table.promoCode td {
        font-size: 73%;
        padding-bottom: 15px;
        vertical-align: middle;
    }

    #checkoutBG table.promoCode input[type = 'text'] {
        width: 190px;
        height: 32px;
        border: 1px solid;
    }

    #checkoutBG table.promoCode input[type = 'button'] {
        width: 100%;
    }

    /*testimonials*/
    .testimonialPrev a {
        background: url('../img/mobile/testimonialPrev.png') no-repeat left top transparent;
    }

    .testimonialNext a {
        background: url('../img/mobile/testimonialNext.png') no-repeat left top transparent;
    }

    /*backgroundBlock*/
    /*Previously Purchased Area*/
    .previouslyPurchasedRight {
        width: 360px;
    }

    .previouslyPurchasedLeft {
        width: 360px;
    }

    .previouslyPurchasedLeft p {
        float: left;
        margin-right: 10px;
    }

    /*Homepage Area*/
    .homePageArea {
        width: 360px;
    }

    .homePageArea span.heading {
        width: 170px;
    }

    .homePageArea span.heading span {
        width: 170px;
        padding: 10px 0px;
        margin: 0px;
    }

    .homePageArea .smallImage span.heading {
        width: 170px;
        margin-top: 130px;
    }

    .homePageArea .smallImage strong, .homePageArea .smallImage {
        width: 170px;
        height: 170px;
        float: left;
    }

    .homePageArea .smallImage img {
        max-width: 170px;
        max-height: 170px;
    }

    .homePageArea .largeImage span.heading {
        width: 360px;
        margin-top: 320px;
    }

    .homePageArea .largeImage strong, .homePageArea .largeImage {
        width: 360px;
        height: 360px;
    }

    .homePageArea .largeImage img {
        max-width: 360px;
        max-height: 360px;
    }

    .homePageArea .mediumImage span.heading {
        width: 360px;
        margin-top: 130px;
    }

    .homePageArea .mediumImage strong, .homePageArea .mediumImage {
        width: 360px;
        height: 170px;
    }

    .homePageArea .mediumImage img {
        max-width: 360px;
        max-height: 170px;
    }

    .homePageArea .smallImage.odd {
        margin-left: 20px;
    }

    .homePageArea .largeImage {
        margin-bottom: 20px;
    }

    .homePageArea .marginLeft {
        margin-left: 0px;
    }

    .homePageArea .marginRight {
        margin-right: 0px;
    }

    .homeBlock div {
        margin-bottom: 20px;
    }

    .homeBlock .floatClear {
        margin-bottom: 0px;
    }

    .homeBlock .verticalGroup {
        width: 360px;
    }

    /*testimonials*/
    .testimonialsArea {
        margin-bottom: 30px;
    }

    .testimonialNext, .testimonialPrev {
        position: absolute;
        width: auto;
    }

    .testimonialPrev a, .testimonialNext a {
        width: 12px;
        height: 28px;
        display: inline-block;
        margin-top: 173px;
    }

    .testimonialPrev a {
        margin-left: -15px;
        background: url('../img/mobile/testimonialPrev.png') no-repeat left top transparent;
    }

    .testimonialNext a {
        margin-left: 343px;
        background: url('../img/mobile/testimonialNext.png') no-repeat right top transparent;
    }

    .testimonials {
        padding: 20px;
        width: 320px;
        height: 336px;
        overflow: hidden;
    }

    .testimonialBlock {
        padding: 0px 20px;
        width: 280px;
        height: 336px;
    }

    .testimonialBlock .testimonialName {
        color: #9aa6ae;
    }

    .testimonialsInner {
        -webkit-transition: margin-left 1s ease-in-out;
        -moz-transition: margin-left 1s ease-in-out;
        transition: margin-left 1s ease-in-out;
    }

    .testimonialsInner.notactive {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        transition: none !important;
    }

    /* socialSection*/
    .homeBlock .backgroundBlock {
        width: 360px;
    }

    .homeBlock .activeBlock {
        width: 360px;
    }

    .homeBlock .activeBlock input[type="text"] {
        width: 298px;
    }

    /* Product Page */
    #productContainer {
        width: 360px;
        height: auto;
    }

    #imageContainer {
        width: 360px;
        height: auto;
        float: left;
    }

    #productFullImageContainer {
        width: 288px;
        height: 406px;
        float: left;
    }

    #productFullImage {
    }

    .zoomWrapper {
        height: 100% !important;
    }

    img#zoom_03 {
        max-width: 288px !important;
        max-height: 406px !important;
    }

    .zoomContainer {
        max-height: 406px !important;
        max-width: 288px !important;
        position: absolute;
        top: 158px !important;
        left: 20px !important;
    }

    .zoomWindow {
        width: 0px !important;
        height: 0px !important;
    }

    .zoomWindowContainer {
        width: 288px !important;
    }

    img#zoom_01 {
        max-width: 288px !important;
        max-height: 406px !important;
        position: relative !important;
    }

    #gallery_01 {
        padding-top: 0px;
    }

    #productSmallImageContainer {
        height: 406px;
        float: right;
        width: 72px;
    }

    #gallery_01 img {
        width: 60px;
    }

    .gallery_01_first {
        margin-left: 12px;
    }

    .gallery_01_img {
        margin-left: 12px;
        margin-top: 22px;
    }

    #productSubContainer {
        padding-left: 40px;
        width: 360px;
        height: auto;
        float: right;
        margin-top: 20px;
        display: inline-block;
        min-height: 425px;
    }

    #productSubContainer p.price {
        margin: 11px 0px 11px 0px;
    }

    #studioPrice {
        float: left;
        max-width: 80px;
    }

    #studioPrice p {
        float: left;
        max-width: 80px;
        max-height: 20px;
        overflow: hidden;
    }

    #studioTitle {
        width: 360px;
    }

    .nonExlcusiveDesign #studioTitle {
        position: absolute;
        margin-top: -369px;
    }

    #studioTitle p {
        float: left;
        max-height: 20px;
        overflow: hidden;
    }

    #productSubContainer p.studioTitle {
        margin: 11px 0px 11px 0px;
        text-align: right;
        float: left;
        display: none
    }

    #productSubContainer p.studio {
        margin: 11px 0px 11px 0px;
        text-align: right;
        float: right;
    }

    .nonExlcusiveDesign #productSubContainer p.studio {
        float: left;
    }

    #productSubContainer .swatchCost {
        padding-left: 4px;
    }

    #productHeader {
        width: 360px;
        position: relative;
    }

    #productContent {
        width: 360px;
        top: 0px;
        height: auto;
        position: relative;
        min-height: 243px;
    }

    #productContent .left {
        float: left;
    }

    #productContent .right {
        float: right;
    }

    .nonExlcusiveDesign #productContent .right {
        float: left;
    }

    #productContainer #productHeader {
        min-height: 50px;
    }

    .nonExlcusiveDesign #productContainer #productHeader {
        min-height: 355px;
    }

    #productContainer .licensesBox {
        margin-top: 197px;
    }

    #productContainer .licenseButton {
        font-size: 93%;
        padding: 7px 5px;
        width: 350px;
        height: 19px;
    }

    #productContainer .licenseDescription {
        padding-left: 0px;
        display: block;
        font-size: 68%;
        width: 360px;
    }

    #productDetails {
        min-height: 110px;
        margin-bottom: 10px;
    }

    .nonExlcusiveDesign #productDetails {
        position: absolute;
        margin-top: -330px;
    }

    #productContent p {
        margin-bottom: 24px;
        width: 180px;
    }

    #productOptions {
        height: auto;
        margin-bottom: 15px;
    }

    #productButtons {
        height: auto;
        width: 360px;
        margin-bottom: 20px;
        display: inline-block;
        min-height: 40px;
    }

    #productButtons input[type="button"] {
        width: 175px;
        margin: 0px !important;
        font-size: 14px;
    }

    #productCategories {
    }

    #productCategories .box {
        border: 1px solid;
    }

    #productCategories p {
        margin-bottom: 5px;
        padding: 5px 5px 5px 5px;
        display: inline-block;
        width: auto;
    }

    #productExtra {
        height: auto;
        text-align: center;
    }

    /*Popup Block*/
    .popupBlock.wrapper {
        background: #FFF;
    }

    .popupBlock .popupOutter {
        width: 360px;
        margin-top: 20px;
        border: 0px;
        height: 561px;
    }

    .popupBlock .popupInner {
        width: 340px;
        height: 541px;
    }

    .popupBlock .contentHTML {
        width: 250px;
    }

    .popupBlock .closeWindow {
        width: 320px;
        position: absolute;
        margin-left: 337px;
        margin-top: -14px;
    }

    /*Dropdown*/
    #subnavigation .dropdown-content {
        position: relative;
        min-width: auto;
        box-shadow: none;
        padding: 0px;
        margin: 0px;
    }

    #subnavigation .dropdown-content a {
        padding: 20px 0px;
    }

    #subnavigation .dropdown-content a:hover {
        text-decoration: none;
        border-bottom: 1px solid;
        padding: 20px 0px;
    }

    .dropdown-content .accountDropDown {
        margin-left: -45px;
    }

    .studioExtra #headerInner .logo img {
        max-width: 204px;
    }

    .studioExtra #headerInner .hamburger {
        margin-top: 7px;
    }

}