/* CSS Document */

* { margin:0; padding:0;}
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#535353;}
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;}
.main-width { width:988px; 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:#6f6e6e; 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; padding:15px 0 0 10px;}

#header .cart{ color:#979797; font-size:13px; padding:22px 0 12px 0;}
#header .cart a{ color:#000; text-transform:uppercase; text-decoration:none;}
#header .cart a:hover{ color:#979797;}
#header .lang{
	padding:1px 9px 0 0;
	float:right;
	display: none;
}
#header .nav-links{ font-size:13px; color:#6a7078; padding:11px 0 0 0;}
#header .nav-links a{ color:#6a7078; text-decoration:none;}
#header .nav-links a:hover{ text-decoration:underline;}

#header .menu{ float:left; padding:24px 0 0 0;}
#header .menu ul{ padding:0; margin:0;}
#header .menu li{ float:left; font-size:15px; font-weight:bold; text-decoration:none; padding-right:10px;}
#header .menu li a{ color:#585757; text-decoration:none; display:inline-block;}
#header .menu li a span{ display:inline-block;}
#header .menu li a span span{ padding:5px 10px 6px 10px;}

#header .menu li a:hover{ color:#fff; background:url(../images/menu-item-tail.gif) top repeat-x; cursor:pointer;}
#header .menu li a:hover span{ background:url(../images/menu-item-left-bg.gif) left top no-repeat;}
#header .menu li a:hover span span{ background:url(../images/menu-item-right-bg.gif) right top no-repeat;}

.banners{ width:100%; overflow:hidden; padding-top:22px;}
#bannerOne{float:left; padding-right:13px;}
*html .banners{ margin-bottom:-22px;}

/* ============================= content ===================== */
#column-center{ padding-left:27px;}

.line2{ background:url(../images/line.gif) top left repeat-x; padding:1px;}
.line3{ background:url(../images/line.gif) repeat-y left top;  padding:1px; }
.product-list-col{ padding:2px 0 0 0;}
.text{ padding:13px 5px 13px 20px;}

.name{ font-weight:bold; color:#535353;}
.name:hover{ text-decoration:none;}
.price{ color:#e40082; font-weight:bold; font-size:13px;}

.price-button{ width:100%; overflow:hidden; padding:31px 0 0 0;}
.product-list-col .price{ float:left;}
.product-list-col .button{ float:left; padding-left:20px;}
.img{ text-align:center;}



/* ============================= footer ====================== */
#footer{ border-top:solid 1px #cdcccc; margin-top:10px; padding:23px 0 34px 0; color:#808080;}
#footer .cards{ float:left;}
#footer .menu{ color:#2fc7f9;}
#footer .menu a{ color:#2fc7f9; text-decoration:none;}
#footer .menu a:hover{ text-decoration:underline;}
#footer a{ color:#808080;}
#footer p{ padding:3px 0 0 0;}
#footer p span{ display:block;}

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

.currency-form{
	float:right;
	color:#006666;
	font-size:13px;
	background:url(../images/form-separ.gif) no-repeat 0 0;
	padding:0 0 0 7px;
}
.currency-form select{ border:solid 1px #d5d4d4; font-size:11px; color:#929292; width:83px; vertical-align:middle;}

.search-form{ float:right; padding:24px 1px 0 0;}
.search-form span{ display:inline-block; background:url(../images/search-form-bg.gif) no-repeat 0 0;}
.search-form input{ vertical-align:top;}
.search-form .input1{ border:solid 0px; background:none; width:134px; margin-right:4px; padding:4px 5px 5px 9px; font-size:11px;}


/*------------ slider ------------*/

#featured-slide{ 
	width:741px;
	position:relative;
	height:277px;
	float:left;
	overflow:hidden;
}
#featured-slide ul.ui-tabs-nav{ 
	position:absolute; 
	top:0px; left:710px; 
	list-style:none; 
	padding:0; margin:0; 
	width:24px; 
	z-index:100;
	
}
#featured-slide ul.ui-tabs-nav li{ 
	width:24px;
	height:91px;
	padding-left:7px;
}
#featured-slide ul.ui-tabs-nav li a{ 
	width:24px;
	height:91px;
	display:inline-block;
	text-decoration:none;
}
#featured-slide #nav-fragment-3{ height:93px;}

#featured-slide #nav-fragment-1 a{ background:url(../images/item1.png) no-repeat 0 0;}
#featured-slide #nav-fragment-2 a{ background:url(../images/item2.png) no-repeat 0 0;}
#featured-slide #nav-fragment-3 a{ background:url(../images/item3.png) no-repeat 0 0; height:93px;}

*html #featured-slide #nav-fragment-1 a{ background:url(../images/item1_ie.gif) no-repeat 0 0;}
*html #featured-slide #nav-fragment-2 a{ background:url(../images/item2_ie.gif) no-repeat 0 0;}
*html #featured-slide #nav-fragment-3 a{ background:url(../images/item3_ie.gif) no-repeat 0 0;}

#featured-slide ul.ui-tabs-nav li img{ margin:0;}
#featured-slide ul.ui-tabs-nav li{ padding-bottom:1px;}
#featured-slide ul.ui-tabs-nav li.last { padding:0;}

#featured-slide ul.ui-tabs-nav li.ui-tabs-selected { 
	background:url(../images/selected-item.png) no-repeat 0px 39px;  
}
*html #featured-slide ul.ui-tabs-nav li.ui-tabs-selected { 
	background:url(../images/selected-item.gif) no-repeat 0px 39px;  
}

#featured-slide .ui-tabs-panel{ 
	position:relative;
}
#featured-slide .ui-tabs-hide {display:none; }

/*--- carousel begin ---*/
.carousel-box {
	background:url(../images/carousel-bg.gif) left top repeat-x;
	height:114px;
	overflow:hidden;
	position:relative;
	margin:15px 0 17px 0;
}


.carousel-box .inner {
	padding:0;
	position:relative;
}
.carousel-box button {
	background:none;
	width:22px;
	height:114px;
	border:none;
	position:absolute;
	cursor:pointer;
	outline:none;
	z-index:10;
}
.carousel-box button.prev {
	background:url(../images/prev.gif) no-repeat left top;
}

.carousel-box button.next {
	right:0;
	background:url(../images/next.gif) no-repeat left top;
}

.carousel-box ul{ padding-left:10px !important; overflow:hidden;}
.carousel-box ul li {
	padding:0 10px 0 10px;
	margin-top:10px;
	float:left;
	position:relative;
	border-right:solid 1px #e8e5e5;
}
.carousel-box ul li a {
	width:140px;
	height:94px;
	position:relative;
	float:left;
}

/*--- carousel end ---*/