/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003         nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   -----------------------------------------------------------------------------------------

   XTC-Design Template & Stylesheet
   -----------------------------------------------------------------------------------------
   (c) XTC-Design - Thorsten Maurer
       http://www.xtc-design.de
   ---------------------------------------------------------------------------------------*/

@import url("includes/jquery.fancybox-1.3.4.css");
@import url("includes/carouFredSel.css");

/* BODY */
* {margin:0;padding:0}
body {font-family:Verdana,Arial,Sans-serif; font-size:11px; margin:0; padding:0; background-color:#FFFFFF;color:#993399}
/* HEADINGS */
h1 {color:#800E5A;font-weight:bold;font-size:13px;margin:20px 0px 15px 0px;padding:0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#993399;}
h2 {color:#800E5A; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px;}
h3 {color:#800E5A; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px;}

/* LINKS GLOBAL */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer}
a:link {color:#800E5A}
a:visited {color:#800E5A}
a:hover,a:active {color:#800E5A}
a img {border:none}


/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px;font-size:11px;}
ul,ol {padding-left:20px}

/* TABLE GLOBAL */
table td {padding:2px;}


#wrap {
        margin: 0 auto; padding: 0; width: 900px; text-align:center;

}

#top {position: absolute;
top: 0px;
height: 498px;
width: 900px;
margin: 0 auto; }

#header {

  width: 900px;
  height:52px;
  margin: 0 auto;
  padding:0;
  background-image: url(img/header_01.jpg);


}

#lang {
  width: 204px;
  float: left;
  padding: 30px 0 0 8px;
  margin: 0 auto;
}



#information {
width: 678px;
float: right;
display: inline;
font-size: 11px;
margin: 0 auto;
padding: 30px 10px 0 0;
color:#EB46B4;
font-size:10px;

}

A.top {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #EB46B4;
        font-weight : normal;
        text-decoration: none;

}

A.top:hover {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #800E5A
        font-weight : normal;
        text-decoration: underline;
}
A.top:visited {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #EB46B4;
        font-weight : normal;
        text-decoration: none;
}

#header_bg {
    width:900px;
    height:350px;
    margin:0 auto;
    padding:0;
}

#header_02 {
  float:left;
  width: 644px;
  height:350px;
  margin: 0 auto;
  padding:0;
  background-image: url(img/header.gif);
}

#header_03 {
  float:left;
  width: 256px;
  height:350px;
  margin: 0 auto;
  padding:0;
  background-image: url(img/header_03.jpg);
}

#topmenubox {

  width: 900px;
  height:29px;
  margin: 0 auto;
  padding:0;
  background-image: url(img/header_04.jpg);


}


ul#menutop {

margin: 0 auto; padding: 0 0 0 5px;


}

ul#menutop li {
  display: inline;
  list-style-type: none;
  font-size:12px;
  font-weight:bold;
  float:left;
  margin-left:6px;
  width:114px;
  padding-top:8px;
  color: #FFFFFF;

}

.menutop li a {color: #ffffff;}

.menutop li a:hover {color: #ffffff;}


#cartbox  {
  float:right;width:240px;color:#FFF4DC;margin-top:223px;

}

#header_05 {

  width: 900px;
  height:39px;
  margin: 0 auto;
  padding:0;
  background-image: url(img/header_05.jpg);


}

#manu {
  width: 204px;
  float: left;
  padding: 8px 0 0 2px;
  margin: 0 auto;
}



#search {
width: 678px;
float: right;
display: inline;
font-size: 11px;
margin: 0 auto;
padding: 5px 7px 0 0;
color:#674A3C;
font-size:10px;

}

#header_06 {

  width: 883px;
  height:25px;
  margin: 0 auto;
  padding: 3px 7px 0 10px;
  text-align:left;
  background-image: url(img/header_06.jpg);

}

#navtrail {
  padding-top:5px;
  color:#EB46B4;
  font-size:9px;
}

#navtrail a {

  color:#EB46B4;
  font-size:9px;
}

#maincontent {

  width: 900px;
  background-image: url(img/main_bkgd.jpg);
  background-repeat: repeat-y;
  margin: 0 auto;
  text-align:left;
  padding-top: 0px;
  margin-top:498px;
}

#leftmenu {
  width: 212px;
  float: left;
  padding: 0;

}

#content {
width: 688px;
float: right;
display: inline;
font-size: 11px;
margin: 0 auto;
padding-top:0px;

}

#banner {
  width: 900px;
  margin: 1em auto 1em auto;
  text-align: center;
}

/* CATEGORY MENU */

ul#categorymenu {padding: 2px 0 2px 0;}
/* 1st TIER */
ul#categorymenu li.level1 {list-style-type:none; padding:1px 0px 0px 15px;height:17px;margin-bottom:1px }
ul#categorymenu li.level1 a {text-decoration:none; color:#EB46B4; font-weight:bold;}
/* 2nd TIER */
ul#categorymenu li.level2 {list-style-type:none; padding:1px 0px 1px 17px;}
ul#categorymenu li.level2 a {font-size: 11px; text-decoration:none; color:#FF66CC;}
/* 3rd TIER */
ul#categorymenu li.level3 {list-style-type:none; padding:1px 0px 1px 22px;}
ul#categorymenu li.level3 a {font-size: 11px; text-decoration:none; color:#FF66CC;}

ul#categorymenu li.level1 a:hover,
ul#categorymenu li.level2 a:hover,
ul#categorymenu li.level3 a:hover {color:#800E5A;}

/*  Menu-Boxen Start  */

.menutopleft {

  height: 20px;
  padding: 9px 0 0 15px;
  color: #800E5A;
  font-size: 12px;
  font-weight: bold;
  margin: 0;

}

.menucontent {

width: 170px;
  padding: 0;
  margin: 0;
  font-size: 11px;
  padding: 10px 0 15px 20px;
}

.menucontentright {
text-align:left;
width: 160px;
  margin: 0;
  font-size: 11px;
  padding: 10px 0 15px 25px;
}

.menucontentcenter {
text-align:center;
  margin: 0;
  font-size: 11px;
  padding: 10px 0 10px 13px;
  width:162px;


}

#catbox {
background-image: url(img/bg_cat.jpg);


}


/* PRODUCT PREVIEW */
#listingheader {padding:9px 0px 0px 10px; margin:0;height:20px;font-size:12px;color:#F7BDE5;font-weight:bold;}
.listingbox {
  width:150px;
  min-height: 255px;
  height:255px;  /*für den IE */
  padding: 5px;
  border: 1px solid #C0C0C0;
  float: left;
  margin: 2px;
  background-color:#FFFFFF;
}
.productPreview {padding:0; margin:0;}
.productPreviewContent {vertical-align:top; width:100%}
.productPreviewContent h2 {font-size:11px;padding: 0; margin:0px 0px 5px 0px;}
.productPreviewContent h2 a {font-size:11px; font-weight:bold;}
.productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px;}
.productPreviewImage img {border: solid 1px #993399;}
.productPreviewContent .price{font-size:12px; font-weight:bold; padding:0; margin:0}
.productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#993399; padding:0; margin:0}
.productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#993399; padding:0; margin:0}
.productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#993399; padding:0; margin:0}
.productPreviewContent .stockimage {margin:0; padding:0;}
.productPreviewContent .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#993399;}
.productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#ff0000;}
.productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#993399;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .listingbox {
width: 150px;
}
/* End hide from IE5/mac */

.listing  {margin:0px 0px 10px 0px; font-size:12px; color: #EB46B4; font-weight:bold;height:2.2em}
.listing a {color: #EB46B4;}
.listing a:visited {color:#EB46B4}
.listing a:hover,a:active {color:#800E5A}
.price  {font-size:14px; color: #EB46B4; font-weight:bold;}

#products_bottom {padding:4px; margin:0;height:20px;font-size:12px;background-color:#F7BDE5;font-weight:bold;margin: 0 auto;}

.catlist_main {
  width:670px;
}

.catlist {
  width:30%;
  padding:5px;
  float:left;
  margin-top:12px;
  margin-left:5px;
  margin-bottom:7px;
  height:90px;
  border:1px solid #C0C0C0;
  background-color:#F7BDE5;
}

.catlist img {
    margin-top:0.2em;
    margin-bottom:0.2em;
}

/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {display:table; width:100%}
#productinfoimages { float:left; background-color:#FFFFFF; text-align:center; width:220px; padding:10px; margin:0px 10px 10px 0px; border: solid 1px #f289d1;}
#productinfoimages .productimage {}
#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfopricewithimages {float:right; width:300px}
#productinfopricewithimages img {cursor:pointer}
#productinfopricewithoutimages {width:100%}
#productinfopricewithoutimages img {cursor:pointer}
#productinfoprice {padding:5px;color:#993399;}
#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfoprice .productprice {margin:0; padding:0; font-size:14px; font-weight:bold;color:#800E5A;}
#productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;}
#productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#993399;}
#productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#993399;}
#productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#993399;}
#productinfoprice .stockimage {margin:0; padding:0;}
#productinfoprice .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#993399;}
p.productinfoproductadded {font-size:11px;color:#8F8F8F;font-style:italic;}
.productoptions { padding:2px;}
.addtobasket { padding:3px; text-align:right; border-style:solid; border-width:1px 0px 0px 0px; border-color:#993399}

/* POPUPS PRODUCTINFO */
body.popupproductinfo {padding:15px;background:none; background-color:#fff}

/* POPUP print_order.html */
body.popupprintorder {font-family:Verdana,Arial,Sans-serif; font-size:13px; padding:15px;background:none; background-color:#fff}
body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;}
body.popupprintorder .products .total {text-align:right}
body.popupprintorder .products .quantity {vertical-align:top}
body.popupprintorder .productname {vertical-align:top}
body.popupprintorder .model {vertical-align:top}
body.popupprintorder .singleprice {vertical-align:top}
body.popupprintorder .totalprice {vertical-align:top}

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {padding: 15px; background-color:#FFFFFF; border: solid #697074 1px}
div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1 {color:#800E5A; padding:0px 0px 10px 0px; margin:0; border:none; font-size:12px}
div.highlightbox div.hr {height:1px; line-height:1px; margin:0; padding:0; display:block; border-bottom: solid 1px #697074;}

/* PAYMENT TYPE SELECTION */
table.paymentblock {background-color:#FFFFFF; border-style: solid; border-width:1px 1px 1px 1px; border-color:#697074; margin-bottom:15px;}
table.paymentblock tr td.header {background-color:#FFFFFF; padding:2px; padding-left:5px; color:#B79765; font-weight:bold;}

/* SHIPPING TYPE SELECTION */
table.shippingblock {background-color:#FFFFFF; color:#B79765;border-style: solid; border-width:1px 1px 1px 1px; border-color:#cccccc; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#FFFFFF; padding:2px; padding-left:5px; color:#800E5A; font-weight:bold;}
table.shippingblock tr td {vertical-align:top;}
table.shippingblock tr td.description {width:80%; vertical-align:top; padding-left:6px;}
table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;}
table.shippingblock tr td.radiobutton input {margin:0; padding:0;}
table.shippingblock tr td.price {vertical-align:top; white-space:nowrap}

/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {vertical-align:top}
table.accounthistoryinfoorderdetails tr.header td {font-weight:bold}

/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {width:130px;}

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {padding: 5px; background-color:#B79765; border: solid #993399 1px; margin-bottom:8px;}
table.downloadbox tr td.icon{padding-right: 15px;}
table.downloadbox tr td.downloadlink{width:100%;}

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;}
table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#B79765; border-style: solid; border-width:0px 1px 1px 1px; border-color:#B79765;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#B79765; color:#ffffff; font-weight:bold}
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#FFFFFF;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #B79765 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#F7BDE5;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #B79765 1px;}
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {background-color:#ffffff; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#B79765;}

/* PRODUCT NAVIGATOR */
div.productnavigator {background-color:#FFFFFF; padding:8px; border:#993399 1px solid}

/* REVIEW LIST */
table.reviewlist {background-color:#B79765; border-style: solid; border-width:0px 1px 1px 1px; border-color:#993399;}
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#B79765; color:#FFFFFF; font-weight:bold}
table.reviewlist tr.contentrow1 td {background-color:#B79765;}
table.reviewlist tr.contentrow2 td {background-color:#FFFFFF;}
textarea#review {width:100%}

/* MEDIA LIST */
table.medialist {background-color:#B79765; border-style: solid; border-width:1px; border-color:#993399;font-size:11px}
table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top}
table.medialist tr.contentrow1 td {background-color:#B79765;}
table.medialist tr.contentrow2 td {background-color:#FFFFFF;}

/* SITEMAP */
.sitemapwrap {}
.sitemapwrap .sitemapleft {background-color:#FFFFFF;display:table; float:left; width:235px; margin-bottom:15px;}
.sitemapwrap .sitemapright {background-color:#FFFFFF; display:table; float:right; width:235px; margin-bottom:15px;}
.sitemapheader {padding:3px; background-color:#B79765; color:#993399; font-weight:bold}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {color:#57849F; text-decoration:none}
.sitemapcontent {padding:6px}
.sitemapcontent li {list-style-type:none}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width:100%}

/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {padding:0; margin:0px 0px 10px 0px; border:none}
table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;}
table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal; white-space:nowrap}
table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal;}
table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right}

table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:none}
table.checkoutconfirmationorderdetailstotal tr td.name {width:100%;text-align:right}
table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {}
ul#checkoutnavigation li {height: 40px; list-style-type:none; float:left; width:120px; margin-right:15px; border: solid 1px; padding:8px}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html ul#checkoutnavigation li {
width: 108px;
}
ul#checkoutnavigation li.active {background-color: #F7BDE5}
ul#checkoutnavigation li.active .number {font-size:11px; font-weight:bold;color:#F7BDE5}
ul#checkoutnavigation li.active .title {font-size:11px; font-weight:bold;color:#EB46B4}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#993399; background-color: #FFFFFF; border-color:#993399}
ul#checkoutnavigation li.inactive .number {font-size:11px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:11px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}

/* ERROR MESSAGES */
p.errormessage {border: dotted #B79765 2px; padding:15px; background-color:#ffffff}

/* SUCCESS MESSAGE */
.messageStackSuccess {padding:4px; background-color:#FFFFFF}

/* FOOTER */


#footer {
  background-image: url(img/footer.jpg);
  width: 885px;
  height:28px;
  margin: 0 auto;
  text-align:left;
  padding: 22px 0 0 15px;
}

A.footer {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #FFF4DC;
        font-weight : normal;
        text-decoration: none;

}

A.footer:hover {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #FFF4DC;
        font-weight : normal;
        text-decoration: underline;
}
A.footer:visited {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #FFF4DC;
        font-weight : normal;
        text-decoration: none;
}



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

#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{        padding:0 10px; color: #666; }
#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;        }

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


/* XTC COPYRIGHT */
.copyright {margin: 0 auto; width:1000px; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}
.copyright a{color:#666666; font-size:11px;}
/* XTC ParseTime */
.parseTime {margin: 0 auto; width:1000px; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}

#chooser {
    margin: 2em 0 0 5px;
    padding:0;
}

#options_carousel {
    width:642px;
    margin: 0 0 1em;
    padding:0 14px;
    border:1px solid #f289d1;
    background-color:#FFFFFF
}

div.clear {clear:both; float:none;}

div.products_options {
    height:162px;
    margin-bottom:1em;
}

div.products_options img {
    vertical-align: text-top;
    border:1px solid #F289D1;
}

span.products_options_block {
    display:inline-block;
    vertical-align:bottom;
    margin-left:1em;
}

span.products_options {
    display:inline-block;
    line-height:2em;
    text-align:center;
    border-top:1px solid #993399;
    border-bottom:1px solid #993399;
    border-right:1px solid #993399;
    padding: 2px;
    position: relative;
    bottom:0;
}

span.products_options_first {
    border-left:1px solid #993399;
}