.formInput {
  width: 160px;
  border: 1px solid #c0c0c0;
}

.small-image {
  border: 1px solid #666666;
}

a.category-to-product {
  text-decoration: none ! important;
  color: #CCCCCC;
}
a.category-to-product:hover {
  text-decoration: underline ! important;
  color: #FFFFFF;
}

input.searchQuery {
        width: 60px;
        height: 14px;
        font-size: 10px;
        font-family: Verdana, Helvetica, sans-serif;
        color: #fff;
        border: 1px solid #999;
        background-color: #333;
        margin: 0px;
        padding: 0px;
}

input.searchSubmit {
        width: 50px;
        height: 14px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: none;
        background-color: transparent;
        color: #fff;
        margin: 0px 0px 1px 0px;
        padding: 0px;
}

body {
        font-family: Verdana, Helvetica, sans-serif, Tahoma, Arial;
        font-size: 11px;
        color: #cccccc;
        background-color: #000000;
        width: 875px;
        margin: auto;
        padding: 25px 50px 0px 50px;
        text-align: center;
}

body, html {
        /*scrollbar-base-color: #009966;*/
        scrollbar-face-color: #666666;
        scrollbar-shadow-color: #333333;
        scrollbar-highlight-color: #333333;
        scrollbar-3dlight-color: #333333;
        scrollbar-darkshadow-color: #333333;
        scrollbar-track-color: #333333;
        scrollbar-arrow-color: #333333;
}

a:link, a:visited {
        margin: 0px;
        padding: 0px;
        color: #999999;
        text-decoration: underline;
}

a:hover, a:active {
        margin: 0px;
        padding: 0px;
        color: #cc0000;
        text-decoration: none;
}

table.navigation {
        width: 875px;
        height:20px;
        background-color: #000000;
        padding: 0px;
        margin: 0px;
        background-image: url("../images/navBgd.gif");
        background-position: top;
        border-collapse: collapse;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        text-transform: uppercase;
}

.navigation a {
        margin: 0px;
        border:1px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        text-transform: uppercase;
        text-decoration: none;  
        display:inline-block;
}

.navigation a:link, .navigation a:visited {
        text-decoration: none;  
        padding: 2px 9px 2px 9px;
        line-height: 13px;
}

.navigation a.active,
.navigation a.active:link, .navigation a.active:visited,
.navigation a:hover, .navigation a:active {
        color: #FFFFFF;
        background-image: url("../images/hoverBgd.gif");
        background-position: top;
        margin-top:0px;
        padding:2px 8px 2px 8px;
        border-left: 1px solid #666666;
        border-right: 1px solid #666666;
        line-height: 13px;
}

td.musicPlayer a:link, td.musicPlayer a:visited {
        text-decoration: none;
        padding: 0px 0px 3px 5px;
        line-height: 13px;
}

td.musicPlayer a.active,
td.musicPlayer a.active:link, td.musicPlayer a.active:visited,
td.musicPlayer a:hover, td.musicPlayer a:active {
        text-decoration: none;
        background-image: none;
        border: none;
        padding: 0px 0px 3px 5px;
        line-height: 13px;
}

.footer {
        width: 875px;
        height: 53px;
        background-image: url("../images/katharineEHamnett.gif");
        background-color: #000000;
        padding: 0px;
        margin: 0px;
}

.footerHomePage {
        width: 875px;
        height: 56px;
        background-image: url("../images/katharineEHamnettWhite.gif");
        background-color: #000000;
        padding: 0px;
        margin: 0px;
}


/* ---------------- MAIN CONTENT TABLES ---------------- */


table.content {
        margin: 5px 0px 22px 0px;
        padding: 0px;
        width: 875px;
        height: 455px;
        background-color:#000000;
        border-collapse: collapse;
        text-align: left;
        clear: both;
}

table.shopContent {
        margin: 5px 0px 22px 0px;
        padding: 0px;
        width: 875px;        
        height: 455px;
        background-color:#000000;
        border-collapse: collapse;
        text-align: left;
        clear: both;
}

td.fourtwofive {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 425px;
        height: 455px;
}

td.fourtwofiveTop {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 425px;
        vertical-align: top;
}

td.onesevenfive {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 175px;
        vertical-align: top;
        height: 455px;
}

td.twohundred {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 200px;
        vertical-align: top;
}

td.twohundredBot {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 200px;
        vertical-align: bottom;
}

td.spacer {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 25px;
}

td.aligntop {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        vertical-align: top;
}

td.sixfifty {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 650px;
}

td.sixfiftyTop {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 650px;
        vertical-align: top;
}

td.sixsixtyTop {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 660px;
        vertical-align: top;
}

td.sixsevenfive {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 675px;
        height: 455px;
        vertical-align: top;
}


/* ---- TEXT AND CONTENT STYLES ---- */


table.text {
        margin: 20px 0px 20px 0px;
        padding: 0px;
        width: 425px;
        text-align: center;
}

table {
        margin: 0px;
        padding: 0px;
        font-size: 11px;
}

td.text {
        margin: 0px;
        padding: 0px;
        width: 200px;
        vertical-align: top;
        text-align: left;       
}

td.textSpacer {
        margin: 0px;
        padding: 0px;
        width: 25px;    
}

div.center {
        margin: 20px 0px 20px 90px;
        padding: 0px;
        width: 240px;
}

div.scrollable {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        width: 200px;
        height: 455px;
        vertical-align: top;
}

div.scrollableStockists {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        overflow: auto;
        width: 100%;
        height: 420px;
        vertical-align: top;
}

div.scrollableFull {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        width: 650px;
        height: 455px;
        vertical-align: top;
}

div.scrollableContent {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        height: 370px;
        vertical-align: top;
}

div.scrollableEdit {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        height: 360px;
        vertical-align: top;
}

div.scrollableSearch {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        width: 875px;
        height: 403px;
        vertical-align: top;
}

table.editFields {
        margin: 10px 0px 10px 0px;
        padding: 0px;
        width: 450px;
}

table.newsletter {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        width: 425px;
}

td.editTitles {
        margin: 0px;
        padding: 0px 5px 0px 0px;
        width: 190px;
        font-size: 10px;
        line-height: 14px;
        text-align: right;
        vertical-align: top;
}

div.scrollableBio {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        height: 403px;
        vertical-align: top;
}

div.scrollableThumbs {
        margin: 48px 0px 0px 0px;
        padding: 0px;
        overflow: auto;
        height: 322px;
        width: 670px;
        vertical-align: top;
}

div.scrollableColourways {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        height: 455px;
        width: 107px;
        vertical-align: top;
}

div.scrollableEditorial {
        margin: 48px 0px 0px 0px;
        padding: 0px;
        overflow: auto;
        height: 350px;
        width: 700px;
        vertical-align: top;
}

span.reg-price-value-for-sale {
        white-space: nowrap;
        background: url(../images/linethrough.gif) repeat-x center left;
}

span.your-price-value-for-sale {
        white-space: nowrap;
	color: #CC0000;
}

img.thumbnails {
        margin: 0px 10px 15px 0px;
        padding: 0px;
}

img.pageTitle {
        margin: 0px 0px 24px 0px;
        padding: 0px;
}

img.video {
        margin: 10px 10px 0px 0px;
        padding: 0px;
        float: left;
        border: 1px solid #999999;
}

img.textrun {
        margin: 15px 10px 15px 20px;
        padding: 0px;
        border: 1px solid #999999;
}

img.tshirt {
        margin: 0px;
        padding: 0px;
        text-align: center;
}

table.tshirts {
        margin: 30px 0px 0px 0px;
        padding: 0px;
        width: 425px;
        vertical-align: top;
}

table.tshirts td {
        margin: 0px;
        padding: 0px;
        vertical-align: bottom;
}

table.editorial {
        margin: 0px;
        padding: 0px;
        width: 675px;
        vertical-align: top;
        border-collapse: collapse;
}

table.editorial td {
        margin: 0px;
        padding: 0px 0px 20px 0px;
        vertical-align: bottom;
        font-size: 10px;
        text-align: center;
        font-weight: bold; 
}

table.archive {
        margin: 0px;
        padding: 0px;
        width: 645px;
        vertical-align: top;
        border-collapse: collapse;
}

table.archive td {
        margin: 0px;
        padding: 0px 0px 20px 0px;
        vertical-align: bottom;
        font-size: 10px;
        text-align: center;
        font-weight: bold; 
}


/* ---- BUTTON STYLES ---- */

img {
        border: 0px;
}

img.orgLogo {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        border: 0px;
}

div.button {
        float: right;
}

div.buttonLeft {
        text-align: left;
        margin: 9px 0px 0px 0px;
}

img.icon {
        margin: 0px 0px 0px 7px;
        padding: 0px;
        border: 0px;
}

img.catHeaders {
        margin: 30px 0px 10px 0px;
        padding: 0px;
        border: 0px;
}

img.iconLeft {
        margin: 0px 7px 0px 0px;
        padding: 0px;
        border: 0px;
}

input.button {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        background-color: #000;
        width: 109px;
        height: 24px;
        background-image: url("../images/subscribe.gif");
        border: none;
}

.button a:link, .button a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        text-transform: uppercase;
        text-decoration: none;
}

.button a:hover, .button a:active {
        margin: 0px;
        padding: 0px;
        color: #ffffff;
        text-decoration: none;
}

.buttonLeft a:link, .buttonLeft a:visited {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        text-transform: uppercase;
        text-decoration: none;
}

.buttonLeft a:hover, .buttonLeft a:active {
        margin: 0px;
        padding: 0px;
        color: #ffffff;
        text-decoration: none;
}

table.list td {
        margin: 0px;
        padding: 8px 8px 0px 0px;
        vertical-align: top;
        line-height: 16px;
}

div.emergency {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        width: 195px;
        border: 1px solid #666666;
        background-color: #cc0000;
}

hr {
        margin: 20px 0px 10px 0px;
        padding: 0px;
        color: #666666;
        height: 1px;
}

p {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        font-size: 11px;
        color: #cccccc;
        line-height: 16px;
}

p.small {
        margin: 10px 0px 0px 0px;
        font-size: 10px;
        line-height: 14px;
}

p.links {
        margin: 5px 0px 0px 0px;
        font-size: 10px;
        line-height: 14px;
}

p.videoTitle {
        margin: 6px 0px 0px 0px;
        font-size: 10px;
        line-height: 14px;
}

p.quickLinks {
        margin: 5px 0px 0px 0px;
        font-size: 10px;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        line-height: 14px;
}

p.articleTitle {
        margin: 0px;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #cccccc;
        font-weight: bold;
        line-height: 25px;
}

p.shopHome {
        margin: 10px 0px 0px 5px;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #cccccc;
        font-weight: bold;
        line-height: 25px;
        text-align: center;
}

p.titles {
        margin: 0px;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        text-align: center;
}

p.first {
        margin: 0px;
}

p.editList {
        margin: 0px;
        font-size: 10px;
        line-height: 14px;
}

p.summary {
        margin: 10px 0px 10px 0px;
        font-size: 10px;
        line-height: 14px;
}

.dates {
        margin: 0px 0px 20px 0px;
        padding: 0px;
}

div.tmtLogo {
        float: left;
        margin: 15px 10px 0px 0px;
        padding: 0px;
        font-size: 10px;
        line-height: 14px;
}

span.shopNav {
        margin: 3px 0px 0px 30px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        float: right;
}

span.headerNav {
        margin: 6px 0px 0px 30px;
        padding: 0px;
        height: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        float: right;
}

.headerNav a:link, .headerNav a:visited {
        color: #444444;
        text-decoration: none;
}

.headerNav a:hover, .headerNav a:active {
        color: #999999;
        text-decoration: none;
}

span.mySpace {
        margin: 18px 0px 0px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
        text-transform: uppercase;
        float: left;
}

span.footerNav {
        margin: 18px 0px 0px 30px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        float: right;
}

.footerNav a:link, .footerNav a:visited {
        color: #444444;
        text-decoration: none;
}

.footerNav a:hover, .footerNav a:active {
        color: #999999;
        text-decoration: none;
}

em {
        color: #cc0000;
        font-style: normal;
}


strong {
        color: #ffffff;
        font-style: italic;
}

h1 {
        margin: 20px 0px 0px 0px;
        font-size: 15px;
        color: #cccccc;
        font-weight: bold;
        line-height: 25px;
}

h2 {
        margin: 0px;
        font-size: 15px;
        color: #cccccc;
        font-weight: bold;
        line-height: 25px;
}

h3 {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #ffffff;
        text-transform: uppercase;
}

h4 {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        text-transform: uppercase;
}

h5 {
        margin: 0px;
        font-size: 15px;
        color: #999999;
        font-weight: bold;
        line-height: 25px;
}

h6 {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #cc0000;
        text-transform: uppercase;
}

li {
        margin: 0px;
        padding: 0px 50px 0px 0px;
        list-style: square;
        font-size: 11px;
        line-height: 16px;
        text-align: left;
}

ul.numberedList li {
        margin: 0px;
        padding: 0px 50px 0px 0px;
        list-style: none;
        font-size: 11px;
        line-height: 16px;
        text-align: left;
}

.fadeIn {
        opacity: .01;
        filter: alpha(opacity=1);
}

a.hoverFade,
a.hoverFade:link, a.hoverFade:visited,
a.hoverFade:hover, a.hoverFade:active {
        color: white;
        text-decoration: none;
}

.quickLinks a.active,
.quickLinks a.active:link, .quickLinks a.active:visited,
.quickLinks a.active:hover, .quickLinks a.active:active {
        color: white;
        text-decoration: none;
}

.hoverFade {
        zoom:1;
        display:inline-block;
        opacity: .6;
        filter: alpha(opacity=60);
}

span.footerNav a.hoverFade ,
span.footerNav a.hoverFade:link, span.footerNav a.hoverFade:visited,
span.footerNav a.hoverFade:hover, span.footerNav a.hoverFade:active {
        color: #999999;
}

/* }}} */

/* {{{ ------------------ NEWSLETTER STYLES ------------------ */


div.newsletter {
        background-color: #000;
        text-align: center;
        margin: auto;
        padding: 0px 0px 20px 0px;
        width: 600px;
}

p.newsletter {
        margin: 15px 30px 5px 30px;
        padding: 0px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 15px;
        color: #ccc;
        text-align: left;
}

p.newsletterHeader {
        margin: 30px 30px 30px 30px;
        padding: 0px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 20px;
        color: #ccc;
        text-align: left;
        font-weight: bold;
}

p.newsletterHeaderCenter {
        margin: 30px 90px 30px 90px;
        padding: 0px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 20px;
        color: #999;
        text-align: center;
        font-weight: bold;
}

em.newsletterEm {
        color: #fff;
        font-style: normal;
        font-weight: bold;
}


ul.news {
        margin: 10px 40px 10px 40px;
        padding: 0px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 14px;
        color: #ccc;
        text-align: left;
}

li.news {
        margin: 12px 80px 5px 20px;
        list-style: square;
        list-style-image: url("../images/bullet.gif");
        padding: 0px;
}

.newsletterRight {
        margin: 0px;
        padding: 4px 30px 0px 20px;
}

a.newsLink:link, a.newsLink:visited {
        font-size: 11px;
}

a.newsLink:hover, a.newsLink:active {
        font-size: 11px;
}

a.headerLink {
        font-size: 15px;
        color: #999;
}

a.headerLink:link, a.headerLink:visited {
        font-size: 15px;
        color: #999;
}

a.headerLink:hover, a.headerLink:active {
        font-size: 15px;
        color: #cc0000;
}

/* Style for Error Messages */
.error {
        color: #cc0000;
        font-weight: bold;
        font-size: 10px;
}
.error-msg {
        border: 2px solid red;
        padding: 8px;
        margin: 20px 0px 20px 0px;
        color:red;
}
.error-message-title {
        font-weight: bold;
        color: red;
        margin-bottom: 5px;
        font-size: 120%;
}
.error-message-item {
        margin-bottom:3px;
        border: 2px solid red;
}