/* CSS Document */



* { margin:0; padding:0; }

html, body{ height:100%;}

body { background:url(../images/body-bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#777;}

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; }



.main-bg{ background:url(../images/main-bg.jpg) top center no-repeat;}

.main-width { width:995px; margin:0 auto; text-align:left; position:relative;}



input, textarea { font-family:Tahoma; font-size:1em;}



.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:#4474be; outline:none; text-decoration:underline;}

a:hover{text-decoration:none;}

p { margin:0; padding:0;}



/* ============================= header ====================== */

.top-tail{ background:url(../images/body-bg.gif) top repeat;}

.top-bg{ background:url(../images/body-bg.gif) top repeat; height:400px; width:100%;}

.top-tail2{ background:url(../images/body-bg.gif) position:absolute; right:0; width:100%; top repeat-x;}

#header{ background:url(../images/body-bg.png); padding:0px 0 0px 0; height:90px; color:#4474be; line-height:22px; position:relative; overflow:hidden;}

#header .logo{ float:right; padding:0 7px 0 0;}

#header .menu ul{ float:left; padding:0 0 0 9px; margin:0;}

#header .menu li{ float:left; font-size:13px;font-weight:bold;}

#header .menu a{ color:#76dffd; color:#4474be; text-decoration:none; padding:45px 9px 97px 9px; display:inline-block;}

#header .menu a:hover{ background:#d3d3d3;}



/* ============================= content ===================== */

#content{ padding:20px 0 100px 0;}



#column-left{ padding:0 52px 0 64px;}



.min-height{ height:auto !important; min-height:100%; position:relative; margin-bottom:-86px;}



.row{ background:url(../images/body-bg.gif) top repeat;}



.cart{ float:right; background:url(../images/cart-bg.gif) no-repeat 0 2px; padding:2px 27px 0 29px; color:#4474be; }

.cart a{ font-weight:bold; text-decoration:none;}

.cart a:hover{ color:#000;}



.nav-links{ float:left; color:#4474be; padding:0 0 0 25px;}



/*---------------------*/

.product-col{ position:relative; width:228px; margin-bottom:12px;}



.name{ font-size:13px; line-height:18px; color:#4474be; text-decoration:none; font-weight:bold;}

.name:hover{ color:#030303;}

.name-corner{ position:absolute; top:291px; right:0; margin-right:-8px; background:url(../images/name-corner.gif) right bottom no-repeat; padding-bottom:7px;}

.name-block{ background:#4474be; padding:6px 5px 6px 11px; width:195px;}

.name-block .name{ color:#fff; font-weight:normal; font-size:12px; text-decoration:underline;}

.name-block .name:hover{ color:#fff; text-decoration:none;}

.price{ font-size:14px; color:#030303; font-weight:bold;}



/* ============================= footer ====================== */

#footer{ background:url(../images/footer-bg.png); padding:22px 0 22px 0; height:40px; color:#4474be; line-height:22px; position:relative; overflow:hidden;}

#footer a{ color:#4474be;}

#footer .menu a{ color:#; text-decoration:none;}

#footer .menu a:hover{ color:#000;}

#footer .lang{ padding:5px 0 4px 0;}

#footer .currencies select{ width:90px; color:#4474be; font-size:11px; border:solid 0px;}



/* ============================= forms ======================= */

input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#010101;}