#overlay{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #000;
	opacity : 0.44;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=44);
	z-index : 2000;
}

#overlay2{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 2100;
	text-align : center;
}

* HTML #overlay2{
	position : absolute;
}

* HTML #overlay{
	position : absolute;
}

#overlay2 b{
	display : block;
	padding-top : 230px;
	color : #d8cdb6;
	font-size : 14px;
	font-family : Arial;
	text-align : center;
	font-weight : normal;
	margin-bottom : 10px;
}

/* alert */
#alert{
	position : fixed;
	z-index : 2600;
	top : 200px;
	left : 50%;
	width : 700px;
	margin-left : -350px;
	display : none;
}

* HTML #alert{
	position : absolute;
	overflow : hidden;
}

#alert .top{
	height : 12px;
	padding-left : 12px;
	background : url(/img/alert/top-left.png) bottom left no-repeat;
}

* HTML #alert .top{
	background : url(/img/alert/top-left.gif) bottom left no-repeat;
}

#alert .top div{
	height : 12px;
	padding-right : 11px;
	background : url(/img/alert/top-right.png) bottom right no-repeat;
}

* HTML #alert .top div{
	background : url(/img/alert/top-right.gif) bottom right no-repeat;
}

#alert .top div b{
	height : 12px;
	display : block;
	background : url(/img/alert/top-center.png) bottom left repeat-x;
}

* HTML #alert .top div b{
	background : url(/img/alert/top-center.gif) bottom left repeat-x;
}

#alert .middle{
	padding-left : 12px;
	background : url(/img/alert/middle-left.png) bottom left repeat-y;
}

* HTML #alert .middle{
	background : url(/img/alert/middle-left.gif) bottom left repeat-y;
}

#alert .middle .left{
	padding-right : 11px;
	background : url(/img/alert/middle-right.png) bottom right repeat-y;
}

* HTML #alert .middle .left{
	background : url(/img/alert/middle-right.gif) bottom right repeat-y;
}

#alert .middle .left .right{
	background : #f8f3e9;
	/*padding : 15px;*/
	text-align : center;
	font-size : 16px;
	font-family : Arial;
	color : #5e594e;
	line-height : 30px;
}

#alert .middle .left .right a{
	color : #5e594e;
}

#alert .middle .left .right p.normal b{
	line-height : 21px;
}
#alert .middle .left .right p.normal{
	line-height : 19px;
	text-align : left;
	padding : 5px 45px 0;
}

#alert .bottom{
	height : 12px;
	padding-left : 12px;
	background : url(/img/alert/bottom-left.png) top left no-repeat;
}

* HTML #alert .bottom{
	background : url(/img/alert/bottom-left.gif) top left no-repeat;
}

#alert .bottom div{
	height : 12px;
	padding-right : 11px;
	background : url(/img/alert/bottom-right.png) top right no-repeat;
}

* HTML #alert .bottom div{
	background : url(/img/alert/bottom-right.gif) top right no-repeat;
}

#alert .bottom div b{
	height : 12px;
	display : block;
	background : url(/img/alert/bottom-center.png) top left repeat-x;
}

* HTML #alert .bottom div b{
	background : url(/img/alert/bottom-center.gif) top left repeat-x;
}

#alert h4{
	height : 36px;
	background : url(/img/alert/title-left.gif) top left no-repeat;
	padding-left : 6px;
	position : relative;
	width : 681px;
	left : -3px;
	top : -3px;
	font-family : Arial;
	font-weight : bold;
	font-size : 16px;
}

#alert h4 div{
	height : 36px;
	background : url(/img/alert/title-right.gif) top left no-repeat;
	padding-right : 6px;
}

#alert h4 div s{
	text-decoration : none;
	display : block;
	height : 36px;
	background : url(/img/alert/title-center.gif) top left repeat-x;
}
#alert h4 div i{
	display : block;
	height : 36px;
}

#alert .bad h4 div i{
	background : url(/img/alert/error.gif) top left no-repeat;
	color : #f5250f;
	line-height : 33px;
}

#alert .good h4 div i{
	background : url(/img/alert/success.gif) top left no-repeat;
	color : #6daf03;
	line-height : 33px;
}

#alert a.ok{
	display : inline-block;
	width : 38px;
	height : 22px;
	margin : 25px 0 15px;
}

#alert .bad a.ok{
	background : url(/img/alert/bad-button.gif) 0px 0px no-repeat;
}

#alert .bad a.ok:hover{
	background : url(/img/alert/bad-button.gif) 0px -22px no-repeat;
}

#alert .good a.ok{
	background : url(/img/alert/good-button.gif) top left no-repeat;
}

#alert .good a.ok:hover{
	background : url(/img/alert/good-button.gif) bottom left no-repeat;
}

#alert .good a.cancel{
	background : url(/img/alert/good-button-cancel.gif) top left no-repeat;
	width : 68px;
	display : inline-block;
	height : 22px;
	margin : 25px 0 15px;
}

#alert .good a.cancel:hover{
	background : url(/img/alert/good-button-cancel.gif) bottom left no-repeat;
}

#alert .bad a.cancel{
	background : url(/img/alert/bad-button-cancel.gif) top left no-repeat;
	width : 68px;
	display : inline-block;
	height : 22px;
	margin : 25px 0 15px;
}

#alert .bad a.cancel:hover{
	background : url(/img/alert/bad-button-cancel.gif) bottom left no-repeat;
}

#formChangePassword{
	width : 300px;
	display : inline-block;
	text-align : right;
	line-height : 14px;
	margin : 10px 0 0;
}
#formChangePassword input{
	width : 140px;
	margin : 2px 0;
}
/* detail */

.detail-popup{
	/*top : 235px;*/
	top : 185px;
	right : 50%;
	position : absolute;
	z-index : 2500;
	display : none;
}

.detail-popup .out{
	height : 200px;
	margin-right : -270px;
	width : 540px;
}

.detail-popup .width-2px{
	margin : 0 2px;
	height : 0px;
	border-top : 1px solid #f5f0e6;
	overflow : hidden;
	font-size : 1px;
}

.detail-popup .width-1px{
	margin : 0 1px;
	border-top : 1px solid #f8f3e9;
	height : 0px;
	overflow : hidden;
	font-size : 1px;
}

.detail-popup .body{
	padding : 4px 9px 0px;
	background : #f8f3e9;
}

.detail-popup .body a.close{
	float : right;
	background : url(/img/popup-close.gif);
	width : 77px;
	height : 17px;
	margin-bottom : 8px;
}

/* */
.detail-popup .body div.item .image{
	width : 236px;
	height : 208px;
	margin-right : 15px;
	background : url(/img/popup-image-border.gif);
}

.detail-popup .body div.item .scroll{
	float : left;
	clear : left;
	padding : 7px 0 0 18px;
	font-size : 3px;
	display : none;
}

.detail-popup .body div.item .scroll a{
	display : inline-block;
	vertical-align : middle;
}

.detail-popup .body div.item .scroll a.prev{
	width : 6px;
	height : 10px;
	background : url(/img/scroll-buttons.gif) top left no-repeat;
	margin-right : 1px;
}

.detail-popup .body div.item .scroll a.next{
	width : 6px;
	height : 10px;
	background : url(/img/scroll-buttons.gif) top right no-repeat;
	margin-left : 1px;
}

.detail-popup .body div.item .scroll a.item{
	background : url(/img/scroll-item-bg.gif);
	width : 68px;
	height : 48px;
	text-align : center;
	padding-top : 5px;
	margin : 0 1px;
}

.detail-popup .body div.item .descr{
	margin : 15px;
	color : #5e594e;
	font-size : 12px;
	font-family : Arial;
	line-height : 15px;
	text-align : justify;
}

.detail-popup .body div.item a.rem{
	/*margin-left : 18px;*/
	position : relative;
	left : 18px;
	color : #ce4000;
	font-size : 12px;
	font-family : Arial;
	line-height : 13px;
	text-decoration : none;
	display : inline-block;
	margin-bottom : 25px;
}
.detail-popup .body div.item a.rem:hover{
	text-decoration : underline;
}

.detail-popup .body div.item a.previtem{
	float : left;
	background : url(/img/popup-buttons-bg.gif) top left no-repeat;
	height : 23px;
	margin-top : 40px;
	padding-left : 6px;
	color : #ce4000;
	text-decoration : none;
}

.detail-popup .body div.item a.previtem span{
	display : inline-block;
	background : url(/img/popup-buttons-bg.gif) top right no-repeat;
	height : 23px;
	font-family : Arial;
	font-size : 12px;
	line-height : 23px;
	padding-right : 9px;
}

.detail-popup .body div.item a.previtem span b{
	font-size : 14px;
	display : inline-block;
	vertical-align : top;
	line-height : 15px;
	width : 18px;
	height : 18px;
	background : url(/img/paging2.gif) 0px -1px;
	color : #fff;
	font-weight : normal;
	text-align : center;
	margin-top : 2px;
	margin-right : 3px;
}

.detail-popup .body div.item a.nextitem{
	float : right;
	background : url(/img/popup-buttons-bg.gif) top right no-repeat;
	height : 23px;
	margin-top : 40px;
	padding-right : 6px;
	color : #ce4000;
	text-decoration : none;
}

.detail-popup .body div.item a.nextitem span{
	display : inline-block;
	background : url(/img/popup-buttons-bg.gif) top left no-repeat;
	height : 23px;
	font-family : Arial;
	font-size : 12px;
	line-height : 23px;
	padding-left : 9px;
}

.detail-popup .body div.item a.nextitem span b{
	font-size : 14px;
	display : inline-block;
	vertical-align : top;
	line-height : 15px;
	width : 18px;
	height : 18px;
	background : url(/img/paging2.gif) 0px -1px;
	color : #fff;
	font-weight : normal;
	text-align : center;
	margin-top : 2px;
	margin-left : 3px;
}

.detail-popup .body div.more{
	margin-top : 35px;
	padding : 0 13px;
	overflow : hidden;
}

.detail-popup .body div.more h4{
	font-size : 18px;
	color : #424241;
	font-family : Arial;
	margin-bottom : 26px;
}

.detail-popup .body div.more .product{
	float : left;
	width : 50%;
	overflow : hidden;
	height : 85px;
}

.detail-popup .body div.more .product div{
	float : left;
	width : 78px;
	height : 58px;
	background : url(/img/scroll-item-bg.gif);
	text-align : center;
	padding-top : 5px;
	margin-right : 6px;
}

.detail-popup .body div.more .product a.title{
	font-family : Arial;
	font-size : 12px;
	color : #ce4000;
	line-height : 14px;
	text-decoration : none;
	display : block;
	margin-top : 1px;
	margin-bottom : 2px;
}

.detail-popup .body div.more .product span{
	color : #5e594e;
	font-size : 20px;
	line-height : 21px;
	font-family : Arial;
}

.detail-popup .body div.more .product a.shop{
	width : 28px;
	height : 22px;
	display : inline-block;
	background : url(/img/popup-cash.gif);
	vertical-align : top;
	margin-left : 12px;
}

.detail-popup .body div.more .product a.SuccessAdd{
	background : url(/img/popup-cash2.gif);
}


/* video */
#popupVideo{
	position : absolute;
	z-index : 2500;
	top : 130px;
	left : 50%;
	display : none;
}

#popupVideo.small{
	width : 348px;
	margin-left : -174px;
}

#popupVideo div.top{
	height : 6px;
	background : url(/img/video/top-left.png) top left no-repeat;
	padding-left : 6px;
}

#popupVideo div.top b{
	display : block;
	height : 6px;
	background : url(/img/video/top-right.png) top right no-repeat;
	padding-right : 6px;
}

#popupVideo div.top i{
	display : block;
	height : 6px;
	background : #f8f3e9;
}

#popupVideo div.bottom{
	height : 6px;
	background : url(/img/video/bottom-left.png) top left no-repeat;
	padding-left : 6px;
}

#popupVideo div.bottom b{
	display : block;
	height : 6px;
	background : url(/img/video/bottom-right.png) top right no-repeat;
	padding-right : 6px;
}

#popupVideo div.bottom i{
	display : block;
	height : 6px;
	background : url(/img/video/bottom-center.png) top left repeat-x;
}

#popupVideo div.middle{
	padding-left : 6px;
	background : url(/img/video/middle-left.png) top left repeat-y;
}

#popupVideo div.middle div.left{
	padding-right : 6px;
	background : url(/img/video/middle-right.png) top right repeat-y;
}

#popupVideo div.middle div.right{
	background : #f8f3e9;
	padding : 8px;
}

#popupVideo a.close{
	background : url(/img/popup-close.gif);
	float : right;
	height : 17px;
	margin-bottom : 8px;
	width : 77px;
	margin-top : 2px;
}

#popupVideo h3{
	color : #424241;
	font-family : Georgia;
	font-size : 20px;
	line-height : 22px;
	padding-bottom : 10px;
}

/* present */
.present-popup{
	position : absolute;
	top : 200px;
	left  : 30%;
	z-index : 2600;
	display : none;
	width : 365px;
}

.present-popup .middle{
	background : url(/img/present/middle-left.png) top left repeat-y;
	padding-left : 9px;
	margin : 0;
	overflow : hidden;
}

.present-popup .middle .left{
	background : url(/img/present/middle-right.png) top right repeat-y;
	padding-right : 13px;
}

.present-popup .middle .left .right{
	background : #f8d06c;
	padding : 6px 12px;
	font-size : 12px;
	line-height : 15px;
	font-family : Arial;
	color : #39362e;
}

.present-popup .top{
	background : url(/img/present/top-left.png) bottom left no-repeat;
	height : 20px;
	padding-left : 30px;
}

.present-popup .top span{
	background : url(/img/present/top-right.png) bottom right no-repeat;
	height : 20px;
	padding-right : 30px;
	display : block;
}

.present-popup .top span b{
	display : block;
	background : url(/img/present/top-middle.png) bottom left repeat-x;
	height : 20px;
}

.present-popup .bottom{
	background : url(/img/present/bottom-left.png) top left no-repeat;
	height : 20px;
	padding-left : 30px;
	overflow : hidden;
}

.present-popup .bottom span{
	background : url(/img/present/bottom-right.png) top right no-repeat;
	height : 20px;
	padding-right : 30px;
	display : block;
}

.present-popup .bottom span b{
	display : block;
	background : url(/img/present/bottom-middle.png) top left repeat-x;
	height : 20px;
}

/* images slider */
#imagesSlider{
	position : absolute;
	z-index : 2500;
	top : 130px;
	left : 50%;
	display : none;
	width : 728px;
	margin-left : -363px;
}

#imagesSlider div.top{
	height : 6px;
	background : url(/img/video/top-left.png) top left no-repeat;
	padding-left : 6px;
}

#imagesSlider div.top b{
	display : block;
	height : 6px;
	background : url(/img/video/top-right.png) top right no-repeat;
	padding-right : 6px;
}

#imagesSlider div.top i{
	display : block;
	height : 6px;
	background : #f8f3e9;
}

#imagesSlider div.bottom{
	height : 6px;
	background : url(/img/video/bottom-left.png) top left no-repeat;
	padding-left : 6px;
}

#imagesSlider div.bottom b{
	display : block;
	height : 6px;
	background : url(/img/video/bottom-right.png) top right no-repeat;
	padding-right : 6px;
}

#imagesSlider div.bottom i{
	display : block;
	height : 6px;
	background : url(/img/video/bottom-center.png) top left repeat-x;
}

#imagesSlider div.middle{
	padding-left : 6px;
	background : url(/img/video/middle-left.png) top left repeat-y;
}

#imagesSlider div.middle div.left{
	padding-right : 6px;
	background : url(/img/video/middle-right.png) top right repeat-y;
}

#imagesSlider div.middle div.right{
	background : #f8f3e9;
	padding : 8px;
}

#imagesSlider a.close{
	background : url(/img/popup-close.gif);
	float : right;
	height : 17px;
	margin-bottom : 8px;
	width : 77px;
	margin-top : 2px;
}

#imagesSlider h3{
	color : #424241;
	font-family : Georgia;
	font-size : 20px;
	line-height : 22px;
	padding-bottom : 10px;
}

#imagesSlider .imagesSliderContainer{
	height : 525px;
}

#imagesSlider .imagesSliderContainer img{
	cursor : pointer;
}

#imagesSlider .imagesSliderContainer table{
	border-collapse : collapse;
	table-layout : fixed;
	width : 100%;
}

#imagesSlider .imagesSliderContainer td{
	vertical-align : middle;
	height : 525px;
	text-align : center;
	
}


#imagesSlider .prev{
	width : 62px;
	height : 146px;
	background : url(/img/images/left.png);
	position : absolute;
	left : -62px;
	top : 241px;
	cursor : pointer;
}

#imagesSlider .prev.disabled{
	display : none;
}

#imagesSlider .next{
	width : 61px;
	height : 146px;
	background : url(/img/images/right.png);
	position : absolute;
	right : -60px;
	top : 241px;
	cursor : pointer;
}

#imagesSlider .next.disabled{
	display : none;
}