@charset "utf-8";

@import 'style-reponsive-core.css';
@import 'style-reponsive-mobile-nav.css';

/** Hack old CSS */
#blogCatArticles .imageFeatured {
	float: none;
	margin:0;
	padding:0;
	border:1px solid #e4e4e4; 
	width: 98%;
	}
BODY.body-no-scroll {overflow: hidden;}

#custom-frames-listing .banner IMG {
	max-width: 100%;
	height: inherit;
	}



/* jcarousel --------------------------*/
.jcarousel {
	position: relative;
	overflow: hidden;
	}
.jcarousel ul {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	}
.jcarousel li { float: left; }
.jcarousel img {
	display: block;
	max-width: 100%;
	height: auto !important;
	}


/* happiness content slide --------------------------*/
.happiness-content-slide {position: relative;}
.happiness-content-slide .prev,
.happiness-content-slide .next {
	position: absolute;
	top: 51%;
	width: 18px;
	height: 43px;
	background: url(happiness/content-slide-nav.png) no-repeat;
	}
.pav-custom+.pav-custom .happiness-content-slide .prev,
.pav-custom+.pav-custom .happiness-content-slide .next { top: 45%; }
.happiness-content-slide .prev { left: 25px; }
.happiness-content-slide .next {
	right: 25px;
	background-position: -18px 0;
	}
.happiness-content-slide .content-slide-wrapper {
	position: relative;
	margin: 0 80px;
	height: 250px;
	overflow: hidden;
	}
.happiness-content-slide #product-section .content-slide-wrapper {height: 350px;}
.happiness-content-slide #custom-frame-section UL,
.happiness-content-slide #product-section ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 20000px;
	height: 280px;
	text-align: left;
	}
.happiness-content-slide #custom-frame-section LI,
.happiness-content-slide #product-section LI {
	float: left;
	display: block;
	margin: 0 10px;
	}
.happiness-content-slide #custom-frame-section img {
	display: block;
	width: 100%;
	}
/* How to order ---------------------------------------*/
UL.bank-list {
	margin: 0 0 30px 0;
	padding: 0;
	}
UL.bank-list LI {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	min-height: 63px;
	list-style-type: none;
	font-size: 13px;
	line-height: 18px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	}
.qrlink:hover{text-decoration: none;}

UL.bank-list .logo, UL.bank-list .info{
	float:left;
	margin-right: 10px;
	}
UL.bank-list .qrlink{
	float:right;
	}
UL.bank-list .qricon{
	width: 20px;
    height: 20px;
    background: #ccc;
    display: block;
    margin: 0 auto;
    padding: 10px;
}

UL.contact-way { margin: 0; padding: 0;}
UL.contact-way LI {
	position: relative;
	padding: 8px 0 12px 40px;
	list-style-type: none;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	}
UL.contact-way LI A {
	font-size: 14px;
	line-height: 18px;
	}
UL.contact-way SPAN {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	}
UL.contact-way SPAN.clock {background: url(happiness/custom-product/icon/clock.png);}
UL.contact-way SPAN.line {background: url(happiness/custom-product/icon/line.png);}
UL.contact-way SPAN.mail {background: url(happiness/custom-product/icon/mail.png);}
UL.contact-way SPAN.mobile {background: url(happiness/custom-product/icon/mobile.png);}
UL.contact-way SPAN.phone {background: url(happiness/custom-product/icon/phone.png);}
UL.contact-way SPAN.facebook {background: url(happiness/custom-product/icon/facebook.png);}
UL.contact-way SPAN.instragram {background: url(happiness/custom-product/icon/instragram.png);}





/* How to order ---------------------------------------*/
.how-to-order {
	margin-bottom: 50px;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	}
.how-to-order H3 {
	background: url(happiness/custom-product/header-bg.png) repeat-x center;
	font-family: supermarketregular;
	font-size: 24px;
	line-height: 26px;
	color: #999;
	}
.how-to-order H3 SPAN {
	display: inline-block;
	padding-right: 10px;
	background: #fff;
	}
.how-to-list UL {
	margin: 0 0 50px 0;
	padding: 0;
	}
.how-to-list LI {
	position: relative;
	float: left;
	list-style-type: none;
	width: 25%;
	text-align: center;
	}
.how-to-list EM {	
	display: block;
	font-style: normal;
	font-size: 13px;
	color: #cc9933;
	}
.how-to-list IMG {max-width: 90%;}
.how-to-list SPAN.arrow {
	display: block;
	position: absolute;
	top: 50%;
	right: -8px;
	margin-top: -60px;
	width: 16px;
	height: 85px;
	background: url(happiness/how-to/arrow.png) no-repeat;
	z-index: 20;
	}

.how-to-col {
	position: relative;
	float: left;
	padding-top: 30px;
	width: 49.5%;
	}
.how-to-col H3 {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	}
.bank-acc-block { border-right: solid 1px #ccc; }
.bank-acc-block H4 {
	margin: 0 0 10px 0;
	padding: 0;
	}
.how-to-col.contact-block H3 SPAN {
	margin-left: 20px;
	padding-left: 10px;
	}
.how-to-col.contact-block .inner {margin-left: 30px;}



/* Custom Product Page ---------------------------------------*/
/** title of block */
.custom-product-page H2 {
	margin-bottom: 20px;
	background: url(happiness/custom-product/header-bg.png) repeat-x center;
	}
.custom-product-page H2 EM {
	display: inline-block;
	padding-top: 3px;
	width: 30px;
	background: #ffc530;
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	}
.custom-product-page H2 SPAN {
	padding: 0 10px;
	background: #fff;
	font-family: supermarketregular;
	font-size: 26px;
	line-height: 30px;
	color: #999;
	}

.custom-product-page .order-block:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.custom-product-page .order-block {
	display: block;
	padding-bottom: 40px;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	}
.custom-product-page .order-block A {font-size: 100%;}
.custom-product-page IMG.max-width {max-width: 100%;}
.custom-product-page .col {
	float: left;
	width: 33%;
	height: auto;
	text-align: center;
	font-size: 14px;
	color: #333;
	}
.custom-product-page .col SPAN {display: block;}
.custom-product-page .col IMG {max-width: 100%;}

/** Size */
.custom-product-page .mobile-size {display: none;}

/** Hook Block */
.custom-product-page .hook .col { width: 25%; }

/** Price Table */
#custom-price-tb {clear: both;}
#custom-price-tb TABLE {
	width: 100%;
	border-bottom: solid 1px #eee;
	border-collapse: collapse;
	text-align: center;
	}
#custom-price-tb TH {
	padding: 5px 0;
	border-bottom: solid 1px #eee;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #b9b9b9;
	}
#custom-price-tb TD {
	padding: 5px 0;
	background: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: lighter;
	color: #333;
	}
#custom-price-tb TH:first-child,
#custom-price-tb TD:first-child { border-right: solid 1px #ddd; }
#custom-price-tb TR:nth-child(2n) TD {background: #f4f4f4;}
#custom-price-tb P {padding-top: 10px;}

/** Contact */
.custom-product-page .order-contact {
	margin-top: -15px;
	padding-left: 40px;
	}
.custom-product-page .order-contact P {margin-bottom: 15px;}


/** Photoboard Only */
#photoboard #custom-price-tb { 
	clear: both;
	padding-top: 20px;
	}
@media all and (min-width: 961px) {
	#photoboard { position: relative; }
	#photoboard .photoboard-type { overflow: hidden; }
	#photoboard #custom-price-tb {margin-bottom: 30px;}
}
@media only screen and (max-width: 440px) {
	UL.bank-list .info {width: 100%;}
	UL.bank-list .logo {margin: 5px 0;}
	UL.bank-list .qrlink {float:left; width:100%;}
	UL.bank-list .qricon,UL.bank-list .qrtext{ display:inline-block;}
	UL.bank-list .qricon{ 
		width: 15px;
		height: 15px;
		padding:3px;
		margin-right: 5px;
	}
	UL.bank-list .qrtext {
		vertical-align: super;
	}
  }