/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


.boxText { 
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #3F3F3F;
letter-spacing: .1;
}

.categoriesboxText 
{ 
font-size: 12px; 
}

.errorBox { 
font-family : Helvetica, Arial, sans-serif; 
font-size : 12px; 
background: #ffb3b5; 
font-weight: bold; 
}

.stockWarning { 
font-family : Helvetica, Arial, sans-serif; 
font-size : 12px; 
color: #cc0033; 
}

.productsNotifications { 
background: #f2fff7; 
}

.orderEdit { 
font-family : Helvetica, Arial, sans-serif; 
font-size : 12px; 
color: #70d250; 
text-decoration: underline; 
}

.front-page img {
padding: 1px;
margin: 0;
float: left;
}

IMG {
border: 0px;
}

BODY {
text-align: center;
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

.fixcenter {
  width: 990px;
  border: 0px;
  background: #ffffff;
  color: #000000;
  margin: auto;
  margin-top: 0px;
  text-align: left;
}


A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

h1 {
 color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
}

TR.header {
  background: #ffffff;
font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
color: #3F3F3F;
}

TR.headerNavigation {
  background: #ffffff;
font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
color: #3F3F3F;
}

TD.headerNavigation {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #ffccff;
  font-weight : bold;
}

TD.headerNavigation h2 {
color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 8 0 0 0;
}

A.headerNavigation { 
  color: #3F3F3F; 
}

A.headerNavigation:hover {
  color: #3F3F3F;
}

.breadcrumb, A.breadcrumb, A.breadcrumb:hover {
color: #666666;
}

TR.headerError {
  background: #f303a9;
}

TD.headerError {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  background: #f303a9;
  color: #000000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #f303a9;
}

TD.headerInfo {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  background: #f303a9;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TABLE.footer {
width: 100%;
cellspacing: 3;
cellpadding: 3;
border-top: 1px solid #3F3F3F;
}

TABLE.footer p {
color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
}

TABLE.footer ul {
color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
list-style: none none outside;
padding: 0;
margin: 0;
}


TR.footer {
  background: #ffffff;
}

.infoBox {
  background: #ffffff;
}

.infoBoxContents {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #f303a9;
}

.infoBoxNoticeContents {
  background: #f303a9;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background: #ffffff;
  color: #3F3F3F;
}

#nav {
padding-left: 0;
padding-right: 0;
}

#nav ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

#nav li {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

#nav a {
display: block;
width: 140px;
}

#nav a:link {
text-decoration: none;
color: #3F3F3F;
}

#nav a:visited {
color: #3F3F3F;
}

#nav a:active {
text-decoration: none;
background-color: #ffccff;
color: white;
}

#nav a:hover {
text-decoration: none;
background-color: #FFCCFF;
color: white;
}

#nav .cat_lev_0 {
margin: 8 0 2 0;
}	

#nav .cat_lev_1 {
font-size: 10px;
letter-spacing: .1;
}	

#nav .cat_lev_1 a:link { 
padding: 1 3 1 3;
line-height: 1;
}

#nav .cat_lev_1 a:visited {
color: #3F3F3F;
padding: 1 3 1 3;
line-height: 1;
}

#nav .cat_lev_1 a:active {
text-decoration: none;
background-color: #ffccff;
color: white;
padding: 1 3 1 3;
line-height: 1;
}

#nav .cat_lev_1 a:hover {
text-decoration: none;
background-color: #cccccc;
color: white;
padding: 1 0 1 3;
line-height: 1;
}

.searchBox {
background: #000000;
width: 35px;
}

.searchBoxContents {
  background: #ffffff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8px;
}




TD.infoBox, SPAN.infoBox {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 20px;
}

.productListing-heading {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  background: #F4ADDE;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
vertical-align: top;
}

A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #ffffFF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin: 8 0 0 0;
  }

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText, DIV.smallText {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
color: #3F3F3F;
}

<!--AW07-->

img.aw07main {
padding-left: 23px;
padding-right: 23px;
float: left; 
margin: 0 10px 10px 0;
background-image: url(http://www.tattydevine.com/boutique/images/_AW07/stars.gif);
background-repeat: repeat;
background-position: left top;
}

img.aw07thumb {
 border: 0;
 width: 120px;
clear: left;
}

t1 {
  font-family: "Lucida Blackletter", "Blackmoor LET", gothic, Gothic, sans serif;
  font-size: 14px;
color: #663333;
}

t2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
color: #663333;
}

TD.accountCategory {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #000000;
}

TD.fieldKey {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
}

TEXTAREA {
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

TABLE.formArea {
  background: #ffffff;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

/* prices */

.price {
background-image: url(http://www.tattydevine.com/boutique/images/price2.jpg); 
background-repeat: no-repeat; 
width: 150px;
height: 75px;
font-family: Courier, monospace;
font-size: 24px;
text-indent: -17px;
color: #333300;
margin: 0px;
padding: 0px;
}

.price s {
font-size: 16px;
display: block;
margin: 0px;
padding: 0px;
margin-top: 20px;
line-height: 100%;
}

SPAN.productSpecialPrice {
background-image: url(http://www.tattydevine.com/boutique/images/price-sale.jpg);
background-repeat: no-repeat; 
background-position: 0px -36px;
width: 150px;
height: 75px;
  display: block;
  color: red;
text-indent: -17px;
font-size: 20px;
margin: 0px;
padding: 0px;
font-family: Courier, monospace;
line-height: 100%;
}

SPAN.CatproductSpecialPrice {
  font-family: Helvetica, Arial, sans-serif;
  color: red;
}

SPAN.errorText {
  font-family: Helvetica, Arial, sans-serif;
  color: #f303a9;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Helvetica, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Helvetica, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Helvetica, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* DDB - 041031 - Form Field Progress Bar */
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: navy;
	padding-left: 5px;}
}

/* name necklace page */

.names h1 {
font-style: italic; 
font-weight: bold;
font-size: 24px;
color: #F9C;
text-align: center;
margin-top: 0;
margin-bottom: 3;
} 

.names h2 {
font-style: italic; 
font-weight: bold;
font-size: 12px;
color: #F9C;
text-align: center;
margin-bottom: 0;
} 

.names h6 {
font-size: 9px;
font-weight: normal;
color: red;
text-align: right;
margin: 0 8 0 0;
}

.alphabet {
padding: 0;
border: 0;
margin: 0 0 0 0;
}

/* name necklace page */

div.icons {
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 160%;
margin-top: 0px;
margin-bottom: 0px;
}

div.icons img {
margin-top: 0px;
margin-bottom: 0px;
vertical-align: top;
}

/* SS08 - movie mayhem */

.SS08-strip {
background-image: url(http://www.tattydevine.com/boutique/images/_SS08/film-strip.gif); 
background-repeat: no-repeat; 
background-position: center top; 
position: relative; 
left: 0px; top: 0px;
}

.SS08-strip img {
border: none;
}

.SS08-height {
height: 658px;
}

.SS08-hover {
color: red; 
margin: 0px;
}

.SS08-enlarge {
color: #339933; 
margin: 0px;
}

.SS08-desc-red {
position: absolute; 
left: 80px; 
top: 340px; 
width: 400px; 
color: red; 
font-size: 18px;
margin: 0px;
padding: 0px;
}

.SS08-desc-green {
position: absolute; 
left: 2px; 
top: 2px; 
width: 400px; 
color: green; 
font-size: 18px;
margin: 0px;
padding: 0px;
}

.SS08-desc-red p {
margin: 0px;
padding: 0px;
}

.SS08-desc-red .icons {
margin-top: 10px;
}

.SS08-desc-red table {
color: red;
}

.SS08-bold b {
color: #339933;
}

.SS08-thumbs {
position: absolute; 
text-align: center;
margin: 0px;
padding: 0px;
}

.SS08-thumbs img {
border: none;
}

/* Valentines 08 */

.val-strip {
background-image: url(http://www.tattydevine.com/boutique/images/valentine/val-film-strip.gif); 
background-repeat: no-repeat; 
background-position: center top; 
position: relative; 
left: 0px; top: 0px;
}

.val-strip img {
border: none;
}

.val-height {
height: 590px;
}

.val-hover {
color: red; 
margin: 0px;
}

.val-enlarge {
color: red; 
margin: 0px;
}

.val-desc-red {
position: absolute; 
left: 80px; 
top: 340px; 
width: 400px; 
color: white; 
font-size: 18px;
margin: 0px;
padding: 0px;
}

.val-desc-green {
position: absolute; 
left: 2px; 
top: 2px; 
width: 400px; 
color: red; 
font-size: 18px;
margin: 0px;
padding: 0px;
}

.val-desc-red p {
margin: 0px;
padding: 0px;
}

.val-desc-red .icons {
margin-top: 10px;
}

.val-desc-red table {
color: red;
}

.val-bold {
color: red;
}

.val-thumbs {
position: absolute; 
text-align: center;
margin: 0px;
padding: 0px;
}

.val-thumbs img {
border: none;
}


/* FAQ */

.faq {
position: relative;
top: 0px;
left: 0px;
}

.faq a {
border: none;
font-family: Helvetica, Arial, sans-serif;
color: black;
line-height: 110%;
}

.faq-questions {
font-family: Helvetica, Arial, sans-serif;
width: 160px;
}

.faq-questions a {
text-decoration: none;
}

.faq-questions p {
margin: 2px;
}

.faq-questions h1 {
font-size: 12px;
margin: 0px;
margin-top: 5px;
color: #CCC;
}

.faq-questions a:active {
background-color: #CCC;
}

.faq-questions a:hover {
background-color: #CCC;
}

.faq-body {
font-family: Helvetica, Arial, sans-serif;
position: absolute;
top: 122px;
left: 170px;
width: 380px;
}

.faq-body a {
text-decoration: underline;
}

.faq-body .left {
background: url(http://www.tattydevine.com/boutique/images/_faq/swal-left.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.faq-body .left h1 {
text-indent: 50px;
padding-top: 20px;
font-size: 13px;
}

.faq-body .left p {
font-size: 12px;
margin: 5px;
}

.faq-body .left .first {
text-indent: 50px;
}

.faq-body .right {
background: url(http://www.tattydevine.com/boutique/images/_faq/swal-right.jpg);
background-repeat: no-repeat;
background-position: right top;
}

.faq-body .right h1 {
text-align: right;
width: 330px;
padding-top: 20px;
font-size: 13px;
}

.faq-body .right p {
font-size: 12px;
margin: 5px;
}

.faq-body h2 {
color: #CCC;
font-size: 12px;
margin: 0px;
margin-top: 5px;
margin-bottom: 5px;
}

/* random tagline above categories infobox */

p.randomtag {
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 5px;
margin-bottom: 8px;
color: black;
font-weight: bold;
}


/* category information boxes */

.cat_info_box {background: #ffffff; padding: 0px; margin-bottom: 0px; font-family: Helvetica, Arial, sans-serif;
  font-size: 12px; width: 440px; height: 0px; position: relative; top: -130px; left: 170px; text-align: center; border: none;}

.cat_info_box a {color: white;}

/* rob ryan */

.rob-strip {
background-image: url(http://www.tattydevine.com/boutique/images/_exhib/_rob/product-background.gif); 
background-repeat: no-repeat; 
background-position: center top; 
position: relative; 
left: 0px; top: 0px;
}

.rob-strip img {
border: none;
}

.rob-height {
height: 720px;
}

.rob-desc {
position: absolute;  
width: 350px; 
color: black; 
font-size: 11px;
margin: 0px;
padding: 0px;
}

.rob-desc p {
margin-top: 0px;
padding: 0px;
}

.rob-blurb {
position: absolute;  
top: 570px;
left: 110px;
width: 290px; 
color: black; 
font-size: 10px;
margin: 0px;
padding: 0px;
}

.rob-blurb p {
margin-top: 0px;
padding: 0px;
}

.rob-thumbs {
position: absolute;
font-size: 10px; 
text-align: right;
margin: 0px;
padding: 0px;
}

/* budgie */

.budgie-strip {
background-image: url(http://www.tattydevine.com/boutique/images/_exhib/_budgies/budgie_cage.jpg); 
background-repeat: no-repeat; 
background-position: center top; 
position: relative; 
left: 0px; top: 0px;
}

.budgie-strip img {
border: none;
}

.budgie-height {
height: 801px;
}

.budgie-desc {
position: absolute;  
left: 65px; 
top: 663px;
width: 440px; 
color: white; 
font-size: 11px;
line-height: 12px;
margin: 0px;
padding: 0px;
text-align: center;
}

.budgie-desc p {
margin-top: 0px;
padding: 0px;
line-height: 12px;
}

.budgie-blurb {
position: absolute;  
top: 570px;
left: 110px;
width: 290px; 
color: black; 
font-size: 10px;
margin: 0px;
padding: 0px;
}

.budgie-blurb p {
margin-top: 0px;
padding: 0px;
}

.budgie-thumbs {
position: absolute;
left: 235px; 
top: 543px;
font-size: 10px; 
text-align: center;
margin: 0px;
padding: 0px;
color: white;
line-height: 17px;
}

/* gallery page */

.gal-wrap {
position: relative; 
width: 545px; 
}

.gal-wrap div {
position: absolute; padding-right: 20px;
}

.gal-wrap p {
font-size: 11px; margin-left: 10px; margin: 5 0 5 0; padding: 0px; width: 170px; 
}

.gal-wrap a:hover {
background-color:#CCCCCC;
}

.gal-wrap a {
text-decoration:none;
border:medium none;
color:black;
font-family: Helvetica, Arial, sans-serif;
}

.gal-wrap h5 {
margin-bottom: 0px;
}

/* gilbert & george */

.gg-roll a {
background: white url(http://www.tattydevine.com/boutique/images/_gilbert/front-page.jpg) no-repeat center top;
display: block;
height: 500px;
}

.gg-roll a:hover {
background-position: center -500px;
margin-left: auto;
margin-right: auto;
}

/* plectrum page */

.plectrum p {
margin: 0px;
padding: 0px;
font-size: 10px;
text-align: center;
vertical-align: top;
}

.plectrum td {
margin: 0px;
padding: 0px;
}

/* capitalisation */

.cap {
text-transform: uppercase;
}

/* subcategory images rollover with chain */

a.subroll:link {
display: block;
}

a.subroll:hover {
background-image: URL(http://www.tattydevine.com/rob-chain.gif);
background-repeat: no-repeat;
}

/* AW08 Attack of the 50ft Jewellery */

.AW08 {
font-family: Helvetica, Arial, sans-serif;
color: #3F3F3F;
text-align: justify;
letter-spacing: -1px;
position: relative;
top: 0px;
left: 0px;
padding: 5px;
border: 1px solid #3F3F3F;
width: 550px;
}

.AW08 a:link {
text-decoration: none;
border: none;
}

.AW08 a:visited {
text-decoration: none;
border: none;
}

.AW08 a:hover {
text-decoration: none;
border: none;
}

.AW08 a:active {
text-decoration: none;
border: none;
}

.AW08 div {
margin: 0px;
padding: 0px;
}

.AW08 img {
margin: 0px;
padding: 0px;
border: none;
}

.AW08 p {
margin: 0px;
padding: 0px;
}

.AW08-desc {
font-size: 18px;
text-transform: uppercase;
}

.AW08-infotitle {
font-size: 16px;
}

.AW08-presents {
font-size: 11px;
}


.AW08-star {
font-size: 11px;
color: #3F3F3F;
letter-spacing: 0px;
}

.AW08-info {
font-size: 12px; 
letter-spacing: 0px;
text-decoration: none;
color: #3F3F3F;
}

.AW08-line {
line-height: 25px;
}

.dimmer-roll a {
background: white url(http://www.tattydevine.com/boutique/images/_AW08/dimmer_switch.gif) no-repeat center top;
display: block;
height: 75px;
width: 75px;
}

.dimmer-roll a:hover {
background-position: center -75px;
margin-left: auto;
margin-right: auto;
}

/* angel of the north */

.angel-roll a {
background: white url(http://www.tattydevine.com/boutique/images/_angel/angel.jpg) no-repeat center top;
display: block;
height: 691px;
width: 540px;
}

.angel-roll a:hover {
background-position: center -691px;
margin-left: auto;
margin-right: auto;
}

/* robots in disguise */

.robot-roll a {
background: white url(http://www.tattydevine.com/boutique/images/_robots/robots-hover.jpg) no-repeat center top;
display: block;
height: 549px;
width: 550px;
}

.robot-roll a:hover {
background-position: center -549px;
margin-left: auto;
margin-right: auto;
}

/* Best Of 2008 */

#bo08 img {
border: 0;
}

#bo08 h1 {
font-weight: bold;
font-size: 14px;
}

#bo08 p {
font-size: 12px;
}

#bo08 h2 {
font-size: 10px;
}


#bo08 span {
font-weight: bold;
}

.bo-right {
float: right; 
margin-top: 5px; 
text-align: center;
}

.bo-right p {
margin-top: 2px;
font-size: 10px;
}

.bo-center {
margin-top: 10px; 
text-align: center;
clear: both;
}

.bo-center p {
margin-top: 2px;
font-size: 10px;
}

.red-lip {
color: #ff3333;
}

.blu-anna {
color: #333399;
}

.gld-peg {
color: #FFCC66;
}

.gld-sue {
color: #FF9933;
}

.grn-eit {
color: #99cc66;
}

.grn-sue {
color: #cccc33;
}

.org {
color: #ff6633;
}

.am-org {
color: #ff3300;
}

.pink {
color: #ff99cc;
}

.tatty-pink {
color: #ffccff;
}

.red-lol {
color: #ff0033;
}

.red-rosie {
color: #cc6633;
}

.skin {
color: #ffcccc;
}

.slv {
color: #cccccc;
}

.taupe {
color: #cc9933;
}

.yel-jen {
color: #ffff33;
}

.yel-pop {
color: #ffff99;
}

.yel-squ {
color: #ffcc33;
}

.blu-bar {
color: #0066cc;
}

.red-anat {
color: #990000;
}

.turq-ame {
color: #0099ff;
}

.turq-paul {
color: #0099cc;
}

.turq-bar {
color: #339999;
}

.grey-bar {
color: #3F3F3F;
}

.ilo-pch {
color: #ff6666;
}

.lei-pur {
color: #6633CC;
}

.mimi-grn {
color: #666600;
}

.jig-pnk {
color: #CC3366;
}

.ppp-blu {
color: #3399ff;
}

.red {
color: #ff0000;
}

.wha-blu {
color: #526eb7;
}

/* Halloween 2008 */

.betty-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Betty.jpg) no-repeat left top;
display: block;
height: 294px;
}

.betty-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.boo-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Boo.jpg) no-repeat left top;
display: block;
height: 294px;
}

.boo-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.carrie-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Carrie.jpg) no-repeat left top;
display: block;
height: 294px;
}

.carrie-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.ruth-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Ruth.gif) no-repeat left top;
display: block;
height: 294px;
}

.ruth-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.claire-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Claire.gif) no-repeat left top;
display: block;
height: 294px;
}

.claire-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.bob-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Bob.gif) no-repeat left top;
display: block;
height: 294px;
}

.bob-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.laura-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Laura.gif) no-repeat left top;
display: block;
height: 294px;
}

.laura-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.mort-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Morticia.gif) no-repeat left top;
display: block;
height: 294px;
}

.mort-roll a:hover {
background-position: left -294px;
margin-left: auto;
margin-right: auto;
}

.crest-roll a {
background: url(http://www.tattydevine.com/boutique/images/_halloween-bonfire/Crest.jpg) no-repeat left top;
display: block;
height: 120px;
}

.crest-roll a:hover {
background-position: left -120px;
margin-left: auto;
margin-right: auto;
}

/* Mark Pawson */

.mp-strip {
background-image: url(http://www.tattydevine.com/boutique/images/_mpawson/mark-bgrnd.gif); 
background-repeat: no-repeat; 
background-position: center top; 
position: relative; 
left: 0px; top: 0px;
}

.mp-strip img {
border: none;
vertical-align: top;
}

.mp-strip p {
text-decoration: none;
color: black;
}

.mp-height {
height: 829px;
}

#bag .infoBox { 
background: #FFCCFF; 
border-left: 1px solid black;
border-right: 1px solid grey;
border-bottom: 1px solid black;
width: 200px;
margin-left: 3px;
padding: 5px;
}

/* Glasses enlarge icon rollover */

.enlarge a {
background: white url(http://www.tattydevine.com/boutique/images/icons/ENLARGE.gif) no-repeat center top;
display: block;
height: 18px;
}

.enlarge a:hover {
background-position: center -18px;
margin-left: auto;
margin-right: auto;
}

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Helvetica, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #CCC; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.roller-pink
{color: #f97db8;}

/* PIANOBOX */

.pianoBox {
background: #ffffff url(images/keyboard-blk.gif) scroll 2px 2px no-repeat;
width: 201px;
height: 600px;
font-family: Helvetica, Arial, sans-serif; font-size: 14px;
vertical-align: top;
}

.pianoBox a:link {
text-decoration: none;
color: black;
height: 45px;
display: block;
line-height: 40px;
padding: 0;
spacing: 0;
margin: 0;
width: 201px;
vertical-align: top;
}

.pianoBox a:visited {
text-decoration: none;
color: black;
height: 45px;
display: block;
line-height: 40px;
padding: 0;
spacing: 0;
margin: 0;
width: 200px;
}

.pianoBox a:active {
text-decoration: none;
color: black;
height: 45px;
display: block;
line-height: 40px;
padding: 0;
spacing: 0;
margin: 0;
width: 200px;
}

.pianoBox a:hover {
text-decoration: none;
color: black;
height: 45px;
display: block;
line-height: 40px;
padding: 0;
spacing: 0;
margin: 0;
width: 200px;
background: url(images/keydown4.gif) no-repeat left top;
}

/* NEW STYLE PRODUCT INFO! */

.product {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.3;
padding: 0;
margin: 0;
border: 0;
}

.thumbs {
width: 90px;
float: left;
height: 450px;
margin: 0;
padding: 0;
}

.thumbs img {
width: 40px;
height: px;
margin: 0 3 1 0;
padding: 0;
}

.product .desc-column {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

.product .desc-column h1 {
font-size: 18px; 
margin: 0 0 5 0; 
line-height: 19px;
}

.product .logo {
width: 150px;
margin-bottom: 5px;
}

.product .desc {
font-size: 11px;
margin-top: 0px;
}

.product .separator {
border-bottom: 1px dashed #999999;
}

.product .smallprint {
font-size: 9px; 
color: #999999;
margin: 3 0 0 0;
}

.product .colours {
font-size: 9px; 
color: white;
width: 150px;
margin: 5 0 0 0;
padding: 0;
border-collapse:collapse;
line-height: 1;
}

.product .colours tr {
text-align: center; 
height: 40px;
vertical-align: top;
margin: 0;
padding: 0;
}

.product .colours td {
background:  no-repeat center top;
margin: 0;
padding: 0;
width: 50px;
height: 40px;
}

.product .colours p {
margin: 6 0 0 0;
width: 50px;
height: 40px;
padding: 0;
}

.product .colours a {
text-decoration: none;
color: white;
margin: 0;
padding: 0;
}

.product .mainimg {
float: left;
width: 300px;
}

.product .mainimg img {
padding: 0;
margin: 0;
}

.product .hover {
font-size: 9px; 
color: #999999;
margin: 10 0 0 0;
padding: 0;
}

/* Name Necklaces 2009 stylee */

.name09 {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.3;
padding: 0;
margin: 0;
border: 0;
spacing: 0;
}

.name09 img {
margin: 0;
padding: 0;
border: 0;
}

.name09 div {
margin: 0;
padding: 0;
}

.name09 .lettering-top {
border-top: 2px solid #f8c1d9; 
margin: 0;
padding: 0;
spacing: 0;
border-collapse: collapse;
}

.name09 .lettering-top tr {
vertical-align: top;
}

.name09 .nnthumbs {
width: 212px;
height: 60px; 
}

.name09 .nnthumbs img {
width: 40px;
margin: 0 3 3 0;
padding: 0;
}

.name09 .nnthumbs .last img {
margin: 0 0 3 0;
padding: 0;
}

.name09 .hover {
font-size: 9px; 
color: #999999;
margin: 1 0 10 0;
padding: 0;
}

.name09 .alphabet {
padding: 0 0 0 10;
margin: 0;
}

.name09 .billboard .alphabet img {
height: 21px;
}

.name09 .bloody .alphabet img {
height: 21px;
}

.name09 .ladybug .alphabet img {
height: 21px;
}

.name09 .original .alphabet img {
height: 21px;
}

.name09 .sundae .alphabet img {
height: 21px;
}

.name09 .descrip {
text-align: justify;
font: 14px Helvetica, Arial, sans-serif;
padding: 10px;
margin: 0;
}

.name09 h1 {
font: bold 16px Helvetica, Arial, sans-serif;
text-align: center;
border: solid #f8c1d9;
color: #f8c1d9;
padding: 5px;
}

.name09 h2 {
font: bold 18px Helvetica, Arial, sans-serif;
background-color: #f8c1d9;
color: white;
padding: 5px;
clear: both;
} 

.name09 .tag {
font: 12px Helvetica, Arial, sans-serif;
letter-spacing: 2px;
text-align: center;
color: #f8c1d9;
}

.name09 h3 {
font: bold 12px Helvetica, Arial, sans-serif;
background-color: #f8c1d9;
color: white;
padding: 5px;
}

.name09 h4 {
font: bold 14px Helvetica, Arial, sans-serif;
background-color: white;
color: #f8c1d9;
padding: 0px;
margin: 20px 0 0;
}

.name09 .colours {
color: white;
margin: 15 0 0 0;
padding: 0;
border-collapse:collapse;
line-height: 1;
}

.name09 .colours tr {
text-align: center; 
height: 40px;
vertical-align: top;
margin: 0;
padding: 0;
}

.name09 .colours td {
background:  no-repeat center top;
margin: 0;
padding: 0;
width: 50px;
height: 40px;
}

.name09 .colours p {
margin: 6 0 0 0;
width: 50px;
height: 40px;
padding: 0;
font-size: 9px; 
}

.name09 .colours a {
text-decoration: none;
color: white;
margin: 0;
padding: 0;
}

.name09 .main-m {
margin-top: 5px;
}

.name09 .main-j {
width: 330px;
}

/* FOOTERBOX */

.footerBox {
background: #ffffff;
font-family: Helvetica, Arial, sans-serif; 
font-size: 10px;
color: #3F3F3F;
vertical-align: top;
}

.footerBox a:link {
text-decoration: none;
color: black;
display: block;
}

.footerBox a:visited {
text-decoration: none;
color: black;
display: block;
}

.footerBox a:active {
text-decoration: none;
background: #FFCCFF;
color: black;
display: block;
}

.footerBox a:hover {
text-decoration: none;
color: black;
background: #FFCCFF;
display: block;
}

TD.footerBoxHeading {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #ffffff;
  color: #3F3F3F;
text-indent: 3px;
}

/* FOOTERPAGE - any of the pages linked to from the footer */

.footer-page h2 {
color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 8 0 0 0;
}

.footer-page h3 {
color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 8 0 0 0;
}

.footer-page p {
color: #3F3F3F;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
margin: 0;
}

.footer-page a {
text-decoration: underline;
color: #3F3F3F;
}

/* ultimate buttons */
/* applegray, appleblue, darkgray buttons /////////////////// */
.buttons {
background: transparent url('images/button_right_applegray.png') no-repeat scroll top right;
color: #4B4B4B; /*use #F8F8F8 for appleblue, darkgray buttons */
display: block;
float: left;
font-weight: normal;
font-family: Arial, Helvetica, san-serif;
font-size: 12px;
margin: 0px 6px 0px 0px; /* margins entire button */
padding-right:10px; /* overlap of left image on right image */
border: none;
}

.buttons span { background: transparent url('images/button_left_applegray.png') no-repeat;
display: block;
padding: 3px 6px 2px 14px; /*positions text in button */
}

.buttons:hover {
color: #000000; /* use #FFFFFF for appleblue, darkgray buttons */
cursor: pointer;
}

.buttons:hover span {
}

.buttons_submit {
background: transparent url('images/button_left_applegray.png') no-repeat;
font-weight: normal;
font-family: Arial, Helvetica, san-serif;
font-size: 12px;
color: #4B4B4B; /*use #F8F8F8 for appleblue button, darkgray buttons */
display: block;
float:left;
padding: 3px 6px 3px 16px; /*positions text in button */
border:none;
}

.buttons_submit:hover {
color: #000000; /* use #FFFFFF for appleblue, darkgray buttons */
cursor: pointer;
} 

/* INITIALS */

.letter-thumbs {
clear: both;
margin: 0;
padding: 10 0 10 0;
}

.letter-thumbs img {
height: 20px;
margin: 0 0 0 0;
padding: 0;
}