/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
	width:584px !important;  
	padding:0 40px !important; 
}

.jspPane
{
	position: absolute;
	width:584px !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 13px;
	width: 9px;
	z-index:11;
	height: 100%;
	background: #e6e6e6;
	border-radius:20px
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}


/*.jspCap
{
	display: none;
}*/

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: none;
	position: relative;
}

.jspDrag
{
	background:url(../img/scroll_txt.png) no-repeat;
	position: relative;
	top: 0;
	left: -5px;
	width:19px;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


.jspArrowUp{
	width: 20px;
	height:20px;
	left: -6px;
	position: relative;
	background: url(../img/scroll_up.png) no-repeat center center !important;
}

.jspArrowDown{
	width: 20px;
	height:20px;
	left: -6px;
	position: relative;
	background: url(../img/scroll_down.png) no-repeat center center !important;
}

.print_block{
	text-align: center;
	margin: 30px 0;
}

.print_button{
	background: url(../img/printer.png) no-repeat 14px 8px, url(../img/print_button_bg.jpg) repeat;
	display: inline-block;
	font-size: 16px;
	border-radius: 5px;
	box-shadow: 0 2px 2px #d1763f;
	text-decoration: none;
	color: #951004;
	font-weight: 700;
	text-shadow: 1px 1px 0 #ffea95;
	padding: 9px 21px 9px 54px;
}

.print_button:hover{
	background: url(../img/printer_hover.png) no-repeat 14px 8px, url(../img/print_button_bg_hover.jpg) repeat;
	color: #700c03;
}

/*.read_more_product{
	color: #2c3717;
	background: url(../img/read_more.png) no-repeat;
	text-decoration: none;
	font-size: 18px;
	width: 80px;
	height:170px;
	position: absolute;
	top: -73px;
	right: -470px;
	text-align: center;
	padding: 30px 36px;
}*/

.read_more_product{
	background:url(../img/print_button_bg.jpg) repeat;
	display: inline-block;
	font-size: 16px;
	border-radius: 5px;
	box-shadow: 0 2px 2px #d1763f;
	text-decoration: none;
	color: #951004;
	font-weight: 700;
	text-shadow: 1px 1px 0 #ffea95;
	padding: 9px 35px;
	position: absolute;
	bottom: 0px;
	right: -325px;
}

.read_more_product:hover{
	background:url(../img/print_button_bg_hover.jpg) repeat;
	color: #700c03;
}

.slid_j{
	text-align: center;
}

.slid_j .bx-wrapper{
	display: inline-block;
}

.slid_j .journey li{
	padding: 30px 0;
}

.slid_j .journey li a{
	display: inline-block;
	position: relative;
}

.slid_j .journey li img {
    width: 82px;
    height: auto;
}
.unreg_user_comment{
	text-align: center;
	color: #2e2d2c;
	font-size: 16px;
	margin-bottom: 65px;
}
.unreg_user_comment p{
	margin-bottom: 50px;
	margin-top: 30px;
}

.popup_form .print_button,
.unreg_user_comment .print_button{
	padding: 9px 21px 9px 21px;
	background: url(../img/print_button_bg.jpg) repeat;
	color: #951004 !important;
	box-shadow: 0px 2px 2px #D1763F !important;
	border:none !important; 
}
.popup_form .print_button:hover,
.unreg_user_comment .print_button:hover{
	background: url(../img/print_button_bg_hover.jpg) repeat;
	color: #700c03 !important;
	cursor: pointer !important; 
}

#popup_form{
	display: none;
}
.fancybox-close{
    background: url(../img/fancy_close.png) !important;
    width: 35px !important;
	height: 35px !important;
}
.fancybox-skin{
	padding:35px 40px !important;
	background: #fff !important;
	width: 360px !important;
}
/*.fancybox-inner{
	width: 360px !important;
}*/
.popup_form{
	color: #5e5e5e;
	font-size: 14px;
}
.popup_form .title{
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}
.red,
.red a{
	color: #951004;
}
.popup_form label{
	display: block;
	width: 100%;
	color: #5e5e5e;
	margin-bottom: 5px;
	font-size: 18px;
}
.popup_form input,
.popup_form textarea{
	display: block;
	width: 100%;
	border:1px solid #f5b263;
	color: #5e5e5e;
	-moz-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 7px 10px;
    margin-bottom: 15px;
}
.popup_form textarea{
	height: 148px !important;
}
.red_star{
	color: #ff0000;
}
.after_clear:after{
	clear: both;
	content: '';
	display: block;
}
.popup_form .left{
	width: 35%;
	float: left;
}
.popup_form .print_button{
	font-size: 16px;
	font-family: "PT Sans",sans-serif;
	float: right;
	width: 60%;
	margin-bottom: 3px;
}
.captcha_img{
	float: left;
}
.captcha_img img{
	max-width: 100px;
	max-height: 60px;
	width: 100%;
	height: 100%;
	margin-left: 20px;
}
.popup_form form > div{
	margin-bottom: 20px;
}
.captcha{
	float: right;
	width: 28% !important;
	margin-top: 20px;
}