
/* 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;  position:relative;}

.line{ background:url(../images/line.gif) left top repeat-y; margin-bottom:10px;}

.name{ color:#a660bd; font-size:14px; 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:25px 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;}