
/* CSS Document */

* { margin:0; padding:0;}
body { background:url(../images/bg1.jpg) #171312 top center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#333333;}
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;}

#big{ background:; background-position:top; background-repeat:no-repeat; }
.top-tail{ background:url(../images/top-tail.png) top repeat-x; position:relative;}

#main-width { width:926px; 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:#7a7070; outline:none; te}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

/* ============================= header ====================== */
#header{ text-transform:uppercase; color:#ffffff; padding-bottom:7px; position:relative;}
#header .top{ width:100%; overflow:hidden; height:29px;}
#header .lang{ float:right; padding:8px 28px 0 0;}
#header .logo{ padding:24px 0 0 277px;}

#header .navigate{ padding:5px 0 0 30px;}
#header .navigate ul{ margin:0;}
#header .navigate b{ font-weight:normal; float:left; padding:2px 13px 0 0;}
#header .navigate li{ float:left; padding-right:3px;}
#header .navigate li a{ display:inline-block; border:solid 1px #353535; color:#525050; text-decoration:none; padding:0 4px 0 4px;}
#header .navigate li a:hover{ color:#fff;}

#styleSwitch li { float:left; cursor:pointer;  position:relative; overflow:hidden; }
.style1{  background:url(../images/bg1.jpg) #171312 top center no-repeat;}
.style2{  background:url(../images/bg2.jpg) #171312 top center no-repeat;}
.style3{  background:url(../images/bg3.jpg) #171312 top center no-repeat;}
.style4{  background:url(../images/bg4.jpg) #171312 top center no-repeat;}
.style5{  background:url(../images/bg5.jpg) #171312 top center no-repeat;}

#header .cart{ float:right; color:#e92582; padding:22px 68px 0 0;}
#header .cart a{ color:#fff; text-decoration:none;}
#header .cart a:hover{ color:#e92582;}
#header .cart span a{ color:#e92582;}
#header .cart span a:hover{ text-decoration:underline;}
#header .navigation-links{ float:right; padding:17px 120px 0 0;}
#header .navigation-links a{ color:#95b4eb; text-decoration:none; display:inline-block; margin-left:23px;}
#header .navigation-links a:hover, #header #styleSwitch .selected a{ color:#fff;}
#header .navigation-links div{ background:#070100; padding:5px 0;}

#header .row{ margin:17px 28px 0 30px; background:url(../images/row-tail.gif) top repeat-x;}
#header .row .right-bg{ background:url(../images/row-right-bg.gif) right top no-repeat; position:relative;}

#header .menu{ padding:6px 0 0 13px;}
#header .menu ul{ margin:0;}
#header .menu li{ float:left;}
#header .menu a{ color:#070100; display:inline-block; text-decoration:none; padding-right:8px; background:url(../images/spacer.png) right top no-repeat; position:relative;}
#header .menu a span{ display:block; text-align:center; padding:20px 5px 16px 8px;}
#header .menu a:hover{ background:url(../images/menu-item-bg.png) right top no-repeat; color:#fff;}
#header .menu a:hover span, #header .menu .active span{ background:#e81f7e;}

/* ============================= content ===================== */
.margin1{ margin-top:9px;}
.margin2{ margin-top:12px;}

.content-indent{ margin:0 30px; background:url(../images/content-bg.png); position:relative;}
* html .content-indent{ background:#b9b7b7;}

#column-left{ width:223px; padding-top:13px;}
#column-center{ padding-top:13px;}

.links{ padding:18px 0 0 5px; font-family:Tahoma, Geneva, sans-serif; line-height:18px;}
.links a{ color:#e81f7e; text-decoration:none;}
.links a:hover{ color:#7a7070;}

.main-content{ background:#fff; margin:0 13px 0 12px; padding:7px 21px 8px 21px; margin-bottom:13px; zoom:1; }

.column-1, .column-2, .column-3{ width:177px;}

.name{ display:block; color:#fff; background:#e81f7e; text-decoration:none; text-transform:uppercase; font-size:11px; padding:2px 0 3px 7px; margin-bottom:8px;}
.name:hover{ background:#ec61a3;}
.name strong{ font-weight:normal;}
.price{ font-size:11px; text-transform:uppercase; color:#333333; font-weight:normal;}
.price strong{ font-weight:normal;}
.box .price{ color:#fff;}
.buttons{ width:100%; overflow:hidden; padding-top:11px;}
.product_list_col{ padding-bottom:15px;}
* html .product_list_col{ padding-bottom:0px;}
*:first-child + html .product_list_col{ padding-bottom:0px;}
* html .margin3{ margin-bottom:16px;}
*:first-child + html .margin3{ margin-bottom:16px;}

/* ============================= footer ====================== */
#footer{ padding:0 30px 33px 30px; font-size:11px; text-transform:uppercase; color:#fff;}
#footer a{ color:#e81f7e; text-decoration:underline;}
#footer a:hover{ text-decoration:none;}
#footer .menu{ background:url(../images/content-bg.png); padding:0px 0 14px 14px; font-size:12px;}
#footer .menu a{ color:#171312; text-decoration:none; text-transform:uppercase; display:inline-block; margin-right:21px;}
#footer .menu a:hover{ color:#e81f7e;}
#footer p{ text-align:right; padding:10px 0 0 0;}
#footer p span{ display:block;}

/* ============================= forms ======================= */
select{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#818080;}

.currency-form{ float:right; padding:6px 20px 0 0;}
.currency-form select{ width:110px;}

.search-form{ float:right; padding:7px 14px 0 0;}
.search-form .input1{ background:#b6b4b4; border:solid 0px; padding:5px 5px 4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase; color:#fff; width:144px; line-height:1em;}
* html .search-form .input1{ margin-top:-1px;}
*:first-child+html .search-form .input1{ margin-top:-1px;}
.search-form input{ vertical-align:top;}


/******************************* bg-change **********************************************/

#gallery .image {
	width:485px;
	height:235px;
	/*background:url(../images/gallery01.jpg) no-repeat 0 0;*/
	float:left;
	margin:0px 28px 0px 0px;
}

#gallery .navigate a {
	text-align:center;
	text-decoration:none;
	width:26px;
	float:left;
	margin:0px 3px 0px 0px;
	padding:5px 0px 7px 0px;
	background:url(../images/navigateBg.jpg) no-repeat 0 0;
	color:#efe7c4;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#gallery .navigate {
	padding:0px 0px 0px 5px;
}
		
/*-----------------------------gallery ---------*/
#gallery1 .space .width {
	overflow:hidden; position:relative;
}
#gallery1 .image {
	width:485px;
	height:235px;
	/*background:url(../images/gallery01.jpg) no-repeat 0 0;*/
	float:left;
	margin:0px 28px 0px 0px;}
	
#gallery1 .navigate {
	padding:0px 0px 0px 5px;
}
#gallery1 .navigate a:hover {
	background:url(../images/navigateBgAct.jpg) no-repeat 0 0;
}

/******************************* Easy Slider **********************************************/

	.slider{ position:relative; width:100%; overflow:hidden;}
	.box-top {
			overflow:hidden;
			float:left;
			width:840px;
			position:relative;
			left:0;
			padding:14px 13px 0 13px;
			background:url(../images/content-bg.png);
	}
	* html .box-top {background:#b9b7b7;}
	.box-window{ width:840px; height:335px; position:relative; overflow:hidden; }
	
	#slider_list{margin:0; padding:0;}
	#left, #right{ cursor:pointer}	

	.box-top ul { list-style:none; width:6000px; position:relative;}
	.box-top ul li { display:inline-block; float:left; background:#fff; padding:5px 5px 5px 5px; position:relative; }
	.box-top ul li a{ width:200px; height:325px; position:relative; z-index:10;}
	.box-top ul .title-slide{ position:relative; font-size:10px; text-transform:uppercase; margin-top:-34px; z-index:50; background:url(../images/content-bg.png); line-height:11px; padding:8px 20px 0 4px; width:176px; height:26px; color:#040100;}
	

	.box-left {float:left; position:relative; width:30px; padding-top:123px;}
	.box-left .butt a{ position:absolute; width:30px; height:64px; background:url(../images/prev.png) no-repeat 0 0; text-decoration:none;}
	.box-left .butt a:hover{ background:url(../images/prev-act.png) no-repeat 0 0;}
	.box-right { float:left; position:relative; padding-top:123px;}	
	.box-right .butt a{ position:absolute; width:30px; height:64px; background:url(../images/next.png) no-repeat 0 0; text-decoration:none;}
	.box-right .butt a:hover{ background:url(../images/next-act.png) no-repeat 0 0;}
	.box-top .fleft { float:left; display:inline; margin:38px 16px 0px 5px;}
	
	#left_but, #right_but{ cursor:pointer;}

/* // Easy Slider */

ul.gallery {
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	
	width: 200px;
	position:relative;
}
ul.gallery li a {display: block; overflow:hidden; text-decoration:none;}
ul.gallery li a.thumb {
	width: 200px; /*--Width of image--*/
	height: 325px; /*--Height of image--*/
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 200px;
	height: 325px;
	overflow: hidden;
	display: block;
}
	ul.gallery li.last {
		margin-right:0;
		background:none;
		margin-right:0;
		width:220px;
	}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}



/*  ------------------------------ Center column styles -----------------------  */


#column-center {}

.column-center-padding {padding:0;}



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



/*  ------------------------------- Product box styles ------------------------  */


.product a strong {text-decoration:none; display:block; color:#fff; background:#e81f7e; text-decoration:none; text-transform:uppercase; font-size:11px; padding:2px 0 3px 7px; margin-bottom:8px;}
.product a:hover {text-decoration:underline;}

.product strong {font-size:11px; text-transform:uppercase; color:#333333; font-weight:normal;}




.product-list {padding:0; margin:0;}
.product-list .left {float:left; position:relative;}
.product-list .right {float:right; width:100%;}

.product-list .name {padding:0;}
.product-list a {text-decoration:none; display:block; color:#fff; background:#e81f7e; text-decoration:none; text-transform:uppercase; font-size:11px; padding:2px 0 3px 7px; margin-bottom:8px;}
.product-list a:hover {text-decoration:underline;}

.product-list .text {padding:0;}

.product-list .price {float:left; padding:0;}
.product-list .button {float:right; padding:0;}

.product-list strong {font-size:11px; text-transform:uppercase; color:#333333; font-weight:normal;}



.product-list_col {}

