/* General */
html {
    margin:0;
    padding:0;
    min-width:600px;
    height:100%;
    color:#000;
    background-color:#f30;
}
body {
    position:relative;
    margin:0;
    padding:0;
    min-height:100%;
    background-color:#fff;
    font-family:sans-serif;
}
form {
    margin:0;
    padding:0;
}

/* Header */
#header {
    overflow:hidden;
    position:absolute;
    top:0;
    margin:0;
    padding:0;
    height:150px;
    width:100%;
    background-color:#f30;
    background-image:url(../image/header-background.png);
    background-position:center top;
    background-repeat:repeat-x;
}
#header h1 {
    margin:0;
    padding:0;
    min-height:150px;
    background-image:url(../image/header-logo-hover.png);
    background-position:center top;
    background-repeat:no-repeat;
}
#header h1 a {
    display:block;
    margin:0;
    padding:150px 0 0;
    background-image:url(../image/header-logo.png);
    background-position:center top;
    background-repeat:no-repeat;
}
#header h1 a:hover {
    background-image:none;
}

/* Wrapper */
#wrapper {
    padding:150px 0 35px;
}
#wrapper .slideshow {
    position:relative;
    height:143px;
    background-color:#fff;
    background-image:url(../image/slideshow-background.png);
    background-position:center top;
    background-repeat:repeat-x;
}
#wrapper .slideshow small {
    position:absolute;
    right:2px;
    bottom:0;
    color:#999;
    font-size:xx-small;
}

/* Content */
#content {
    overflow:hidden;
    position:relative; /* IE6 peek-a-boo bug */
    margin:0;
    padding:10px;
    color:#310;
    background-color:#fff;
    background-image:url(../image/content-background.png);
    background-position:center top;
    background-repeat:repeat-x;
}
#content h2 {
    margin:0.6em 0;
    border-bottom:1px solid #f96;
    padding:0 0 0.2em;
    color:#f30;
    font-size:x-large;
}
#content h3 {
    margin:1em 0 0.6em;
    border-bottom:1px solid #fc9;
    padding:0 0 0.2em;
    color:#f63;
    font-size:large;
}
#content h4 {
    margin:1em 10px 0.6em 20px;
    border-bottom:1px solid #fec;
    padding:0 0 0.2em;
    color:#f63;
    font-size:medium;
}
#content p {
    margin:1em 10px 1em 20px;
    text-align:justify;
    line-height:1.4em;
}
#content p.success,
#content p.error {
    margin:1em 0 1em 20px;
    border-width:1px 0;
    border-style:dotted;
    padding:5px 10px;
    font-weight:bold;
}
#content p.success {
    border-color:#0c0;
    color:#090;
    background-color:#efe;
}
#content p.error {
    border-color:#f00;
    color:#c00;
    background-color:#ffe;
}
#content p.seo-spam {
    border-top:1px solid #eee;
    overflow:auto; /* block context */
    color:#ccc;
    font-size:xx-small;
}
#content ul, ol {
    margin:1em 10px;
    padding:0 0 0 30px;
    text-align:justify;
    line-height:1.4em;
}
#content ul.catalog-list {
    margin:1em 10px 1em 20px;
    padding:0;
    height:1%; /* IE6 bug */
    list-style-type:none;
}
#content ul.catalog-list li {
    float:left;
    margin:0;
    padding:0.1em 0;
    min-width:160px;
    width:14%;
}
#content table {
    margin:1em 10px 1em 20px;
    font-size:small;
}
#content form label.required {
    font-weight:bold;
}
#content form label.error {
    color:#c00;
    font-weight:bold;
}
#content form table tr td {
    padding:1em 0 0;
    vertical-align:bottom;
}
#content form table tr:first-child td {
    padding:0;
}
#content form table tr td:first-child {
    border-bottom:1px solid #fec;
    padding-right:1em;
}
#content form input[type=text],
#content form textarea {
    border-width:1px;
    border-style:dotted;
    border-color:#f96;
    padding:2px;
    width:98%;
    color:#900;
    background-color:#ffd;
    font-family:sans-serif;
    font-size:small;
}
#content form input[type=text]:hover,
#content form textarea:hover {
    border-style:solid;
    border-color:#fc9;
    color:#b00;
}
#content form input[type=text]:focus,
#content form textarea:focus {
    border-style:solid;
    border-color:#f96;
    color:#c00;
}
#content form input[type=text].error,
#content form textarea.error {
    border-style:solid;
    border-color:#f63;
    color:#c00;
    background-color:#fed;
}
#content form button {
    border-width:1px;
    border-style:solid;
    border-color:#f96 #f63 #f63 #f96;
    padding:2px 10px;
    color:#900;
    background-color:#ffe;
    font-weight:bold;
    vertical-align:middle;
}
#content form button:hover {
    color:#c00;
}
#content form button:active {
    border-color:#f63 #f96 #f96 #f63;
    color:#c00;
}
#content form #form-error {
    display:none;
}
#content a {
    color:inherit;
    text-decoration:none;
}
#content a:link {
    color:#c00;
    border-bottom:1px solid #fa9;
}
#content a:visited {
    color:#933;
    border-bottom:1px solid #eba;
}
#content a:hover {
    color:#e00;
    background-color:#ffd;
    border-bottom:1px solid #f96;
}
#content .boxes {
    position:relative; /* IE6 peek-a-boo bug */
    float:right;
    margin:10px 0;
    padding:0 0 0 10px;
    width:180px;
    background-color:#fff;
    font-size:small;
}
#content .boxes .box {
    position:relative;
    margin:10px 0;
    border:4px solid #f30;
    padding:10px;
    height:1%; /* IE6 positioning bug */
    background-color:#fec;
}
#content .boxes .box .corner-upper-left,
#content .boxes .box .corner-upper-right,
#content .boxes .box .corner-lower-left,
#content .boxes .box .corner-lower-right {
    position:absolute;
    overflow:hidden;
    width:14px;
    height:14px;
    background-image:url(../image/rounded-corners.png);
    background-repeat:no-repeat;
}
#content .boxes .box .corner-upper-left {
    left:-4px;
    top:-4px;
    background-position:0px 0px;
}
#content .boxes .box .corner-upper-right {
    right:-4px;
    top:-4px;
    background-position:-14px 0px;
}
#content .boxes .box .corner-lower-left {
    left:-4px;
    bottom:-4px;
    background-position:0px -14px;
}
#content .boxes .box .corner-lower-right {
    right:-4px;
    bottom:-4px;
    background-position:-14px -14px;
}
#content .boxes .box h2 {
    margin:0 0 10px 0;
    border-bottom:1px solid #fc9;
    padding:0;
    color:#f00;
    font-size:medium;
    text-align:center;
}
#content .boxes .box ul {
    margin:0;
    padding:0 0 0 20px;
}
#content .boxes .box p {
    margin:10px 0 0;
    padding:0;
}
#content .boxes .box.partner ul {
    padding:0;
    list-style-type:none;
}
#content .boxes .box.partner ul li {
    overflow:hidden;
    margin:15px auto 0;
    width:130px;
    height:0;
    background-repeat:no-repeat;
}
#content .boxes .box.partner ul li.fruit-of-the-loom {
    padding:85px 0 0 0;
    background-image:url(../image/partner/fruit-of-the-loom.png);
}
#content .boxes .box.partner ul li.b-c-collection {
    padding:117px 0 0 0;
    background-image:url(../image/partner/b-c-collection.png);
}
#content .boxes .box.box.partner ul li.hanes {
    padding:116px 0 0 0;
    background-image:url(../image/partner/hanes.png);
}
#content .boxes .box.partner ul li.stedman {
    padding:31px 0 0 0;
    background-image:url(../image/partner/stedman.png);
}
#content .boxes .box.partner ul li.russell-workwear {
    padding:34px 0 0 0;
    background-image:url(../image/partner/russell-workwear.png);
}
#content .boxes .box.partner ul li.gildan {
    padding:27px 0 0 0;
    background-image:url(../image/partner/gildan.png);
}
#content .iamabot {
    display:none;
}

/* Footer */
#footer {
    overflow:hidden;
    position:absolute;
    bottom:0;
    margin:0;
    padding:0;
    height:36px;
    width:100%;
    background-color:#f30;
    background-image:url(../image/footer-background.png);
    background-position:center top;
    background-repeat:repeat-x;
    font-size:small;
}
#footer ul {
    margin:0;
    padding:10px 0;
    text-align:center;
}
#footer ul li {
    display:inline;
    margin:0 10px;
}
#footer a {
    color:inherit;
    text-decoration:none;
}
#footer a:link {
    color:#fec;
}
#footer a:visited {
    color:#f96;
}
#footer a:hover {
    color:#fff;
    border-bottom:1px solid #fc6;
}