body {margin: 0; padding: 0; font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: black; background-image: url(images/footer/bg_pattern.gif);}
table {font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: black;}
a {font-weight: bold; color: #0000EF;}

#main {width: 100%;}
#main #nav {padding: 10px 0 0 10px; width: 120px; vertical-align: top; background: white;}
#main #content {padding: 10px; vertical-align: top; background: white;}

#footer {text-align: center; padding: 10px; border-top: 4px solid #FF3599;}
#footer td {text-align: center;}
#footer a {display: block; margin: 2px; padding: 1px 4px 3px; background: #FF3599; color: white; font-size: 11px; font-weight: bold; text-decoration: none;}
#footer a:hover {background: #BD68FF;}
#footer p {font-size: 11px; background: #FFCAE4; /*border: 2px solid white;*/ padding: 4px 6px 6px; margin: 6px 10px;}
#footer p a {font-weight: bold; color: #0000EF; padding: 0; display: inline; background: transparent; text-decoration: underline;}
#footer .aw {font-size: 16px; font-weight: bold; color: #FF3599;}
#footer .textbold {font-weight: bold;}

h1 {font-size: 16px; font-weight: bold; color: #FF3599;}

.textbold {font-weight: bold;}
.textmedium {font-weight: bold; font-size: 16px;}
.textlarge {font-weight: bold; font-size: 20px;}
.textsmall {font-size: 10px;}
.textpink {font-weight: bold; color: #FF3599;}
.copyright {font-size: 10px;}

.text_hl {padding: 2px 20px; background-color: #ffcae4;}
.indent_bold_14 {font-size: 14px; font-weight: bold; margin-left: 20px;}

.catnav {width: 100%; background: #FF3599; margin-bottom: 4px;}
.catnav td.left {padding: 0;}
.catnav td.right {padding: 6px;}

.pagenav {width: 100%; margin-bottom: 4px;}
.pagenav td.left {background: transparent url(images/buttons/page.gif) 0 0 no-repeat; padding-left: 32px; padding-right: 10px; vertical-align: middle;}
.pagenav td.right {padding: 0; vertical-align: top;}
.pagenav a {font-size: 10px; font-weight: bold; color: black; text-decoration: none; line-height: 20px; padding: 2px; background: #FFAFE4;}
.pagenav a:hover {background: #FF3599; color: white;}
.pagenav a:visited {background: #FFAFE4; color: #FF3599;}
.pagenav a:visited:hover {background: #FF3599; color: white;}

.nextpage {width: 100%; margin: 0;}
.nextpage td {padding: 0 40px;}

/* TABLES */

.prodtable {width: 100%; margin: 20px 0 10px; clear: both; width: 800px !important;}
.prodtable td {width: 33%; font-size: 10px; font-weight: bold; padding-bottom: 6px; vertical-align: top;}
.prodtable td table {margin: auto;}
.prodtable td td {width: 160px; text-align: center;}
.prodtable td a {font-size: 12px;}

.bsbtable {width: 100%; margin-bottom: 10px; clear: both; width: 800px !important;}
.bsbtable td {width: 33%; font-size: 10px; font-weight: bold; padding-bottom: 10px; vertical-align: top;}
.bsbtable .header {text-align: center;}
.bsbtable a {font-size: 12px;}
.bsbtable .designer {font-size: 12px; font-weight: bold;}
.bsbtable .product {width: 200px; margin: 0 auto 10px; background-color: #ffffff; text-align: center; border: 1px solid #000000;}
.bsbtable .text {font-size: 12px; padding: 6px;} 
.bsbtable .desc {font-size: 11px; font-weight: normal;}

#presstable {width: 100%;}
#presstable td {padding: 4px;}
#presstable .color_two {background: white;} /*USES JS FOR ALTERNATING TABLE ROW COLORS*/
#presstable .color_one {background: #FFCAE4;}

#presstable2 {margin-top: 10px; margin-left: 20px;}
#presstable2 td {padding: 0 10px 10px 0; vertical-align: top;}
#presstable2 img {border: 1px solid #b1b1b2;}

.presspop {width: 100%;}
.presspop td {padding: 0;}
.presspop #header {background: #FFAFE4;}
.presspop #link {background: white; padding: 4px 4px 4px 36px; border-bottom: 1px solid #FFAFE4;}

#trunktable {width: 800px; font-size: 14px;}
#trunktable td {padding: 4px; vertical-align: top;}
#trunktable .color_two {background: white;} /*USES JS FOR ALTERNATING TABLE ROW COLORS*/
#trunktable .color_one {background: #FFCAE4;}
#trunktable a {color: #623287;}
#trunktable .date {width: 100px; text-align: center; vertical-align: middle;}
#trunktable .designer {font-size: 18px; font-weight: bold; color: #623287;}
#trunktable .go {width: 60px; text-align: right; vertical-align: middle;}

.tablehr {width: 100%; margin-top: 10px; margin-bottom: 10px;}
.tablehr td {border-bottom: 1px solid #FFAFE4; padding: 6px 4px 6px;}
.tablehr td.blank {border: none;}

/* TEMPLATES */

.template_div {padding: 10px 0;}

.template_ofs {width: 800; height: 600; background-image: url(images/templates/ofs/beach.gif); background-repeat:no-repeat; background-color: #FFF5C4; margin: 10px 0;}
.template_ofs td {width: 33%; font-size: 10px; font-weight: bold; padding: 0 0 6px; vertical-align: top;}
.template_ofs td table {margin-top: 20px; margin-right: auto; margin-left: auto;}
.template_ofs td td {width: 160px; text-align: center; background-color: white;}
.template_ofs td a {font-size: 12px;}
.template_ofs .prodname {text-align: left; padding: 4px; background-color: #b25000;}
.template_ofs .prodname a {color: white; text-decoration: none;}
.template_ofs .desc {text-align: left; padding: 4px; background-color: #fff5c4;}
.template_ofs .desc .sub {font-size: 12px; color: #b25000;}

/* SALE */
.salenav td {padding: 0;}

/* HOME TEXT */
.home_desc {width: 100%; margin: 10px 0;}
.home_desc td {padding: 0;}
#footer .home_desc .text {padding: 0 10px; border-right: 2px solid #ff3599; border-left: 2px solid #ff3599; font-size: 11px; text-align: left; vertical-align: top; background-color: #ffcae4;}
.home_desc h1 {font-size: 20px; font-weight: bold; color: black; margin: 0 0 6px;}
.home_desc h2 {font-size: 16px; font-weight: bold; color: #FF3599; margin: 0 0 6px;}
.home_desc p {margin: 0 0 6px;}
#footer .home_desc p a {font-weight: bold; color: #0000EF; padding: 0; display: inline; background: transparent; text-decoration: underline;}
.home_desc .roundtop {height: 10px; padding: 0; background: url(images/format/home_desc_t.gif) no-repeat top right;}
.home_desc .roundbottom {height: 10px; padding: 0; background: url(images/format/home_desc_b.gif) no-repeat top right;}
.home_desc img.corner {width: 10px; height: 10px; border: none; display: block !important;}

/* CATEGORY TEXT */
#content .category_desc {width: 794px; margin-top: 10px; margin-left: 4px;}
#content .category_desc td {padding: 0;}
#content .category_desc .text {padding: 0 10px; border-right: 2px solid #ff3599; border-left: 2px solid #ff3599; font-size: 11px; vertical-align: top; background-color: #ffcae4;}
#content .category_desc h1 {font-size: 20px; font-weight: bold; color: black; margin: 0 0 6px;}
#content .category_desc h2 {font-size: 16px; font-weight: bold; color: #FF3599; margin: 0 0 6px;}
#content .category_desc p {margin: 0 0 6px 20px;}

/* BOUTIQUE */
.feature {width: 400px; float: left; background: #ffe5f1 url(images/products/designers/xcvi_boutique_feat_bg.gif); border: 1px dashed gray; margin: 0 10px 10px 0; padding: 6px;}
.feature img.thumb {float: left; margin-right: 10px; border: 1px solid black;}
.feature .title {display: block; padding: 2px 0; font-size: 16px; font-weight: bold; background-color: #ffffff; border-bottom: 4px solid #ff3599;}
/*.feature a.morelink {display: block; width: 100px; color: #ff3599; font-weight: bold; font-size: 14px; text-decoration: none; background-image: url(images/products/designers/xcvi_boutique_arrow.gif); background-repeat: no-repeat; margin-left: 160px; padding: 12px 0 12px 40px; background-position: 0 center;}
.feature a.morelink:hover {text-decoration: underline;}*/
.boutique_header {margin-bottom: 10px;}

/*FORMS*/
.formtable td {padding: 4px;}
.formtable .formtext {text-align: right;}

/*
 * size and position of floating teaser
 */

a.TTfloatTeaser {
    width: 241px;
    height: 42px;
    margin: 0 0 -17px 0;

    display: block;
    text-decoration: none;
    position: fixed;
    bottom: 0%;
    left: 0%;
    z-index: 5001;
}

  /*
* size and position of floating teaser
*/

a.TTfloatTeaser {
       width: 241px;
   height: 42px;
   margin: 0 0 -17px 0;

   display: block;
   text-decoration: none;
   position: fixed;
   bottom: 0%;
   left: 0%;
   z-index: 5001;
}

/*
* hover of floating teaser
*/

a.TTfloatTeaser:hover {        
   margin: 0 0 -7px 0;
}


/*
* Numbered images
*/

a.TTfloatTeaser0 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser1 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser2 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser3 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser4 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser5 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser6 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser7 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser8 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser9 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}

a.TTfloatTeaser10 {
   background: url( http://artfulwears.com/tra/artfulwears_teaser.gif ) no-repeat scroll 0 0;
}