html { height: 100%; margin: 0px; }
body { font-family: Arial, sans-serif; color: #333333; height: 100%; margin: 0px; text-align: center; }
/* CENTER STYLES */
.width { width: 90%; min-width: 940px; max-width: 1024px; margin: 0 auto; text-align: left; }
* html .minwidth { border-left: 940px solid #fff; }
* html .container { margin-left: -940px; position: relative; }
/*\*/
* html .minwidth, * html .container, * html .content { height: 1px; }
/*/
.width {display: inline-block;}
/**/
.content { padding: 6px; }
A { color: #000000; text-decoration: none; }
A:hover { color: #9966CC; text-decoration: underline; }
FORM { display: inline; }
h1 { font-size:20px; margin-top: 0px; margin-bottom: 6px; }
h2 { font-size: 16px; margin-top: 0px; margin-bottom: 6px; }
h3 { font-size: 16px; margin-top: 0px; margin-bottom: 6px; }
p { margin-top: 0px; margin-bottom: 0.8em; padding-top: 0px; padding-bottom: 0px; }
.highlight { font-weight: lighter; font-size: 14px; color: #808080; }
.marker { background-color: #FFFF99; }
/* style snippets ------------------------------------------------------------- */
.white { color: #FFFFFF; }
A.white:hover { color: #FFCCCC; }
.grey { color: #808080; }
A.list { color: #808080; }
A.list:hover { color: #66FF00; text-decoration: none; }
.mauve { color: #FF3399; }
.purple { color: #993399; }
.blue { color: #2996CC; }
.lightpurple { color: #9966CC; }
.mini { font-size: 9px; }
.tiny { font-size: 10px; margin: 0px; }
.small { font-size: 10px; margin: 0px; }
.normal { font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.medium { font-size: 20px; font-weight:lighter;  }
.semi { font-size: 14px;}
.big { font-size: 24px; margin: 0px; }
.huge { font-size: 36px; margin: 0px; }
.light { font-weight: normal; }
.heavy { font-weight:700; }
.line { line-height: 150%; }
.indent { text-indent: 6px; }
.tight { margin: 0px; }
.mid { margin-left: auto; margin-right: auto; width: auto; text-align: center; margin-bottom: 3px; }
.textmid { vertical-align: middle; }
.inline { display: inline; }
.clearboth { clear: both; }
A.plain { }
A.plain:hover { text-decoration: none; }
.lead { display: inline; text-decoration: line-through; color: #808080; }
.scrolltext { height: 10em; font-size: 1em; overflow-x:hidden; overflow-y:auto; border: 1px solid #CCCCCC;background-color:#FFFFFF; }
.scrolltext p { text-align: left; color: #666666; margin: 0 3px 3px 3px }
.scrolltext a { color: #666666; }
.scrolltext h1 { font-size: 1em; font-weight: normal; color: #666666; margin: 0 3px 3px 3px; }
.scrolltext h2 { font-size: 1em; font-weight: normal; color: #666666; margin: 0 3px 3px 3px; }
.whiteback { background-color: #FFFFFF; padding: 5px; }
.greenback { color: #FFFFFF; background-color: #4BB055; }
/* main tab menu and rollover divs------------------------------------------------------- */
#MT {
background-color:#FFFFFF;
height: 46px;
width: 100%;
overflow: hidden;
z-index: 1;
}

#MTstripe {
background-color: #FFFFEE;
position: absolute;
top: 31px;
left: 0px;
width: 100%;
height: 3px;
z-index: 10;
}

#MThome {
background-image: url("/images/mt_home.gif");
background-repeat: no-repeat;
float:left;
margin-left: 8px;
width: 155px;
height: 46px;
z-index: 20;
}

#MThome:hover {
background-image: url("/images/mt_home.gif");
background-position: -155px;
}

#MTread {
background-image: url("/images/mt_read.gif");
background-repeat: no-repeat;
float:left;
width: 155px;
height: 46px;
z-index: 20;
}

#MTread:hover {
background-image: url("/images/mt_read.gif");
background-position: -155px;
}

#MTshop {
background-image: url("/images/mt_shop.gif");
background-repeat: no-repeat;
float:left;
width: 155px;
height: 46px;
z-index: 20;
}

#MTshop:hover {
background-image: url("/images/mt_shop.gif");
background-position: -155px;
}

#MTnext {
background-image: url("/images/mt_next.gif");
background-repeat: no-repeat;
float:left;
width: 160px;
height: 46px;
z-index: 20;
}

#MTnext:hover { 
background-image : url("/images/mt_next.gif");
background-position: -160px; 
}

#PBSpecial {
background-image: url("/images/free_shipping.gif");
background-repeat: no-repeat;
margin-top:-15px;
margin-right: 20px;
float: right;
width: 125px;
height: 80px;
z-index: 20;
}

#PBSpecial:hover { background-position: -126px; }

/* header, footer and edge styles ------------------------------------------------------------- */

#edgeBottom {
background-image: url("/images/edge_bottom.gif");
width: 100%;
overflow: hidden;
height: 18px;
z-index: 1;
}

#edgeTop {
background-image: url("/images/edge_top.gif");
width: 100%;
overflow: hidden;
height: 18px;
z-index: 1;
}

#footer {
background-color:#FF3366;
}

#footerInfo {
text-align: center;
}

TR.header {
background-color: #ffffff;
}

.headerNavigation {
font-size: 10px;
background-color: #FF3366;
color: #ffffff;
height: 16px;
text-align: right;
vertical-align: middle;
}

A.headerNavigation { 
color: #FFFFFF; 
} 

A.headerNavigation:hover {
color: #FFCCCC;
text-decoration: underline;
}

TR.headerError {
background: #ff0000;
}

TD.headerError {
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

TR.footer {
background-color: #FF3366;
}

TD.footer {
font-size: 10px;
background-color: #FF3366;
color: #FFFFFF;
font-weight: bold;
}

/* right column styles----------------------------------------------------------------------- */
.rCont { background-color: #9E419B; }
.rContBox { background-color: #ECD9EB; border: 1px solid #FFFFFF; }
.rContInfo { background-color: #DFF4FD; border: 1px solid #FFFFFF; }
.mCont { border-top: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; width: 100%; }
.spacer { padding: 10px 10px 10px 10px; }
.halfspacer { padding: 6px 6px 6px 6px; }
.colhalfspacer { padding: 0px 6px 6px 6px; }
TD.colRightTop {
background-image: url("/images/colright_top.gif");
background-position: left;
background-repeat: no-repeat;
height: 7px;
}

TD.colRight {
background-image: url("/images/pixel_purple.gif");
background-position: left;
background-repeat: repeat;
font-size: 9px;
color: #993399;
vertical-align: top;
text-align: center;
}

TD.colRightLeft {
background-image: url("/images/colright_left.gif");
background-position: left;
background-repeat: repeat;
width: 7px;
}


TD.colRightBottom {
background-image: url("/images/colright_bottom.gif");
background-position: left;
background-repeat: no-repeat;
height: 7px;
}

/* right column box styles ------------------------------------------------------------- */

TD.colRightBoxTop {
background-image: url("/images/colrightbox_top.gif");
background-repeat: no-repeat;
width: 219px;
height: 8px;
}

TD.colRightBox {
background-image: url("/images/colrightbox.gif");
background-repeat: repeat-y;
width: 219px;
font-size: 9px;
color: #993399;
text-align: center;
}

TD.colRightBoxBottom {
background-image: url("/images/colrightbox_bottom.gif");
background-repeat: no-repeat;
width: 219px;
height: 8px;
}

.colRightBoxIn {
color: #993399;
}

A.colRightBoxIn {
font-size: 10px;
text-decoration: none;
}

A.colRightBoxIn:hover {
text-decoration: underline;
color:#9966CC;
}

TD.colRightGoldTop {
background-image: url("/images/colrightgold_top.gif");
background-repeat: no-repeat;
width: 219px;
height: 8px;
}

TD.colRightGold {
background-image: url("/images/colrightgold.gif");
background-repeat: repeat-y;
width: 219px;
font-size: 9px;
color: #33BBFF;
text-align: center;
}

TD.colRightGoldBottom {
background-image: url("/images/colrightgold_bottom.gif");
background-repeat: no-repeat;
width: 219px;
height: 8px;
}

.green {
color: #009933;
}

A.green {
font-size: 10px;
text-decoration: none;
}

A.green:hover {
text-decoration: underline;
color: #009933;
}

/* mid column styles ------------------------------------------------------------- */

TD.colMidTop {
background-image: url("/images/colmid_top.gif");
background-position: left;
background-repeat: no-repeat;
height: 7px;
}

TD.colMid {
background-image: url("/images/colmid_center.gif");
background-position: left;
background-repeat: repeat-y;
font-size: 9px;
color: #993399;
vertical-align: top;
text-align: center;
}

TD.colMidBottom {
background-image: url("/images/colmid_bottom.gif");
background-position: left;
background-repeat: no-repeat;
height: 7px;
}

/* main box styles ------------------------------------------------------------- */


TD.mainBoxTopLeft {
background-image: url("/images/mainbox_topleft.gif");
background-position: left;
width: 11px;
height: 12px;
}

TD.mainBoxTop {
background-image: url("/images/mainbox_top.gif");
background-position: left;
background-repeat: repeat-x;
height: 12px;
}

TD.mainBoxTopRight {
background-image: url("/images/mainbox_topright.gif");
background-position: left;
width: 14px;
height: 12px;
}

TD.mainBoxLeft {
background-image: url("/images/mainbox_left.gif");
background-position: left;
background-repeat: repeat-y;
width: 11px;
}

TD.mainBox {
background-color: #FFFFFF;
background-image: url("/images/pixel_white.gif");
background-repeat: repeat;
}

TD.mainBoxRight {
background-image: url("/images/mainbox_right.gif");
background-position: left;
background-repeat: repeat-y;
width: 14px;
}

TD.mainBoxBottomLeft {
background-image: url("/images/mainbox_bottomleft.gif");
background-position: left;
width: 11px;
height: 14px;
}

TD.mainBoxBottom {
background-image: url("/images/mainbox_bottom.gif");
background-position: left;
background-repeat: repeat-x;
height: 14px;
}

TD.mainBoxBottomRight {
background-image: url("/images/mainbox_bottomright.gif");
background-position: left;
width: 14px;
height: 14px;
}

/* blue box styles ------------------------------------------------------------- */

TD.blueBoxTopLeft {
background-image: url("/images/bluebox_topleft.gif");
background-position: left;
width: 9px;
height: 9px;
}

TD.blueBoxTop {
background-image: url("/images/bluebox_top.gif");
background-position: left;
background-repeat: repeat-x;
height: 9px;
}

TD.blueBoxTopRight {
background-image: url("/images/bluebox_topright.gif");
background-position: left;
width: 11px;
height: 9px;
}

TD.blueBoxLeft {
background-image: url("/images/bluebox_left.gif");
background-position: left;
background-repeat: repeat-y;
width: 9px;
}

TD.blueBox {
background-image: url("/images/pixel_blue.gif");
background-repeat: repeat;
font-size: 11px;
line-height: 16px;
text-align: left;
}

TD.blueBoxRight {
background-image: url("/images/bluebox_right.gif");
background-position: left;
background-repeat: repeat-y;
width: 11px;
}

TD.blueBoxbottomLeft {
background-image: url("/images/bluebox_bottomleft.gif");
background-position: left;
width: 9px;
height: 10px;
}

TD.blueBoxbottom {
background-image: url("/images/bluebox_bottom.gif");
background-position: left;
background-repeat: repeat-x;
height: 10px;
}

TD.blueBoxbottomRight {
background-image: url("/images/bluebox_bottomright.gif");
background-position: left;
width: 11px;
height: 10px;
}

/* white bottom box styles ------------------------------------------------------------- */

TD.bottomWhiteTopLeft {
background-image: url("/images/bottomwhite_topleft.gif");
background-position: left;
width: 8px;
height: 8px;
}

TD.bottomWhiteTop {
background-image: url("/images/bottomwhite_top.gif");
background-position: left;
background-repeat: repeat-x;
height: 8px;
}

TD.bottomWhiteTopRight {
background-image: url("/images/bottomwhite_topright.gif");
background-position: left;
width: 8px;
height: 8px;
}

TD.bottomWhiteLeft {
background-image: url("/images/bottomwhite_left.gif");
background-position: left;
background-repeat: repeat-y;
width: 8px;
}

TD.bottomWhite {
background-image: url("/images/pixel_white.gif");
background-repeat: repeat; 
}

TD.bottomWhiteRight {
background-image: url("/images/bottomwhite_right.gif");
background-position: left;
background-repeat: repeat-y;
width: 8px;
}

TD.bottomWhiteBottomLeft {
background-image: url("/images/bottomwhite_bottomleft.gif");
background-position: left;
width: 8px;
height: 8px;
}

TD.bottomWhiteBottom {
background-image: url("/images/bottomwhite_bottom.gif");
background-position: left;
background-repeat: repeat-x;
height: 8px;
}

TD.bottomWhiteBottomRight {
background-image: url("/images/bottomwhite_bottomright.gif");
background-position: left;
width: 8px;
height: 8px;
}

TD.bottomWhiteIn {
font-size: 12px;
color: #9966CC;
}

/* separator and border styles ------------------------------------------------------------- */

TD.borderVertical {
background-image: url("/images/border_vertical.gif");
background-repeat: repeat-y;
width: 1px;
}

TD.borderHorizontal {
background-image: url("/images/border_horizontal.gif");
background-repeat: repeat-x;
height: 1px;
}

/* price styles ---------------------------------------------------------------------------- */

.price {
font-weight: lighter;
color: #009900;
}

TD.priceLeft {
background-image: url("/images/price_left.gif");
background-repeat: no-repeat;
width: 13px;
height: 63px;
}

TD.price {
font-size: 10px;
font-weight: normal;
color: #FF3399;
text-align: center;
background-image: url("/images/price_middle.gif");
background-repeat: repeat-x;
height: 63px;
}

TD.priceRightGreen {
background-image: url("/images/price_right_green.gif");
background-repeat: no-repeat;
width: 13px;
height: 63px;
}

TD.priceLeftGreen {
background-image: url("/images/price_left_green.gif");
background-repeat: no-repeat;
width: 13px;
height: 63px;
}

TD.priceGreen {
font-size: 10px;
font-weight: normal;
color: #FF3399;
text-align: center;
background-image: url("/images/price_middle_green.gif");
background-repeat: repeat-x;
height: 63px;
}

TD.priceRight {
background-image: url("/images/price_right.gif");
background-repeat: no-repeat;
width: 13px;
height: 63px;
}

/* box styles ------------------------------------------------------------- */

.infoBox {
/*background: #b6b7cb; */
}

.infoBoxContents {
/*background: #f8f8f9; */
font-size: 10px;
}

.infoBoxNotice {
background: #FF8E90;
}

.infoBoxNoticeContents {
background: #FFE6E6;
font-size: 10px;
}

.footerBox {
text-align: left;
}

TD.infoBoxHeading {
font-size: 10px;
font-weight: bold;
/*background: #bbc3d3; */
color: #993399;
}

TD.infoBox, SPAN.infoBox {
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;
}

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

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

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

.productsNotifications {
background: #f2fff7;
}

.orderEdit {
color: #009933;
}

/* product listing styles ------------------------------------------------------------- */

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

.productListing-heading {
font-size: 10px;
color: #b6b7cb;
font-weight: bold;
}

TD.productListing-data {
/* border-width: thin; */
font-size: 10px;
background-color: #FFFFFF;
}

TD.productListBox {
text-align: center;
vertical-align: center;
border: 1px;
border-style: solid;
border-color:#9A9A9A;
border-spacing: 0px;
}

/* product info/picture styles ------------------------------------------------------------- */

.thumbnails {
float: left;
background-repeat: no-repeat;
text-align: center;
padding-right: 10px;
padding-bottom: 10px;
top: 0px;
left: 0px;
}

.randomthumbs {
float: left;
text-align: center;
padding: 0 5px 5px 5px;
top: 0px;
left: 0px;
}

.leftRight {
float: left;
background-repeat: no-repeat;
padding-right: 10px;
padding-bottom: 5px;
top: 0px;
left: 0px;
text-align: center;
}

.leftRightTight {
float: left;
background-repeat: no-repeat;
padding-right: 5px;
padding-bottom: 0px;
top: 0px;
left: 0px;
text-align: center;
}

.rightLeft {
float: right;
background-repeat: no-repeat;
padding-left: 10px;
padding-bottom: 5px;
top: 0px;
text-align: center;
}

.leftBoth {
float: left;
background-repeat: no-repeat;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
top: 0px;
text-align: center;
}

.rightBoth {
float: right;
background-repeat: no-repeat;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
top: 0px;
text-align: center;
}


/* image and article box styles ------------------------------------------------------------- */

TABLE.imageBox {
background-color: #FFFFFF;
}

TD.imageBox {
text-align: center;
vertical-align: center;
background-color: #FFFFFF;
}

TD.imageBox:hover, TD.specialBox:hover {
background-color: #FFCCFF;
}

TD.specialBox {
text-align: center;
vertical-align: center;
border: 1px;
border-style: solid;
border-color: #00FF00;
border-spacing: 0px;
background-color:#CCFFCC;
}

TD.imageBox:hover {
background-color: #FFCCFF;
}


TD.bottomImage {
text-align: justify;
vertical-align: top;
border: 0px;
border-style: solid;
border-color: #D9D9D9;
border-spacing: 0px;
background-color:#FF99CC;
}

/* page result styles ------------------------------------------------------------- */

.pageResults {
color: #808080;
}

A.pageResults {
color: #808080;
}

A.pageResults:hover {
color: #993399;
background-color: #FFCCFF;
}

TD.pageHeading, DIV.pageHeading, h1 {
font-size: 18px;
font-weight: bold;
color: #808080;
}

TR.subBar {
background: #f4f7fd;
}

TD.subBar {
font-size: 10px;
color: #000000;
}

TD.main, P.main {
font-size: 11px;
line-height: 1.5;
margin-top: 0px;
}

TD.smallText, SPAN.smallText, P.smallText .smalltext {
font-size: 10px;
}

A.smalltext {
color: #FF3366;
}

TD.accountCategory {
font-size: 13px;
color: #aabbdd;
}

TD.fieldKey {
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-size: 12px;
}

TD.tableHeading {
font-size: 12px;
font-weight: bold;
}

SPAN.newItemInCart {
font-size: 10px;
color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-size: 11px;
}

SPAN.greetUser {
color: #993366;
font-weight: bold;
}

TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}

TD.formAreaTitle {
font-size: 12px;
font-weight: bold;
}

SPAN.markProductOutOfStock {
font-size: 12px;
color: #c76170;
font-weight: bold;
}

SPAN.productSpecialPrice {
color: #ff0000;
font-weight: bold;
}

SPAN.errorText {
color: #ff0000;
}

.moduleRow {
}

.moduleRowOver { background-color: #DFF4FD;
cursor: pointer;
cursor: hand;
}

.moduleRowSelected {
background-color: #EAEFF5;
}

.checkoutBarFrom, .checkoutBarTo {
font-size: 10px; color: #8c8c8c;
}

.checkoutBarCurrent {
font-size: 10px; color: #000000;
}

/* message box */

.messageBox {
font-size: 10px;
}

.messageStackError, .messageStackWarning {
font-size: 10px;
background-color: #ffb3b5;
}

.messageStackSuccess {
font-size: 10px;
background-color: #99ff00;
}

/* input requirement */

.inputRequirement {
font-size: 10px;
color: #ff0000;
}

/* category list styles ------------------------------------------------------------- */

.thecategories {
position: relative;
color: #FFFFFF;
font-size: 14px;
padding-bottom: 5px;
}

.thecategories a {
display: block;
color: #FFFFFF;
text-decoration: none;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
width: 100%;
}

.thecategories a:hover {
color: #FFCCFF;
font-weight: bolder;
}

html>body #thecategories a {
width: auto;
}

.topcat a {
padding-left: 10px;
font-weight: lighter;
}

.secondcat a {
padding-left: 20px;
font-weight: lighter;
}

.thirdcat a {
padding-left: 30px;
font-weight: lighter;
}

.fourthcat a {
padding-left: 40px;
font-weight: lighter;
}

.fifthcat a {
padding-left: 50px;
font-weight: lighter;
}

.topActive {
padding-left: 19px;
margin-left: -9px;
font-weight: bolder;
color: #FFCCFF;
z-index: 80;
}

.secondActive {
padding-left: 29px;
font-weight: bolder;
color: #FFCCFF;
margin-left: -9px;
}

.thirdActive {
padding-left: 39px;
font-weight: bolder;
color: #FFCCFF;
margin-left: -9px;
}

.fourthActive {
padding-left: 49px;
font-weight: bolder;
color: #FFCCFF;
margin-left: -9px;
}

.fifthActive {
padding-left: 59px;
font-weight: bolder;
color: #FFCCFF;
margin-left: -9px;
}

/* pop box styles ------------------------------------------------------------- */

TD.popTopLeft {
background-image: url("/images/pop_topleft.gif");
background-position: left;
width: 5px;
height: 5px;
}

TD.popTop {
background-image: url("/images/pop_top.gif");
background-position: left;
background-repeat: repeat-x;
height: 5px;
}

TD.popPeak {
background-image: url("/images/pop_peak.gif");
background-position: left;
background-repeat: repeat-x;
width: 11px;
height: 13px;
}

TD.popPeak1 {
background-image: url("/images/pop_peak_1.gif");
background-position: left;
width: 11px;
height: 8px;
}

TD.popPeak2 {
background-image: url("/images/pop_peak_2.gif");
background-position: left;
width: 11px;
height: 5px;
}

TD.popTopRight {
background-image: url("/images/pop_topright.gif");
background-position: left;
width: 5px;
height: 5px;
}

TD.popLeft {
background-image: url("/images/pop_left.gif");
background-position: left;
background-repeat: repeat-y;
width: 5px;
}

.popIn {
border: 1px solid #C7C7C7;
padding: 0 6px 6px 6px;
margin: 0 6px 6px 0;
text-align: center;
width: 12em;
font-size: 11px;
color: #808080;
}
TD.popRight { background-image: url("/images/pop_right.gif"); background-position: left; background-repeat: repeat-y; width: 5px; }
TD.popbottomLeft { background-image: url("/images/pop_bottomleft.gif"); background-position: left; width: 5px; height: 5px; }
TD.popbottom { background-image: url("/images/pop_bottom.gif"); background-position: left; background-repeat: repeat-x; height: 5px; }
TD.popbottomRight { background-image: url("/images/pop_bottomright.gif"); background-position: left; width: 5px; height: 5px; }
.logo { background-image: url("/images/logo_float.gif"); background-repeat: no-repeat; background-position: right; height: 60px; width: 100%; position: fixed; bottom: 0px; left: 0px; z-index: 5; }
.logoLink { float: right; padding-right: 17px; padding-top: 20px; }