body {
   margin: 0;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   background: url(/img2/hdr-backgnd.gif) repeat-x;
}

.ffix    { clear: both; font-size: 1px; height: 1px; }

/* DEFAULT CMS FORMATTING */

a img { border: none 0px }
a { color: #d32853 }
a:visited { color: #d32853 }

p { margin: 1em 0; text-align: justify }
p.ap_hdr_1 { font-size: 18px; font-weight: bold; color: #d32853; margin: 1em 0 }
p.ap_hdr_2 { font-size: 14px; font-weight: bold; color: #d32853; margin: 1em 0 }
p.ap_hdr_3 { font-size: 12px; font-weight: bold; color: #d32853; margin: 1em 0 }

.ap_hr {
    height: 1px;
    font-size: 1px;
    background: #cccccc;
}

li { margin: .5em 0 }
ul,ol { margin-top: 0; margin-bottom: 0; }
.article img { margin: 1em }

/* FORMS */

.form-top-backgnd {
   background: url(/img2/form-top-backgnd.gif) no-repeat;
}

.form-bottom-backgnd {
   background: url(/img2/form-bottom-backgnd.gif) no-repeat bottom;
   padding: 10px 15px 10px 15px;
}

form { margin: 0 }
form div.btn { text-align: center; margin: 2em 0; }
input { font-size: 12px; font-family: Verdana, sans-serif;  }
input.btn { background-color: #d32853; color: #ffffff; border: none;  }
input.bigbtn { background: #d32853; color: #ffffff; border: none; font-weight: bold; font-size: 14px; height: 2em; }
input.radio { border: 0; width: 22px; height: 22px }
span.price { color: #d32853; }
select { vertical-align: middle; font-size: 12px; font-family: Verdana, sans-serif; }

table.radio { }
table.radio td.a { padding: 0; width: 35px; vertical-align: middle; }
table.radio td.b { padding: 0 .25em 0 0; vertical-align: middle;  }
input.radio { border: 0; width: 22px; height: 22px }
div.radio { margin: 0 0 0 35px }

div.group { margin-top: 0em; border: 1px solid #cccccc; padding: 0 1em;  }
h3.grouptitle { font-size: 14px; font-weight: bold; color: #d32853; margin: 0 0 10px 0}

/* */

noscript div {
   background: black;
   color: white;
   display: block;
   padding: 10px 10px;
   margin: 0 0 5px;
}

#main {
   margin: 0 auto;
   width: 963px;
   position: relative;
}

#hdr {
   height: 184px;
}

#logo   {
   position: absolute;
   left: 0; top:0;
}

#tagline {
   position: absolute;
   left: 400px; top:0;
}

#cart {
   position: absolute;
   left: 720px; top:0;
   width: 67px;
   height: 122px;
   background: url(/img2/cart.gif);
   cursor: pointer;
}

#login {
   position: absolute;
   left: 787px; top:0;
   width: 67px;
   height: 122px;
   background: url(/img2/login.gif);
   cursor: pointer;
}

#register {
   position: absolute;
   left: 854px; top:0;
   width: 67px;
   height: 122px;
   background: url(/img2/register.gif);
   cursor: pointer;
}

#loginbar {
   position: absolute;
   left: 720px; top: 122px;
   color: #d32853;
   z-index: 100;
   line-height: 24px;
}

#infobar {
   position: absolute;
   left: 0; top: 153px;
   width: 605px;
   height: 24px;
      line-height: 24px;
   background: url(/img2/info-backgnd.gif);
   color: #d32853;
   padding: 0 10px;
   overflow: hidden;
}

/* SEARCH */

#search {
   position: absolute;
   right: 0; top: 153px;
   width: 321px;
   height: 22px;
   background: url(/img2/search-backgnd.gif);
   overflow: hidden;
   font-size: 10px;
   padding: 2px 0 0 10px;
}

#search input {
   vertical-align: middle;
}

#search input.text {
   border: 1px solid #cecece;
   width: 150px;

}

#search input.btn {
}

/* MENU */

#menubar {
   position: absolute;
   left: 0; top: 122px;
   width: 100%;
   height: 23px;
   background: url(/img2/menu-backgnd.gif) #EEF4DD;
   line-height: 23px;
}

#menubar .sep {
   float: left;
   color: #cecece;
}

#menubar .item {
   float: left;
   padding: 0 10px;
}

#menubar a, #menubar a:visited { color: #d32853; text-decoration: none }
#menubar a:hover { text-decoration: underline }

/* BODY LAYOUT */

#page-body {
   background: url(/img2/body-backgnd.gif);
   width: 100%;
}

#left-pane {
   float: left;
   width: 155px;
   background: url(/img2/pane-top-border.gif) no-repeat;
   padding: 5px 1px 0 1px;
   font-size: 10px;
}

#content-pane {
   float: left;
   width: 629px;
   padding: 0 10px;
   overflow: hidden;
}

#right-pane {
   float: left;
   width: 155px;
   overflow: hidden;
   background: url(/img2/pane-top-border.gif) no-repeat;
   padding: 5px 1px 0 1px;
}

#close-body {
   clear: both;
   font-size: 1px;
   height: 1px;
}

/* FOOTER AD */

#footerAd {
   border-top: 1px #CECECE solid;
   border-right: 1px #CECECE solid;
   border-left: 1px #CECECE solid;
   padding: 10px 10px 0 10px;
   font-size: 10px;
   width: 941px;
}

#footerAd img {
   margin-right: 10px;
}

#footerAd p {
   text-align: center;
   padding: 0 0 10px 0;
   margin: 0;
}

#footerAd p.ap_highlight {
   font-size: 12px;
}

/* FOOTER */

#footer {
   background: url(/img2/footer-backgnd.gif);
   height: 46px;
   padding: 10px 0 0 10px;
   color: black;
   font-size: 10px;
   line-height: 18px;
   text-align: center;
}

#footer a, #footer a:visited {
   color: black;
}

/* BANNERS */

.banners {
   text-align: center;
   margin: 10px 0 0 0;
}

.banners .banner {
   margin: 0 0 10px 0;
}

/* LEFT PANE */

.layout .leftpane { width: 131px; font-size: 10px; padding-top: 15px; }
.leftpane a { text-decoration: none; }
.leftpane a:hover { text-decoration: underline; }


/* CATEGORIES TREE */

#search-categories {
   background: #d32853;
   padding: 0 0 5px 0;
}

.l0sc {
   background: url(/img2/search-category-backgnd.gif) no-repeat bottom;
   padding: 2px 0 0 22px;
   height: 15px;
   font-weight: bold;
}

.l0sc a { color: white; text-decoration: none;}
.l0sc a:hover { text-decoration: underline;}
.l0sc a:visited { color: white; }

.l0 {
   background: url(/img2/l0s-backgnd.gif) no-repeat bottom;
   line-height: 19px;
   padding: 0 0 0 10px;
   color: #d32853;
   margin: 10px 0 0 0;
   font-weight: bold;
}
.l0 a, .l0 a:visited { color: #d32853; text-decoration:none }
.l0 a:hover { text-decoration: underline }

.l0s {
   background: url(/img2/l0s-backgnd.gif) no-repeat bottom;
   line-height: 19px;
   padding: 0 0 0 10px;
   font-weight: bold;
   color: #d32853;
   margin: 10px 0 0 0;
}
.l0s a, .l0s a:visited { color: #d32853; text-decoration:none }
.l0s a:hover { text-decoration: underline }

.l1 {
   background: url(/img2/l1s-backgnd.gif) no-repeat bottom;
   line-height: 18px;
   padding: 0 0 0 20px;
}
.l1 a, .l1 a:visited { color: #5C5C5C; text-decoration:none }
.l1 a:hover { text-decoration: underline }

.l1s  {
   background: url(/img2/l1s-backgnd.gif) no-repeat bottom;
   line-height: 18px;
   padding: 0 0 0 20px;
   font-weight: bold;
}
.l1s a, .l1s a:visited { color: #5C5C5C; text-decoration:none }
.l1s a:hover { text-decoration: underline }

.l2 {
   background: url(/img2/l1s-backgnd.gif) no-repeat bottom;
   line-height: 18px;
   padding: 0 0 0 30px;
}
.l2 a, .l2 a:visited { color: #5C5C5C; text-decoration:none }
.l2 a:hover { text-decoration: underline }

.l2s  {
   background: url(/img2/l1s-backgnd.gif) no-repeat bottom;
   line-height: 18px;
   padding: 0 0 0 30px;
   font-weight: bold;
}
.l2s a, .l2s a:visited { color: #5C5C5C; text-decoration:none }
.l2s a:hover { text-decoration: underline }

/* CONTENT */

.content          { padding: 0 19px 18px 19px }
h1.title { font-size: 20px; font-weight: bold; color: #d32853; margin: 0 0 .8em 0 }
h1.title .page { color: #cccccc }
.crumbs { font-size: 10px; margin: -10px 0 0 0; line-height: 15px;}
.pagenav { margin: 1em 0 1em 0 }
h3.title { font-size: 16px; font-weight: normal; color: #d32853; margin: 0 0 .8em 0 }

/* HOME */

.ec { text-align: center; margin-bottom: 30px;}
.ec-bottom { text-align: center; margin-top: 30px;}

h2 {
   color: #d32853;
   font-size: 16px;
   margin: 0 0 10px 0;
}

.news {
}

.news h3 {
   color: #d32853;
   font-size: 12px;
   margin: 0 0 10px 0;
}

.news .image {
   float: left;
   margin: 0 10px 0px 0;
   background: url(/img2/frame-for-55x55.gif);
   padding: 3px 3px 4px 3px;
   width: 56px;
   height: 55px;
   text-align: center;
   line-height: 55px;
   overflow: hidden;
   font-size: 1px;
}

.news .image span {
    display: inline-block;
    height: 100%;
}

.news .image * {
   vertical-align: middle
}

.news-sep {
   clear: both;
   font-size: 1px;
   height: 10px;
}

/* RIGHT PANE */

#contact {
   background: #d32853;
   padding: 0 5px 5px 5px;
   font-weight: bold;
}

#contact table {
   width: 100%;
}

#contact td {
   font-size: 10px;
   color: white;
}

#contact td.value {
   text-align: right;
}

#contact a,
#contact a:visited {
    color: white;
    text-decoration: none;
}

#contact a:hover {
    text-decoration: underline;
}

.products {
   margin: 0 0 10px 0;
}
.products h2 {
   font-weight: bold;
   color: #d32853;
   height: 20px;
   line-height: 20px;
   background: #eef4dd;
   text-align: center;
   font-size: 10px;
}

/* THUMBNAIL IN THE CONTENT PANE */

.prth {
   background: url(/img2/product-thumb-backgnd.gif);
   float: left;
   width: 153px;
   height: 187px;
   overflow: hidden;
   position: relative;
}

.prth .d48h {
   position: absolute;
   left: 0; top: 0;
   background: url(/img2/48h.gif);
   width: 46px;
   height: 49px;
}

.prth .d48h2 {
   position: absolute;
   left: 0; top: 0;
   background: url(/img2/48h2.gif);
   width: 46px;
   height: 49px;
}

.prth .image {
   position: absolute;
   top: 8px; left: 0px;
   text-align: center;
   width: 100%;
   height: 112px;
   line-height: 112px;
   font-size: 1px;
   overflow: hidden;
}

.prth .image span {
    display: inline-block;
    height: 100%;
}

.prth .image * {
   vertical-align: middle
}

.prth h3 {
   position: absolute;
   top: 127px; left: 0px;
   font-size: 10px;
   height: 25px;
   overflow: hidden;
   font-weight: normal;
   margin: 0;
   text-align: center;
   width: 100%;
}

.prth h3 a { color: black; text-decoration: none; }
.prth h3 a:visited { color: gray; }
.prth h3 a:hover { text-decoration: underline; }

.prth .price {
   position: absolute;
   top: 152px; left: 0px;
   width: 100%;
   font-size: 10px;
   font-weight: bold;
   color: #d32853;
   text-align: center;
}

.prth .more {
   position: absolute;
   left: 0; top: 167px;
   font-size: 9px;
   line-height: 20px;
   height: 20px;
}
.prth .more img { vertical-align: middle }
.prth .more a, .prth .more a:visited { color: gray; text-decoration: none; }
.prth .more a:hover { text-decoration: underline; }

.prth .label {
   position: absolute;
   left: 97px; top: 163px;
}

.prth .sample {
   position: absolute;
   left: 5px; top: 150px;
}

#right-pane .prth {
   background: none;
   border-bottom: 1px solid #cecece;
   height: 167px;
}

#right-pane .prth h3 {
   height: auto !important;
   overflow: auto;
}

.prthsepv {
   float: left;
   width: 5px;
}

.prthseph {
   clear: both;
   font-size: 1px;
   height: 10px;
}

/* CATEGORY THUMB */

.catth {
   background: url(/img2/category-thumb-backgnd.gif);
   float: left;
   width: 153px;
   height: 154px;
}

.catth .image {
   margin: 8px 0 0 0;
   text-align: center;
   width: 100%;
   height: 112px;
   line-height: 112px;
   font-size: 1px;
   overflow: hidden;
}

.catth .image span {
    display: inline-block;
    height: 100%;
}

.catth .image * { vertical-align: middle }

.catth h3 {
   text-align: center;
   font-weight: bold;
   font-size: 10px;
   margin: 10px 0 0 0;
}

.catth h3 a { color: black; text-decoration: none; }
.catth h3 a:visited { color: gray; text-decoration: none; }
.catth h3 a:hover { text-decoration: underline; }

.catthsepv {
   float: left;
   width: 5px;
   height: 140px;
}

/* PRODUCT DETAIL */

#pr-detail {
   margin: 10px 0 0 0;
   padding: 25px 10px 0 10px;
   background: url(/img2/product-top-border.gif) no-repeat;
}

#bottom-border {
   margin: 10px 0 0 0;
   clear: both;
   background: url(/img2/product-bottom-border.gif);
   height: 25px;
}

#pr-cols {
   height: 280px;
   overflow: hidden;
}

#left-col {
   text-align: center;
   width: 250px;
   margin: 0 30px 0 0 ;
   float: left;
}

#left-col .zoom {
   margin: 10px 0 0 0;
   line-height: 17px;
}

#left-col .zoom img {
   vertical-align: middle;
}

#left-col .zoom a:visited {
   color: #d32853;
}

#right-col {
   width: 320px;
   float: left;
}

#right-col .price { font-size: 18px; font-weight: bold; color: #d32853 }
#right-col .discount { font-size: 10px; }

#right-col .sample {
   margin: 10px 0;
}

#right-col .sample img {
   vertical-align: middle;
}

#right-col .sample a:visited {
   color: #d32853;
}

#pr-detail .line {
   width: 100%;
   font-size: 1px;
   height: 15px;
   margin: 0 0 15px 0;
   border-bottom: 1px solid #cecece;
}

#pr-detail h3 {
   color: #d32853;
   font-size: 16px;
   margin: 1em 0 1em 0;
}

#pr-detail .prprop table { padding: 0; width: 100%; }
#pr-detail .prprop tr.r1 { background-color: #eef4dd; }
#pr-detail .prprop tr.r2 { background-color: #ffffff; }
#pr-detail .prprop td { border: 0px solid #EF9A48; padding: 3px }
#pr-detail .prprop td.c1 { font-weight: bold; width: 150px; }

.add-to-cart .count {
   background: url(/img2/count-backgnd.gif);
   height: 25px;
   width: 130px;
   float: left;
   padding: 6px 0 0 7px;
   margin: 0 10px 0 0;
}

.add-to-cart .count input {
  border: 0;
  vertical-align: middle;
}

.add-to-cart img {
   vertical-align: middle;
}

.add-to-cart a:visited { color: #d32853 }

.add-to-cart-small .count {
   background: url(/img2/count-backgnd.gif);
   height: 25px;
   width: 130px;
   padding: 6px 0 0 7px;
}

.add-to-cart-small .count input {
  border: 0;
  vertical-align: middle;
}

.add-to-cart-small img {
   vertical-align: middle;
}

.add-to-cart-small span {
   font-size: 10px;
}

.add-to-cart-small a:visited { color: #d32853 }

/* VARIANT THUMB */

.varth {
   text-align: center;
   float: left;
   width: 137px;
   padding: 0 0 20px 0;
}

.varth .image {
   background-image: url(/img2/frame-for-112x112.gif);
   padding: 3px;
   width: 114px;
   height: 114px;
   line-height: 112px;
   text-align: center;
   font-size: 1px;
   overflow: hidden;
}

.varth .image span {
   display: inline-block;
   height: 100%;
}

.varth .image * {
   vertical-align: middle;
}

.varth .title {
   font-weight: bold;
   font-size: 12px;
   margin: 5px 0;
   height: 30px;
   overflow: hidden;
}

.varth .price { margin: .5em 0; font-size: 14px; font-weight: bold; color: #d32853 }

.varthsepv {
   float: left;
   width: 18px;
   height: 140px;
}

.accessories {
   border-top: 1px solid #cecece;
   margin: 15px 0 10px 0;
   padding: 15px 0 0  0;
}

.accessories h2 {
   margin-bottom: 20px;
}

.accessory {
   width: 80px;
   height: 80px;
   float: left;
   margin: 0 9px 20px 0;
   text-align: center;
   line-height: 80px;
}

/* ERROR BOX */

.errmsg { background-color: #ffeeee; border: 1px solid #ff0000; padding: 1em; color: #ff0000; margin: 0 0 10px 0 }
.errmsg ul { margin-top: 0; margin-bottom: 0 }
.errmsg li { margin: 0.5em 0; }
.errmsg a { color: #ff0000; text-decoration: underline }

/* SIMPLE FORM */

.sform { margin: 0 }
.sform table.form { width: 100%; border: none; padding: 0; }
.sform td { padding: 0 10px 5px 0; font-weight: normal; vertical-align: middle }
.sform td.c1 { width: 180px; font-weight: bold; }
.sform input { width: 200px; border: 1px solid #cecece; }
.sform tr.odd {  }
.sform tr.even { background: #eeeeee }
.sform input.btn { background: #d32853; color: #ffffff; border: none; font-weight: bold; font-size: 14px; height: 2em; }
.sform sup { color: #ff0000 }

/* CART */

#cart-top-backgnd {
   background: url(/img2/cart-top-backgnd.gif) no-repeat;
   padding: 40px 15px 0 15px;
}

#cart-body-backgnd {
   background: url(/img2/cart-body-backgnd.gif);
}

/* CART - ITEM */

.cartitem {
	font-size: 12px;
}

.cartitem .image {
   background-image: url(/img2/frame-for-112x112-green.gif);
   padding: 4px;
   width: 112px;
   height: 112px;
   float: left;
   margin-right: 15px;
   line-height: 112px;
   font-size: 90px;   /* for the image to be centered in IE */
   overflow: hidden;
   text-align: center;
}

.cartitem .image img { vertical-align: middle; }

.cartitem .info {
   float: left;
}

.cartitem h3 { font-size: 14px; font-weight: bold; margin: 0 0 .75em 0 }
.cartitem h3 a { color: #000000; }
.cartitem .price { color: #d32853; }
.cartitem div.total { font-size: 14px; }
.cartitem span.total { color: #d32853; }
.cartitemsep {
   clear: both;
   border-bottom: 1px solid #cccccc;
   margin: 0 0 1em 0;
   height: 1em;
}
.cartitem form { margin: 1em 0; }

/* CART - SUMMARY */

.cartsummary {  background-color: white; padding: 1em; font-size: 12px}
.cartsummary table { font-size: 14px; font-weight: bold; color: #000000; }
.layout .cartsummary td { padding: 3px; }
.cartsummary td.total { border-top: 1px solid #999999; padding-top: 5px; }
.cartsummary .price { color: #d32853; }
.cartsummary p {  font-size: 10px }

/* ORDER - LOGIN */

.orderlogin { padding: 1em; background-color: #eeeeee; margin-top: 1em; }
.orderlogin table { width: 100%; margin: 0 0 1em 0}
.layout .orderlogin td { padding: 1em 0; vertical-align: middle }

/* ORDER - shippment */

.ordernav { margin-top: 2em }
.ordernav .left { float: left; }
.ordernav .right { float: right; }

/* ORDER - send */

table.items { width: 100%; border: 1px #cccccc solid; font-size: 85% }
table.items th { background-color: #cccccc; font-weight: bold; color: #ffffff; padding: 3px }
table.items td { border-bottom: 1px #cccccc solid; border-right: 1px #cccccc solid; padding: 3px; }

/* IMAGE VIEWER */

#iv_thumbs {
   margin: 10px 0 0 0;
}

#iv_image {
   clear: both;
   text-align: center;
   margin: 20px 0 0 0;
}

.iv_thumb {
   float: left;
   padding: 4px;
   margin: 0 2px 0 0;
   width: 81px;
   height: 80px;
   line-height: 80px;
   font-size: 1px;
   overflow: hidden;
}

.iv_thumb span {
   display: inline-block;
   height: 100%;
}

.iv_thumb * {
   vertical-align: middle;
   text-decoration: none;
}

.iv_thumb_sel {
   background: url(/img2/frame-for-80x80.gif) no-repeat;
   float: left;
   width: 81px;
   height: 80px;
   padding: 4px;
   margin: 0 2px 0 0;
   line-height: 80px;
   font-size: 1px;
   overflow: hidden;
}

.iv_thumb_sel span {
    display: inline-block;
    height: 100%;
}

.iv_thumb_sel * {
   vertical-align: middle
}

.iv-back img {
   vertical-align: middle;
}

.iv-back a:visited { color: #d32853 }

/* VARIANT SET */

.vsets .vset h4 { font-size: 14px; font-weight: bold; color: #d32853; margin: 0 0 10px 0; }

.vsets .vset .image {
   float: left;
   width: 127px;
   height: 127px;
   margin-right: 10px;
}

.vsets .seph {
   clear: both;
   border-bottom: 1px solid #cccccc;
   width: 100%;
   margin: 0 0 15px 0;
   height: 1px;
   font-size: 1px;
}

.vsets .price { font-size: 18px; font-weight: normal;}

/* LOGIN */

.login-content {
   background: url(/img2/login-backgnd.gif) no-repeat bottom;
   padding: 10px 15px 50px 15px;
}

/* REGISTER */

.register-bottom-backgnd {
   background: url(/img2/register-backgnd.gif) no-repeat bottom;
   padding: 10px 15px 40px 15px;
}

/* SORTING BAR */

#sorting-bar {
   margin: 10px 0;
}

#sorting-bar input { vertical-align: middle; height: 20px; cursor: pointer; }

#sorting-bar label { vertical-align: middle; background-color: #d32853; color: #ffffff; border: none; padding: 3px 5px; display: inline-block; cursor: pointer; }
#sorting-bar label:active { padding: 4px 4px 2px 6px; }

/******************************************************************************/
/* PRINT */
/******************************************************************************/

@media print
{
body {background: none;}
#hdr, #left-pane,#right-pane { display: none;}
#page-body { background: none; }
#footer { display: none; }
#close-body { display:none;}
#main { width: 100% }
.form-top-backgnd { background: none; }
.form-bottom-backgnd { background: none; }
#footerAd { display:none;}
}

