body {
    font-family: Verdana;
    height:100%;
    display:block;
    font-size: 13px;
}

html, body, #container { height: 100%; }

ul {
    list-style: none;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
}

a img{
    border-width: 0;
}

#assumed-user {
    background-color: #bf3030;
    width: 100%;
    text-align: right;
    height: 2em;
    padding: 5px 0px;
}

#assumed-user a {
    color: #FFFFFF;
    text-decoration: none;
}


label input {
    display: none;

    /* IE8 hack for checkbox exibition*/
    display/*\**/: block\9;
    width/*\**/: 16px\9;
    height/*\**/: 16px\9;
    display/*\**/: block\9;
    float/*\**/: left\9;
    margin-top/*\**/: 11px\9;
    margin-right/*\**/: 5px\9;
    margin-left/*\**/: 8px\9;
}

label span {
    width: 16px;
    height: 16px;
    display: block;
    background: #fff url("/static/images/checkbox-mask.5cd7ca789e50.png") left bottom no-repeat;
    background-position: 0px -15px;
    float:left;
    margin-top: 4px;
    margin-right: 5px;
    margin-left: 0px;
    cursor:pointer;
    float:left;

    /* IE8 hack for checkbox exibition*/
    display/*\**/: none\9;
}

label input:checked + span {
    background: #fff url("/static/images/checkbox-mask.5cd7ca789e50.png") left bottom no-repeat;
    background-position: 0px 0px;
    float:left;
}

hr {
    clear: both;
    color:#EAEAEA;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dashed #EAEAEA;
    margin: 20px 0;
    padding: 0;
}

a {
    color: #e2071a;
}

h2 {
    color:#525252;
    font-weight: normal;
    margin: 0;
    font-size: 1.8em;
    margin-top: 10px;
    margin-bottom: 20px;
}


h2 a {
    float: right;
    font-size: .6em;
    font-weight: normal;
    line-height: 2.5em;
}



.box {
    float: left;
    border: 1px solid #e2e2e2;
    width: 227px;
    height: 345px;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.box > img {
    max-height: 260px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    max-width: 225px;
    height: 225px;
}

.box > .info {
    position: absolute;
    bottom: 50px;
    left: 0px;
    right: 0px;
    height: 40px;
    padding: 0px 10px;
    color: #525252;
    overflow: hidden;
    font-size: 1.2em;
}

.box > .bottom {
    position: absolute;
    bottom: 0px;
    background-color: #f9f9f9;
    height: 40px;
    text-align: center;
    padding: 10px;
    width: 100%;
    border-top: 1px solid #EAEAEA;
    font-size: 0.9em;
}

.box > .bottom > .readmore {
    font-weight: bold;
    float: right;
}

.box > .bottom > .price {
    float: left;
}

.box > .bottom > .strikethrough {
    text-decoration: line-through;
}

.box > .bottom > .discount-price {
    float: left;
    color: #06a233;
    font-weight: 700;
    font-size: 14px;
}

.boxed-content {
    width: 100%;
    padding: 30px;
    margin-bottom: 2em;
    background-color: #fff;
    border: 1px solid #EAEAEA;
    font-size: 1em;
}

.boxed-content p {
    margin: 0;
    line-height: 2em;
}

.boxed-list .box,
.boxed-content
{
    color: #525252;
    padding: 15px;
    height: auto;
    width: 100%;
}

.large-text {
    font-size: 1.2em;
}

.center-module {
    padding: 5px;
}

.container {
    height: 100%;
    min-height: 100%;
}

.container .box img{
    padding: 15px;
    max-width: 225px;
    margin: 0 auto;
    display: table-cell;
}

#header {
    width: 100%;
    height: 92px;
    border-bottom: 2px solid #EAEAEA;
    background-color: #fff;
}

#header .dropdown{
    margin-top: 17px;
}

#main .container, #header .container, #footer .container {
    width: 1000px;
    margin: 0 auto;
    clear: both;
    height: 100%;
    display: block;
}

#header .header-link {
    float: right;
    margin-top: 25px;
    margin-right: 44px;
}

#header .shop-logo {
    height: 30px;
    float: right;
}

#header .slug-logo {
    width: 300px;
    float: left;
    margin-top: 5px;
}

#header .customer-image, .logos {
    float: left;
    text-decoration: none;
    max-width: 216px;
}

#header .customer-image {
    max-height: 70px;
}

.checked {
    border: 2px solid red !important;
    z-index: 5;
    background: transparent url("/static/images/checked-brand.bea5b6c426d3.png") left bottom no-repeat;
}

#main {
    margin-top: 10px;
    min-height: 73%;
}

#sidebar {
    width: 225px;
    margin-right: 20px;
    float: left;
}

#content-wrapper {
    float: left;
    width: 728px;
}

#content {
    margin-left: 0;
    float:right;
    width:100%;
}

#content input[type="button"] {
    height: 45px;
    cursor: pointer;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    background-color: white;
    color: red;
    margin-top: 10px;
    width: 200px;
    font-size: 1.8em;
    margin-left: 15px;
}

#content input[type="button"].disabled {
    color: grey !important;
}

a.disabled {
    cursor: not-allowed;
}

#footer {
    border-top: 1px solid #EAEAEA;
    background-color: #fff;
    height: 100px;
    width: 100%;
    padding-bottom: 2em;
    position: relative;
    bottom:0;
    clear: both;
}



#not-found, #error-page, #login, #password-reset {
    text-align: center;
    min-height: 510px;
}

#not-found .logo, #error-page .logo, #login .logo, #password-reset .logo {
    max-width: 300px;
}

#password-reset label {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 3px;
}

#password-reset form, #login form, #login div.login-box, #password-reset div.login-box {
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    max-width: 320px;
    width:100%;
    min-height: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#password-reset div.login-box {
    padding: 5px;
    min-height: 260px;
}

#login input, #password-reset input {
    width: 220px;
    border: 1px solid;
    border-color: #DBDBDB;
    padding: 10px;
    font-size: 14px;
}

#password-reset #id_new_password1,
#password-reset #id_new_password2 {
    margin-top: 0px;
    border-radius: 3px;
}

#username {
    margin-bottom: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#password {
    margin-top: 0px;
    border-top-width: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#register input[type="submit"],
#password-reset input[type="submit"],
#login input[type="submit"] {
    height: 45px;
    cursor: pointer;
    border: 1px solid #b20816;
    border-radius: 4px;
    background-color: #e2061a;
    color: #ffffff;
    margin-top: 10px;
    width: 220px;
    font-size: 18px;
    font-weight: bold;
}

#password-reset .error, #login .error {
    height: 45px;
    color: red;
}

#not-found .title, #error-page .title, #login .title, #password-reset .title {
    height: 70px;
    line-height: 70px;
}

#not-found .title, #error-page .title, #login .title, #password-reset .title {
    font-size: 14px;
}

#footer a {
    color: #858585;
    text-decoration: none;
}

.header-link > a {
    margin-right: 8px;
    color: #858585;
    text-decoration: none;
    font-size:0.9em;
    margin-right: 8px;
    vertical-align: middle;
    line-height: 30px;
}

span.helptext {
    font-size: 0.9em;
    color: #858585;
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
}

#register form#additional-information input[type="text"], #register form#additional-information input[type="email"],
#register form#additional-information input[type="file"],
#basket form#additional-information input[type="text"], #basket form#additional-information input[type="email"],
#basket form#additional-information input[type="file"] {
    display: block;
}

#register form,
#basket form {
    padding-bottom: 20px;
}

#register form textarea,
#basket form textarea{
    width:100%;
    height:80px;
    padding: 5px;
    min-height: 30px;
    border: 1px solid #EAEAEA;
    font-family: Arial, Verdana, "sans-serif";
}

#register form input,
#basket form input {
    min-height: 30px;
    border: 1px solid #EAEAEA;
    padding: 0 4px 0 10px;
    font-family: Arial, Verdana, "sans-serif";
}

#register form div.new-customer,
#basket form div.new-customer {
    margin-top: 10px;
}

#register form div.field,
#basket form div.field {
    margin-bottom: 5px;
}

#register form div.field:after,
#basket form div.field:after {
    content: "";
    display: block;
    clear: both;
}

#register form div.field.field-100 p,
#basket form div.field.field-100 p {
    width: 100%;
    display: block;
}

#register form div.field p,
#basket form div.field p {
    float:left;
    margin-top: 0;
    margin-right: 20px;
    width: 245px;
}

#register form div.field label,
#basket form div.field label {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    color: #555;
}

#register form div.field p input[type="text"],
#basket form div.field p input[type="text"],
#register form div.field p input[type="password"],
#basket form div.field p input[type="password"],
#register form div.field p input[type="email"],
#basket form div.field p input[type="email"],
#register form div.field p textarea,
#basket form div.field p textarea {
    width: 100%;
}

#register form div.field p input[type=file],
#basket form div.field p input[type=file] {
    margin-top: 5px;
    padding-top: 3px;
    padding-left: 3px;
}

#register .error input, #register .error textarea,
#basket .error input, #basket .error textarea {
    border: 1px solid #b94a48!important;
    background-color: #ffeeee!important;
}

div.search-form {
    margin-bottom: 10px;
}

div.search-form input[type="text"] {
    height: 30px;
    width: 70%;
    border: 1px solid #EAEAEA;
    padding-left:10px;
}

div.search-form button[type="submit"] {
    float: right;
    height: 30px;
    width: 28%;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    background-color: #568ec2;
    border: none;
}

@media screen and (min-width: 768px) { /* desktops, tablets*/
    #footer .logo, #footer .links {
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
    }
    #footer .logo>img {
        display: inline-block;
        vertical-align: middle;
    }

    #footer .logo {
        float:left;
    }

    #footer .links {
        text-align: right;
        float: right;
    }

    #footer a {
        padding:10px;
    }

    .sidebar-mobile, .menu-mobile, #menu-icon {
        display: none;
    }

    #header .slug-logo {
        width: 300px;
        height: 72px;
    }

    #header .slug-logo a{
        height: 72px;
        display: table-cell;
        vertical-align: middle;
    }
}

.sidebar-mobile, .menu-mobile, #menu-icon {
    display: none;
}

#thumbnail-box img {
    height: 50px;
    width: 50px;
    float: left;
    background-color: white;
    border: 1px solid #DBDBDB;
    margin: 5px;
    cursor:pointer;
}

#thumbnail-box img.bordered {
    border: 2px solid red;
}

#product-thumbnails {
    background-color: #f2f2f2;
    width: 100%;
    float: left;
}

#product {
    min-height: 470px;
    float: left;
}

#product .product-image {
    background-color: #ffffff;
    float: left;
    border: 1px solid #e2e2e2;
    width: 400px;
    position: relative;
}

.product-image .product-image-container {
    height: 400px;
}

.product-image .main-image {
    margin: 0 auto;
    display: block;
    padding: 15px;
    max-width: 400px;
    max-height: 400px;
}

#product .title {
    font-size: 1.8em;
    color: #525252;
    margin-bottom: 5px;
}

#product .description {
    font-size: 1.2em;
    color: #555;
    min-height: 135px;
    margin-bottom: 10px;
}

.price-box {
    margin-bottom: 8px;
    font-size: 2em;
    color: #555;
    font-weight: bold;
}
.price-box .price-variation {
    float: right;
    font-weight: normal;
}

#related-products {
    margin-right: 0;
}

#related-products img{
    padding: 10px;
    max-width: 225px;
}

.product-details {
    width: 300px;
    float: left;
    border: 1px solid #DBDBDB;
    background-color: white;
    margin-left: 10px;
    padding: 15px;
}

.product-details label{
    display:block;
    cursor:pointer;
}

.product-details a, .product-details a div{
    display:inline;
}

.product-details a div{
    float:right;
    margin-right:10px;
}

.product-details input[type="text"],
.product-details select {
    width: 268px;
    height: 40px;
    border: 1px solid #EAEAEA;
    padding-left: 10px;
}

.product-details select {
    background-color: #fff;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.product-details option {
    padding: 10px 10px;
    height: 40px;
}

.product-details label {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 2px;
}

.product-details .price.strikethrough {
    text-decoration: line-through;
    font-size: 0.8em;
}

.product-details .discount-price {
    color: #06a233;
}

.product-details input[type="submit"], #content .controls [type=submit]{
    height: 45px;
    cursor: pointer;
    border: 1px solid #b20816;
    border-radius: 4px;
    background-color: #e2061a;
    color: white;
    margin-top: 10px;
    width: 100%;
    font-size: 1.5em;
    font-weight: bold;
}

.product-details span {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #555;
}

.product-details .price-ladder {
    border: 1px solid #EAEAEA;
    margin-top: 10px;
}

.product-details .price-ladder table {
    color: #555;
    margin-top: 0;
    text-align: left;
}

.product-details .price-ladder thead > tr > th {
    width: 100px;
}



/**
 *  FIXME: There's probably plenty of logotype-chooser related CSS code we could
 *  remove and consolidate with the product dropdown code
 */



.new-dropdown {
    position: relative;
    margin-bottom: 1em;
}
.new-dropdown.empty {
    height: 42px;
}

.new-dropdown>div {
    border: 1px solid #EAEAEA;
    padding: 10px;
    color: #525252;
    line-height: 20px;
    background-color: white;
    cursor: pointer;
    background: transparent url("/static/images/down-with-border.d4770d24df82.png") right center no-repeat;
}

.new-dropdown.empty>div {
    background: inherit;
    cursor: inherit;
    background-image: none;
}

.new-dropdown>ul {
    position: absolute;
    width: 100%;
    background-color: white;
    margin: 0;
    padding: 5px 0px;
    top: 40px;
    border-top: none;
    display: none;
    z-index: 1000;
    box-shadow: 1px 2px 5px 1px #ccc;
}

.new-dropdown li {
    margin: 0;
    color: #525252;
    line-height: 20px;
    padding: 5px 10px;
    cursor: pointer;
}

.new-dropdown a {
    color: black;
    text-decoration: none;
}

.new-dropdown.logos {
    width: 200px;
    margin-top: 21px;
}

.new-dropdown.logos ul {
    padding: 0px;
    background-color: #EAEAEA;
}
.new-dropdown.logos li {
    height: 140px;
}

.new-dropdown.logos li a {
    display: block;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


ul.menu {
    border: 1px solid #EAEAEA;
    padding-left: 0;
    margin-top: 0;
}

ul.menu li {
    color: #525252;
    background-color: white;
    border-top: 1px solid #EAEAEA;
}

ul.menu li.active {
    font-weight: bold;
}

ul.menu a {
    padding: 10px 0px 10px 8px;
    margin-right: 5px;
    text-decoration: none;
    line-height: 1.5em;
    display: block;
    color: #525252;
}

ul.menu li.header {
    color: black;
    border-top: none;
    font-weight: bolder;
    padding: 10px 0px 10px 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#fbfbfb', GradientType=0)";
    background: linear-gradient(0deg, #fbfbfb, #ffffff);
}

ul.menu li.parent > a {
    background: transparent url("/static/images/left.e833b63f1425.png") right center no-repeat;
}
ul.menu li.parent.open > a {
    background: transparent url("/static/images/down.afb603a237a1.png") right center no-repeat;
}

ul.sub-menu {
    display: none;
}

ul.sub-menu.open {
    display: block;
}


ul.menu li.open,
ul.menu li.open ul li {
    background-color: #f9f9f9;
}


.menu-mobile li a{
    padding: 8px 3px !important;
}



#header ul.menu li ul {
    width: 477px;
    margin-left:-4px;
}

#header ul.menu li a {
    width:235px;
}

#header ul.menu li ul.sub-menu li {
    border: 0;
    border-top: 1px solid #EAEAEA;
    position:relative;
    width: auto;
    float:left;
    height:120px;
    border: 2px solid rgb(234, 234, 234);
    margin-left:-2px;
    margin-top:-2px;
}

#header ul.menu li ul.sub-menu li > div{
    display: table-cell;
    vertical-align: middle;
    height:120px;
}

.highlight {
    font-weight: bolder;
}

.dropdown {
    height: 30px;
    margin-bottom: 20px;
}

#header .dropdown-items {
    width: 200px;
}

.product-price{
    float:right;
    display:inline;
    margin-right:10px;
}

.dropdown-items {
    position: relative;
    width: 100%;
}

.dropdown-override {
    z-index: 2;
}

.dropdown-header {
    padding-left:10px;
    cursor: pointer;
    background: transparent url("/static/images/down-with-border.d4770d24df82.png") right center no-repeat;
}

.dropdown input[type="checkbox"] {
    margin-left: 10px;
}

.parent li.child {
    padding-left: 10px;
}

.pagination{
    display: block;
    clear: both;
    margin: 0 auto;
    float: right;
    width: 765px;
    text-align: center;
    margin-bottom:20px;
}

/* firefox-only */

@-moz-document url-prefix() {
    #header .dropdown {
        margin-top: 3px;
    }

    .dropdown{
        height: 30px;
        margin-bottom: 37px;
        float: left;
        display: block;
        margin-top: -17px;
    }
}


.product-details .detail {
    width: 35%;
    display: block;
    float: left;
    padding-right: 5px;
}

.product-details .detail.small {
    width:23%;
    text-align: right;
}

.detail.small form .value{
    margin-top: -13px;
    margin-right: -10px;
}

#basket > hr {
    margin:15px 0;
}


/**
 * View Historic Order
 */

#historic-order .title {
    font-weight: bold;
    margin-bottom: .5em;
}

#orderlines, #invoice-details {
    float: left;
}

#invoice-details #totals {
    float: right;
}

#invoice-details #address,
#invoice-details #invoice-address,
#invoice-details #delivery-information,
#invoice-details #delivery-date,
#invoice-details #placed-by,
#invoice-details #handled-by,
#invoice-details #status,
#invoice-details #customer-message,
#invoice-details #tracking,
#phone
{
    margin-top: 2em;
    clear: right;
}

#orderlines table {
    width: 100%;
}

#orderlines tr > .product {
    width: 70%;
}

#orderlines tr > .quantity {
    width: 15%;
}

#orderlines tr > .price {
    width: 15%;
}

#historic-orders-list table {
    width: 100%;
    border-spacing: 0px;
    border: 1px solid #e2e2e2;
    padding: 10px 15px;
}

#historic-orders-list th,
#historic-orders-list td {
    padding: 5px;
    vertical-align: top;
}

#historic-orders-list tr {
    color: #525252;
}

#historic-orders-list tr.odd {
    background-color: #eee;
    border-color: #eee;
}

#historic-orders-list tr.even {
    background-color: #fff;
    border-color: #fff;
}

#historic-orders-list td.no-wrap {
    white-space: nowrap;
}

#historic-orders-list tr .details {
    text-align: right;
}


#historic-orders-list .box>div{
    float:left;
    padding-right: 20px;
    width: 25%;
}

#historic-orders-list .box>.details {
    margin-top: 15px;
    text-align: right;
    padding-right: 0px;
}

#historic-orders-list tr.collapsible {
    display: none;
    font-size: 12px;
}

#historic-orders-list tr.collapsible table {
    padding: 0px;
    margin-bottom: 10px;
}

#historic-orders-list tr.collapsible thead th {
    font-weight: normal;
}

#historic-orders-list tr.collapsible th {
    text-align: left;
}

#historic-orders-list tr.collapsible > td {
    padding: 0px;
}

#historic-orders-list #search-purchase-history {
    width: 100%;
    height: 30px;
    border: 1px solid #EAEAEA;
}

#historic-orders-list #search-message {
    display: none;
    padding-top: 5px;
    color: #525252;
}

#order-list-header {
    margin-bottom: 10px;
}

#historic-orders-list .collapsible tr.odd{
    background-color: #ededed;
}

#historic-orders-list .collapsible tr.even{
    background-color: #f0f0f0;
}

.order .collapsible-icon:after{
    cursor: pointer;
    content:"+";
    display:inline-block;
}
.order.expand .collapsible-icon:after{
    content:"-";
}

.customer {
    margin-bottom:12px;
}

.customer, .user, #payment-methods{
    float: left;
    width: 100%;
}

.product-details>div {
    float: right;
    width: 95%;
    padding-bottom: 15px;
    padding-top: 15px;
}

.product-details .detail .title {
    margin-bottom: 14px;
}

.cart-item .product-info,
.cart-item .product-image
{
    float: left;
}

.cart-item .product-image {
    display: block;
    width: 122px;
    height: 122px;
    border: 1px solid #eaeaea;
    margin-right: 1em;
    background-position: center center;
    background-repeat: no-repeat;
}

.cart-item .product-image img {
    padding: 0;
    display: none;
}

.cart-item .price {
    position: absolute;
    bottom: 15px;
    right: 15px;
    line-height: 35px;
    padding: 0px;
}


.cart-item .price .strikethrough {
    text-decoration: line-through;
}

.cart-item .price .discount-price {
    color: #06a233;
    font-weight: bold;
}

.cart-item .remove {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #e2071a;
}

.cart-item .price>form {
    display: inline;
    margin-right: 100px;
    margin-left: 1em;
    background-color: transparent;
}

.cart-item .price input {
    width: 50px;
}

.cart-item .total-price {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    font-weight: bold;
    height: 100%;
}


.cart-item .header {
    font-weight: bold;
    margin-bottom: .5em;
}

.cart-item .sizes {
    line-height: 35px;
    padding: 0px;
    max-width: 350px;
}

.cart-item .sizes input {
    width: 40px;
    padding: 8px;
}

.cart-item .sizes {
    whitespace: no-wrap;
}

.total-order-price {
    text-align: right;
}

.total-order-price .value {
    margin-top: .5em;
    font-weight: bold;
}

#recreate-order{
    border: 1px solid #b20816;
    border-radius: 4px;
    background-color: #e2061a;
    color: white;
    font-size: 1.4em;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    float: right;
    display: block;
    width: auto;
    margin: 10px 0;
    margin-bottom: 40px;
    margin-right: 15px;
    cursor:pointer;
}


#basket{
    margin-bottom: 30px;
}

#basket .controls a, #basket .controls [type=submit]{
    width: 20%;
}

#basket .controls form{
    display:inline;
}

#basket .controls a {
    line-height: 45px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1.4em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

#basket .controls a.buy {
    border: 1px solid #b20816;
    background-color: #e2061a;
    color: white;
}

#basket .controls a.cancel{
    background-color:#DDDDDD;
    color:#505050;
    border-color:#C6C6C6;
}

#basket .controls{
    text-align:right;
}

#basket .print {
    margin-top: 15px;
    float: left;
    margin-left: 0;
    text-align: left !important;
}

#basket .detail form input[type=text]{
    padding: 8px;
    width: 40px;
    text-align: center;
}

#basket .detail input[type=text] {
    border: 1px solid #EAEAEA;
}

#additional-information label {
    clear: both;
    display: block;
}

#register .postaladdress input,
#basket .postaladdress input {
    float: left;
}

#register #id_delivery_address_postal,
#register #id_invoice_address_postal,
#basket #id_delivery_postaladdress,
#basket #id_invoice_postaladdress {
    margin-left: 5px;
}

ul.messages{
    width: 964px;
    margin-left: -5px;
}

.messages .info, .messages .error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 20px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.messages .info {
    color: #9F6000;
    background-color: #FEEFB3;
}

.messages .error {
    border: 1px solid #b94a48!important;
    background-color: #ffeeee!important;
}

[name=delivery_address]{
    width: 350px;
}

.align-left {
    text-align: left;
}

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

.align-right{
    text-align:right;
}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body, form { margin: 0; padding: 0; background-color: #fbfbfb; }
input[type=text] {  border: 1px solid #999; }

.clearfix { clear: both; }

label > span{
    margin-top: 22px;
    margin-right: 13px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

p.no-search-results {
    font-size: 1.2em;
    color: #525252;
}