.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: 23px 0px 25px 0px;
        padding: 0px;
        width: 875px;
        height: 455px;
        background-color:#000000;
        border-collapse: collapse;
        text-align: left;
}

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.onethirty {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        background-color:#000000;
        width: 130px;
        vertical-align: top;
}

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.spacer45 {
        margin: 0px;
        padding: 0px;
        background-color:#000000;
        width: 45px;
}

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;
}

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.scrollableArticles {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        width: 875px;
        height: 280px;
        vertical-align: top;
}

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

div.scrollableEdit {
        margin: 0px;
        padding: 0px;
        overflow: auto;
        height: 360px;
        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.scrollableEditorial {
        margin: 48px 0px 0px 0px;
        padding: 0px;
        overflow: auto;
        height: 350px;
        width: 700px;
        vertical-align: top;
}

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 20px 35px 0px;
        padding: 0px;
        border: 0px;
        float: left;
}

div.button {
        float: right;
}

div.buttonCenter {
        text-align: center;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

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

img.icon {
        margin: 0px 0px 0px 7px;
        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;
}

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.shopHome {
        margin: 10px 0px 0px 0px;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #cccccc;
        font-weight: bold;
        line-height: 22px;
        text-align: center;
}

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

p.smallContact {
        margin: 5px 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: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #cccccc;
        font-weight: bold;
        line-height: 25px;
}

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;
}

.articleThumbs {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        width: 130px;
        height: 100px;
        text-align: center;
}

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

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;
}