/* CSS Document */

* { margin:0; padding:0;}
body { background:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#58376f;}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}


.top-tail{ background:url(../images/top-tail.gif) top repeat-x #030303;}
.bot-tail{ background:url(../images/bot-tail.gif) bottom repeat-x;}
#main-width { width:980px; margin:0 auto; text-align:left;}


.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#76548e; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

/* ============================= header ====================== */
#header .top{ width:100%; overflow:hidden; height:114px;}
#header .logo{ float:left;}
#header .nav-links{ color:#453c85; text-transform:uppercase; font-size:11px; padding:32px 7px 18px 0;}
#header .nav-links a{ color:#453c85; text-decoration:none;}
#header .nav-links a:hover{ color:#fff;}
#header .lang{ float:right; padding:0 9px 0 0;}

#header .row{ background:url(../images/row-tail.gif) top repeat-x; width:100%;}
#header .row .left-bg{ background:url(../images/row-left-bg.gif) left top no-repeat;}
#header .row .right-bg{ background:url(../images/row-right-bg.gif) right top no-repeat; width:100%; height:67px; overflow:hidden;}

#header .menu{ float:left;}
#header .menu ul{ padding:20px 0 0 22px; margin:0; float:left;}
#header .menu ul li{ float:left; background:url(../images/menu-marker.png) no-repeat 0 5px; padding:0 14px 0 30px; font-size:13px;}
#header .menu ul li a{ color:#948ad5; text-decoration:none;}
#header .menu ul li a:hover{ color:#a22cb6;}

/* ============================= content ===================== */
.flash{ margin-top:-27px; position:relative; height:402px; overflow:hidden;}
object{ outline:none;}
#content .left-border{ background:url(../images/content-border.gif) left repeat-y #000;}
#content .right-border{ background:url(../images/content-border.gif) right repeat-y;}
.main-indent{ padding:0 4px 0 6px; margin-top:-3px;}

#column-left{ width:202px;}
#column-center{ padding-left:5px;}
.left-col-margin{ margin-top:-393px; position:relative;}
#bannerThree{ margin:-92px 0 4px 0; position:relative;}

.title-left-bg{ display:block; background:url(../images/title-left-bg.gif) left top no-repeat;}
.title-right-bg{ display:block; background:url(../images/title-right-bg.gif) right top no-repeat; padding:13px 0 13px 36px;}

.product-col{ text-align:center; margin-bottom:-10px; position:relative;}
.line{ background:url(../images/line.gif) left top repeat-y; margin-bottom:10px;}
.name{ color:#a660bd; font-size:18px; font-weight:bold; text-decoration:none; line-height:22px;}
.name:hover{ color:#542e60;}
.img{ padding:20px 0 15px 0;}
.image, .categoryImg{ display:inline-block; background:url(../images/image-bg.gif) no-repeat 0 0; position:relative;}
.image a{ text-decoration:none;}
.price{ color:#d081f8; font-size:16px; font-weight:normal;}
.price strong{ font-weight:normal;}
.button{ padding:17px 0 0 0;}

/* ============================= footer ====================== */
#footer{ background:url(../images/footer-bot-bg.jpg) no-repeat bottom center; padding-bottom:62px; color:#50406f; margin-top:-8px;}
#footer .top-tail{ background:url(../images/footer-top-tail.gif) top repeat-x #110d15; width:100%;}
#footer .right-border{ background:url(../images/footer-border.gif) right repeat-y;}
#footer .bot-border{ background:url(../images/footer-border.gif) bottom repeat-x;}
#footer .left-border{ background:url(../images/footer-border.gif) left repeat-y;}
#footer .left-top{ background:url(../images/footer-left-top.gif) left top no-repeat;}
#footer .right-top{ background:url(../images/footer-right-top.gif) right top no-repeat;}
#footer .right-bot{ background:url(../images/footer-right-bot.gif) right bottom no-repeat;}
#footer .left-bot{ background:url(../images/footer-left-bot.gif) left bottom no-repeat;}
#footer .indent{ padding:19px 20px 13px 60px;}
#footer a{ color:#7a69a5;}

#footer .cards{ float:left; padding:10px 66px 0 0;}
#footer .fleft{ border-left:solid 1px #1a1429; padding:1px 0 0 29px;}
#footer .menu a{ display:inline-block; margin-right:20px; background:url(../images/footer-menu-marker.gif) no-repeat 0 7px; padding-left:10px; color:#50406f; text-decoration:none;}
#footer .menu a:hover{ color:#fff;}
#footer p span{ display:block;}

/* ============================= forms ======================= */
input, select, textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:normal; color:#58376f;}

.currency-form{ float:right; font-size:11px; font-weight:bold; color:#7064ac; text-transform:uppercase; padding-right:23px;}
.currency-form select{ font-size:10px; text-transform:none; color:#7064ac; border:solid 1px #43316b; background:#130f21; font-family:Tahoma, Geneva, sans-serif; vertical-align:middle; width:90px;}

.manufacturers-form{ float:right; font-size:11px; font-weight:bold; color:#7064ac; text-transform:uppercase; padding-right:23px;}
.manufacturers-form select{ font-size:10px; text-transform:none; color:#7064ac; border:solid 1px #43316b; background:#130f21; font-family:Tahoma, Geneva, sans-serif; vertical-align:middle; width:100px; margin-left:3px;}

.search-form{ float:right; padding:19px 20px 0 21px; background:url(../images/header-separ.gif) no-repeat left 12px;}
.search-form input{ vertical-align:top;}
.search-form .input1{ border:solid 0px; background:none; margin-right:5px; padding:4px 11px 3px 11px; color:#7064ac; font-size:11px; width:167px;}
.search-form span{ display:inline-block; background:url(../images/search-form-bg.gif) no-repeat 0 0;}