/* CSS Document */

* { margin:0; padding:0;}
body { background:url(../images/body-tail.gif) top repeat-x #bfc5ce; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#3b3a3a;}
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-width { width:1075px; 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:#53637a; outline:none; text-decoration:underline;}
a:hover{color:#334053; outline:none; text-decoration:none;}
p { margin:0; padding:0;}

/*==============================menu==========================*/
#templatmeo_header {
	width: 930px;
	height: 60px;
	padding: 15px;
	background: url(../images/templatemo_header.jpg) no-repeat;}
#templatemo_menu {
	float: right;
	width: 660px;
	height: 40px;
	padding: 10px 0;
}

#templatemo_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#templatemo_menu ul .last {
	background: none;
}

#templatemo_menu ul li a {
	float: left;
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	font-size: 13px;
	color: #a2a8b8;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	outline: none;
	border: none;
	background: url(../images/templatemo_menu_border.png) center center no-repeat;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	color: #fff;
	background: url(../images/templatemo_menu_hover.jpg) center center no-repeat;}
/* ============================= header ====================== */
#header{ padding-bottom:16px;}
#header .logo{ float:center; padding:35px 0 31px;}

#header .cart{ float:right; color:#fff; text-align:left; padding-bottom:17px;}
#header .cart .left-corner{ background:url(../images/cart-left-corner.gif) left bottom no-repeat #db1a1a;}
#header .cart .right-corner{ background:url(../images/cart-right-corner.gif) right bottom no-repeat; padding:8px 20px 9px 19px;}
#header .cart .cart-bg{ background:url(../images/cart-bg.gif) no-repeat 0 0; padding:11px 0 9px 42px;}
#header .cart a{ color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; font-size:13px;}
#header .cart a:hover{ color:#ee9c9c;}

#header .nav-links{ float:right; color:#898787; text-transform:uppercase; padding:18px 18px 0 0; font-size:11px;}
#header .nav-links a{ color:#898787; text-decoration:none;}
#header .nav-links a:hover{ color:#db1a1a;}
#header .lang{ float:right; padding:3px 12px 0 0;}

/*#header .row{ border-bottom:solid 5px #d8d8d8; padding-bottom:5px;}*/
/*#header .row .wrapper{ background:url(../images/row-tail.gif) bottom repeat-x #fff;}      */
#header .menu{ float:center;}
#header .menu ul{ padding:0; margin:0;}
#header .menu li{ float:left; font-size:14px; text-transform:uppercase; font-weight:bold; /*background:url(../images/menu-separator.gif) right top no-repeat;*/}
#header .menu li a{ color:#898787; text-decoration:none; display:block; cursor:pointer;}
#header .menu li a span{ display:block; padding:20px 19px 22px 19px;}
#header .menu li a:hover{ background:#db1a1a; color:#fff;}
/*#header .menu .li_un a:hover span{ background:url(../images/row-left-corner-act.gif) left top no-repeat;}

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

/* ============================= content ===================== */
#content{ background:#bfc5ce; border:solid 0px #000000;}
#column-center{ border-left:solid 1px #000000;}
.column-center-padding{ padding:0 15px;}

.category-icons{ width:100%; overflow:hidden; margin-bottom:23px; border-top:solid 1px #f1f1f1;}
.category-icons ul{ padding:0; margin:0;}
.category-icons li{ float:left; width:162px; text-align:center; background:url(../images/category-tail.gif) bottom repeat-x; padding:8px 0 0;}
.category-icons li a{ display:block; text-decoration:none; background:url(../images/category-separator.gif) right top no-repeat;}
.category-icons li span{ display:block; font-size:14px; color:#898787; font-weight:bold; text-transform:uppercase; padding:11px 0 13px;}
.category-icons .first{ width:164px;}
.category-icons .last{ width:163px;}
.category-icons .first span{ background:url(../images/category-first-corner.gif) left bottom no-repeat;}
.category-icons .last span{ background:url(../images/category-last-corner.gif) right bottom no-repeat;}
.category-icons li a:hover span{ background:#db1a1a; color:#fff;}
.category-icons .first a:hover span{ background:url(../images/category-first-corner-act.gif) left bottom no-repeat #db1a1a;}
.category-icons .last a:hover span{ background:url(../images/category-last-corner-act.gif) right bottom no-repeat #db1a1a;}

.product-col{ padding:17px 0 0 0;}
.vLine .product-col{ padding:17px 0 0;}
.hLine{ background:url(../images/line.gif) left top repeat-x; padding-top:17px !important; padding-bottom:0;}
.vLine{ background:url(../images/line.gif) left top repeat-y; }
.img{ text-align:center;}
.product-info{ border-top:solid 1px #e5e5e5; margin:6px 17px 0 17px; padding:19px 0 21px 0;}
.buttons{ padding:10px 0 0 0;}
.buttons a{ display:inline-block; margin-right:3px;}

.name{ color:#db1a1a; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.name:hover{ color:#3b3a3a;}
.price{ font-size:13px; color:#3b3a3a; font-weight:bold;}
.product-col .price{ padding:20px 0 0;}


/* ============================= footer ====================== */
#footer{ padding:37px 0 52px 0; color:#3b3a3a; font-size:11px; text-transform:uppercase; background:url(../images/body-tail-low.gif); width: 100%;}
#footer .cards{ float:right;}
#footer .menu{ padding:0 0 6px;}
#footer .menu a{ text-decoration:none; color:#53637a;}
#footer .menu a:hover{ color:#3e4a5c;}

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

.currencies{ float:right; color:#898787; text-transform:uppercase; font-size:11px; padding:0 11px 0 0;}
.currencies select{ font-size:11px; color:#db1a1a; text-transform:none; width:75px;}

.search{ float:right; padding:13px 12px 0 0;}


.search span{ display:inline-block; border:solid 1px #d8d8d8; padding:3px; background:#fff;}
.search input{ vertical-align:top;}
.search .input1{ border:solid 0px; width:150px; padding:3px;}


/* ============================= footer ====================== */
.kwicks {
/* recommended styles for kwicks ul container */
   list-style: none;
   position: relative;
   margin: 0;
   padding: 0;
   overflow:hidden;
   width:975px;
   height:391px;
}
.kwicks li{
/* these are required, but the values are up to you (must be pixel) */
   width: 163px;
   height: 391px;
   overflow:hidden;
   /*do not change these */
   display: block;
   overflow: hidden;
   padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
   cursor:pointer;
   position:relative;
}
.kwicks li.active {
}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
   margin-right: 0; /*Set to same as spacing option. */
   float: left;
   background:#fff;
}
.kwicks.horizontal li .slider-title{  
	text-transform:uppercase; 
	background:url(../images/slide-title-tail.gif) bottom repeat-x;
	float:left;
	display:block;
	width:41px; 
	height:391px;
}
.kwicks.horizontal li .slider-title a{ 
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display:block;
	position:absolute;
	left:6px;
	bottom:25px;
	width:42px;
	height:30px;
	color:#898787;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	float:left;
}

.kwicks.horizontal li div{ float:left; position:absolute; left:41px;}
.kwicks.horizontal li:hover .slider-title { background:#898787;}
.kwicks.horizontal li:hover .slider-title a{ color:#fff;}

* +html .kwicks.horizontal li .slider-title a{ width:366px; height:28px; background:url(../images/slide-title-tail.gif) bottom repeat-x; bottom:0; left:0; padding:13px 0 0 25px;}
* +html .kwicks.horizontal li .slider-title a:hover{  background:#898787;}