* {
    font-size: 1.0em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: 'Arial', sans-serif;
}

html {
    font-size: 82%;
    color: #414042;
    background: #ffffff url("/media/assets/img/bg-grad.png") top left repeat-x;
}

body {

}

ul#messages {
    display: none;
}

div#container {
    width: 968px;
    margin: 0px auto 0px auto;
    background: #f1f2f2 url("/media/assets/img/container-background.png") top left repeat-y;
    position: relative;
    padding: 0px 0px 0px 0px;
}

div#header {
    width: 968px;
    margin: 0px 0px 12px 0px;
    position: relative;
    height: 163px;
    background: white url("/media/assets/img/header-background.jpg") top left no-repeat;
}

a#branding {
    position: absolute;
    top: 25px;
    left: 86px;
    width: 186px;
    height: 70px;
}

a#branding:hover {
    background: url("/media/assets/img/branding-hover.png") top left no-repeat;
}

a#branding span {
    display: none;
}

ul#nav-primary {
    list-style: none;
    position: absolute;
    top: 114px;
    left: 30px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul#nav-primary li {
    float: left;
    height: 40px;
    display: inline;
    margin: 0px 0px 0px 0px;
}

ul#nav-primary li a {
    color: #414042;
    text-decoration: none;
    font-weight: normal;
    display: block;
    height: 32px;
    text-align: center;
    padding: 9px 0px 0px 0px;
}

ul#nav-primary li a:hover {
    text-decoration: underline;
}

ul#nav-primary li.home {
    width: 57px;
}

ul#nav-primary li.about {
    width: 69px;
}

ul#nav-primary li.super-deals {
    width: 90px;
}

body#super-deals ul#nav-primary li.super-deals {
    background: url("/media/assets/img/super-deals-background.png") top left no-repeat;
}

body#super-deals ul#nav-primary li.super-deals a {
    color: #c76402;
}

body#home ul#nav-primary li.home {
    background: url("/media/assets/img/home-background.png") top left no-repeat;
}

body#home ul#nav-primary li.home a {
    color: #c76402;
}

body#about-us ul#nav-primary li.about {
    background: url("/media/assets/img/about-us-background.png") top left no-repeat;
}

body#about-us ul#nav-primary li.about a {
    color: #c76402;
}

body#request-sample ul#nav-primary li.samples {
    background: url("/media/assets/img/samples-background.png") top left no-repeat;
}

body#request-sample ul#nav-primary li.samples a {
    color: #c76402;
}

body#news ul#nav-primary li.news a {
    color: #c76402;
}

body#news ul#nav-primary li.news {
    background: url("/media/assets/img/news-background.png") top left no-repeat;
}

body#contact ul#nav-primary li.contact-us a {
    color: #c76402;
}

body#contact ul#nav-primary li.contact-us {
    background: url("/media/assets/img/contact-us-background.png") top left no-repeat;
}

ul#nav-primary li.samples {
    width: 70px;
}

ul#nav-primary li.news {
    width: 52px;
}

ul#nav-primary li.contact-us {
    width: 81px;
}

div#login {
    position: absolute;
    top: 100px;
    left: 518px;
    width: 415px;
    padding: 7px 7px 0px 9px;
}

div#login p {
    color: #414042;
    margin: 0px 0px 2px 0px;
    font-size: 90%;
}

div#login form div {
    float: left;
    display: inline;
    width: 165px;
    padding: 1px 0px 0px 0px;
    white-space: nowrap;
}

div#login form input {
    display: inline;
}

div#login form div.first {
    width: 170px;
}

div#container div#login input.right {
    float: right;
    margin: 0px 10px 0px 0px;
}

div#login form div input {
    border: 1px #faa627 solid;
    width: 90px;
    font-size: 80%;
    padding: 1px 1px 1px 1px;
}

div#login form div input:hover, div#login form div input:focus {
    border: 1px #f37021 solid;
}

div#login label {
    color: #414042;
    font-size: 80%;
    font-weight: normal;
    display: inline;
}

div#login input#login-button {
    float: left;
    display: inline;
    width: 69px;
    font-size: 85%;
    height: 20px;
    color: white;
    background: #0e73b9 url("/media/assets/img/login-button.png") top left no-repeat;
    cursor: pointer;
    font-weight: bold;
}

div#login input#login-button:hover {
    background-image: url("/media/assets/img/login-button-hover.png");
}

div#login div#account-options a {
    color: #0e73b9;
    font-size: 80%;
    text-decoration: none;
    display: inline;
    float: left;
    margin: 4px 20px 0px 0px;
}

div#login div#account-options a:hover {
    text-decoration: underline;  
}

div#leftcol {
    width: 164px;
    float: left;
    margin: 0px 0px 10px 32px;
    display: inline;
}

div#helpline {
    width: 164px;
    background: #0e73b9 url("/media/assets/img/helpline-background.png") top left repeat-y;
    top: 176px;
    left: 36px;
    color: white;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    font-size: 110%;
}

div#helpline h2 {
    padding: 8px 12px 0px 12px;
    font-size: 100%;
    font-weight: bold;
    background: url("/media/assets/img/helpline-background-top.png") top left no-repeat;
}

div#helpline p {
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    padding: 0px 12px 0px 12px;
}

div#helpline p.telephone {
    font-size: 120%;
    font-weight: normal;
    margin: 2px 0px 0px 0px;
    padding: 0px 12px 8px 12px;
    background: url("/media/assets/img/helpline-background-bottom.png") bottom left no-repeat;
}

div#nav-secondary {
    width: 164px;
    margin: 12px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    background: white url("/media/assets/img/nav-secondary-background-bottom.png") bottom left no-repeat;;
}

div#nav-secondary h2 {
    background: #194a99 url("/media/assets/img/nav-secondary-header-background-2.png") top left no-repeat;
    color: white;
    font-size: 90%;
    font-weight: bold;
    padding: 4px 10px 3px 10px;
}

div#nav-secondary h2.first {
    background-image: url("/media/assets/img/nav-secondary-header-background.png");
}

div#nav-secondary ul {
    list-style: none;
    width: 162px;
    border-top: 0px #8da3cb solid;
    border-left: 1px #ffffff solid;
    border-right: 1px #ffffff solid;
    padding: 7px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

div#nav-secondary ul a {
    display: block;
    width: 142px;
    padding: 4px 10px 5px 10px;
    color: #4d4d4f;
    font-weight: bold;
    text-decoration: none;
    font-size: 85%;
}

div#nav-secondary ul a:hover {
    text-decoration: none;
    color: #333132;
    background-color: #f1f2f2;
}

div#nav-secondary ul a.here {
    background: #faec26;
    color: #1b4796;
}

div#content {
    width: 750px;
    float: left;
    display: inline;
    margin: 0px 0px 20px 12px;
    padding: 0px 0px 3px 0px;
    background: transparent url("/media/assets/img/content-background-bottom.png") bottom left no-repeat;
}

div#content-top {
    height: 116px;
}

div#banner-ad {
    height: 116px;
    width: 555px;
    background: transparent top left no-repeat;
    float: left;
    display: inline;
}

form#options_form {
    padding-left: 65px;
}

div#mini-shopping-cart {
    width: 143px;
    height: 111px;
    float: left;
    background: white url("/media/assets/img/mini-shopping-cart-background.png") top left no-repeat;
    display: inline;
    margin: 0px 0px 0px 11px;
    font-weight: bold;
    padding: 0px 10px 5px 10px;
}

div#mini-shopping-cart h2 {
    font-size: 90%;
    margin: 4px 0px 10px 27px;
}

div#mini-shopping-cart p.view-cart {
    margin: -4px 0px 0px 0px;
}
    

div#mini-shopping-cart p.view-cart a {
    display: inline;
    float: right;
    width: 72px;
    font-size: 80%;
    height: 20px;
    color: white;
    background: #0e73b9 url("/media/assets/img/view-cart-button.png") top left no-repeat;
    cursor: pointer; 
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
}

div#mini-shopping-cart p.view-cart a:hover {
    background: #0e73b9 url("/media/assets/img/view-cart-button-hover.png") top left no-repeat;
}

div#content-bottom {
    margin: 15px 0px 0px 0px;
    background: white url("/media/assets/img/content-bottom-background.png") top left repeat-y;
    float: left;
    display: inline;
}

div#content-primary {
    background: white;
    width: 450px;
    border-right: 1px #ffffff solid;
    float: left;
    display: inline;
    height: 100%;
}

#breadcrumbs {
    list-style: none;
    background: #1b4896 url("/media/assets/img/breadcrumbs-background.png") top left no-repeat;
    width: 434px;
    padding: 4px 13px 3px 5px;
    font-size: 90%;
    height: 16px;
    margin: 0px 0px 0px 0px;
}

#breadcrumbs li {
    float: left;
    display: inline;
    color: white;
    padding: 0px 13px 0px 6px;
    background: transparent url("/media/assets/img/breadcrumb-separator.png") center right no-repeat;
    margin: 0px 0px 0px 0px;
}

#breadcrumbs li.last {
    background: none;
}

#breadcrumbs li a {
    color: white;
    text-decoration: none;
}

#breadcrumbs li a:hover {
    text-decoration: underline;
}

div#content-primary-text {
    border-left: 1px #ffffff solid;
    width: 410px;
    padding: 15px 20px 20px 20px;
    height: 100%;
}

h1 {
    color: #0e73b9;
    font-size: 140%;
    margin: 5px 0px 15px 0px;
}

div#content-primary-text h2 {
    color: #0e73b9;
    font-size: 100%;
    margin: 20px 0px 10px 0px;
    clear: left;
}

div#content-primary-text h3 {
    font-size: 95%;
    margin: 20px 0px 10px 0px;
}

p {
    margin: 0px 0px 15px 0px;
    line-height: 140%;
    clear: left;
}

a {
    text-decoration: underline;
    color: #0e73b9;
}

div#content form table.narrow input {
    width: 150px;
}

div#content div#content-primary a.button,
div#content div#content-primary input.button,
div#content div#content-secondary input.button,
div#content div#content-primary input.narrow-button,
div#content div#content-secondary input.narrow-button,
div#content div#content-primary a.narrow-button,
div#content div#content-primary input.narrow-grey-button,
div#content div#content-primary a.narrow-grey-button,
div#content div#content-primary a.back-button {
    text-decoration: none;
    background: transparent url("/media/assets/img/a-button-background.png") top left no-repeat;
    color: white;
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 15px 0px;
    width: 200px;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size: 90%;
    font-weight: bold;
}

div#container div#content input.button,
div#container div#content input.narrow-button,
div#container div#content input.narrow-grey-button {
    height: 28px;
}

div#content div#content-primary a.button, 
div#content div#content-primary a.back-button {
    line-height: 28px;
}

div#content div#content-primary a.back-button {
    background: transparent url("/media/assets/img/back-button-background.png") top left no-repeat;
    color: #0e73b9;
}

div#content div#content-primary a.back-button:hover {
    background: transparent url("/media/assets/img/back-button-background-hover.png") top left no-repeat;
}

div#content div#content-primary input.right,
div#content div#content-primary a.right {
    float: right;
}

div#content div#content-primary input.narrow-button,
div#content div#content-secondary input.narrow-button,
div#content div#content-primary a.narrow-button {
    background: transparent url("/media/assets/img/narrow-button-background.png") top left no-repeat;
    width: 111px;
}

div#content div#content-primary input.narrow-button:hover,
div#content div#content-secondary input.narrow-button:hover,
div#content div#content-primary a.narrow-button:hover {
    background: transparent url("/media/assets/img/narrow-button-background-hover.png") top left no-repeat;
}

div#content div#content-primary input.narrow-grey-button,
div#content div#content-primary a.narrow-grey-button {
    color: #0e73b9;
    background: transparent url("/media/assets/img/narrow-grey-button-background.png") top left no-repeat;
    width: 111px;
}

div#content div#content-primary a.narrow-button,
div#content div#content-primary a.narrow-grey-button {
    width: 91px;
}

div#content div#content-primary input.narrow-grey-button:hover,
div#content div#content-primary a.narrow-grey-button:hover {
    background: transparent url("/media/assets/img/narrow-grey-button-background-hover.png") top left no-repeat;
}

div#content div#content-primary a.button:hover,
div#content div#content-primary input.button:hover,
div#content div#content-secondary input.button:hover {
    background: transparent url("/media/assets/img/a-button-background-hover.png") top left no-repeat;
}

div#content div#content-primary input.button,
div#content div#content-secondary input.button {
    width: 220px;
}

div#content div#content-secondary div.blue-panel {
    margin: 0px 0px -3px 0px;
}

h2 a {
    color: inherit;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

ul, ol {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 30px;
}

li {
    margin: 0px 0px 4px 0px;
}

a:hover {
    text-decoration: none;
}

.left {
    float: left;
    margin: 0px 6px 10px 0px;
}

.right {
    float: right;
    margin: 0px 0px 10px 0px;
}

div#content-primary h2.table-heading {
    text-align: center;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    margin: 20px 1px 2px 0px;
    background: #0072bc url("/media/assets/img/table-heading-background.png") top left no-repeat;
    height: 21px;
    line-height: 21px;
}

div#content-primary table {
    width: 100%;
    border-collapse: collapse;
    border: 1px #ffffff solid;
    margin: 0px 0px 25px 0px;
}

div#content-primary table table {
    margin: 0px 0px 0px 0px;
}

div#content-primary table td,
div#content-primary table th {
    border-bottom: 2px #ffffff solid;
    padding: 4px 10px 7px 10px;
}

div#content-primary table th {
    font-weight: normal;
}

div#content-secondary {
    width: 273px;
    border-left: 4px #f1f2f2 solid;
    float: left;
    background: white;
    display: inline;
}

div#content-secondary h2 {
    color: white;
    font-size: 90%;
    font-weight: bold;
    padding: 4px 10px 3px 10px;
    height: 16px;
}

div#content-secondary h2.over-blue {
    background: #194a99 url("/media/assets/img/content-secondary-header-background-over-blue.png") top right no-repeat;
}

div.blue-panel {
    background: #ffffff url("/media/assets/img/blue-panel-background.png") top left repeat-y;
    padding: 0px 0px 5px 0px;
}

div.blue-panel p {
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 10px 0px;
}

div.blue-panel p img {
    margin: 0px -10px -5px -10px;
    padding: 0px 0px 0px 0px;
}

div#blue-panel img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.blue-panel p.banner {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.blue-panel h2 {
    margin: 0px 0px 15px 0px;
    background: #194a99 url("/media/assets/img/content-secondary-header-background-over-blue.png") top right no-repeat;
}

div.blue-panel h3 {
    color: #0e73b9;
    font-size: 120%;
    margin: 0px 0px 15px 20px;
}

ul#quick-news {
    list-style: none;
    background: #f8f8f8;
    border-right: 1px #ffffff solid;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul#quick-news li {
    padding: 15px 20px 3px 20px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px #b3babf dashed;
}

ul#quick-news li.last {
    border-bottom: none;
}

ul#quick-news li h3 {
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
}

ul#quick-news li h3 a {
    text-decoration: none;
}

ul#quick-news li h3 a:hover {
    text-decoration: underline;
}

div#footer {
    margin: 0px 0px 0px 0px;
    clear: both;
    width: 968px;
    height: 255px;
    background: gray url("/media/assets/img/footer-background.png") top right no-repeat;
    position: relative;
}

ul#site-info {
    position: absolute;
    top: 17px;
    left: 30px;
    width: 125px;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul#site-info li {
    float: left;
    display: inline;
    font-size: 85%;
    color: #414042;
    padding: 0px 8px 0px 10px;
    margin: 0px 0px 0px 0px;
}

ul#site-info li.last {
    border-right: none;
}

ul#site-info li a {
    color: #414042;
    text-decoration: none;
}


ul#site-info li a:hover {
    text-decoration: none;

}

ul#payment-methods {
    position: absolute;
    top: 15px;
    right: 35px;
    width: 200px;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}

.footer-menu {
margin : 0 0 0px 10px;
}

.footer-menu:after {
content : ".";
clear : both;
display : block;
height : 0;
visibility : hidden;
}

.footer-menu li {
float : left;
margin : 65px 0 25px 10px;
padding : 0 0 0 0px;
background : none;
width : 165px;
list-style: none;
}

.footer-menu .row_leader {
margin-left : 25px;
clear : left;
}

.footer-menu li h2 {
color : #1b4796;
font-size : 120%;
font-weight : normal;
padding : 0px 0 10px 0;
text-decoration : none;
}

.footer-menu li h2 a:hover {
color : #1b4796;
font-weight : normal;
text-decoration : underline;
}

.footer-menu p a:visited {
color : #414042;
background : none;
text-decoration : none;
}

.footer-menu p a:link {
color : #414042;
background : none;
text-decoration : none;
}

.footer-menu p a:hover {
color : #1b4796;
background : none;
text-decoration : underline;
}

.footer-menu p {
font-size: 95%;
line-height : 150%;
padding : 0px 0 0px 0;
margin : 0;
}

.footer-menu h2 {
color : #1b4796;
font-weight : bold;
font-size : 95%;
padding : 0 0 10px 0;
margin : 0;
}




ul#votelinks {
    position: relative;
    bottom: 0px;
    left: 20px;
    width: 600px;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul#votelinks li.last {
    border-right: none;
}

ul#votelinks li {
    float: left;
    display: inline;
    font-size: 85%;
    color: #414042;
    padding: 0px 5px 0px 10px;
    border-right: 1px #414042 solid;
    margin: 0px 0px 0px 0px;
}

ul#votelinks li a {
    color: #414042;
    text-decoration: none;
}

ul#votelinks li a:hover {
    text-decoration: underline;
}

/*
    Page-specific styles.
*/

body.dark_panel div.blue-panel {
    background: #0073b8 url("/media/assets/img/blue-panel-background-dark.png") top left repeat-y;
    color: white;
}

body.dark_panel div.blue-panel a {
    color: white;
}

body.dark_panel div.blue-panel h2 {
    background: #194a99 url("/media/assets/img/content-secondary-header-background-over-blue-dark.png") top right no-repeat;
}

body.dark_panel div#content-secondary h2.over-blue {
    background: #194a99 url("/media/assets/img/content-secondary-header-background-over-blue-dark.png") top right no-repeat;
}

body#news div#content-primary-text ul.news {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 5px -20px 0px -20px;
}

body#news div#content-primary-text ul.news li.news {
    border-top: 1px #9b9a92 dashed;
    padding: 10px 20px 0px 20px;
}

body#news div#content-primary-text ul.news li.news h2 {
    margin: 10px 0px 10px 0px;
}

span.date {
    font-size: 75%;
    font-weight: normal;
    color: #58595b;
    white-space: nowrap;
}

img.loader {
    display: none;
    float: right;
}

/*
    Forms.
*/

div#content-primary label,
div#content-secondary label {
    font-weight: bold;
    float: left;
    clear: left;
    display: inline;
    margin: 5px 0px 5px 0px;
    width: 250px;
}

div#content-primary input,
div#content-primary select,
div#content-secondary input,
div#content textarea {
    width: 250px;
    background: white;
    border: 1px #989993 solid;
    padding: 1px 1px 1px 5px;
    margin: 1px 0px 10px 0px;
    float: left;
}

div#content-primary form a.help {
    float: left;
    margin: 1px 0px 0px 8px;
    display: none;
}

div#content-primary div.field {
    float: left;
    width: 600px;
    clear: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 0px 10px;
}

div#content-primary table.form label:after,
div#content-secondary table.form label:after {
    content: ":";
}

form span.required {
    margin-left: 5px;
}

div#content-primary form div.help {
    font-size: 90%;
    margin: 0px 47px 3px -15px;
    clear: left;
    border: 1px #ffffff solid;
    background: #f1f2f2;
    padding: 10px 10px 10px 10px;
}

div#content-primary form div.help h3 {
    margin: 0px 0px 6px 0px;
}

/*
    Product detail.
*/

table.postage-options {
    background: #f1f2f2;
    color: #333132;
}

div#content-primary table.postage-options td,
div#content-primary table.postage-options th {
    border: 2px #eaf2fa solid;
    text-align: center;
}

div#content-primary table.postage-options th.qty {
    background: #f7fcfe;
}

table.postage-options th.postage {
    border-left: 2px #eaf2fa solid;
    background: white;
}

table.postage-options span.postage-name {
    display: block;
    font-weight: bold;
    font-size: 95%;
    color: #184d9b;
}

table.postage-options span.postage-description {
    font-weight: normal;
    font-size: 90%;
}

table.postage-options th.qty {
    font-size: 100%;
    color: #184d9b;
    background: #f1f2f2;
}

table.postage-options td.quantity {
    background: #68a3d2;
}

div#content-primary table.postage-options td.postage-left {
    background: #bed7ec;
    padding: 0px 0px 0px 0px;
    border-left: 2px #eaf2fa solid;
    cursor: pointer;
}

table.postage-options th.postage-left {
    padding: 0px 0px 0px 0px;
    color: #010101;
    background: #89b7dc;
    border-left: 2px #eaf2fa solid;
}

div#content-primary table.postage-options td.postage-right {
    background: #d6e6f3;
    padding: 0px 0px 0px 0px;
    border-left: 1px #eaf2fa solid;
    cursor: pointer;
}

table.postage-options th.postage-right {
    background: #b4d1e9;
    border-left: 1px #eaf2fa solid;
}

table.postage-options button {
    background: transparent;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 3px 10px 3px 10px;
}

body#products div#content-bottom {
    background: white url("/media/assets/img/products-content-bottom-background.png") top left repeat-y;
}

body#products div#content {
    background: url("./media/assets/img/products-content-background-bottom.png") bottom left no-repeat;
}

body#products div#content-primary {
    background: #ffffff;
}

body#products div.artwork-information {
    background: #ffffff;
}

body#products div#content-secondary h2 {
    background: #194a99 url("/media/assets/img/content-secondary-header-background.png") top right no-repeat;
}

body#products div.artwork-template {
    border-bottom: 1px #989993 dashed;
    border-right: 1px #ffffff solid;
    padding: 20px 20px 0px 20px;
    color: #194a99;
}

body#products div#content-secondary h3 {
    color: #0e73b9;
    margin: 0px 0px 20px 0px;
}

body#products div#content-secondary div.product-details {
    padding: 25px 20px 20px 20px;
    border-right: 1px #ffffff solid;
}

/*
    Checkout pages.
*/

body.one_column div#content,
body.checkout div#content {
    background-image: none;
}

body.one_column div#content-bottom,
body.checkout div#content-bottom {
    width: 729px;
    background-image: none;
}

body.one_column div#content-primary,
body.checkout div#content-primary {
    width: 729px;
    background: none;
}

body.checkout #breadcrumbs {
    display: none;
}

body.one_column div#content #breadcrumbs {
    width: 711px;
}

body.checkout div#banner-ad {
    background-image: url("/media/assets/img/checkout-banner-ad-background.png");
}

img#checkout-progress {
    margin: 0px 0px 0px 23px;
}

body.checkout div#banner-ad h1 {
    color: white;
    font-size: 100%;
    padding: 2px 0px 0px 10px;
    margin: 0px 0px 12px 0px;
}

body.one_column div#content-secondary,
body.checkout div#content-secondary {
    display: none;
}

body.one_column div#content-primary,
body.checkout div#content-primary {
    border-right: none;
}

body.checkout div#content-primary-text {
    width: 687px;
    padding: 0px 0px 0px 0px;
}

body.one_column div#content-primary-text {
    width: 687px;
}

div#content div#content-primary table.shopping-cart {
    position: relative;
    left: -1px;
    width: 729px;
    border: none;
    margin: 0px 0px 10px 0px;
}

div#content div#content-primary table.shopping-cart tr.heading {
    background: #184c9a url("/media/assets/img/breadcrumbs-background.png") top left no-repeat;
    color: white;
    border-bottom: 15px white solid;
}

div#content div#content-primary table.shopping-cart tr.heading-checkout {
    margin-right: -15px;
}

body#upload_artwork div#content-primary table.shopping-cart tr.heading,
body#account_orders div#content-primary table.shopping-cart tr.heading,
body#account_view_order div#content-primary table.shopping-cart tr.heading {
    background: #184c9a url("/media/assets/img/breadcrumbs-background-white.png") top left no-repeat;
}

div#content div#content-primary table.shopping-cart tr {
    border-bottom: 3px white solid;
}

body.checkout div#content-primary table.shopping-cart tr.heading {
    border-right: none;
}

body.checkout div#content div#content-primary table.shopping-cart td {
    vertical-align: top;
    padding: 12px 10px 5px 10px;
}

body.checkout div#content div#content-primary table.shopping-cart td.vat-right {
    background: #f7fcfe url(../img/border-hack.png) top right repeat-y;
    border-left: 3px white solid;
}

body.checkout div#content-primary table.shopping-cart h2 {
    margin: 0px 0px 10px 5px;
}

body.checkout div#content-primary table.shopping-cart p {
    margin: 8px 0px 5px 0px;
}

body.checkout div#content-primary table.shopping-cart ul.attributes {
    margin: 2px 0px 5px 0px;
}

body.checkout div#content-primary table.shopping-cart a.view-item {
    font-size: 90%;
    color: red;
    text-decoration: none;
    padding: 0px 8px 0px 0px;
    background: url("/media/assets/img/view-item-background.png") right 5px no-repeat;
}

body.checkout div#content-primary table.shopping-cart a.view-item:hover {
    text-decoration: underline;
}

body.checkout div#content-primary table.shopping-cart tr.heading th {
    border: none;
    text-align: left;
    border-left: 1px white solid;
}

body.checkout div#content-primary table.shopping-cart tr.heading th.first {
    border-left: none;
    width: 45%;
}

body.checkout img.loader {
    position: absolute;
    top: 335px;
    right: 60px;
    z-index: 200;
    display: none;
}

div#content div#content-primary table.shopping-cart td.grey {
    background: #f7fcfe;
    border-left: 3px white solid;
}

div#content div#content-primary table.shopping-cart td.blue {
    background: #eaf2fa;
    border-left: 3px white solid;
}

div.vat-right {
    border-right: 15px white solid;    
}

div#content div#content-primary table.shopping-cart select {
    width: 80px;
}

body.checkout div.promotional-code {
    background: #0e73b9;
    text-align: right;
    width: 679px;
    padding: 5px 5px 5px 15px;
    margin: -5px 14px 0px 15px;
}

div.checkout-blue-panel {
    background: #eaf2fa;
    padding: 1px 1px 10px 5px;
    margin: 6px -28px 0px 15px; 
}

div.checkout-blue-panel-bottom {
    padding: 10px 15px 5px 10px;
    margin-bottom: 16px;
}

body.checkout div#content div#content-primary input#checkout-go {
    margin-right: 0px;
}

body.checkout div#content div#content-primary div.checkout-blue-panel input#update-cart {
    margin-right: 15px;
    display: inline;
    margin-bottom: 0px;
}

body.checkout div#content div#content-primary a#continue-shopping {
    margin-bottom: 0px;
}

body.checkout div#content-primary div.promotional-code input,
body.checkout div#content-primary div.promotional-code label {
    display: inline;
    float: none;
    clear: none;
    margin: 0px 0px 0px 0px;
}

body.checkout div#content-primary div.promotional-code label {
    color: white;
    margin: 0px 10px 0px 0px;
}

body.checkout div#content div#content-primary .right {
    margin: 10px -30px 10px 0px;
    clear: right;
    float: right;
}

body.checkout div#content div#content-primary a.back-button {
    margin: 10px 0px 10px 10px; 
}

div#content div#content-primary table.totals {
    width: 300px;
    margin: 3px 0px 5px 0px;
    float: right;
    background: #f1f1f2;
    border: none;
    padding: 0px 0px 0px 0px;
    position: relative;
}

div#content div#content-primary table.totals td {
    border: none;
    color: black;
    background: #f7fcfe;
    border-bottom: 3px white solid;
}

div#content div#content-primary table.totals tr.inc_tax td {
    background: white;
    font-weight: bold;
    border-bottom: none;
}

div#content div#content-primary-text h2.top,
div#content div#content-secondary h2.top {
    background: #184c9a url("/media/assets/img/breadcrumbs-background.png") top left no-repeat;
    color: white;
    font-size: 90%;
    font-weight: bold;
    height: 20px;
    margin: 0px -20px 20px -20px;
    padding: 3px 0px 0px 10px;
}

body.checkout div#content div#content-secondary h2.top {
    margin: 0px -21px 15px -20px;
    background: #184c9a url("/media/assets/img/breadcrumbs-background.png") top right no-repeat;
    background-position: top right;
}

ol.checkout-progress {
    position: absolute;
    list-style: none;
    top: 193px;
    left: 212px;
    width: 523px;
    height: 95px;
    padding: 0px 0px 0px 5px;
}

ol.checkout-progress li {
    float: left;
    height: 95px;
    width: 95px;
    margin: 0px 15px 0px 0px;
}

ol.checkout-progress a {
    display: block;
    height: 95px;
    width: 95px;
}

ol.checkout-progress a span {
    display: none;
}

/*
    Sign in / sign up.
*/

body#sign_in_sign_up div#content {
    background-image: none;
}

body#sign_in_sign_up div#content-bottom {
    background-image: url("/media/assets/img/sign-up-content-background.png");
    border-bottom: 15px white solid;
}

body#sign_in_sign_up div#content-primary {
    width: 364px;
}

body#sign_in_sign_up div#content-primary h2,
body#sign_in_sign_up div#content-secondary h2 {
    border-bottom: 15px white solid;
}

body#sign_in_sign_up div#content-secondary h2 {
    background-position: right top;
}

body#sign_in_sign_up div#content-secondary {
    display: inline;
    width: 322px;
    padding: 0px 20px 15px 20px;
    border-right: 1px #ffffff solid;
    border-left: 2px white solid;
    background-image: url("/media/assets/img/sign-up-content-background.png");
    background-position: right;
    background-repeat: repeat-y;
}

body#sign_in_sign_up div#content-primary-text {
    width: 324px;
    margin: 0px 20px 0px 20px;
    border: none;
}

body#sign_in_sign_up div#content div#content-primary a.right {
    margin: 0px 0px 15px 0px;
}

body div#content input#id_title,
body div#content input#id_postcode {
    width: 100px;
}

/*
    Checkbox overrides.
*/

p.errors {
    background: #ffffff url("/media/assets/img/dialog-warning.png") 7px 7px no-repeat;
    border: 2px #ff0000 solid;
    padding: 10px 10px 10px 40px;
    color: #ff0000;
}

div#content table.form,
div#content table.form th,
div#content table.form td {
    border-collapse: collapse;
    border: none;
}

div#content table.form th {
    width: 200px;
}

div#content table.form th,
div#content table.form td {
    padding: 7px 10px 7px 10px;
}

ul.errorlist {
    list-style: none;
    border: 2px red solid;
    background: #ffffff;
    padding: 5px 10px 0px 10px;
    clear: both;
}

table.form ul.errorlist {
    list-style: none;
    color: #ff0000;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: transparent;
    border: none;
}

div#contenttable.form label {
    display: inline;
    width: auto;
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#content table.form input,
div#content table.form select {
    margin: 0px 0px 0px 0px;
    
}

table.form th {
    text-align: left;
    vertical-align: top;
}

body div#content span.required {
    color: red;
}

div#content label.not-bold {
    font-weight: normal;
    display: block;
    clear: none;
    float: none;
    margin: 0px 0px 0px 30px;
    width: auto;
}

div#content .error input,
div#content .error select,
div#content .error textarea {
    background: #ffd0d0;    
}

tr.alt {
    background: #f1f2f2;    
}

p.buttons {
    padding-top: 20px;
}

div#content input#id_newsletter,
div#content input#id_accept_terms {
    width: auto;
    float: left;
    margin: 2px 0px 15px 10px;
}

div#content table.narrow label {
    width: 100px;
}

div#content div#content-secondary h3.red {
    color: red;
    margin-bottom: 10px;
}

div#content table.narrow th {
    width: 140px;
}

div#content div#content-primary h2.wide {
    margin: 0px -21px 20px -21px;
}

body#upload_artwork div#content div#content-primary-text {
    padding: 0px 20px 0px 20px;
    width: 687px;
}

body div#content div#content-primary input.checkbox {
    width: auto;
    margin: 2px 10px 0px 0px;
}

body#upload_artwork div#content table.uploads th {
    background: #1b4896;
    border: 1px #1b4896 solid;
    color: white;
    text-align: left;
    font-weight: bold;
}

div.address {
    width: 322px;
    float: left;
    padding: 0px 20px 20px 21px;
    margin: 0px 0px 0px -21px;


}

body div#content div#content-primary div.address h2 {
    color: white;
    padding: 4px 10px 4px 10px;
    margin: 0px -20px 20px -20px;
    background: #184c9a url("/media/assets/img/breadcrumbs-background.png") top left no-repeat;
}

body div#content div#content-primary div.address h2.delivery {
    background: #184c9a url("/media/assets/img/breadcrumbs-background.png") top right no-repeat;
    border-left: 1px white solid;
}

body div#content div#content-primary h2.inner {
    background-image: url("/media/assets/img/breadcrumbs-background-white.png");
}

ul.errors {
    font-weight: bold;
    clear: both;
    color: #b00000;
}

/*
    New layout changes.
*/

div#product-selector,
div#postage-options-inner {
    background: #eaf2fa;
    padding: 0px 0px 10px 0px;
}

div#postage-options-inner {
    padding: 0px 15px 15px 15px;
}

div#product-selector h2,
body div#content-bottom h2#delivery-heading {
    background: #287cbf url(../img/selector-h2.png) top left;
    color: white;
    height: 18px;
    padding: 4px 10px 0px 10px;
    
}

body div#content-bottom h2#delivery-heading {
    margin-bottom: 0px;
    margin: 10px -15px 10px -15px;
}

div#product-selector div.group {
    background: #f7fcfe url(../img/product-group.png) top left no-repeat;
    height: 53px;
    margin: 0px 47px 3px -15px;
    padding: 1px 0px 0px 16px;
    float: left;
    display: inline;
    clear: left;
    width: 290px;
}

div#product-selector div.group label {
    margin-bottom: 0px;
}

/*
    New form layout.
*/

form.newform {
    background: #eaf2fa;
    padding: 15px;
    margin: 0px 0px 0px 0px;
}

form.newform ul.errorlist {
    border: none;
    background: transparent;
    color: #800000;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

form.newform ul.errorlist li {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

div#content-primary form.newform div.group {
    background: #f7fcfe;
    margin: 0px 0px 3px 0px;
    float: left;
    width: 436px;
    clear: left;
    padding: 0px 100px 5px 120px;
}

div#content form.newform h3 {
    margin: 10px 0px 0px 10px;
}

div#content form.newform div.field {
    float: left;
    clear: none;
    margin-right: 5px;
    width: 350px;
    display: inline;
}

div#content form.newform div.field input,
div#content form.newform div.field select {
    margin-bottom: 4px;
    width: 350px;
}

div#content form.newform div.field label {
    margin-top: 0px;
    font-size: 90%;
    font-weight: normal;
}

div#content-primary form.newform div.group div.title,
body div#content div#content-primary form.newform div.group div.title input,
div#content-primary form.newform div.group div.title label {
    width: 50px;
}

div#content-primary form.newform div.group div.title {
    width: 350px;   
}

div#content-primary form.newform div.group div.name,
div#content-primary form.newform div.group div.name input,
div#content-primary form.newform div.group div.name select,
div#content-primary form.newform div.group div.name label {
    width: 125px;
}

div#content-primary form.newform div.group div.half,
body div#content div#content-primary form.newform div.group div.half input,
body div#content div#content-primary form.newform div.group div.half select,
div#content-primary form.newform div.group div.half label {
    width: 162px;
}

div#content-primary form.newform div.group div.how label {
    float: left;
    width: 162px;
    margin-top: 4px;
}

div#content-primary form.newform div.group div.how select {
    clear: none;
    width: 162px;
}

div#content-primary form.narrowform div.group {
    width: 380px;
    padding: 0px 0px 0px 0px;
}

div#content-primary form.narrowform div.group div.field input,
div#content-primary form.narrowform div.group div.field select,
div#content-primary form.narrowform div.group div.field textarea {
    width: 345px;
}

div#content-primary form.narrowform p.buttons {
    margin-top: -20px;
    margin-bottom: 30px;
}

div#content-primary form.narrowform p.buttons input {
    float: right;
}

div#content form.verynarrowform {
    background: none;
}

div#content form.verynarrowform h3 {
    margin-left: 0px;
    margin-top: -15px;
    margin-bottom: 10px;
}

div#content form.verynarrowform div.field input,
div#content form.verynarrowform div.field select,
div#content form.verynarrowform div.field textarea {
    width: 245px;
}

/*
    Changes to checkout form.
*/

body.checkout div#content div#content-primary table.shopping-cart td.checkout-details {
    padding: 0px 0px 0px 0px;
}

div.checkout-details {
    background: #eaf2fa;
    margin: 0px 0px 0px 15px;
    padding: 10px 10px 5px 10px;
}

/*
    Changes to sign up/sign up form.
*/

div.light-blue-sign-panel {
    position: relative;
    background: #f7fcfe;
    margin: -3px -3px 12px 12px;
    padding: 15px 15px 5px 15px;
}

div.light-blue-right-panel {
    background: #f7fcfe;
    margin: 17px 12px 0px -4px;
    padding: 15px 15px 0px 15px;
}

div#popup {
    background:#EFEFEF;
    border:1px solid #999999;
    margin:0px;
    padding:7px;
    width:180px;
}

body div#container div#nav-secondary h2 a {
    color: white;
}

div#extra-description {
    margin: 10px 0px 0px 0px;
}