
/* CSS Document */

* { margin:0; padding:0;}
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#000000;}
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-bg{ background:url(../images/top-bg.jpg) top center no-repeat; position:relative;}
.top-tail{ background:url(../images/top-tail2.gif) top repeat-x; position:relative;}
.top-tail2{ background:url(../images/top-tail.gif) top repeat-x; position:absolute; left:0; width:50%; height:91px;}

#main-width { width:911px; margin:0 auto; text-align:left;}

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:#b1b1b1; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

/* ============================= header ====================== */
#header{ background:url(../images/top-tail2.gif) top repeat-x; margin-bottom:14px;}
#header .top{ width:100%; overflow:hidden; height:54px;}
#header .menu{ float:left; padding:24px 0 0 0; margin:0 0 0 0;}
#header .menu ul{ padding:0; margin:0;}
#header .menu li{ float:left; background:url(../images/menu-marker.gif) no-repeat 0 5px; padding:0 20px 0 24px; font-size:13px;}
#header .menu .li_un{ background:none; padding-left:3px;}
#header .menu li a{ color:#fff; text-decoration:none;}
#header .menu li a:hover{ color:#9ec100;}

.row{ background:url(../images/row-tail.gif) top repeat-x; width:626px;}
.row .right-bg{ background:url(../images/row-right-bg.gif) right top no-repeat; height:37px; overflow:hidden;}

#header .logo{ padding:8px 0 0 0; float:left;}
#header .nav-links{ float:left; text-transform:uppercase; padding:18px 0 0 10px;}
#header .nav-links a{ color:#adadad; text-decoration:none; display:inline-block; margin:0 10px;}
#header .nav-links a:hover{ color:#6188bb;}

#header .cart{ margin:8px 0 0 0; background:url(../images/cart-bg.gif) no-repeat 7px 0; padding:4px 14px 0 27px; text-transform:uppercase; color:#fff; float:left;}
#header .cart a{ text-decoration:none; color:#9ec100;}
#header .cart a:hover{ color:#fff;}
#header .cart strong a{ color:#fff; font-weight:bold; text-decoration:none;}
#header .cart strong a:hover{ color:#9ec100;}

#header .lang{ background:url(../images/header-separ.gif) no-repeat 0 10px; padding:10px 0 0 45px; float:left;}

/* ============================= content ===================== */

#column-left{ background:#f8f8f8;}
#column-left .main-indent{ padding:19px 20px 0 19px;}
#column-center{ padding-left:10px;}

.product-col{ border:solid 1px #efefef; padding:1px; margin-bottom:5px;}

.name{ font-size:12px; text-transform:uppercase; font-weight:bold; color:#141414; text-decoration:none;}
.name:hover{ color:#395e9b;}
.product-name{ background:#f5f5f5; padding:14px 10px 13px 20px; margin-bottom:11px;}
.img{ text-align:center;}
.text{ padding:9px 10px 11px 17px;}
.price{ font-size:15px; line-height:18px; color:#3a3a3a; font-weight:bold;}
.price-button{ background:#fbfbfb; padding:15px 25px 14px 26px;}
.price-button .price{ border-right:solid 1px #e4e4e4; padding:6px 12px 2px 0; display:inline-block; float:left;}
.price-button .button{ float:right; padding:2px 0 0 0;}

/* ============================= footer ====================== */
#footer{ background:url(../images/footer-tail.gif) top repeat-x #ededed; margin:10px 0 21px 0; font-size:12px; color:#8e8e8e;}
#footer a{ color:#8e8e8e;}
#footer .cards{ float:left; padding:21px 17px 5px 15px;}
#footer .footer-content{ padding:17px 20px 15px 28px; border-left:solid 10px #fff; float:left;}
#footer .menu a{ display:inline-block; background:url(../images/footer-menu-marker.gif) no-repeat 0 5px; padding-left:13px; margin-right:20px; font-weight:bold; color:#000; text-decoration:none;}
#footer .menu a:hover{ color:#40b1ea;}
#footer p{ padding-top:4px;}
#footer p span{ display:block;}

/* ============================= forms ======================= */
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#8b8b8b;}

.search-form{ float:right; padding:21px 0 0 26px; background:url(../images/header-separ.gif) no-repeat 0 21px;}
.search-form input{ vertical-align:top;}
.search-form .input1{ border:solid 0px; background:none; padding:3px 15px 3px 17px; width:143px; font-size:12px; color:#787878; margin-right:5px;}
.search-form span{ background:url(../images/search-form-bg.gif) no-repeat 0 0; display:inline-block;}

.currency-form{ float:left; background:url(../images/header-separ.gif) no-repeat 0 10px; padding:11px 28px 0 43px; color:#fff; text-transform:uppercase; font-weight:bold;}
.currency-form select{ border:solid 1px #767676; background:#4f4f4f; font-size:10px; color:#f2f2f2; text-transform:none; font-family:Tahoma, Geneva, sans-serif; width:90px; margin-left:2px; vertical-align:middle;}
