/****************************************************************************
*	@file	astrologer-profile.css
*	@brief	Style sheet for Astrologer Profile Layout
*	@details DESCRIPTION: Style sheet for News Panel Layout
*
*		Filename		: astrologer-profile.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/02	<Ver. 1.00>
*
*		[Styles Included]
*			Astrologer Profile Main Container
*			Astrologer Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/02	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Astrologer Profile Main Container
*****************************************************************************/
div#astrologer-container {   
	float:			right;
	padding:		10px;
	margin-top:		20px;
	box-shadow: 	0.1em 0.2em 0.8em #777;
	border-left: 	1px solid #963DD2;
}

/*************************************************************************//**
*  Astrologer Content
*****************************************************************************/
.astrologer-content {
	float:			left;
	position:		relative;
	width:			100%;
	height:			auto;
	margin-top:		5px;  
	text-align:		left;    
}

.astrologer-img {
	float:			left;
	position:		relative;
	padding-right:	15px;
}

.astrologer-name {
	font-size:		19px;
	color:			#1f7914;
	line-height:	22px;
}

.astrologer-name span{ 
    color: 			#481880 !important;
    font-weight: 	normal !important;
    font-size: 		20px !important;
}

.astrologer-text {
    color: 			#3f3f3f;
	font-size:		11px;
	text-align: 	justify;
	padding: 		10px;
}

/****************************************************************************
*	@file	astrology-banner.css
*	@brief	Style sheet for Astrology Banner Layout
*	@details DESCRIPTION: Style sheet for Astrology Banner Layout
*
*		Filename		: astrology-banner.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/10	<Ver. 1.00>
*
*		[Styles Included]
*			Astrology Banner Main Container
*			Astrology Banner Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/10	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Astrology Banner Main Container
*****************************************************************************/
.astrology-banner-container {
	border:		0px solid #efefef;
	height:		143px;
	padding:	5px;
	width:		100%;
}

.astrology-banner-container .gradient {
	position:		absolute;
	width:			100%;
	padding:		0px;
	border:			0px solid green;
	height:			143px;
	top:			0px;
	left:			0px;
}

/*************************************************************************//**
*  Astrology Banner Content
*****************************************************************************/
.astrology-banner-container #zodiac-signs-container {
	position:		relative;
	width:			100%;
	border:			0px solid red;
	top:			-220px;
	height:			0px;
	left:			-335px;
}

.zodiac-hdr{
	z-index: 		50;
	position:		relative;
	color:			#ffffff;
	float:			left;
	left:			365px;
	top:			243px;
	font-size:		25px;
	color:			#B4E167;
	line-height:	22px;
	margin-bottom:	0px;
	margin-bottom:	0px;
	font-weight:	normal;
}

.large-starsign {
	position:		absolute;
	top:			153px;
	right:			-330px;
	width:			353px;
	height:			143px;
	border:			0px solid #ccc;
}

.large-starsign img{
	position: 		absolute;
	border:			0px solid #ccc;
	top:			62px;
	left:			10px;
}

.zodiac-img-container{
	position:		absolute;
	width:			40px;
	height:			150px;
	cursor:			pointer;
}


/****************************************************************************
*	@file	astrology-definition.css
*	@brief	Style sheet for Astrology Definition Layout
*	@details DESCRIPTION: Style sheet for Astrology Definition Layout
*
*		Filename		: astrology-definition.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/01	<Ver. 1.00>
*
*		[Styles Included]
*			Main Astrology Definition Container
*			Astrology Definition Contents
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Astrology Definition Container
*****************************************************************************/
.astrology-definition-main-container {
	float:			left;
	position:		relative;
	width:			670px;
	min-height: 	860px;
	height:			auto;
	padding-top:	0px;
	margin-top:		0px;
	margin-bottom:	0px;
	margin-right:	0px;
	border:			0px dotted #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.astrology-definition-inf {
	float:			left;
	position:		relative;
	width:			100%;
	height:			auto;
	padding:		20px;
	margin-top:		0px;
	margin-bottom:	10px;
	margin-right:	0px;
	border:			1px solid #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
	min-height: 	800px;

}

/*************************************************************************//**
*  Astrology Definition Contents
*****************************************************************************/
.definition-hdr-container {
	float:			left;
	position:		relative;
	width:			60px;
	height:			60px;
	padding-left:	0px;
	padding-top:	0px;
	margin-top:		5px;
	margin-bottom:	10px;
	margin-right:	15px;
	border:			0px solid #ccc;
	text-align:		left;
}

.definition-hdr-container img {
	valign:			top;
	width:			56px;
	height:			56px;
	border:			0px;
}

.definition-hdr-title {
	font-size:		14px;
	font-weight:	bold;
	margin-bottom:	0px;
	color:			#000000
}

.astrology-definition-inf .grey_text5 {
	font-size:		11px;
	line-height:	18px;
	color:			#000000;
	font-weight:	normal;
	margin:			10px 0;
}

.definition-chart-link {
	color:			#167C07;
	font-weight:	bold;
}

#definition-chart-wrapper {
	display:		none;
	width: 			660px;
	height: 		678px;
}

.definition-chart-img {
	float:			left;
	position:		relative;
	width:			660px;
	height:			650px;
	padding-top:	10px;
	padding-left:	25px;
	padding-bottom:	0px;
	border:			0px solid #ccc;
	text-align:		left;
	left:			0px;
	overflow:		hidden;
}

.definition-chart-img img {
	max-width:		100%;
	height:			auto;
}

/****************************************************************************
*	@file	astrology-elements.css
*	@brief	Style sheet for Astrology Elements Layout
*	@details DESCRIPTION: Style sheet for Astrology Elements Layout
*
*		Filename		: astrology-elements.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/01	<Ver. 1.00>
*
*		[Styles Included]
*			Four Elements Main Container
*			Four Elements Contents
*			Four Elements Slider Style
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Four Elements Main Container
*****************************************************************************/
.astrology-elements-main-container {
	float:				left;
	position:			relative;
	width:				670px;
	height:				auto;
	padding-top:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		0px;
	border-top:			0px dotted #ccc;
	text-align:			left;
	top:				0px;
	left:				0px;
}

.astrology-elements-inf {
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	padding:			20px;
	margin-top:			0px;
	margin-bottom:		20px;
	margin-right:		0px;
	border:				1px solid #ccc;
	text-align:			left;
	top:				0px;
	left:				0px;
}

/*************************************************************************//**
*  Four Elements Contents
*****************************************************************************/
.elements-hdr-title {
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		0px;
	color:				#000000;
}

.elements-img-container {
	float:				left;
	position:			relative;
	width:				580px;
	heigth:				310px;
	padding:			0px;
	margin-top:			10px;
	margin-bottom:		0px;
	margin-right:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				0px;
	left:				30px;
}

.astrology-elements-inf .grey_text5 {
	line-height:	15px;
}

/*************************************************************************//**
*  Four Elements Slider Style
*****************************************************************************/
.slider_container{
	width:				580px;
	height:				330px;
	padding:			0px;
	border:				0px solid gray;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	background:			transparent;	
	text-align:			center;
}
.slider_wrapper2{
	overflow:			hidden;
	position:			relative;
	height:				280px;
	top:				auto;
}
#image_slider2{
	position:			relative;
	width:				0px;
	height:				320px;
	list-style:			none;
	overflow:			hidden;
	float:				left;
	padding:			0px;
	margin:				0px;
}
#image_slider2 li{
	position:			relative;
	float:				left;
	width:				auto;
}

.nvgt{
	position:			absolute;
	top:				120px;
	height:				50px;
	width:				30px;
	opacity:			0.0;
}
.nvgt:hover{
	opacity:			0.9;
}
#prev_1{
	background:			#000 url('../../../assets/images/starsigns/elements/prev.png') no-repeat center;
	left:				0px;
}
#next_1{
	background:			#000 url('../../../assets/images/starsigns/elements/next.png') no-repeat center;
	right:				0px;
}
#pager2{
	padding:			0px;
	position:			absolute;
	height:				50px;
	margin:				auto;
	margin-top:			10px;
	left:				240px;
}
#pager2 li{
	font-size: 			10px;
	line-height: 		17px;
	padding:			0px;
	margin:				5px;
	width:				20px;
	height:				20px;
	border:				1px solid #481880;
	color:				#ffffff;
	list-style:			none;
	opacity:			0.6;
	float:				left;
	border-radius:		12px;
	cursor:				pointer;
	background:			#333;
}
#pager2 li:hover{
	opacity:			0.9;
}

/****************************************************************************
*	@file	astrology-forecast.css
*	@brief	Style sheet for Astrology forecast Layout
*	@details DESCRIPTION: Style sheet for Astrology forecast Layout
*
*		Filename		: astrology-forecast.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/02	<Ver. 1.00>
*
*		[Styles Included]
*			Zodiac Sign Weekly Forecast Container
*			Zodiac Sign Header
*			Zodiac Sign Weekly Forecast
*			Zodiac Sign Forecast Read more
*			Zodiac Sign Personal Year
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/02	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Zodiac Sign Weekly Forecast Container
*****************************************************************************/
.zodiac-forecast-container {
	width:			670px;
	margin-left:	0px;
	height:			auto;
	position:		relative;
	top:			0px;
	left:			0px;
	overflow:		hidden;
}
	
#zodiac-glimpse {
	top:			0px;
	z-index:		11px;
	opacity:		1;
	margin-top:		15px;
	
}

/*************************************************************************//**
*  Zodiac Sign Header
*****************************************************************************/
.zodiac-hdr-content {
	position:		relative;
	float:			left;
	width:			670px;
	padding-left:	20px;
	padding-top:	20px;
	height:			80px;
	left:			0px;
	top:			0px;
	margin-bottom:	18px;
	border:			1px solid #ccc;
}

.zodiac-hdr-name {
	float:			left;
	position:		relative;
	width:			40%;  
	height:			auto;
}
 
.zodiac-hdr-name font, .zodiac-hdr-date font{
	font-size:		25px;
	font-weight:	normal;
}

.zodiac-hdr-date {
	float:		right;
	position:	relative;
	height:		auto;
	right:		40px;  
}

/*************************************************************************//**
*  Zodiac Sign Weekly Forecast
*****************************************************************************/
.zodiac-weekly-main {
	position:		relative;
	float:			left;
	z-index:		110;
	border:			1px solid #CCCCCC;
	height:			auto;
	margin-left:	0px;
	margin-bottom:	20px;
	margin: 		5px 0;
}

.zodiac-weekly-img {
	float:			left;
	position:		relative;
	width:			180px;
	height:			190px;
	padding-left:	0px;
	padding-top:	10px;
	margin-top:		0px;
	margin-bottom:	0px;
	margin-right:	20px;
	text-align:		left;
}

.zodiac-weekly-img img {
	width:	165px;
	height:	165px;
}

.zodiac-weekly-img .zodiac-glimpse {
	margin-top:		15px;
	width:			180px;
	height:			190px;
}

.zodiac-weekly-content {
	float:			left;
	position:		relative;
	width:			65%;
	height:			auto;
	min-height: 	199px;
	padding-left:	0px;
	padding-top:	0px;
	margin-top:		15px;
	margin-bottom:	0px;
	margin-right:	0px;
	border:			0px solid #ccc;
	text-align:		left;
}

.preview-astro-hdr {
	margin-top:		25px;
	margin-bottom:	25px;
	padding:		0px;
	line-height:	20px;
	font-size:		25px;
	color:			#000000;
}

.preview-astro-title {
	font-size:		14px;
	color:			#555;
	margin-bottom:	15px;
	padding:		0px;
}


.full-astro-hdr {
	font-size:		14px;
	font-weight		:bold;
	margin-bottom:	0px;
	color:			#000000
}

.full-astro-title {
	font-size:		10px;
	font-weight:	bold;
	margin-bottom:	0px;
	color:			#777;
}

#zodiac-weekly-astrologer {
	font-size:		13px;
	color:			#555;
	margin-bottom:	15px;
	padding:		0px;
}

#zodiac-weekly-forecast { 
	font-size:     	11px;
	color: 			#3f3f3f;
	margin-top:		20px;  
}

/*************************************************************************//**
*  Zodiac Sign Forecast Read more
*****************************************************************************/
.zodiac-weekly-main .readmore {
	width:			100%;
	height:			auto;
	position:		relative;
	float:			left;
	left:			90%;
	border:			0px solid #ccc;
}

.zodiac-weekly-main .readmore p {
	font-size:		10px;
	margin-top:		5px;
	padding:		0px;
	font-style:		italic;
}

.zodiac-weekly-main .twa-readmore {
	width:			100%;
	height:			auto;
	position:		relative;
	float:			left;
	left:			85%;
	border:			0px solid #ccc;
}

.zodiac-weekly-main .twa-readmore p {
	font-size:		10px;
	margin-top:		5px;
	padding:		0px;
	font-style:		italic;
}

/*************************************************************************//**
*  Zodiac Sign Personal Year
*****************************************************************************/
.zodiac-personal-main-container {
	float:			left;
	position:		relative;
	width:			670px;
	height:			auto;
	padding-top:	0px;
	margin-top:		15px;
	margin-bottom:	0px;
	margin-right:	0px;
	border-top:		0px dotted #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.zodiac-personal-inf {
	float:			left;
	position:		relative;
	width:			100%;
	height:			auto;
	padding:		20px;
	margin-top:		0px;
	margin-bottom:	20px;
	margin-right:	0px;
	border:			1px solid #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.zodiac-personal-img-container {
	float:			left;
	position:		relative;
	width:			60px;
	height:			60px;
	padding-left:	0px;
	padding-top:	0px;
	margin-top:		5px;
	margin-bottom:	10px;
	margin-right:	15px;
	border:			0px solid #ccc;
	text-align:		left;
}

.zodiac-personal-img-container img {
	valign:			top;
	width:			56px;
	height:			56px;
	border:			0px;
}

.zodiac-personal-hdr {
	font-size:		14px;
	font-weight:	bold;
	margin-bottom:	0px;
	color:			#000000
}

.zodiac-personal-inf .grey_text5 {
	line-height:	18px;
	margin: 		10px 0px;
}


/****************************************************************************
*	@file	astrology-glimpse-side.css
*	@brief	Style sheet for Astrology Glimpse of year side pane Layout
*	@details DESCRIPTION: Style sheet for Astrology Astrology Glimpse of 
*							year side pane Layout
*
*		Filename		: astrology-glimpse-side.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/24	<Ver. 1.00>
*
*		[Styles Included]
*			Main Astrology Glimpse Side Panel Container
*			Astrology Glimpse Side Panel Contents
*
****************************************************************************/  
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Astrology Glimpse Side Panel Contents
*****************************************************************************/

#astrology-side-glimpse-inf {
	text-align: 		justify;
	padding:			15px;
	background-color: 	#fff;
	box-shadow: 		0.1em 0.2em 0.8em #777;
	border-left: 		1px solid #963DD2;
	margin-top: 		20px;    
	color: 				#3f3f3f;
	font-size: 			11px !important;         
}

.side-glimpse-hdr-img {
	width:				100%;
	height:				202px;
	background:			url(../../../assets/images/2015_glimpse_twa.png);
	margin-bottom:		15px;
}

.side-glimpse-hdr-title {
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		10px;   
	color:				#000000;
}

/****************************************************************************
*	@file	astrology-traits.css
*	@brief	Style sheet for a Starsign's Traits
*	@details DESCRIPTION: Style sheet for a Starsign's Traits
*
*		Filename		: astrology-traits.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/24	<Ver. 1.00>
*
*		[Styles Included]
*			Main Astrology Traits Container
*			Astrology Traits Contents
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Astrology Traits Container
*****************************************************************************/
.astrology-traits-inf {
	padding:			15px;
	background-color:	#fff;
	box-shadow: 		0.1em 0.2em 0.8em #777;
	border-left: 		1px solid #963DD2;
	margin-top: 		20px;
	color: 				#3f3f3f;
	font-size: 			11px !important;
	text-align: 		justify;
}

/*************************************************************************//**
*  Astrology Traits Contents
*****************************************************************************/
.astrology-traits-img {
	float:				left;  
	margin-right:		10px;
}

.astrology-traits-img img{
	valign:				top;
	width:				56px;
	height:				56px;
}

.astrology-traits-title {
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		0px;
	margin-top:			15px;
	color:				#000000;
}

.astrology-traits-range {
	font-size:			10px;
	font-weight:		normal;
	margin-bottom:		0px;
	color:				#777;
	padding:			0px;
	margin-bottom:		10px;
	margin-top:			0px;
}

.astrology-traits-content {  
	color: #3f3f3f;    
	font-size: 11px !important;  
	text-align: justify; 
}


/****************************************************************************
*	@file	astrology-weekly-form.css
*	@brief	Style sheet for Weekly Astrology Mail Form
*	@details DESCRIPTION: Style sheet for Astrology Weekly Astrology Mail Form
*
*		Filename		: astrology-weekly-form.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/24	<Ver. 1.00>
*
*		[Styles Included]
*			Main Astrology Weekly Form Container
*			Astrology Weekly Form Header
*			Astrology Weekly Form
*			Astrology Weekly Form Labels
*			Astrology Weekly Form Text Box
*			Astrology Weekly Form Check Box
*			Astrology Weekly Form Check Box Label
*			Astrology Weekly Form Submit Button
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Astrology Weekly Form Container
*****************************************************************************/
#astrology-form-main-container {   
	padding: 			15px;
	box-shadow: 		0.1em 0.2em 0.8em #777;
	border-left: 		1px solid #963DD2;
	height: 			230px;
	margin-top:			20px;
}

/*************************************************************************//**
*  Astrology Weekly Form Header
*****************************************************************************/
.astrology-form-hdr {
	float:				left;
	position:			relative;
	width:				100%;	
	height:				auto;
	padding:			0x;
	border:				0px solid #DBDBDB;
	text-align:			left;
	top:				0px;
	right:				0px;
}

.astrology-form-hdr {
	float:				left;
	position:			relative;
	width:				100%;	
	height:				auto;
	padding:			0x;
	border:				0px solid #DBDBDB;
	text-align:			left;
	top:				0px;
	right:				0px;
}

.astrology-form-img {
	float:				left;
	position:			relative;
	width:				60px;
	height:				60px;
	padding-left:		0px;
	padding-top:		0px;
	margin-top:			5px;
	margin-bottom:		0px;
	margin-right:		10px;
	border:				0px solid #ccc;
	text-align:			left;
}

.astrology-form-img img{
	valign:				top;
	width:				56px;
	height:				56px;
}

/*************************************************************************//**
*  Astrology Weekly Form
*****************************************************************************/
.astrology-form-title-container {
	float:				left;
	position:			relative;
	width:				65%;
	height:				37px;
	padding-top:		15px;
	margin-right:		0px;
	margin-top:			5px;
	margin-left:		0px;
	margin-bottom:		10px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
}

.astrology-form-title-container div{
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	padding-top:		0px;
	padding-bottom:		12px;
	padding-left:		5px;
	margin-right:		10px;
	border:				0px solid #ccc;
	text-align:			left;
	font-size:			14px;
	font-weight:		bold;
	color:				#333;
	line-height:		22px;
}

.astrology-form-input-container {
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	padding:			0x;
	border:				0px solid #DBDBDB;
	text-align:			left;
	top:				30px;
	right:				0px;
}

/*************************************************************************//**
*  Astrology Weekly Form Labels
*****************************************************************************/
.astrology-form-txt-container {
	float:				left;
	position:			relative;
	width:				30%;
	height:				30px;
	padding:			0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				5px;
}

.astrology-form-txt-container span{
	height:				16px;
	font-size:			11px;
}

/*************************************************************************//**
*  Astrology Weekly Form Text Box
*****************************************************************************/
.astrology-form-box-container {
	float:				left;
	position:			relative;
	width:				65%;
	height:				30px;
	margin-right:		10px;
	margin-left:		0px;
	border:				0px solid #ccc;
	text-align:			left;
}

.astrology-form-box-container input{
	height:				26px;
	font-size:			10px;
	width:				100%
}

.astrology-form-spacer {
	float:				left;
	position:			relative;
	width:				30%;
	height:				30px;
	padding:			0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				5px;
}

.astrology-form-spacer span {
	height:				16px;
	font-size:			10px;
}

/*************************************************************************//**
*  Astrology Weekly Form Check Box
*****************************************************************************/
.astrology-form-cbox-container {
	float:				left;
	position:			relative;
	width:				16px;
	height:				30px;
	padding-top:		0px;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
}

.astrology-form-cbox-container input {
	padding:			0px;
	margin:				0px;
	height:				26px;
}

/*************************************************************************//**
*  Astrology Weekly Form Check Box Label
*****************************************************************************/
.astrology-form-cbox-txt {
	float:				left;
	position:			relative;
	width:				63%;
	height:				16px;
	padding-top:		0px;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				5px;
	left:				5px;
}

.astrology-form-cbox-txt span {
	font-size:			10px;
}

/*************************************************************************//**
*  Astrology Weekly Form Submit Button
*****************************************************************************/
.astrology-form-submit-container {
	position:			relative;
	width:				100%;
	height:				25px;
	display:			block;
	float:				left;
	border:				0px solid #ccc;
	position:			relative;
	float:				left;
	padding-left:		73px;
	margin-top:			10px;
	top:				0px;
}

.astrology-form-submit-container input {
	cursor:				pointer;
	font-size:			10px;
	height:				22px;
	width:				80px;
	padding:			2px;
	background:			#efefef;
}

.astrology-form-prompt {
	position:			relative;
	width:				100%;
	height:				16px;
	display:			block;
	float:				left;
	border:				0px solid #ccc;
	position:			relative;
	float:				left;
	padding-left:		0px;
	top:				5px;
}

.astrology-form-prompt div {
	position:			relative;
	color:				#FF0000;
	border:				0px solid #ccc;
	font-size:			10px;
	height:				16px;
	top:				3px;
	left:				1px;
	z-index:			99;
	margin-bottom:		20px;
}

#weekly-submit {
	height:				26px;
	font-size:			10px;
	width:				100px;
	cursor:				pointer;
}


/****************************************************************************
*	@file	banner-slider.css
*	@brief	Style sheet for Sliding Banner
*	@details DESCRIPTION: Style sheet for Sliding Banner
*
*		Filename		: banner-slider.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/04	<Ver. 1.00>
*
*		[Styles Included]
*			Main Slider Container
*			Hidden Slider Text
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/04	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Slider Container
*****************************************************************************/
.slider-banner-container {
	margin: 		0 auto;
	width:			auto;
	height:			330px;
	background:		transparent;
	border-top:		0px solid #ccc;
	border-bottom:	0px solid #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.slider-banner-container {
	margin: 		0 auto;
	width:			auto;
	height:			330px;
	background:		transparent;
	border-top:		0px solid #ccc;
	border-bottom:	0px solid #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.sl-slider {
	width: 	1905px;
	height:	330px;
}

/*************************************************************************//**
*  Hidden Slider Text
*****************************************************************************/
div.sl-slide-inner {
	z-index:	-2;
	position:	absolute;
}

div.sl-slide-inner h2.hidden-slider-title {
	font-size:		25px;
	font-weight:	bold;
}

div.sl-slide-inner h2.hidden-slider-subtitle {
	display:		block;
	font-size:		21px;
	font-weight:	400;
	height:			30px;
	padding-top:	0px;
	padding-bottom:	0px;
}

.sl-slide-inner .hidden-slider-desc {
	display:		block;
	font-size:		19px;
	padding-top:	0px;
	padding-bottom:	0px;
}



/****************************************************************************
*	@file	book-online-address.css
*	@brief	Style sheet for Booking Form Address Information Layout
*	@details DESCRIPTION: Style sheet for Booking Form Address Information
*							Layout
*
*		Filename		: book-online-address.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/02	<Ver. 1.00>
*
*		[Styles Included]
*			Main Booking Form Container
*			Booking Form Content
*			THE Booking Form
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/02	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Booking Form Container
*****************************************************************************/
.booking-address-main-container {
	float:					left;
	position:				relative;
	width:					100%;
	height:					930px;
	padding-top:			20px;
	padding-left:			20px;
	padding-right:			20px;
	margin-right:			15px;
	border-right:			0px dotted #ccc;
	border:					1px solid #D2D2D2;
	text-align:				left;
	top:					0px;
	left:					0px;
	background:				transparent;
	background:				url();
}

.booking-address-info {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	padding:				0px;
	padding-bottom:			20px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-right:			0px;
	border-bottom:			0px solid #40952D;
	text-align:				left;
	top:					0px;
	left:					0px;
}

/*************************************************************************//**
*  Booking Form Content
*****************************************************************************/
.booking-address-form {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	margin-top:				0px;
	border:					0px solid #ccc;
	margin-bottom:			0px;
	margin-right:			20px;
	padding:				0px;
	text-align:				left;
	top:					0px;
	left:					0px;
}

.address-form-header {
	color:					#000000;
	font-size:				21px;
	color:					#481880;
	font-weight:			normal;
	line-height:			20px;
	margin-bottom:			15px;
}

.address-form-msg {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	padding:				0px;
	padding-top:			0px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ffffff;
	margin:					0px;
}

.address-form-msg p {
	color: 					#3f3f3f;
	font-size: 				12px;
	font-weight:			normal;
	line-height:			20px;
	margin:					5px 0;
	margin-top:				0px;
}

.address-form-spacer {
	float:					left;
	position:				relative;
	width:					100%;
	height:					10px;
	padding:				0px;
	border:					0px solid #ccc;
	text-align:				left;
	background:				#ccc;
}

/*************************************************************************//**
*  THE Booking Form
*****************************************************************************/
.address-form-container {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	padding:				15px;
	border:					1px solid #ccc;
	text-align:				left;
	background:				#ccc;
	margin-bottom:			20px;
}

.address-form-label {
	float:					left;
	position:				relative;
	width:					30%;
	height:					30px;
	padding:				8px;
	border:					0px solid #ccc;
	text-align:				left;
	background:				#ccc;
}

.address-form-label span,
.address-form-input span,
.address-form-input span ,
.address-form-footer span {
	font-size: 				12px;
}

.address-form-input {
	float:					left;
	position:				relative;
	width:					75%;
	height:					30px;
	padding:				5px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ccc;
}

.address-form-submit {
	float:					left;
	position:				relative;
	width:					100%;
	height:					30px;
	padding:				2px;
	margin-top:				20px;
	border:					0px solid red;
	text-align:				left;
}

.address-form-submit input {
	width:					80px;
	height:					24px;
	font-size:				10px;
	position:				relative;
	background:				#FFF;
	color:					#000000;
	border:					1px solid #aaa;
	padding:				0px;
	line-height:			normal;
}

.bookline_fields {
	width:					350px;
	font-size:				12px; 
	font-weight:			normal;
	font-family: 			Noto Sans;
	padding-left:			10px;
	padding-right:			10px; 
	padding-top:			2px;
	outline:				none;
	width:					350px;
	height:					25px;
	position:				relative;
	border:					0px solid #4195fc;
	float:					left;
	background:				#ffffff;
	color:					#000000;
	top:					-3px;
	padding:				3px;
	padding-left:			5px;
}

.bookline_fields:focus { 
	outline:				none;
	border:					0px solid #4195fc;
	background:				#CDF3C7;
}

.address-form-footer {
	float:					left;
	position:				relative;
	width:					100%;
	height:					70px;
	padding:				8px;
	border:					0px solid #ccc;
	text-align:				left;
	top:					400px;
}


/****************************************************************************
*	@file	book-online-form.css
*	@brief	Style sheet for the Online Booking Form Layout
*	@details DESCRIPTION: Style sheet for the Online Booking Form Layout
*
*		Filename		: book-online-form.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/02	<Ver. 1.00>
*
*		[Styles Included]
*			Booking Form Main Container
*			Booking Form Content
*			Call Cost Adjustment Form
*			Credit Card Accepted
*			Client Information Form
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/02	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Booking Form Main Container
*****************************************************************************/
.booking-online-main-container {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	padding-top:			20px;
	padding-left:			20px;
	padding-right:			20px;
	margin-right:			15px;
	border-right:			0px dotted #ccc;
	border:					1px solid #D2D2D2;
	text-align:				left;
	top:					0px;
	left:					0px;
	background:				transparent;
}

/*************************************************************************//**
*  Booking Form Content
*****************************************************************************/
.booking-online-form-container {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	margin-top:				0px;
	border:					0px solid #ccc;
	margin-bottom:			0px;
	margin-right:			20px;
	padding:				0px;
	text-align:				left;
	top:					0px;
	left:					0px;
}

.booking-online-form-hdr {
	color:					#000000;
	font-size:				21px;
	color:					#481880;
	font-weight:			normal;
	line-height:			20px;
	margin-bottom:			15px;
}

.booking-online-form-opening-hdr {
	font-weight:			bold;
	color:					#1B7510;
	font-size:				12px;
	margin:					5px 0;
	line-height:			15px;
}

/*************************************************************************//**
*  Call Cost Adjustment Form
*****************************************************************************/
.radio-choice-input {
	float:					left;
	position:				relative;
	width:					5%;
	height:					28px;
	padding:				5px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ccc;
	margin-bottom:			2px;
}

.radio-choice-input span {
	font-size:				12px;
}

.radio-choice-label {
	float:					left;
	position:				relative;
	width:					10%;
	height:					28px;
	padding:				5px;
	padding-top:			7px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ccc;
}

.radio-choice-label span {
	font-size:				14px;
}

.radio-currency-header {
	float:					left;
	position:				relative;
	width:					100%;
	height:					28px;
	padding:				5px;
	border:					0px solid #ccc;
	margin-top:				20px;
	text-align:				left;
	left:					0px;
}

.radio-currency-header span {
	font-size:				12px;
}

.radio-currency-container {
	width:					100%;
}

.radio-currency-input {
	float:					left;
	position:				relative;
	width:					5%;
	height:					28px;
	padding:				5px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ccc;
}

.radio-currency-input span {
	font-size:				12px;
}

.radio-currency-label {
	float:					left;
	position:				relative;
	width:					15%;
	height:					28px;
	padding:				5px;
	padding-top:			7px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ccc;
}

.radio-currency-label span {
	font-size:				12px;
}

.radio-currency-spacer {
	float:					left;
	position:				relative;
	width:					100%;
	height:					10x;
	padding:				0px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ffffff;
	margin:					0px;
}

.booking-online-summary {
	float:					left;
	position:				relative;
	width:					100%;
	height:					28px;
	padding:				0px;
	padding-top:			5px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ffffff;
	margin:					0px;
}

.booking-online-summary span {
	width:					auto;
	position:				relative;
	float:					left;
	padding-top:			5px;
	padding-right:			0px;
	font-size:				12px;
}

.booking-online-summary input {
	width:					38px;
	height:					24px;
	font-size:				12px;
	position:				relative;
	float:					left;
	background:				#efefef;
	color:					#000000;
	border:					1px solid #ccc;
	padding-left:			8px;
}

.booking-online-extra-mins {
	float:					left;
	position:				relative;
	width:					100%;
	height:					28px;
	padding:				0px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ffffff;
	margin:					0px;
}

.booking-online-extra-mins span {
	width:					auto;
	position:				relative;
	float:					left;
	padding-top:			5px;
	padding-right:			0px;
	font-size:				12px;
}

.booking-online-extra-mins input {
	width:					55px;
	height:					24px;
	font-size:				12px;
	position:				relative;
	float:					left;
	background:				#efefef;
	color:					#000000;
	border:					1px solid #ccc;
	padding-left:			8px;
}

.booking-online-duration {
	float:					left;
	position:				relative;
	width:					5%;
	height:					28px;
	padding:				5px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ccc;
}

.booking-online-duration span {
	font-size:				12px;
}

.booking-online-duration-label,
#promo-code-input,
#promo-code-submit {
	float:					left;
	position:				relative;
	width:					15%;
	height:					28px;
	padding:				5px;
	padding-top:			7px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ccc;
}

.booking-online-duration-label span {
	font-size:				12px;
}

.booking-online-mins-input {
	width:					38px;
	height:					24px;
	font-size:				12px;
	position:				relative;
	float:					left;
	background:				#efefef;
	color:					#000000;
	border:					1px solid #ccc;
	padding-left:			8px;
}

/*************************************************************************//**
*  Credit Card Accepted
*****************************************************************************/
.booking-online-card-hdr,
.booking-online-nzd-prompt span {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	padding:				0px;
	padding-top:			15px;
	padding-bottom: 		10px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ffffff;
	margin:					0px;
}

.booking-online-card-hdr span,
.booking-online-nzd-prompt span {
	width:					auto;
	position:				relative;
	padding-left:			0px;
	padding-top:			5px;
	font-size:				12px;
}

.booking-online-card-img {
	float:					left;
	position:				relative;
	width:					100%;
	height:					50px;
	padding:				0px;
	border:					0px solid #ccc;
	text-align:				left;
	left:					0px;
	background:				#ffffff;
	margin:					0px;
}

.booking-online-card-img img {
	border:					0px;
	width:					67;
	height:					40;
}

.booking-online-crd-spacer {
	float:					left;
	position:				relative;
	width:					100%;
	height:					10px;
	padding:				0px;
	border:					0px solid #ccc;
	text-align:				left;
	background:				#ccc;
}

.booking-online-crd-spacer span {
	font-size:				12px;
}

/*************************************************************************//**
*  Client Information Form
*****************************************************************************/
.booking-online-client-label {
	float:					left;
	position:				relative;
	width:					30%;
	height:					30px;
	padding:				8px;
	text-align:				left;
	background:				transparent;
}

.booking-online-client-label span {
	font-size:				14px;
}

.booking-online-client-input, .address-form-input {
	float:					left;
	position:				relative;
	width:					70%;
	height:					30px;
	padding:				5px;
	text-align:				left;
	left:					0px;
	background:				transparent;
}

.booking-online-client-input select, .address-form-input select {
	width:					350px;
	height:					28px;
	position:				relative;
	float:					left;
	border:					0px solid #ccc;
	top:					-3px;
	padding:				2px;
	padding-left:			5px;
	line-height:			normal;
}

.booking-online-client-input #cust-bday-day {
	width:					80px;
	height:					28px;
	position:				relative;
	float:					left;
	border:					0px solid #ccc;
	top:					-3px;
	padding:				2px;
	padding-left:			5px;
	margin-right:			5px;
	line-height:			normal;
}

.booking-online-client-input #cust-bday-month {
	width:					150px;
	height:					28px;
	position:				relative;
	float:					left;
	border:					0px solid #ccc;
	top:					-3px;
	padding:				2px;
	padding-left:			5px;
	margin-right:			5px;
	line-height:			normal;
}

.booking-online-client-input #cust-bday-year {
	width:					110px;
	height:					28px;
	position:				relative;
	float:					left;
	border:					0px solid #ccc;
	top:					-3px;
	padding:				2px;
	padding-left:			5px;
	margin-right:			5px;
	line-height:			normal;
}

.booking-online-client-phrase {
	float:					left;
	position:				relative;
	width:					100%;
	height:					auto;
	padding:				8px;
	text-align:				left;
}

.booking-online-client-phrase-input {
	float:					left;
	position:				relative;
	width:					100%;
	height:					30px;
	border:					0px solid red;
	text-align:				left;
	left:					0px;
	padding:				5px;
	padding-left:			8px;
	margin-bottom:			10px;
	
}

.booking-online-hide-date {
	display:				block;
	opacity:				.5;
}
#reading-date {
	cursor: 				default;
}
.booking-online-agree-terms-label {
	float:					left;
	position:				relative;
	width:					48%;
	height:					30px;
	padding:				8px;
	border:					0px solid #ccc;
	text-align:				left;
	background:				#ccc;
}

.booking-online-client-cbox {
	float:					left;
	position:				relative;
	width:					52%;
	height:					30px;
	padding:				8px;
	border:					0px solid #ccc;
	text-align:				left;
	background:				#ccc;
}

.booking-form-pc-registration {
	float:					left;
	position:				relative;
	width:					100%;
	height:					70px;
	padding:				8px;
	border:					0px solid #ccc;
	text-align:				left;
	background:				#ffffff;
}

.booking-online-client-input input,
.booking-online-client-phrase-input input,
.booking-online-client-phrase-input select {
	font-size:				12px;
	font-weight:			normal;
	padding-left:			10px;
	padding-right:			10px;
	padding-top:			2px;
	outline:				none;
	width:					350px;
	height:					28px;
	position:				relative;
	border:					0px solid #4195fc;
	float:					left;
	background:				#ffffff;
	color:					#000000;
	top:					-3px;
	padding:				3px;
	padding-left:			5px;
}

#postal-required {
	float: 					right;
	position: 				relative;
	left: 					-83px;
}

.booking-online-client-submit {
	float:				left;
	position:			relative;
	width:				73%;
	height:				30px;
	padding:			2px;
	border:				0px solid red;
	text-align:			left;
}

.booking-online-client-spacer {
	float:				left;
	position:			relative;
	width:				27%;
	height:				30px;
	padding:			8px;
	border:				0px solid #ccc;
	text-align:			left;
}

.booking-online-client-within-hour {
	float:				left;
	position:			relative;
	width:				70%;
	height:				30px;
	padding:			5px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
	background:			#ccc
}

#client-information {
	background: 		#CCC;
	height: 			auto;
	position: 			relative;
	float: 				left;
	font-size:			12px;
	margin-bottom:		20px;
	padding-bottom:		20px;
	padding-left:		20px;
	padding-top:		10px;
}

#client-information .grey_text3{
	font-size:			12px;
}

#booking-warning,
#booking-warning-address,
#booking-warning-focus,
#booking-address-warning,
#booking-consent-warning,
#booking-reader-warning,
#booking-reader-preference,
#valid-referral-price {
	text-align:			left;
	font-size:			14px;
	font-weight:		normal;
	color:				#E40C0C;
	line-height:		1.5;
	margin-left: 		8px;
}

.booking-updated-value {
	margin-left:		5px;
	font-weight:		bold;
}

#booking-info-submit {
	overflow: 				visible;
	border-radius: 			4px;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	width:					90px;
	font-size: 				11px;
	background: 			#481880 !important;
	color: 					#FFF !important;
	border: 				none;
	padding: 				5px;
}

#reader-unavail-container {
	padding-left:			8px;
	margin-bottom:			8px;
}

#reader-unavail-status {
	color:					#1f7914;
}

#promo-code-label {
	width: 				17%;
	padding: 			15px;
	padding-top: 		7px;
	padding-bottom: 	25px;
}

#promo-code-input {
	width: 				28%;
	padding: 			15px;
	padding-top: 		7px;
	padding-bottom: 	25px;
}

#promo-code-submit {
	width: 				22%;
	padding: 			15px;
	padding-top: 		7px;
	padding-bottom: 	25px;
}

#promo-code {
	position: 			relative;
	top: 				-2px;
	width: 				150px;
	height:				22px;
}

#promo-code-validation {
	visibility:			hidden;
	position: 			relative;
	top: 				-5px;
	background: 		#481880 !important;
	color: 				#FFF !important;
	border-radius: 		4px;
	border: 			1px solid #aaa;
	cursor: 			pointer;
	padding: 			3px;
	padding-left: 		7px;
	padding-right: 		7px;
}

#booking-online-clientid-label {
	width: 				23%;
}

#booking-online-clientid-input {
	width: 				47%;
	left: 				-3px;
}

#cust-clientid,
#refer-clientid {
	width: 				141px;
}

#validate-client-id,
#validate-refer-id {
	display:			none;
	position: 			relative;
	border-radius: 		4px;
	border: 			1px solid #aaa;
	cursor: 			pointer;
	padding: 			4px;
	top: 				-7px;
	background-color:	#481880 !important;
	color: 				#FFF !important
}

#promo-code-warning {
	position: 			relative;
	float: 				left;
	width: 				33%;
	height: 			32px;
	padding: 			15px;
	padding-top: 		11px;
	padding-bottom: 	9px;
	border: 			0px solid #ccc;
	text-align: 		left;
	left: 				0px;
	background: 		#ccc;
}

#promo-code-warning span {
	font-size: 			12px;
	left: 				-7px;
	position: 			relative;
	float: 				left;
}

.booking-online-promotions-desc {
	float: 				left;
	position: 			relative;
	width: 				100%;
	height: 			auto;
	padding: 			0px;
	padding-top: 		10px;
	padding-bottom:		3px;
	border: 			0px solid #ccc;
	text-align: 		left;
	left: 				0px;
	background: 		#ffffff;
	margin: 			0px;
	font-size: 			12px;
}

.booking-online-rewards-membership {
	overflow: 			hidden;
	position: 			relative;
	float: 				left;
	height: 			30px;
	padding: 			8px;
}

#rewards-membership-checkbox {
	overflow: 			hidden;
	position: 			relative;
	float: 				left;
	height: 			30px;
	padding: 			10px;
}

.rewards-question {
	height: 			15px;
	width: 				25px;
	padding-left: 		5px;
	padding-right: 		5px;
	position: 			relative;
	top:				-3px;
}



/****************************************************************************
*	@file	common.css
*	@brief	Style sheet for Common Website Layout
*	@details DESCRIPTION: Style sheet for Common Website Layout
*
*		Filename		: common.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/15	<Ver. 1.00>
*
*		[Styles Included]
*			Main Body Container
*			Psychic picture rotator
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/15	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Body Container
*****************************************************************************/
.main-content-container {
	margin:			0 auto;
	width:			1023px;
	height:			auto;
	overflow:		auto;
	overflow-x:		hidden;
	padding:		20px;
	border-left: 	0px solid #7E57B2;
	border-right:	0px solid #7E57B2;
	border-top:		0px solid #7E57B2;
	border-bottom:	0px solid #7E57B2;
	text-align:		left;
	top:			0px;
	left:			25%;
	background:		#ffffff;
}

.main-left-panel {
	float:			left;
	position:		relative;
	width:			70%;
	height:			auto;
	padding:		0px;
	margin-right:	15px;
	border-right:	0px dotted #ccc;
	border-left:	0px dotted #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
	background:		#ffffff;
	border:			0px solid #ccc;
	font-size:     	11px;  
	color: 			#3f3f3f;	 
}

.bottom-center-container {
	float:			left;
	position:		relative;
	width:			100%;
	height:			auto;
	padding:		0px;
	margin-top:		0px;
	margin-bottom:	0px;
	margin-right:	0px;
	border-top:		0px solid #ccc;
	text-align:		left;
	left:			0px;
}

.bottom-main-left-panel {
	position:		relative;
	float:			left;
	width:			70%;
	margin-top:		20px;
}

.main-body {
	background: 	#EFEFEF;
}

div#universal-id {
	background: 	#EFEFEF;
	position: 		relative;
	height: 		50px;
	z-index:		101;
}

/*************************************************************************//**
*  Psychic picture rotator
*****************************************************************************/
/* Grow Rotate */
.grow-rotate { 
	display:						inline-block;
	transition: transform ease-in-out 300ms;
	-webkit-transition-property: 	transform;
	transition-property: 			transform;
	-webkit-transform: 				translateZ(o);
	transform: 						translateZ(o);
	box-shadow: 					0 0 1px rgba(0, 0, 0, 0);
}

.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active {
	-webkit-transform: 				scale(1.1);
	transform: 						scale(1.1);
}

textarea {
	resize:					none;
}

.input-green {
	background:				#FFFFFF;
}


.input-green {
	background:				#ffffff;
	color:					#000000;
}

.input-green:focus {
	outline:				none;
	border:					0px solid #4195fc;
	background:				#CDF3C7;
}

#multiple_slides_visible {
	position:				relative;
	float:					left;
}

/*************************************************************************//**
*  Bread Crumbs
*****************************************************************************/
.breadcrumbs-container {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.breadcrumbs-links {
	font-weight: bold;
	font-size: 13px;
}

.breadcrumbs-separator {
	font-weight: bold;
	color: #1B7510;
	font-size: 16px;
}

.breadcrumbs-current-page {
	font-weight: bold;
	font-size: 15px;
	color: #5E4895;
}


/****************************************************************************
*	@file	contact-info.css
*	@brief	Style sheet for Contact Information Layout
*	@details DESCRIPTION: Style sheet for Contact Information Layout
*
*		Filename		: contact-info.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/24	<Ver. 1.00>
*
*		[Styles Included]
*			Main Contact Information Container
*			Contact Information Country
*			Contact Information Flags
*			Contact Information Contact Numbers
*			Contact Information Footer (From other countries call...)
*			Contact Information Footer Price List ((?)Service and Prices)
*			Office Address Information
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Contact Information Container
*****************************************************************************/
.contact-info-main-container {
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	padding-top:		5px;
	padding-bottom:		5px;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		0px;
	border:				1px solid #E8E8E8;
	text-align:			left;
	top:				0px;
	left:				0px;
}

/*************************************************************************//**
*  Contact Information Country
*****************************************************************************/
.contact-info-country-container {
	float:				left;
	position:			relative;
	width:				202px;
	height:				auto;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		20px;
	padding:			0px;
	text-align:			left;
	top:				0px;
	left:				100px;
	background:			url();
}

.contact-info-main-container p, .contact-info-country-container p, .contact-info-flag-container  p, .contact-info-numbers p {
	margin: 			5px;
	line-height: 		18px;
	font-size:     		11px;
	color: 				#3f3f3f;	  
}

.contact-info-main-container .contact-info-hdr {
	font-size:			11px;
	line-height:		17px;
	color:				#40952D;  
	font-weight:		bold;
}

/*************************************************************************//**
*  Contact Information Flags
*****************************************************************************/
.contact-info-flag-container {
	float:				left;
	position:			relative;
	width:				30px;
	height:				210px;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		0px;
	border:				0px solid #ccc;
	padding:			0px;
	text-align:			left;
	left:				0px;
	background:			url();
}

.contact-info-flag-spacer {
	float:				left;
	position:			relative;
	width:				29px;
	height:				12px;
	padding-top:		0px;
	margin-right:		20px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				0px;
	left:				0px;
}

.contact-info-flag-container .contact-info-flag-img {
	float:				left;
	position:			relative;
	width:				29px;
	height:				18px;
	padding-top:		0px;
	margin-right:		20px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				0px;
	left:				0px;
}

.contact-info-flag-img img {
	border: 			1px solid #ccc;
}

/*************************************************************************//**
*  Contact Information Contact Numbers
*****************************************************************************/
.contact-info-numbers {
	float:				left;
	position:			relative;
	width:				55%;
	height:				auto;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		20px;
	padding:			0px;
	text-align:			left;
	top:				0px;
	left:				30px;
	background:			url();
}

/*************************************************************************//**
*  Contact Information Footer (From other countries call...)
*****************************************************************************/
.contact-info-footer {
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	margin-top:			0px;
	margin-bottom:		20px;
	margin-right:		20px;
	padding:			0px;
	text-align:			left;
	top:				0px;
	left:				100px;
	background:			url();
}

.contact-info-footer-spacer {
	font-size:			10px;
	line-height:		17px;
	color:				#40952D;
	font-weight:		bold;
}

.contact-info-footer-other-countries {
	margin-top:			20px;
}

.contact-info-footer-number {
	font-weight:	normal;
}

/*************************************************************************//**
*  Contact Information Footer Price List ((?)Service and Prices)
*****************************************************************************/
.contact-info-service-price-img {
	float:			left;
	position:		relative;
	width:			18px;
	height:			18px;
	padding:		0px;
	margin-right:	0px;
	margin-left:	10px;
	margin:			0px;
	margin-top:		10px;
	border:			0px solid #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.contact-info-service-price-img {
	border:			0px solid #ccc;
	height:			18px;
	width:			18px;
}

.contact-info-footer .contact-info-service-price-txt  {
	float:			left;
	position:		relative;
	width:			auto;
	height:			20px;
	padding-top:	0px;
	margin-left:	0px;
	margin:			0px;
	margin-top:		10px;
	border:			0px solid #ccc;
	text-align:		left;
	font-size:		12px;
	font-weight:	bold;
	top:			0px;
	left:			5px;
}

/*************************************************************************//**
*  Office Address Information
*****************************************************************************/
.office-info-odd {
	float:			left;
	position:		relative;
	width:			100%;
	height:			auto;
	padding-top:	5px;
	padding-bottom:	5px;
	margin-top:		15px;
	margin-bottom:	0px;
	margin-right:	0px;
	border:			1px solid #E8E8E8;
	text-align:		left;
	top:			0px;
	left:			0px;
	background:		#F0FBEE;
}

.office-info-even {
	float:			left;
	position:		relative;
	width:			100%;
	height:			auto;
	padding-top:	5px;
	padding-bottom:	5px;
	margin-top:		15px;
	margin-bottom:	0px;
	margin-right:	0px;
	border:			1px solid #E8E8E8;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.office-info-odd p, .office-info-even p { 
	margin: 		3px 0;
	line-height: 	14px;
	font-size:     	11px;
	color: 			#3f3f3f;	 
}

.office-info-add-container {
	float:			left;
	position:		relative;
	width:			232px;
	height:			auto;
	margin-top:		0px;
	margin-bottom:	0px;
	margin-right:	20px;
	padding:		0px;
	text-align:		left;
	top:			0px;
	left:			100px;
	font-size:     	11px;
	color: 			#3f3f3f;
}

.office-info-add-container .office-info-hdr {
	font-size:		12px;
	color:			#40952D; 
	font-weight:	bold;
}

.office-info-register {
	float:			left;
	position:		relative;
	width:			59%;
	height:			auto;
	margin-top:		10px;
	margin-bottom:	0px;
	margin-right:	20px;
	padding:		0px;
	text-align:		left;
	top:			0px;
	left:			30px;
	background:		url();
}

.office-info-register p {
	margin: 		5px 0;
	font-size: 		10px;
	line-height: 	18px;
	color: 			#000000;
	font-weight: 	normal;
}

.contact-book-now {
	margin-top: 40px;
	float: 		left;
	position: 	relative;
	right: 		140px;
}

.contact-book-now input {
	width: 					150px;
	cursor: 				pointer;
	background: 			#481880 !important;
	color: 					#FFF !important;
	padding: 				5px;
	border: 				none;
	-webkit-border-radius:	4px;
}



/****************************************************************************
*	@file	cust-svcs-form.css
*	@brief	Style sheet for Customer Services Form Layout
*	@details DESCRIPTION: Style sheet for Customer Services Form Layout
*
*		Filename		: cust-svcs-form.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/24	<Ver. 1.00>
*
*		[Styles Included]
*			Main Customer Service Form Container
*			Customer Service Form Container
*			Customer Service Form Labels
*			Customer Service Form Input Textbox
*			Customer Service Form Input Check Box
*			Customer Service Form Input Text Area Box
*			Customer Service Form Submit Button
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Customer Service Form Container
*****************************************************************************/
.cust-svcs-main-container {
	margin: 			0 auto;
	width:				100%;
	height:				350px;
	padding:			0px;
	border:				3px solid #ccc;
	text-align:			left;
	top:				0px;
	left:				25%;
	margin-bottom:		15px;
	background:			url(../../../assets/images/customer-service-lady.png);
	border-radius: 		5px;
}

.cust-svcs-spacer {
	float:				left;
	position:			relative;
	width:				350px;
	height:				auto;
	padding:			0px;
	margin-right:		15px;
	border-right:		0px dotted #ccc;
	border:				0px dotted #ccc;
	text-align:			left;
	top:				0px;
	left:				0px;
	background:			transparent;
}

.cust-svcs-form-container {
	float:				right;
	position:			relative;
	width:				63%;
	min-height: 		344px;
    height: 			auto;
	padding:			20px;
	margin-right:		20px;
	padding-left:		20px;
	padding-top:		20px;
	padding-bottom:		20px;
	border-right:		0px dotted #ccc;
	border:				1px dotted #94C18E;
	text-align:			left;
	top:				-30px;
	left:				0px;
	background:			#ffffff;
}

.cust-svcs-form-hdr {
	color:				#000000;
	font-size:			19px;
	color:				#481880;
	font-weight:		normal;
	line-height:		20px;
	margin-bottom:		5px;
	font-stretch:		extra-expanded;
}

.cust-svcs-form-subhdr {
	font-size:			14px;
	line-height:		20px;
	color:				gray;
	font-weight:		normal;
	margin-bottom:		7px;
	padding-left:		1px;
}

/*************************************************************************//**
*  Customer Service Form Container
*****************************************************************************/
.cust-svcs-main-form {
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	padding:			0x;
	border:				0px solid #DBDBDB;
	text-align:			left;
	top:				0px;
	left:				5px;
}

/*************************************************************************//**
*  Customer Service Form Labels
*****************************************************************************/
.cust-svcs-form-lbl {
	float:				left;
	position:			relative;
	width:				15%;
	height:				30px;
	padding:			0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				5px;
	padding-left:		8px;
}

.cust-svcs-form-lbl span {
	font-size:			14px;
}

/*************************************************************************//**
*  Customer Service Form Input Textbox
*****************************************************************************/
.cust-svcs-form-box {
	float:				left;
	position:			relative;
	width:				80%;
	height:				30px;
	margin-right:		10px;
	margin-left:		0px;
	border:				0px solid #ccc;
	text-align:			left;
}

.cust-svcs-form-box span input, .cust-svcs-form-box select {
	height:				26px;
	width:				100%;
	font-size:			10px;
}

.cust-svcs-form-box span select option {
	height:				22px;
	padding-top:		3px;
	margin:				0px;
}

/*************************************************************************//**
*  Customer Service Form Input Check Box
*****************************************************************************/
.cust-svcs-form-cbox {
	float:				left;
	position:			relative;
	width:				16px;
	height:				30px;
	padding-top:		0;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
}

.cust-svcs-form-cbox input {
	padding:			0px;
	margin:				0px;
	height:				26px;
	width:				100%;
}

.cust-svcs-form-cbox-desc {
	float:				left;
	position:			relative;
	width:				78%;
	height:				30px;
	padding-top:		4px;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	top:				5px;
	left:				0px;
}

.cust-svcs-form-cbox-desc span {
	height:				30px;
	font-size:			14px;
	font-weight:		normal;
	margin-left:		5px;
}

/*************************************************************************//**
*  Customer Service Form Input Text Area Box
*****************************************************************************/
.cust-svcs-form-commentbox {
	float:				left;
	position:			relative;
	width:				80%;
	height:				auto;
	padding-top:		0px;
	margin-right:		10px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
}

.cust-svcs-form-commentbox span textarea {
	font-size:			10px;
	height:				50px;
	width:				100%;
}

/*************************************************************************//**
*  Customer Service Form Submit Button
*****************************************************************************/
.cust-svcs-form-submit {
	float:				left;
	position:			relative;
	width:				300px;
	height:				20px;
	line-height:		1.5px;
	padding-top:		0;
	margin-right:		10px;
	margin-left:		0px;
	margin-bottom:		0px;
	border:				0px solid #ccc;
	text-align:			right;
	top:				5px;
	left:				0px;
}

#contact-submit {
	height:				26px;
	font-size:			11px;
	width:				100px;
	cursor:				pointer;
}

#contact-form-warning,
#reader-feedback-warning {
	position: 			relative;
	float:				left;
	width: 				90%;
	text-align: 		left;
	border: 			0px solid #999;
	font-size: 			14px;
	line-height: 		1.5;
	font-weight: 		normal;
	color: 				#E40C0C;
	top: 				10px;
	left:				0;
}



/****************************************************************************
*	@file	facebook-api.css
*	@brief	Style sheet for the Facebook Side Panel API layout
*	@details DESCRIPTION: Style sheet for the Facebook Side Panel API Layout
*
*		Filename		: facebook-api.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/29	<Ver. 1.00>
*
*		[Styles Included]
*			Facebook Side Panel Main Container
*			Facebook Side Panel Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/29	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Facebook Side Panel Main Container
*****************************************************************************/
.main-facebook-container {
	float:				left;
	position:			relative;  
	width:				680px;
	height:				auto;
	padding:			0px;
	margin-top:			18px;
	margin-bottom:		20px;
	padding-top:		0px;
	border:				1px solid #ccc;
	text-align:			left;
	left:				0px;
}

/*************************************************************************//**
*  Facebook Side Panel Content
*****************************************************************************/
.main-facebook-side-container {
	float:				right;
	position:			relative;
	width:				28%;
	height:				385px;
	padding:			0px;
	margin-bottom:		20px;
	box-shadow: 		0.0em 0.0em 0.1em #777;
	border-left: 		1px solid #963DD2;  
	text-align:			left;
	top:				0px;
	right:				0px;  
} 

.main-facebook-side-img {
	height:				auto;
	width:				100%;
	float:				left;
	padding-top:		15px;
	padding-left:		15px;
}

.facebook-side-img-list {
	font-size:			10px;
	font-weight:		normal;
	list-style-type:	none;
	padding: 			2px;
	line-height:		12px;
	padding-left:		0px;
}

.facebook-side-img-list a img {
	float:				left;
	margin-right:		10px;
	width:				38px;
	height:				36px;
	margin-right:		8px;
}

.facebook-side-spacer {
	width:				100%;
	height:				8px;
	float:				left;
	position:			relative;
}

.facebook-side-txt {
	float:				left;
	position:			relative;
	font-size:			12px;
	font-weight:		bold;
	margin-bottom:		0px;
}

.facebook-side-likebox {
	padding-left:		5px;
	border-top:			3px solid #ccc;
	padding-top:		0px;
	margin-top:			5px;
	width:				100%;
}


/****************************************************************************
*	@file	about-us.css
*	@brief	Style sheet for About Us Layout
*	@details DESCRIPTION: Style sheet for About Us Layout
*
*		Filename		: about-us.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/08	<Ver. 1.00>
*
*		[Styles Included]
*			About Us Main Container
*			About Us Information
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/08	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  About Us Main Container
*****************************************************************************/
.about-us-main-container {
	margin: 		0 auto;
	width:			100%;
	height:			330px;
	padding:		0px;
	border:			3px solid #ccc;
	text-align:		left;
	top:			0px;
	left:			25%;
	background:		#ffffff;
	margin-bottom:	15px;
	background:		url(../../../assets/images/about-us.jpg);
}

.about-us-spacer {
	float:			left;
	position:		relative;
	width:			350px;
	height:			auto;
	padding:		0px;
	margin-right:	15px;
	border-right:	0px dotted #ccc;
	border:			0px dotted #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
	background:		transparent;
}

/*************************************************************************//**
*  About Us Information
*****************************************************************************/
.about-us-info-container {
	float:				right;
	position:			relative;
	width:				63%;
	height:				auto;
	padding:			20px;
	margin-right:		20px;
	padding-left:		20px;
	padding-right:		15px;
	padding-top:		20px;
	padding-bottom:		25px;
	border-right:		0px dotted #ccc;
	border:				1px dotted #ccc;
	text-align:			left;
	top:				20px;
	left:				0px;
	background:			#ffffff;
}

.about-us-header {
	color:				#000000;
	font-size:			21px;
	color:				#481880;
	font-weight:		normal;
	line-height:		20px;
	padding:			0px;
	margin: 			5px 0;
	margin-bottom:		10px;
}

.about-us-txt-info {
	font-size: 			11px;
	line-height: 		18px;
	color: 				#3f3f3f;	        
	margin: 			5px 0;
	margin-top:			10px;
}

/****************************************************************************
*	@file	about-us-feedbacks.css
*	@brief	Style sheet for About Us Feedbacks Layout
*	@details DESCRIPTION: Style sheet for AboutUs Feedbacks Layout
*
*		Filename		: about-us-feedbacks.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/08	<Ver. 1.00>
*
*		[Styles Included]
*			About Us Feedbacks Main Container
*			About Us Feedbacks Information
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/08	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  About Us Feedbacks Main Container
*****************************************************************************/
.about-us-feedbacks-main-container { 
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	padding-top:		5px;
	padding-left:		10px;
	padding-right:		5px;
	margin-top: 		20px;
	margin-right:		15px;
	border-right:		0px dotted #ccc;
	border:				1px dotted #ccc;
	text-align:			left;
	top:				0px;
	left:				0px;
	background:			transparent;
}

/*************************************************************************//**
*  About Us Feedbacks Information
*****************************************************************************/
.about-us-feedbacks-info-container {
	float:				left;
	position:			relative;
	width:				100%;
	height:				auto;
	padding-left:		20px;
	padding-top:		0px;
	margin-top:			10px;
	margin-bottom:		20px;
	margin-right:		0px;
	border-top:			0px dotted #ccc;
	text-align:			left;
	top:				0px;
	left:				0px;
}

.about-us-feedbacks-hdr-orb {
	float:				left;
	position:			relative;
	width:				56px;
	height:				56px;
	left:				5px;
	padding:			5px;
	margin-right:		25px;
	margin-bottom:		10px;
	border:				0px solid #DBDBDB;
	text-align:			left;
	top:				0px;
	right:				2px;
	background:			url(../../../assets/images/testimonials.png);
}

.about-us-feedbacks-content-container {
	float:				left;
	position:			relative;
	width:				80%;
	height:				auto;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		20px;
	padding:			0px;
	text-align:			left;
	top:				0px;
	left:				0px;
}

.about-us-feedbacks-hdr-txt {
	line-height:		20px;
	color:				#333;
	font-weight:		bold;
	margin-bottom:		20px;
}

.about-us-feedbacks-title {
	color:				#679F21;
	font-size:			12px;
	line-height:		14px;
	margin-top:			20px;
	margin-bottom:		5px;
	padding-left:		0px;
	padding-right:		20px;
	font-weight			:bold;
}

.about-us-feedbacks-story {
	font-size:     		11px;
	color: 				#3f3f3f;	 
	padding-left:		0px;
	padding-right:		20px;
	font-style:			normal;
}

.about-us-client-name {
	color:				#333;
	font-size:			10px;
	line-height:		14px;
	margin-top:			5px;
	margin-bottom:		5px;
	padding-left:		0px;
	padding-right:		20px;
	font-weight:		normal;
}



/****************************************************************************
*	@file	footer.css
*	@brief	Style sheet for Footer Layout
*	@details DESCRIPTION: Style sheet for Footer Layout
*
*		Filename		: footer.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/01	<Ver. 1.00>
*
*		[Styles Included]
*			Main Container of Footer
*			Footer Contents
*			Footer Text-Links Row
*			Copyright Row
*			Footer Links Style
*			Footer Spacer
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Container of Footer
*****************************************************************************/
.footer-main {
	position:		relative;
	margin: 		0 auto;
	width:			100%;
	height:			65px;
	padding:		0px;
	padding-left:	30px;
	background:		#481880;
	border-top:		3px solid #39ac3a;
	top:			0px;
	left:			0px;
}


/*************************************************************************//**
*  Footer Contents (Links, Copyright)
*****************************************************************************/
.footer-contents {
	position:;margin: 	0 auto;
	width:				1023px;
	padding:			10px;
	border-left:		0px solid #7E57B2;
	border-right:		0px solid #7E57B2;
	border-top:			0px solid #7E57B2;
	border-bottom:		0px solid #7E57B2;
	text-align:			left;
	top:				0px;
	left:				25%;
}

.footer-contents p {
	margin: 	5px 0;
	font-size:	10px;
	line-height:14px;	
	color:		#000000;
	padding:	0px;
}

/*************************************************************************//**
*  Footer Text-Links Row (Terms of use, Privacy Policy...)
*****************************************************************************/
.footer-links {
	float:		left;
	position:	relative;
	width:		100%;
	height:		25px;
}

.footer-links p {
	float:			left;
	position:		relative;
	font-size:		10px;
	font-weight:	normal;
	left:			30%;
	line-height:	14px;
	color:			#FFFFFF;
}

/*************************************************************************//**
*  Copyright Row
*****************************************************************************/
.footer-copyright {
	float:			left;
	position:		relative;
	width:			100%;
	height:			25px;
}

.footer-copyright p {
	float:			left;
	position:		relative;
	font-size:		12px;
	font-weight:	normal;
	left:			30%;
	line-height:	14px;
	color:			#FFFFFF;
}

/*************************************************************************//**
*  Footer Links Style
*****************************************************************************/
.footer-contents a {
	color: 			#FFFFFF;
	font-weight:	normal;
	font-size:		12px;  
}

.footer-contents a:hover {
	color:			#39ac3a;
	font-weight:	300;
}
/*************************************************************************//**
*  Footer Spacer
*****************************************************************************/
.footer-spacer {
	position:		relative;
	margin: 		0 auto;
	width:			auto;
	height:			5px;
	margin-bottom:	0px;
	border-top:		0px solid;
	border-bottom:	3px solid whitef;
	text-align:		left;
	top:			0px;
	left:			0px;
}

.footer-line-spacer {
	padding-left:	5px;
	padding-right:	4px;
	font-size:		10px;
	color:			#FFFFFF;
}



/****************************************************************************
*	@file	header.css
*	@brief	Style sheet for Header Layout
*	@details DESCRIPTION: Style sheet for Header Layout
*
*		Filename		: header.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/01	<Ver. 1.00>
*
*		[Styles Included]
*			Header Navigation
*			Header Flags List
*			Flags Icons
*			Persistent Navigation Bar
*			Skype Numbers
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Header Navigation
*****************************************************************************/
.hdr-no-link {
	cursor: 		context-menu;
}

.faq, .no-icon, .hdr-flg-list {
	background:		#FFFFFF;
	padding: 		2px;
	padding-bottom: 3px;
	padding-top: 	5px;
	border-radius:	0 0 3px 3px;
	margin-bottom:	0;
	list-style: 	none;
}

.hdr-contact-info {
	font-weight:	bold;
	color:			#481880;
}

.hdr-contact-info span {
	font-weight:	normal;
}

/*	Current Country of choice	*/
ul#utilityNav .utilty-actions {
	line-height: 	1;
}

.hdr-flg-icon {
	position:		absolute;
	float:			left;
	width:			25px;
	top:			17px;
	left:			830px;
}

.hdr-country {
	position:		absolute;
	float:			left;
	width:			150px;
	top:			19px;
	left:			860px;
	font-size:		12px;
}

/*************************************************************************//**
*  Header Flags List
*****************************************************************************/
.hdr-flg-list span {
	display:		block;
	position:		absolute;
	left:			10px;
	top:			7px;
	width:			27px;
	height:			17px;
	border:			1px solid #FFFFFF;
}

/*************************************************************************//**
*  Flag Icons
*****************************************************************************/
.hdr-flg-list .canada-icon {
	background-image:		url(../../../assets/images/flags/canada.png);
}

.hdr-flg-list .uk-icon {
	background-image:		url(../../../assets/images/flags/uk.png);
}

.hdr-flg-list .ireland-icon {
	background-image:		url(../../../assets/images/flags/ireland.png);
}

.hdr-flg-list .us-icon {
	background-image:		url(../../../assets/images/flags/us.png);
}

.hdr-flg-list .india-icon {
	background-image:		url(../../../assets/images/flags/india.png);
}

.hdr-flg-list .hongkong-icon {
	background-image:		url(../../../assets/images/flags/hongkong.png);
}

.hdr-flg-list .australia-icon {
	background-image:		url(../../../assets/images/flags/australia.png);
}

.hdr-flg-list .newzealand-icon {
	background-image:		url(../../../assets/images/flags/newzealand.png);
}

.hdr-flg-list .singapore-icon {
	background-image:		url(../../../assets/images/flags/singapore.png);
}

.hdr-flg-list .philippines-icon {
	background-image:		url(../../../assets/images/flags/philippines.png);
}

/*************************************************************************//**  
*  Persistent Navigation Bar
*****************************************************************************/
nav#mainNav {
	background:		#481880;
	border:			0px solid #666666;
	border-bottom:	0px solid #5E4895;
	overflow:		hidden;
	height:			136px;
}  

.brand-header {
	top:			0px;
	left:			0px;
	border:			0px solid #CCC;
	width:			999px;
	margin: 		0px auto;
}
  
nav#mainNav.stuck {     
	position: 		fixed !important;  
	left:	    	0;       
	top:			0;    
	width: 			100%; 
	z-index: 		6000;  
}

/*	Psychics Connect Logo	*/
.brand-header .hdr-logo {
	position:		relative;
	top:			0px;
	left:			-200px;
	border:			0px;
}

.brand-header .hdr-logo img {
	border:			0px;
}

/*	Contact Logo			*/
.brand-header .hdr-contact-img {
	float:			right;
	position:		absolute;
	top:			13px;
	right:			230px;
	height:			36px;
	border:			0px solid #CCC;
}

.brand-header .hdr-contact-img img {
	width:			36px;
	height:			33px;
}

/*	Contact Number			*/
.brand-header .hdr-contact-info {
	float:			right;
	position:		absolute;
	top:			20px;
	right:			40px;
	height:			36px;
	border:			0px solid #ccc;
	max-width: 		185px;
}

.brand header .hdr-contact-info span{
	padding:		0px;
	margin:			0px;
	line-height:	20px;
	padding:		0px;
}

/*	Link Style				*/
.hdr-persist-link{
  position:			absolute;
  top:				70px;
  right:			-10px;
  height:			78px;
  border:			0px solid #ccc;
}

.hdr-persist-link a {
  color: 			#FFFFFF;
  font-weight: 		500;
  text-decoration:	none;
  font-weight:		bold;
  font-size:		13px;
}

/*************************************************************************//**
*  Login Form
*****************************************************************************/
.login-form-container {
	position:		relative;
	float:			left;
	margin-right:	5px;
	margin-top:		10px;
}

.login-form-hdr {
	padding-left: 	2px;
	font-size:		11px;
}

.sign-up-txt {
	color: 			#1f7914;
	font-weight: 	bold;
}

#client-login-form .login-form-container #open-validate-email-form {
	display:		inline;
	padding:		0px;
}

#client-login-form .login-input {
	margin: 		5px;
	border-radius: 	5px;
	padding: 		4px;
	border: 		1px solid #1f7914;
	width:			220px;
}

.login-links-container {
	position: 		relative;
	float: 			left;
	width: 			125px;
	height:			55px;	
}

#client-login-form .login-links-container .login-links {
	font-size: 		10px;
	height: 		20px;
	padding:		5px;
}

.submit-login-container {
	position:		relative;
	float:			left;
}

#submit-login {
	background-color: 	#481880;
	color: 				#FFFFFF;
	width: 				95px;
	border-radius: 		7px;
	border: 			0px solid;
	padding: 			4px;
}

/*************************************************************************//**
*  Skype Numbers
*****************************************************************************/
span.skype_pnh_container {
	display:		none !important;
}

span.skype_pnh_print_container {
	display: 		inline !important;
}



/****************************************************************************
*	@file	legal-terms.css
*	@brief	Style sheet for Legal Terms stuffs Layout
*	@details DESCRIPTION: Style sheet for Legal Terms stuffs Layout
*
*		Filename		: legal-terms.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/08	<Ver. 1.00>
*
*		[Styles Included]
*			About Us Main Container
*			About Us Information
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/08	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Legal Terms Main Container
*****************************************************************************/
.terms-main-container {
	width:				1023px;
	height:				100%;
	margin: 			0 auto;
	margin-top:			0px;
	margin-bottom:		0px;
	padding:			20px;
	padding-bottom:		0px;
	text-align:			left;
	top:				0px;
	left:				25%;
	background:			#ffffff;
	
}

.terms-user-consent-info {
	margin: 			0 auto;
	width:				100%;
	height:				440px;
	padding:			0px;
	border:				1px solid #FAD9C9;
	text-align:			left;
	padding:			20px;
	top:				0px;
	left:				0px;
	background:			#ffffff;
	margin-bottom:		15px;
}

.terms-privacy-info {
	margin: 			0 auto;
	width:				100%;
	height:				1700px;
	padding:			0px;
	border:				1px solid #FAD9C9;
	text-align:			left;
	padding:			20px;
	top:				0px;
	left:				0px;
	background:			#ffffff;
	margin-bottom:		15px;
}

.terms-use-info {
	margin: 			0 auto;
	width:				100%;
	height:				auto;
	padding:			0px;
	border:				1px solid #B4D09B;
	text-align:			left;
	padding:			20px;
	top:				0px;
	left:				0px;
	background:			#ffffff;
	margin-bottom:		15px;
}

.terms-user-consent-info li, .terms-user-consent-info p,
.terms-privacy-info li, .terms-privacy-info p,
.terms-use-info li, .terms-use-info p {
	font-size:			11px;
	font-style:			justify;
}

.terms-main-container .terms-header-txt {
	color:				#000000;
	font-size:			21px;
	color:				#481880;
	font-weight:		normal;
	line-height:		20px;
	margin-bottom:		0px;
}

.terms-spacer {
	height:				20px;
	width:				100%
}

.terms-main-container .terms-subheader {
	color:				#000000;
	font-size:			16px;
	color:				#481880;
	font-weight:		normal;
	line-height:		20px;
	margin-bottom:		15px;
}

.terms-bottom-info {
	margin: 			0 auto;
	width:				100%;
	height:				190px;
	padding:			0px;
	border:				1px solid #FAD9C9;
	text-align:			left;
	padding:			20px;
	top:				0px;
	left:				0px;
	background:			#ffffff;
	margin-bottom:		15px;
}

.terms-main-container .terms-topic-header {
	font-weight:		bold;
	color:				#328418;
}



/****************************************************************************
*	@file	news-list-content.css
*	@brief	Style sheet for News List Content Layout
*	@details DESCRIPTION: Style sheet for News List Content Layout
*
*		Filename		: news-list-content.css
*		Company			: Bureauserv
*		Date Made		: 2014/08/19	<Ver. 1.00>
*
*		[Styles Included]
*			News Content Main Container
*			News Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/08/19	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  News List Content Main Container
*****************************************************************************/
.main-news-category-side-panel {
	float: 				right;
	position: 			relative;
	width: 				28%;
	height: 			auto;
	padding: 			0px;
	margin-bottom: 		20px;
	text-align: 		left;
	top: 				0px;
	right: 				0px;
	padding-left: 		60px;
}

/*************************************************************************//**
*  News List Contents Photos
*****************************************************************************/
.news-category-icon-container {
	overflow:			hidden;
	height:				180px;
}

.news-category-icon-container .news-category-icon-image,
.news-category-icon-container .news-category-desc-overlay {
	position:			relative;
	float:				left;
}

.news-category-icon-image img {
	width:				161px;
	height:				160px;
}

.news-category-desc-overlay {
	display:			none;
	left: 				-1px;
	top: 				-102px;
	width: 				152px;
	height: 			51px;
	background-color: 	rgba(248, 242, 242, 0.44);
	color: 				#FFF;
	font-size: 			23px;
	padding: 			5px;
	border-radius: 		5px;
}

.news-category-hover {
	display: 			none;
	overflow: 			hidden;
	position: 			absolute;
	z-index: 			2;
	top: 				110px;
	left: 				105px;
}

.pop-news-category {    
	-webkit-animation-name: 				pop; 
	animation-name: 						pop;
	-webkit-animation-duration: 			0.5s;
	animation-duration: 					0.5s;
	-webkit-animation-timing-function: 		linear;
	animation-timing-function: 				linear;
	-webkit-animation-iteration-count: 		3;
	animation-iteration-count: 				3;
}

.news-category-hover img {
	width:				50px;
	height:				50px;
}



/****************************************************************************
*	@file	news-content.css
*	@brief	Style sheet for News Content Layout
*	@details DESCRIPTION: Style sheet for News Content Layout
*
*		Filename		: news-content.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/28	<Ver. 1.00>
*
*		[Styles Included]
*			News Content Main Container
*			News Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/28	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  News Content Main Container
*****************************************************************************/
.news-content-main-container {
	float:				left;
	position:			relative;
	width:				660px;
	height:				650px;
	padding:			0px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
	overflow:			hidden;
}

.news-content-logo {
	float:				left;
	position:			relative;
	width:				660px;
	height:				75px;
	padding:			0px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
	overflow:			hidden;
	background:			url(../../../assets/images/banner.jpg);
}
/*************************************************************************//**
*  News Content
*****************************************************************************/
.news-content-info {
	float:				left;
	position:			relative;
	width:				auto;
	height:				650px;
	padding:			20px;
	padding-left:		25px;
	padding-bottom:		20px;
	border:				0px solid #ccc;
	text-align:			left;
	top:;left:			0px;
	overflow:			auto;
}

.news-content-info p{
	line-height: 		18px;
	margin: 			5px 0;
}

.news-content-header {
	font-size:			18px;
	font-weight:		bold;
	color:				#000000;
	margin-bottom: 		0px;
}

.news-content-title {
	font-size:			14px;
	font-weight:		bold;
	color:				#000000;
	margin-bottom: 		0px;
}

.news-content-date {
	font-size:			12px;
	font-weight:		bold;
	color:				#777;
	margin-bottom: 		0px;
}

.news-content-article {
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	margin-bottom: 		0px;
}



/****************************************************************************
*	@file	news-list-content.css
*	@brief	Style sheet for News List Content Layout
*	@details DESCRIPTION: Style sheet for News List Content Layout
*
*		Filename		: news-list-content.css
*		Company			: Bureauserv
*		Date Made		: 2014/08/19	<Ver. 1.00>
*
*		[Styles Included]
*			News Content Main Container
*			News Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/08/19	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  News List Content Main Container
*****************************************************************************/
.news-list-main-container {
	position: 			relative;
	margin: 			20px;
	margin-top: 		0px;
	overflow: 			hidden;
}

.news-list-header {
	border: 			0px solid #481880;
	background-color: 	#481880;
	font-size: 			24px;
	color: 				#FFF;
	padding: 			15px;
	margin-bottom: 		10px;
}

/*************************************************************************//**
*  News List Contents Photos
*****************************************************************************/
.news-list-photo {
	height: 			auto;
	margin: 			10px 0px;
}

.news-list-photo img {
	width: 				100%;
	height: 			250px;
}

.news-list-title-overlay {
	position: 			relative;
	border: 			0px solid #FFF;
	width: 				100%;
	top: 				-52px;
	font-size: 			20px;
	padding: 			10px;
	background-color: 	rgba(233, 233, 233, 0.72);
}

.news-list-title-overlay a,
.news-list-title-overlay a:visited,
.news-list-title-overlay a:hover {
	text-decoration: 	none;
	color:				#5223b4;
}

/*************************************************************************//**
*  News List Contents Text
*****************************************************************************/
.news-list-content-text {
	overflow:			hidden;
	margin-bottom:		25px;
}

.news-list-content-summary {
	position: 			relative;
	float: 				left;
	width: 				80%;
	height: 			100px;
	border-right: 		1px solid #000;
	border-bottom: 		3px double;
	padding: 			10px;
	padding-top: 		0px;
}

.news-list-content-date {
	position: 			relative;
	float: 				left;
	width: 				20%;
	height: 			100px;
	border-bottom: 		3px double;
	padding: 			10px;
	padding-top: 		0px;
	text-align:			right;
}

.news-list-photo-container {
	height:				265px;
}

.news-list-month-live,
.news-list-year-live {
	font-size:			17px;
}

.news-list-day-live {
	font-size:			30px;
}


/****************************************************************************
*	@file	news-list-header.css
*	@brief	Style sheet for News List Header Layout
*	@details DESCRIPTION: Style sheet for News List Header Layout
*
*		Filename		: news-list-header.css
*		Company			: Bureauserv
*		Date Made		: 2014/08/19	<Ver. 1.00>
*
*		[Styles Included]
*			News Content Main Container
*			News Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/08/19	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  News Content Main Container
*****************************************************************************/

/*************************************************************************//**
*  News Summary Overlay
*****************************************************************************/
.news-summary-overlay {
	float: 				right;
	top: 				-350px;
	position: 			relative;
	left: 				-34px;
	height: 			225px;
	width: 				270px;
	border: 			0px solid #FFF;
	border-radius: 		4px;
	padding: 			10px;
	background-color:	rgba(233, 233, 233, 0.72);
}



/****************************************************************************
*	@file	news-panel.css
*	@brief	Style sheet for News Panel Layout
*	@details DESCRIPTION: Style sheet for News Panel Layout
*
*		Filename		: news-panel.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/01	<Ver. 1.00>
*
*		[Styles Included]
*			News Panel Content
*			News Panel List
*			News Content (Title, Date...)
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/02	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  News Panel Content
*****************************************************************************/
.news-panel-content {
	overflow:		hidden;
	position:		relative;
	padding: 		10px;        
}

/*************************************************************************//**
*  News Content (Title, Date...)
*****************************************************************************/
.news-panel-list {
	list-style:		none;
}

.news-panel-list .news-content {
	float:			left;
	position:		relative;
	width:			100%;
	height:			60px;
	border:			0px solid #ccc;
}

.news-content .news-date {
	width:			100%;
	height:			auto;
	line-height:	13px;
	font-size:		12px;
	font-weight:	normal;
	border:			0px solid #ccc;
	color:			#666;
	margin-top:		0px;
	margin-bottom:	2px;
}

.news-content .open-news {
	float:			left;
	position:		relative;
	top:			-13px;
	width:			248px;
	height:			18px;
	border-top:		0px dotted #ccc;
	background:		url(../images/opennews.png);
}

.news-content .news-title {
	float:			left;
	position:		relative;
	top:			-10px;
	width:			100%;
	height:			auto;
	line-height:	13px;
	font-size:		12px;
	font-weight:	normal;
	color:			#000000;
	margin-bottom:	0px;
}



/****************************************************************************
*	@file	news-read-content.css
*	@brief	Style sheet for News Read Content Layout
*	@details DESCRIPTION: Style sheet for News Read Content Layout
*
*		Filename		: news-read-content.css
*		Company			: Bureauserv
*		Date Made		: 2014/08/27	<Ver. 1.00>
*
*		[Styles Included]
*			News Content Main Container
*			News Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/08/27	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  News Read Content Main Container
*****************************************************************************/
.news-read-content-main-container {
	position: 			relative;
	overflow: 			hidden;
}

.news-read-content-header {
	overflow: 			hidden;
	border-bottom: 		3px double;
	margin: 			0px 0px 10px 0px;
	position: 			relative;
	float: 				left;
	width: 				100%;
}

/*************************************************************************//**
*  News Title
*****************************************************************************/
.news-read-content-title {
	position: 			relative;
	float: 				left;
	border: 			0px solid #FFF;
	padding: 			10px 0px;
	width: 				80%;
}

.news-read-content-title h1 {
	font-size: 			22px;
	color: 				#5223b4;
	margin: 			0px;
}

/*************************************************************************//**
*  News Date
*****************************************************************************/
.news-read-content-date {
	position: 			relative;
	float: 				right;
	width: 				20%;
	padding: 			20px 0px 10px 0px;
	text-align: 		right;
}

.news-read-content-date span {
	font-size: 			13px;
}

/*************************************************************************//**
*  News Banner
*****************************************************************************/
.news-read-content-photo-container {
	margin: 			10px 0px 10px 0px;
	position: 			relative;
	float:				left
}

.news-read-content-photo {
	overflow: 			hidden;
}

/*************************************************************************//**
*  News Content Story
*****************************************************************************/
.news-read-content-text {
	position: 			relative;
	float:				left;
}

.news-read-content-story {
	position: 			relative;
	min-height: 		300px;
	line-height: 		18px;
	overflow:			hidden;
}

.news-read-content-story p{
	font-size: 			12px;
}

.fb-like,
.twitter-share-cntr {
	position: 			relative;
	float: 				left;
	padding-left: 		5px;
	padding-top: 		10px;
}



/****************************************************************************
*	@file	about-us.css
*	@brief	Style sheet for About Us Layout
*	@details DESCRIPTION: Style sheet for About Us Layout
*
*		Filename		: about-us.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/08	<Ver. 1.00>
*
*		[Styles Included]
*			About Us Main Container
*			About Us Information
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/08	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  News Related Posts Main Container
*****************************************************************************/
.news-related-post-main {
	position: 			relative;
	float: 				right;
	width: 				27%;
	border: 			0px solid;
	padding: 			10px;
	border-radius: 		10px;
	background-color: 	rgba(222, 255, 210, 0.74);
	margin-bottom:		20px;
}

/*************************************************************************//**
*  About Us Information
*****************************************************************************/
.news-related-title-container {
	position: 			relative;
	overflow: 			hidden;
	left: 				-16px;
}

.news-related-title {
	position: 			relative;
	width: 				125px;
	font-size: 			15px;
	float: 				left;
	border: 			1px solid #1B7510;
	background-color: 	#1B7510;
	color: 				#FFF;
	padding:			5px;
}

.news-pointed-border {
	width: 				0;
	height: 			0;
	border-top: 		14px solid transparent;
	border-left: 		30px solid #1B7510;
	border-bottom: 		13px solid transparent;
	position: 			relative;
	float: 				left;
}

.news-related-item {
	margin: 			10px;
}

.news-related-icon {
	position: 			relative;
	float: 				left;
	padding-right: 		5px;
}

.news-related-item a,
.news-related-item a:visited {
	color: 				#1B7510;
	font-size:			11px;
}

.news-related-item a:hover {
	color: 				#5E4895;
}




/****************************************************************************
*	@file	pop-readers-abilities.css
*	@brief	Style sheet for Readers Abilities Tooltip Layout
*	@details DESCRIPTION: Style sheet for Header Layout
*
*		Filename		: pop-readers-abilities.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/01	<Ver. 1.00>
*
*		[Styles Included]
*			Readers Abilities Tooltip Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Readers Abilities Tooltip Content
*****************************************************************************/
.pop-readers-ability-name,.pop-readers-ability-name a {
	font-size:			14px;
	font-weight:		bold;
	color:				#3f3f3f !important;
}

.pop-abilities-container {
	float:				left;
	position:			relative;
	width:				auto;
	height:				auto;
	padding-top:		8px;
	margin-right:		0px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
}

.pop-abilities-list {
	font-size:			10px;
	font-weight:		normal;
}

.pop-abilities-list li {
	font-size:			14px;
	font-weight:		normal;
	line-height:		1.5;
	color: #3f3f3f;
}



/****************************************************************************
*	@file	pop-readers-feedbacks.css
*	@brief	Style sheet for Readers Feedback Tooltip Layout
*	@details DESCRIPTION: Style sheet for Readers Feedback Tooltip Layout
*
*		Filename		: pop-readers-feedbacks.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/01	<Ver. 1.00>
*
*		[Styles Included]
*			Readers Feedback Tooltip Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Readers Feedback Tooltip Content
*****************************************************************************/
.pop-readers-feedbacks-hdr {
	font-size:			12px;
	line-height:		16px;
	color:				#333;
	font-weight:		bold;
	margin-bottom:		20px;
}

.readers-feedback-title {
	color:				#093;
	font-size:			10px;
	line-height:		14px;
	margin-top:			0px;
	margin-bottom:		5px;
	padding-left:		0px;
	padding-right:		20px;
	font-weight:		bold;
}

.readers-feedback-story {
	color:				#000000;
	font-size:			10px;
	line-height:		14px;
	padding-left:		0px;
	padding-right:		20px;
	font-style:			italic;
	font-weight:		normal;
}

.readers-feedback-client {
	color:				#333;
	font-size:			10px;
	line-height:		14px;
	margin-top:			5px;
	margin-bottom:		5px;
	padding-left:		0px;
	padding-right:		20px;
	font-weight:		normal;
}




#leo-bonomo-main-container {
	display:none;
}
.leo-bonomo-container { 
	float: left;
	position: relative;
	width: 660px;
	height: 850px;
	padding: 0px;
	border: 0px solid #ccc;
	text-align: left;
	left: 0px;
	overflow: hidden;
}
#leo-bonomo-container .pc-logo {
	float: left;
	position: relative;
	width: 660px;
	height: 75px;
	padding: 0px;
	border: 0px solid #ccc;
	text-align: left;
	left: 0px;
	overflow: hidden;
	background: url(../../../assets/images/banner.jpg);
}
#leos-book-link{
	font-size: 14px;
    color: #679F21;
    font-weight: bold;
}
#leos-book #book-image, #leos-book #book-details {
	width:50%;
	float:left;
} 
#leos-book #book-image {
	margin-left:35px;
}
#leos-book #book-details {
	margin-left:-40px;
	margin-top: 20px;
}
#leos-book #book-details h1 {
	font-size: 24px;
	margin-bottom: 5px;
	color: #000000;
	font-weight: bold;
}
#leos-book #book-details h2 {
	font-size: 14px;
	margin-top: 0;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 30px;
}
#leos-book span {
	font-size: 12px;
	font-weight:bold;
}
#leos-book-desc {
	margin-left: 20px;
	margin-right: 20px;
}
#leos-book-desc span {
	font-size: 16px;
}
#leos-book-desc p {
	margin-top:10px;
	text-align: justify;
}
.leo-custom-panel {
	padding-top: 10px;
}
.leo-custom-panel #header {
	background-color: #FFF;
	width: 245px;
	margin: auto;
	padding-top: 1px;
	height: 54px;
}
.leo-custom-panel #header h1{
	text-align: center;
	font-size: 21px;
	color: #3F3F3F;
	margin-bottom: 0;
}
.leo-custom-panel #header h2 {
	font-size: 13px;
	text-align: center;
	margin-top: 0; 
	margin-bottom: 0;
	font-style: italic;
	font-weight: bold;
}
.leo-custom-p {
	padding-top:0;
}
#amazon-buynow {
	width: 160px;
	height: 40px;
	display: block;
	background: url(http://tranquility.psychicsconnect.com/assets/images/temp/amazon-buynow.jpg) 100% no-repeat;
	background-size: contain;
}
.buy-options-spacer {
	text-align: center;
	width: 157px;
	padding: 10px 0;
}

.summerland-feedback-container {
	position: relative;
	float: right;
	overflow: hidden;
	width: 28%;
	padding: 10px;
	background-color: #f5f5f5;
}
.summerland-content-container {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
}
.summerland-title {
	overflow: hidden;
	margin-bottom: 0px;
}
.summerland-title li {
	font-size: 12px;
	height: 40px;
	border-bottom: 1px dotted #481880;
	margin: 5px;
}
.summerland-title li a {
	color: #679F21;
}
.summerland-feedback-content-title {
	color: #679F21;
	font-size: 15px;
	font-weight: bold;
}



/****************************************************************************
*	@file	psychic-overview.css
*	@brief	Style sheet for Psychic Overview Layout
*	@details DESCRIPTION: Style sheet for Psychic Layout
*
*		Filename		: psychic-overview.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/02	<Ver. 1.00>
*
*		[Styles Included]
*			Main Overview Container
*			Reader Profile Container
*			Reader Abilities
*			Reader Summary
*			Reader Profile Overview
*			More about the Reader
*			Feedback
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/02	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Overview Container
*****************************************************************************/
.psychic-overview {
	float:			left;
	position:		relative;
	width:			680px;
	height:			auto;
	padding:		0px;
	padding-top:	15px;
	padding-left:	10px;
	margin-top:		18px;
	margin-bottom:	0px;
	border:			1px solid #ccc;
	text-align:		left;
	left:			0px;
}

/*************************************************************************//**
*  Reader Profile Container
*****************************************************************************/
.reader-profile {
	position:	relative;
	float:		left;
	border:		0px solid #ccc;
	width:		100%;
	min-height:	200px;
}

.reader-profile .reader-info {
	float:			left;
	position:		relative;
	width:			100%;
	height:			auto;
	padding:		0px;
	margin-top:		0px;
	margin-bottom:	0px;
	margin-right:	0px;
	border:			0px solid #ccc;
	text-align:		left;
	top:			0px;
	left:			0px;
} 

/*************************************************************************//**
*  Reader Abilities
*****************************************************************************/
.reader-abilities {
	float:			left;
	position:		relative;
	width:			100px;
	height:			auto;
	padding:		0px;
	margin-right:	15px;
	border:			0px solid #dedede;
	text-align:		left;
	left:			0px;
}

/*	Reader Profile Picture			*/
.reader-abilities .reader-img {
	float:			left;
	position:		relative;
	width:			100px;
	height:			100px;
	padding-top:	0px;
	margin-right:	0px;
	text-align:		left;
	left:			0px;
}

.reader-abilities .reader-img img {
	border:5px solid #dedede;
}

/*	Reader Abilities List			*/
.reader-abilities .reader-txt {
	float:			left;
	position:		relative;
	width:			100px;
	height:			100px;
	padding-top:	18px;
	margin-right:	0px;
	border:			0px solid #ccc;
	text-align:		left;
	left:			0px;
}

.reader-abilities .reader-txt li {
	font-size:     	11px;
	color: 			#3f3f3f;	
	font-weight: 	bold; 
}

/*************************************************************************//**
*  Reader Summary (Name, ID, Time)
*****************************************************************************/
.reader-profile .reader-summary {
	float:			left;
	position:		relative; 
	width:			520px; 
	height:			auto; 
	padding:		0px; 
	padding-top:	0px; 
	margin-right:	0px; 
	border:			0px solid #ccc; 
	text-align:		left; 
	left:			0px;
}

.reader-summary .reader-info {
	float:			left;
	position:		relative;
	width:			40%;
	height:			auto;
	padding:		0px;
	margin-right:	0px;
	border:			0px solid #ccc;
	text-align:		left;
	left:			0px;
}

.reader-summary .reader-info li {
	font-weight:	bold;
	font-size:		13px;
}

.reader-summary .reader-time {
	float:			right;
	position:		relative;
	width:			60%;
	height:			20px;
	padding:		0px;
	margin-right:	0px;
	border:			0px solid #ccc;
	text-align:		right;
	right:			0px;
}

.reader-summary .reader-time span {
	font-size:		12px;
	font-weight:	bold;
}

.reader-summary .spacer {
	float:			right;
	position:		relative;
	width:			100%;
	height:			15px;
	padding:		0px;
	margin-right:	0px;
	border:			0px solid #ccc;
	text-align:		right;
	right:			0px;
}

/*************************************************************************//**
*  Reader Profile Overview
*****************************************************************************/
.about-reader {
	float:			left;
	position:		relative;
	width:			520px;
	min-height: 	120px;
	height:			auto;
	padding:		0px;
	padding-top:	5px;
	top:			0px;
	margin-right:	0px;
	border:			0px solid #ccc;
	text-align:		left;
	left:			0px;
	font-size:		10px;
	font-weight:	normal;
	line-height:	14px;
}

.about-reader p, .reader-feedback p {
	margin: 		5px 0;
	font-size:     	11px;
	color: 			#3f3f3f;	  
}

/*************************************************************************//**
*  More about the Reader
*****************************************************************************/
.reader-profile-more {
	float:			right;
	position:		relative;
	width:			100%;
	height:			20px;
	padding:		0px;
	margin-right:	45px;
	border:			0px solid #ccc;
	text-align:		right;
	right:			0px;
	font-size:		10px;
	font-style:		italic;
	font-weight:	normal;
	line-height:	14px;
	color:			#7600C4;
}

.reader-overview-spacer {
	float:			left;
	position:		relative;
	width:			100px;
	height:			200px;
	padding:		0px;
	margin-right:	15px;
	border:			0px solid #dedede;
	text-align:		left;
	left:			0px;
}

/*************************************************************************//**
*  Feedback
*****************************************************************************/
.reader-feedback {
	float:			left;
	position:		relative;
	width:			520px;
	height:			auto;
	padding:		10px;
	padding-top:	5px;
	margin-bottom:	20px;
	border-top:		1px solid #ccc;
	text-align:		left;
	left:			70px;
	font-size:		10px;
	font-weight:	normal;
	line-height:	14px;
}

.reader-feedback .header-img {
	float:			left;
	position:		relative;
	width:			36px;
	height:			36px;
	padding-top:	0px;
	margin-right:	10px;
	margin-bottom:	0px;
	border:			0px solid #ccc;
	text-align:		left;
	left:			0px;
}

.reader-feedback .header-img img {
	height:		36px;
	width:		36px;
}

.reader-feedback .header-txt{
	float:			left;
	position:		relative;
	width:			auto;
	height:			36px;
	padding-top:	0px;
	margin-right:	10px;
	margin-bottom:	0px;
	border:			0px solid #ccc;
	text-align:		left;
	left:			0px;
}

.reader-feedback .header-txt span {
	font-size:		14px;
	font-weight:	bold;
	padding-bottom:	5px;
	line-height:	18px;
	color:			#481880;
	font-style:		normal;
}

.reader-feedback .feedback-sample {
	height:		auto;
	width:		100%;
	float:		left;
	position:	relative;
}

.reader-feedback .feedback-sample p#feedback-title {
	color:			#679F21;
	font-size:		12px;
	line-height:	14px;
	margin-top:		20px;
	margin-bottom:	0px;
	padding:		0px;
	padding-right:	20px;
	font-weight:	bold;
	font-style:		normal;
}

.reader-feedback .feedback-sample p#feedback-content {
	color:			#3f3f3f;
	font-size:		11px;
	line-height:	18px;
	padding-left:	0px;
	padding-right:	20px;
	font-style:		normal;
}

.reader-feedback .feedback-sample p#client-country{
	color:			#333;
	font-size:		14px;
	line-height:	14px;
	margin-top:		5px;
	margin-bottom:	0px;
	padding:		0px;
	padding-right:	20px;
	font-weight:	normal;
	font-style:		italic;
}

.reader-feedback .feedback-img {
	float:			left;
	position:		relative;
	margin-top:		5px;
	margin-bottom:	20px;
}

.feedback-top-page-container {
	width:			550px;
	height:			22px;
	float:			left;
	position:		absolute;
	margin-top:		30px;
	border:			0px solid #ccc;
	top:			-18px;
	left:			0px;
}

.feedback-bottom-page-container {
	width:			550px;
	height:			22px;
	float:			left;
	position:		absolute;
	left:			0px;
	margin-top:		30px;
	border:			0px solid #ccc;
	bottom:			-18px;
}

.feedback-pages {
	font-size: 		10px;
	font-weight:	normal;
	line-height: 	16px;
	color: 			##3f3f3f;
	padding: 		2px;
}

.feedback-pages a {
	text-decoration: 	none;
	color: 				#1B7510;
	font-size: 			10px;
	font-weight: 		bold;
}




/****************************************************************************
*	@file	psychic-reading-types.css
*	@brief	Style sheet for Psychic Reading Types Side Panel Layout
*	@details DESCRIPTION: Style sheet for Psychic Reading Types Side panel
*							Layout
*
*		Filename		: psychic-reading-types.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/01	<Ver. 1.00>
*
*		[Styles Included]
*			Psychic Reading Types Body Container
*			Psychic Reading Types Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Psychic Reading Types Body Container
*****************************************************************************/
.psychic-reading-types-container {
	padding:		15px;
	border:			1px solid #963dd2; 
	color:			#1f7914;    
}

/*************************************************************************//**
*  Psychic Reading Types Content
*****************************************************************************/
.psychic-reading-info {  
	float:					right;
	position:				relative;
	width:					100%;
	height:					auto;
	text-align:				left;  
	overflow:				hidden;
	font-size:     			11px;
	text-align:    			justify;   
}

.psychic-reading-info .bx-controls{
	position:				relative;
}

.psychic-reading-info .bx-wrapper {
	height:					680px;
}

.reading-type-psychic-reading {
	font-weight:		bold; 
	padding: 			2px;
	font-size:     		11px;
	color: 				#3f3f3f;    
}

.reading-type-psychic-reading-info {
	font-size:     		11px;
	text-align:    		justify; 
	color: 				#3f3f3f;  
	padding: 			2px;   
}

.reading-type-title,
.reading-type-title-header {
	color: 				#1F7914;
    font-size: 			14px;  
	margin:  			5px 0; 
	padding: 			2px;
}

.reading-type-title-header span {
	top: 				-15px;
	position: 			relative;
	font-size: 			19px;
	margin-left: 		5px;
}

.reading-type-desc {    
	color: 				#3f3f3f;
	font-size:			11px; 
	margin: 			5px 0;
	padding: 			2px;
}

.psychic-reading-info .bx-viewport {
	height:				626px !important;
	padding-right:		3px;
}




/****************************************************************************
*	@file	psychic-schedule.css
*	@brief	Style sheet for Psychic's Schedule Side Panel Layout
*	@details DESCRIPTION: Style sheet for Psychic's Schedule Side Panel Layout
*
*		Filename		: psychic-schedule.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/23	<Ver. 1.00>
*
*		[Styles Included]
*			Main Body Container
*			Schedule Date and Time
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/23	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Body Container
*****************************************************************************/
.main-sched-container {
	float:						left;
	position:					relative;
	width:						28%;
	overflow:					hidden;
	margin-top:					0px;
	margin-bottom:				20px;
	padding-left:				10px;
	padding-bottom:				10px;
	text-align:					left;
	top:						0px;
	left:						0px;
	background-color:			#efefef;
	border-top-right-radius:	20px;
	border:						1px solid #ccc;
	border-bottom-left-radius:	20px;
	background:					url(../../../assets/images/online-status.png);
}

.main-sched-container div{
	height:			auto;
	margin-top:		2px;
	float:			left;
	position:		relative;
}

.main-sched-container p {
	font-size:		11px;
	line-height:	16px;
	padding:		2px;
	margin:			5px 0;
}

/*************************************************************************//**
*  Schedule Date and Time
*****************************************************************************/
.main-sched-container .sched-hdr-title {
	color:			#B4E167;
	font-weight:	bold;
	font-size:		12px;
}

.sched-date-container {
	width:			60%;
	padding-left:	0;
	
}

.sched-time-container {
	width:			40%;
}

.sched-date-container p, .sched-time-container p {
	height:			10px;
	color:			##3F3F3F;
	font-weight:	normal;
}




/****************************************************************************
*	@file	psychic-side-booknow.css
*	@brief	Style sheet for Psychic Side Panel Booking Information Layout
*	@details DESCRIPTION: Style sheet for Psychic Side Panel Booking
*							Information Layout
*
*		Filename		: psychic-side-booknow.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/23	<Ver. 1.00>
*
*		[Styles Included]
*			Main Body Container
*			Book Now Options
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/23	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Body Container
*****************************************************************************/
.main-psybooknow-container {
	float:						left;
	position:					relative; 
	width:						28%;
	height:						auto;
	margin-top:					0px;
	margin-bottom:				10px;
	padding:					10px;
	padding-top:				0px;
	text-align:					left;
	top:						0px;
	left:						0px;
	border-top-right-radius:	20px;
	border:						1px solid #ccc;
	border-bottom-left-radius:	20px;
	background:					url(../../../assets/images/online-status1.png) no-repeat;
	color: 						#3F3F3F;
}

.main-psybooknow-container p {
	color: 					#3F3F3F;
    font-size: 				11px;
	padding:				2px;
	line-height: 			16px;
	padding: 				2px;
	margin: 				5px 0;
}

.psybooknow-line-spacer {
	line-height:	14px;
	width:			100%;
	height:			1px;
	border-bottom:	1px dotted #000000; 
	margin-top:		10px;  
}

/*************************************************************************//**
*  Book Now Options
*****************************************************************************/
.main-psybooknow-container .psybooknow-hdr-title {
	font-weight:	bold;
	color:			#B4E167;
	font-size:		12px;
}

.main-psybooknow-container .psybooknow-options {
	/*margin-top:		12px;*/
}

.main-psybooknow-container .psybooknow-call-cs {
	font-weight:	bold;
}

.psybooknow-call-cs input {
	overflow: 				visible;
	-webkit-border-radius: 	4px;
	-moz-border-radius: 	4px;
	width: 					110px;
	font-size: 				11px;
	background: 			#481880 !important;
	color: 					#FFF !important;
	border: 				none;
	padding: 				5px;
	cursor: 				pointer;
}

.main-psybooknow-container .psybooknow-callnow {
	font-weight:	bold;
}





/****************************************************************************
*	@file	readers-list.css
*	@brief	Style sheet for the Readers Roster Layout
*	@details DESCRIPTION: Style sheet for Readers Roster Layout
*
*		Filename		: readers-list.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/01	<Ver. 1.00>
*
*		[Styles Included]
*			Readers List Main Container
*			Readers List Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Readers List Main Container
*****************************************************************************/
.readers-list-main-container {
	float:				left;
	position:			relative;
	width:				680px;
	height:				auto;
	padding-top:		0px;
	padding-left:		20px;
	padding-right:		20px;
	margin-right:		0px;
	margin-top:			0px;
	border-right:		0px dotted #ccc;
	border:				1px solid #D2D2D2;
	text-align:			left;
	top:				0px;
	left:				0px;
	background:			transparent;
}

/*************************************************************************//**
*  Readers List Content
*****************************************************************************/
.readers-info-container {
	position:			relative;
	width:				159px;
	height:				200px;
	border:				0px solid #ccc;
	float:				left;
	padding:			10px;
	padding-left:		14px;
	padding-bottom:		10px;
	margin-bottom:		15px;
}

.reader-alias {
	float:				left;
	position:			relative;
	width:				100%;
}

.reader-alias a {
	color:				#B4E167;
	font-size:			11px;
}

.readers-info-container .reader-status {
	margin-top:			5px;
}


.new_slide_inner {
	text-align: 		center;
}
.new_slide_inner {
	overflow:				hidden;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	border:					0px solid #cfcece;
	text-align: 			left;
	width: 					129px;
	height:					194px;
	background-color: 		#481880;
	padding:				10px;
	padding-bottom:			0px;
	margin-right:			5px;

}

/*-- large photos --*/

.new_photo_link {
	width: 					105px;
	height: 				107px;
	overflow: 				hidden;
	display: 				block;
	margin: 				6px auto 4px;
}
.new_photo img{
	height:					107px;
	width:					107px;
	border:					3px solid #41454F;
	padding:				0px;
	padding-bottom:			0px;
	padding-top:			0px;
}

/*-- for the links beneath the photos --*/

.new_caption, .new_caption:link, .new_caption:visited {
	text-decoration:		none;
	width: 					128px;
	display: 				block;
	margin: 				0 auto;
	padding-bottom: 		5px;
	font-size:				10px;
	line-height:			14px;
	color:					#3f3f3f;
}
.new_caption2, .new_caption2:link,  .new_caption2:visited {
	width: 					128px;
	display: 				block;
	margin: 				0 auto;
	padding-bottom: 		5px;
	font-size:				10px;
	padding-left:			0px;
	color:					#3f3f3f;
	line-height:			14px;
}
.new_caption3, .new_caption3:link,  .new_caption3:visited {
	width: 					128px;
	display: 				block;
	margin: 				0 auto;
	padding-bottom: 		0px;
	padding-top:			0px;
	font-size:				11px;
	font-weight:			bold;
	line-height:			18px;
	color:					#B4E167;
	padding-left:			0px;
}
.new_caption3:hover {
	color:					#ffffff;
	font-size:				12px;
}

.new_caption2:hover {
	color:					#3f3f3f;
	font-size:				10px;
}

.new_caption:hover {
	font-size:				10px;
}

.persistent_content {
	position:				absolute;
	top: 					3px;
	left: 					10px;
	text-shadow: 			0px 1px 1px #ccc; 
	font-size:				14px;
	color:					#481880;
	line-height:			24px;
	margin-bottom:			3px;
}

.reader-image-overlay {
	position: 				absolute;
	width: 					109px;
	height: 				109px;
	z-index: 				2;
	top: 					20px;
	background-color: 		rgba(255, 255, 255, 0.729412);
}



/****************************************************************************
*	@file	readers-list.css
*	@brief	Style sheet for the Readers Roster Layout
*	@details DESCRIPTION: Style sheet for Readers Roster Layout
*
*		Filename		: readers-list.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/01	<Ver. 1.00>
*
*		[Styles Included]
*			Readers List Main Container
*			Readers List Content
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Readers List Main Container
*****************************************************************************/
#readers-type-main-container {
	position:			relative;
	overflow:			hidden;
	height:				auto;
}

.reader-type-container {
	position:			relative;
	overflow:			hidden;
	height:				auto;
	float: 				left;
	padding-left: 		35px;
}

/*************************************************************************//**
*  Readers List Content
*****************************************************************************/
.reader-type-button,
.reader-type-button-selected {
	position:			relative;
	float:				left;
	padding:			20px;
}

.opaque-overlay {
	position: 			absolute;
	width: 				171px;
	height: 			171px;
	float: 				left;
	z-index: 			2;
	background-color: 	rgba(255, 255, 255, 0.73);
}

.reader-hand-hover {
	display:			none;
	overflow: 			hidden;
	position: 			absolute;
	z-index: 			2;
	top: 				138px;
	left: 				139px;
}

.reader-type-desc-container {
	float: 				left;
	position: 			relative;
	padding: 			15px;
	box-shadow: 		-0.2em 0.4em 0.4em #777;
	border: 			1px solid #963dd2;
	width: 				98%;
	margin: 			10px;
}

.reader-type-title-text {
	margin: 			5px 0px;
}

.reader-type-title-text h1 {
	color: 				#1F7914;
	font-size: 			16px;
}

.reader-type-desc-text {
	padding: 			5px;
	font-size: 			11px;
	color: 				#3f3f3f;
	line-height: 		18px;
}

.pop-reader-type{    
	-webkit-animation-name: 				pop; 
	animation-name: 						pop;
	-webkit-animation-duration: 			0.5s;
	animation-duration: 					0.5s;
	-webkit-animation-timing-function: 		linear;
	animation-timing-function: 				linear;
	-webkit-animation-iteration-count: 		3;
	animation-iteration-count: 				3;
} 

#all-readers-link {
	position: 			relative;
	margin: 			10px;
	width: 				100%;
	height: 			auto;
}

#all-readers-link a {
	float: 				right;
	position: 			relative;
	left: 				-20px;
	text-decoration: 	none;
	color: 				#777777;
	font-size: 			11px;
	font-style: 		italic;
}

#all-readers-link a:hover {
	color: 				red;
}

.reader-type-animated-text {
	font-size:			14px;
	color:				#1F7914;
}



/****************************************************************************
*	@file	rewards-club.css
*	@brief	Style sheet for the Rewards Club Pop-Up Page
*	@details DESCRIPTION: for the Rewards Club Pop-Up Page
*
*		Filename		: rewards-club.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/28	<Ver. 1.00>
*
*		[Styles Included]
*			Main Rewards Club Container
*			Rewards Club Header
*			Rewards Club Labels
*			Rewards Club Example
*			Rewards Club Text Information
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/28	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Rewards Club Container
*****************************************************************************/
#rewards-club-main-container {
	display:			none;
}

#rewards-club-container {
	float:				left;
	position:			relative;
	width:				660px;
	height:				770px;
	padding:			0px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
	overflow:			hidden;
}

.rewards-club-inf {
	float:				left;
	position:			relative;
	width:				660px;
	height:				700px;
	padding:			20px;
	padding-left:		25px;
	padding-bottom:		20px;
	border:				0px solid #ccc;
	text-align:			left;
	left:				0px;
	overflow:			hidden;
}

/*************************************************************************//**
*  Rewards Club Header
*****************************************************************************/
.rewards-club-hdr {
	font-size:			14px;
	font-weight:		bold;
	margin:				5px 0;
	margin-bottom:		0px;
	line-height: 		16px;
	color: 				#000000;
}

/*************************************************************************//**
*  Rewards Club Labels
*****************************************************************************/
.rewards-club-title {
	font-size:			14px;
	font-weight:		bold;
	margin:				5px 0;
	margin-bottom:		0px;
	color:				#777;
	line-height: 		16px;
}

/*************************************************************************//**
*  Rewards Club Example
*****************************************************************************/
.rewards-club-sample {
	font-size:			13px;
	font-weight:		bold;
	margin:				5px 0;
	margin-bottom:		0px;
	color:				#777;
	line-height: 		16px;
}

/*************************************************************************//**
*  Rewards Club Text Information
*****************************************************************************/
.rewards-club-inf-txt {
	margin:				5px 0;
	font-size:			14px;
	line-height:		1.5;
	color:				#3f3f3f;
	font-weight:		normal;
}



/****************************************************************************
*	@file	side-panel.css
*	@brief	Style sheet for Side Panel Layout
*	@details DESCRIPTION: Style sheet for Side Panel Layout
*
*		Filename		: side-panel.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/01	<Ver. 1.00>
*
*		[Styles Included]
*			Main Side Panel Container
*			Side Panel Header
*			Side Panel Message
*			Folds Side Bar Header
*			Zooms the buttons
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/02	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Side Panel Container
*****************************************************************************/
.img-border-subject { 
	float:				right;
	margin-bottom:		15px;
	width:				28%;
}

.side-panel-content {
	float:				left;
	width:				100%; 
}

/*************************************************************************//**
*  Side Panel Header
*****************************************************************************/
.side-panel-hdr {  
	height:				73px;
	width:				100%;
	padding-top:		8px;
	border:				1px solid #963dd2;
}

.side-panel-hdr-roll {  
    height:				73px;
    padding-top: 		9px;
    padding-left: 		1px;
    width: 				101%;
    background: 		url(../../../assets/images/border-cut.png);
   background-repeat:	no-repeat;
   border-style: 		none !important;
}

.side-panel-title {
	font-size:			19px;
	color:				#1f7914;
	line-height:		22px;
	margin-top:     	10px;
}

.side-panel-img {
	float:				left;
	padding:			0 15px;  
	position:			relative;
}

.side-panel-img img{
	width:				56px;
	height:				56px;
}

.line-panel {
	position: 			relative;
	float:				right;
	margin-top: 		-100px;
}

.line-panel2 {
	position: 			relative;
	float:				right;
	margin-top: 		-100px;
	left:				15px;
}

/*************************************************************************//**
*  Side Panel Message
*****************************************************************************/
.side-panel-msg {
	float:			left;  
	background: 	#f5f5f5;  
	width:			100%;
	padding-right: 	10px;
}

.side-panel-text {    
	color:			#3f3f3f;
	font-size:		11px;  
	text-align: 	justify;   
	padding: 		10px;
}

.side-panel-msg .twa_heading_text,
.astrologer-content .twa_heading_text {
	font-style:		italic;
	font-size:		10px;
	position:		relative;
	margin-bottom:	0px;
	float:			right;
	padding-bottom: 10px;
}
 
/*************************************************************************//**
*  Folds Side Bar Header 
*****************************************************************************/
.curl-top-right {
	display:			inline-block;
	position: 			relative;
	-webkit-transform:	translateZ(0);
	transform:			translateZ(0);
	box-shadow:			0 0 1px rgba(0, 0, 0, 0);
}

.curl-top-right:before {  
	pointer-events:		none;
	position:			absolute;
	content: 			'';
	height: 			0;
	width: 				0;
	top: 				0;
	right: 				0;
	background: 		white;
	/* IE9 */
	background:						linear-gradient(225deg, white 45%, #aaaaaa 50%, #963dd2 46%, white 80%);
	box-shadow:						-1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 	0.3s;
	transition-duration:			0.3s;
	-webkit-transition-property:	width, height;
	transition-property:			width, height;    
}

.curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before {
	width:				25px;
	height: 			25px;
}     

/*************************************************************************//**
*  Zooms the buttons  
*****************************************************************************/
/* Pop */
@-webkit-keyframes pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform:	scale(1);
		transform: 			scale(1);
	}
}

.pop {
	display:								inline-block;
	-webkit-transform: 						translateZ(0);
	transform: 								translateZ(0);
	box-shadow: 							0 0 1px rgba(0, 0, 0, 0);
}
.pop:hover, .pop:focus, .pop:active {
	-webkit-animation-name: 				pop; 
	animation-name: 						pop;
	-webkit-animation-duration: 			0.3s;
	animation-duration: 					0.3s;
	-webkit-animation-timing-function: 		linear;
	animation-timing-function: 				linear;
	-webkit-animation-iteration-count: 		1;
	animation-iteration-count: 				1;
}


.popfreecall{    
	-webkit-animation-name: 				pop; 
	animation-name: 						pop;
	-webkit-animation-duration: 			0.3s;
	animation-duration: 					0.3s;
	-webkit-animation-timing-function: 		linear;
	animation-timing-function: 				linear;
	-webkit-animation-iteration-count: 		1;
	animation-iteration-count: 				1;
}    


.popbook{    
	-webkit-animation-name: 				pop; 
	animation-name: 						pop;
	-webkit-animation-duration: 			0.3s;
	animation-duration: 					0.3s;
	-webkit-animation-timing-function: 		linear;
	animation-timing-function: 				linear;
	-webkit-animation-iteration-count: 		1;
	animation-iteration-count: 				1;
}

.poppromo{     
	-webkit-animation-name: 				pop; 
	animation-name: 						pop;
	-webkit-animation-duration: 			0.3s;
	animation-duration: 					0.3s;
	-webkit-animation-timing-function: 		linear;
	animation-timing-function: 				linear;
	-webkit-animation-iteration-count: 		1;
	animation-iteration-count: 				1;
}



/****************************************************************************
*	@file	about-us.css
*	@brief	Style sheet for About Us Layout
*	@details DESCRIPTION: Style sheet for About Us Layout
*
*		Filename		: about-us.css
*		Company			: Bureauserv
*		Date Made		: 2014/05/08	<Ver. 1.00>
*
*		[Styles Included]
*			About Us Main Container
*			About Us Information
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/05/08	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  About Us Main Container
*****************************************************************************/
.main-sitemap-container {
	border: 			0px solid #FFF;
	background-color: 	#E0E9E3;
	margin: 			5px;
	margin-bottom: 		20px;
	padding: 			15px;
	border-radius: 		10px;
	position: 			relative;
	float: 				left;
}

/*************************************************************************//**
*  About Us Information
*****************************************************************************/
.site-map-hdr {
	overflow: 			hidden;
	left: 				-22px;
	position: 			relative;
}

.site-map-hdr-container {
	border: 			0px solid #000;
	background-color: 	#1f7914;
	color: 				#FFF;
	font-size: 			20px;
	width: 				200px;
	position: 			relative;
	float: 				left;
	padding: 			8px;
	padding-left: 		15px;
}


.pointed-border {
	width: 				0;
	height: 			0;
	border-top: 		18px solid transparent;
	border-left: 		30px solid #1f7914;
	border-bottom: 		18px solid transparent;
	position: 			relative;
	float: 				left;
}

.site-map-list {
	overflow: 			hidden;
	margin: 			10px;
}

.site-map-list-content {
	width: 				200px;
	font-size: 			15px;
	position: 			relative;
	float: 				left;
	padding:			5px;
}

.site-map-list-content-dual {
	width: 				50%;
}

.site-map-list-content a{
	font-size: 			15px;
	color: 				#5223b4;
}

.main-sitemap-reading-types {
	width:				335px;
	margin-left: 		15px;
}

.main-sitemap-starsigns {
	width:				313px;
	margin-left: 		15px;
}

.main-sitemap-company {
	width: 				290px;
	margin-left: 		15px;
}

.main-sitemap-sites {
	width: 				358px;
	margin-left: 		15px;
}




/****************************************************************************
*	@file	svcs-offrd.css
*	@brief	Style sheet for Services Offered Layout
*	@details DESCRIPTION: Style sheet for Services Offered Layout
*
*		Filename		: svcs-offrd.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/01	<Ver. 1.00>
*
*		[Styles Included]
*			Services Offered
*			Services Offered - Promotions Form
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/01	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Services Offered
*****************************************************************************/

.svcs-offrd {
	width:			100%;
	min-height:		225px;
	border:			2px solid #efefef;
	text-align:		left;
	background:		#ffffff;
	margin-bottom: 	15px;
}   

.svcs-offrd-panel-block{      
	width: 			300px;   
	padding-top:	10px;
	padding-left:	20px;
	float: 			left;
}
   
.svcs-title {     
	color: 			#5223b4; 
	font-size: 		17px;
	line-height: 	1.3;
} 

.svcs-subtitle {
	color: 			#1f7914;
	font-size: 		14px;
	font-weight: 	normal;
	line-height: 	1.3;
}

.svcs-text-cont {
	font-size:     	11px;
	color: 			#3f3f3f;	  
}
  
.
/*	Image					*/ 
.svcs-offrd .svcs-img {
	display:		block;
	float:			left;
	position:		relative;
	width:			65px;
}

.svcs-offrd .svcs-img img {
	float:			left;
	margin-right:	5px;
	valign:			top;
}

/*	Text Label				*/
.svcs-offrd .svcs-txt {
	display:		block;
	min-height:		122px;
	margin-left:	65px;
	padding-top:	0px;
	padding-right: 	5px;
}

.svcs-offrd .svcs-txt span.green_small {
	line-height:	18px;
}

.svcs-offrd .svcs-txt span.grey_small {
	padding:		0px;
	margin:			0px;
	line-height:	20px;
	padding:		0px;
}

.svcs-offrd .svcs-txt p.grey_text {
	color:			white;
	line-height:	13px;
}

/*	Free Call Submit Button			*/
.svcs-offrd .free-call-submit {
	cursor:			pointer;
	position:		relative;
	float:			left;
	left:			0px;
	top:			12px;
	font-size:		10px;
	height:			22px;
}

/*	Book Now Submit Button			*/
.svcs-offrd .book-now-submit {
	cursor:			pointer;
	position:		relative;
	float:			left;
	left:			65px;
	top:			1px;
	font-size:		10px;
	height:			22px;
}

/*************************************************************************//**
*  Services Offered - Promotions Form
*****************************************************************************/
.svcs-form {
	display:		block;
	margin-top:		35px;
}

.svcs-form .form-label {  
	width:			25%;
	height:			18px;
	display:		block;
	position:		relative;
	float:			left;
	width:			40px;
	font-size:		10px;
}

.svcs-form .form-box {
	width:			50%;
	height:			18px;
	display:		block;
	float:			left;
}

.svcs-form .form-box input {
	color:			black;
	float:			left;
	height:			16px;
	position:		relative;
	width:			170px;
	font-size:		10px;
	padding:		2px;
	z-index:		100;
}

#cust-name,
#cust-email,
#client-name,
#client-email,
#mail-subject,
#mail-comment,
#feedback-comment,
#feedback-client-name,
#feedback-client-id {
	overflow:				visible;
	font-size:				12px;
	font-family: 			'Noto Sans';
	margin:					0px;
	vertical-align:			baseline;
	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
	border-radius:			2px;
	font-weight:			normal;
	outline:				none;
	border-radius:			2px;
	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	position:				relative;
	float:					left;
	color:					#555;
	border:					0px solid #ccc;
	background: 			#EFEFEF;
	padding: 				4px;
}

#cust-name:focus,
#cust-email:focus,
#client-name:focus,
#client-email:focus,
#mail-subject:focus,
#mail-comment:focus {
	outline:				none;
	border:					0px solid #4195fc;
	background:				#CDF3C7;
}

#button-divider {        
	margin-left: 	100px;   
    margin-top: 	34px;               
}

#button-divider2 {   
    margin-top: 	36px;      
	margin-left: 	90px;      
}
#button-divider3 {
	position: 		relative;
	float: 			left;
	margin-left: 	40px;
	margin-bottom: 	10px;
	margin-top: 	-6px;
}
   
#promo-submit,
#booknow,
#youroption,
#contact-submit,
#weekly-submit,  
#feedback-submit {  
	overflow:				visible; 
	border-radius: 			4px;
	-webkit-border-radius: 	4px;
	-moz-border-radius: 	4px;
	width:					90px;
	font-size: 				11px;      
	background: 			#481880 !important;  
	color: 					#FFF !important;  
	border: 				none; 
	padding: 				5px;
	cursor: 				pointer;
}

.svcs-form .form-spacer {
	width:			25%;
	height:			18px;
	display:		block;
	float:			left;
}

.svcs-form .submit-info {
	position:		relative;
	width:			25%;
	height:			18px;
	display:		block;
	float:			left;
	border:			0px solid #ccc;
}

.svcs-form .submit-info input {
	cursor:			pointer;
	position:		relative;
	float:			left;
	left:			65px;
	top:			-4px;
	font-size:		10px;
	height:			22px;
}

.svcs-form .form-warning {
	position:		relative;
	color:			#FF0000;
	font-size:		10px;  
	margin-bottom: 	10px;
	float:			left;
	width:			100%;
}



/****************************************************************************
*	@file	world-map.css
*	@brief	Style sheet for World Map Layout
*	@details DESCRIPTION: Style sheet for World Map Layout
*
*		Filename		: world-map.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/24	<Ver. 1.00>
*
*		[Styles Included]
*			Main World Map Container
*			Pop Up Information Contents
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/24	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main World Map Container
*****************************************************************************/

.world-map-main-container {
	margin: 			0 auto;
	width:				100%;
	height:				330px;
	padding:			0px;
	border:				3px solid #ccc ;
	text-align:			left;
	top:				0px;
	left:				25%;
	background:			#ffffff;
	margin-bottom:		15px;
}

/*************************************************************************//**
*  Pop Up Information Contents
*****************************************************************************/
.world-map-currency {
	float:				right;
	position:			absolute;
	right:				20px;
	top:				10px;
	font-size:			14px;
}

.world-map-image-container {
	position:			relative;
	z-index:			9;
	float:				left;
	left:				100px;
	width:				730px;
	height:				320px;
}

.country_name {
	font-size:			11px;
	font-weight:		bold;
	height:				16px;
}

.text_only {
	font-size: 			10px;
	height:				14px;
}

/* HOVER STYLES */
.pop-up-box {
	display:			none;
	position:			absolute;
	width:				210px;
	padding:			10px;
	background:			#EADFD7;
	color: 				#3f3f3f;
	border: 			1px solid #72C406;
	z-index:			10;
}




/****************************************************************************
*	@file	your-option.css
*	@brief	Style sheet for the Psychic Readings Options Pop-Up Page
*	@details DESCRIPTION: for the Psychic Readings Options Pop-Up Page
*
*		Filename		: your-option.css
*		Company			: Bureauserv
*		Date Made		: 2014/04/14	<Ver. 1.00>
*
*		[Styles Included]
*			Main Body Container
*			Psychics Connect Logo
*			Container for the Options
*			Container for each option's informations
*			Option Headers Logo
*			Each options description
*			Each options header title
*			Each options service summary
*			Each options call now number
*
****************************************************************************/
/****************************************************************************/
/*					Development History										*/
/*	----------------------------------------------------------------------- */
/*	年月日		担当者			対応内容									*/
/*	----------------------------------------------------------------------- */
/*	2014/04/14	R. Collado		Initial Style								*/
/*																			*/
/****************************************************************************/

/*************************************************************************//**
*  Main Body Container
*****************************************************************************/
#options-wrapper {
	display: none;
}

#options-main-container {
	float:			left;
	position:		relative;
	width:			660px; 
	height:			850px;
	padding:		0px; 
	overflow:		hidden;
}

/*************************************************************************//**
*  Psychics Connect Logo
*****************************************************************************/
#options-main-container .pc-logo, #rewards-club-container .pc-logo {
	float:			left;
	position:		relative;
	width:			660px;
	height:			75px;
	padding:		0px;
	border:			0px solid #ccc; 
	text-align:		left;
	left:			0px;
	overflow:		hidden;
	background:		url(../../../assets/images/banner.jpg);    
}

/*************************************************************************//**
*  Container for the Options
*****************************************************************************/
.your-options-container {
	width:			100%;
	margin-top:	10px; 
}

/*************************************************************************//**
*  Container for each option's informations
*****************************************************************************/
.options-info {
	float:			left;
	 margin-bottom: 10px;
    margin-top: 20px;   
}

.options-border {
	border-top: 1px solid #963DD2;
    position: absolute;
    width: 565px;   
    margin-top: -15px;  
    margin-bottom: 10px;  
    margin-left: 60px;   
}

.options-logo {
	float:	left; 
	width:	118px;
	height:	77px;
	margin-right: 15px;      
}

#landline-logo {
	background:			url(../../../assets/images/landline-connect-small.png);
}

#mobile-con-logo {

	background:			url(../../../assets/images/mobile-connect-small.png);
}

#phonebill-con-logo {

	background:			url(../../../assets/images/phonebillconnect.png);
}

#email-con-logo {

	background:			url(../../../assets/images/email-connect-small.png);
}

/*************************************************************************//**
*  Each options description
*****************************************************************************/
.options-desc {
	float:			left;  
	width:			77%; 
}

.options-header {
	color:			#247e18;
	font-size: 		21px;   
}

/*************************************************************************//**
*  Each options service summary
*****************************************************************************/
.options-svcs {
	color:		#481880;
	font-size: 	14px;    
}

.options-desc ul li {
	padding-left: 	10px;
	color: 			#3f3f3f;
	font-size: 		14px;  
	line-height: 	1.5;     
	list-style: 	none;  
} 

/*************************************************************************//**
*  Each options call now number
*****************************************************************************/
.options-call-now {
	font-size: 		14px;
	margin-top:		10px;
	color:			#481880;
}
 
.options-book-now { 
	border:			1px solid #481880;
	border-radius: 	5px;
	font-size: 		12px;
	color:			#000;  
	cursor:			pointer;
	height:			22px;
	width:			100px;
	margin-top:		10px;
	
}


/*GLOBAL CSS FROM PCME */
/*===================================================  
 Description: Global Css
 Author: Mish Cambusa
 Date: October 2014
===================================================*/  


@font-face {
    font-family: 'SnellFont';     
    src: url('../../fonts/SnellRoundhand.otf');   
}  

body {   
  background: #EFEFEF !important;    
}   

/*===================================================  
 Sign UP  Validate Email Form
===================================================*/  

.signup-wrap {
    background: url("../../images/signup/rounded-rectangle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 530px;  
    height: 225px;
    overflow: hidden;
	margin:auto;
	border: solid 2px #FFF;
	border-radius: 10px;
	position:relative;
	font-family: Arial;
}  
.signup-wrap #prompt {
	position:absolute;
	width:50%;
	bottom:0;
	right:0;
	right: 15px;
	color: #a0da41;
	font-family: Arial;
	font-size: 12px;

}
.signup-cont1 { 
   border-right: 1px solid #FFFFFF; 
   height: 165px;
   width: 200px;
   margin: 30px;
   float: left; 
}

.signup-wel {
   font-family: 'SnellFont'; 
   font-size: 36px;
   color: #FFFFFF;  
   line-height: 5px;
}

.signup-pc {
  font-family: Arial; 
  font-size: 20px; 
  color: #FFFFFF; 
  line-height: 0px;
}

.signup-cont2 {        
  padding: 10px; 
}

.signup-cont2 p { 
  font-size: 14px;
  padding: 21px;    
  color: #FFFFFF; 
  font-family: Arial; 
}
.signup-cont1 img.pc-logo {
	margin-top: -35px;
}
.signup-textbox {
   border-radius: 3px;
   font-size: 12px;
   padding: 3px;
   width: 200px;
}
 
.btn-validate {   
   color: #565656;
    font-size: 14px;
    margin-left: 110px;
    margin-top: 10px;
    width: 100px;
} 
.input-container {
	position: relative;
	width: auto;
	float: left;
}
.input-container.invalid input {
	border: solid 2px #18730e;
}
.input-container.invalid span.icon-prompt {
	display:block;
}
.input-container  span.icon-prompt {
	position: absolute;
	display: block;
	background: url("../../images/signup/icon-prompt.png") no-repeat;
	background-size: contain;
	width: 30px;
	height: 25px;
	right: 0;
	top: 0;
	display:none;
}
/*===============================================
 Register After Validate Email Form
=================================================*/ 

.register-wrap {
    background: url("../../images/signup/bgregister.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: #824b9e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODI0YjllIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhMWY1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg,  #824b9e 0%, #3a1f58 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#824b9e), color-stop(100%,#3a1f58)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #824b9e 0%,#3a1f58 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #824b9e 0%,#3a1f58 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #824b9e 0%,#3a1f58 100%); /* IE10+ */
	background: linear-gradient(45deg,  #824b9e 0%,#3a1f58 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824b9e', endColorstr='#3a1f58',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    overflow: hidden;
    width: 700px;  
    height: 435px; 
    color: #ffffff;
	margin: auto;
	border: solid 2px #FFF;
	border-radius: 10px;
	font-family: Arial;
	position: relative;
}  
.register-wrap  #prompt {
	position:absolute;
	width:90%;
	left:10px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 20px;
	display:none;
}
.register-cont1 { 
   border-right: 1px solid #FFFFFF; 
   width: 380px;
   margin: 20px;  
   float: left;   
} 

.register-cont2 {          
  padding: 30px;   
}
.register-wrap .input-container .icon-prompt {          
	width: 34px;
	height: 30px;
	right: -2px;
	top: 1px;
}
.register-cont2 p{          
  text-align: justify; 
  font-size: 16px; 
}

.reg-text {
    font-size: 24px;
    margin-bottom: 1px;
    margin-left: 70px; 
}

.regfrm-wrap {
   width: 350px; 
}

.regfrm-cont1 {
   width: 70px;  
   float: left;
   padding: 5px; 
}

.regfrm-cont2, .regfrm-cont3 { 
  float: left; 
}
.regfrm-cont2 {
	width:250px;
}
.regfrm-cont2 input{
    border-radius: 3px;
    padding: 5px; 
    width: 	260px;   
}

.regfrm-cont2 p{      
    font-size: 18px;   
}
 
.btn-register {
  margin: 10px 0 0 -5px; 
}

.btn-register:hover {  
  margin: 10px 0 0 -5px;
  cursor: pointer; 
}
p.signup-label {
	margin-bottom:0;
}
.prompt-label {
	font-size: 14px;
	color: #a0da41;
	height: 15px;
	margin: 7px 0;
}
.signup-header-email {
	font-size:24px !important;
	margin-top:0 !important;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #FFFFFF; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
  
  /* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}




.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}


/*************************************************************************//**
* Reader Feedback Form
*****************************************************************************/
.reader-feedback-cntr {
	float: 			lnoneeft;
	position: 		relative;
	width: 			90%;
	height: 		300px;
	margin-right: 	7px;
	margin-top: 	10px;
	margin-bottom:	20px;
	padding-left: 	45px;
	border: 		0px solid #ccc;
	text-align: 	left;
	background: 	#ffffff;
}

.feedback-form-hdr {
	font-size: 		13px;
	font-weight: 	bold;
	padding-bottom: 10px;
	line-height: 	18px;
	color: 			#481880;
	font-style: 	normal;
}

.reader-feedback-form-lbl {
	float: 			left;
	position: 		relative;
	width: 			15%;
	height: 		30px;
	padding: 		0px;
	border: 		0px solid #ccc;
	text-align: 	left;
	top: 			5px;
	padding-left: 	0;
}

.reader-feedback-form-lbl span {
	font-size: 		11px;
}

/*************************************************************************//**
* Reader Search Box
*****************************************************************************/
#search-psychic-name {
	overflow: 				visible;
	font-size: 				14px;
	font-family: 			'Noto Sans';
	margin-left: 			5px;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	position: 				relative;
	float: 					right;
	left:					90px;
	color: 					#481880;
	border: 				1px solid #ccc;
	background: 			#FFFFFF;
	padding-left: 			15px;
	padding-right: 			15px;
	width: 					230px;
	height: 				23px;
}

/*************************************************************************//**
* Featured Reader
*****************************************************************************/
.feat-rdr-container {
	width: 		680px;
	height: 	auto;
	position:	relative;
	overflow: 	hidden;
}

.feat-rdr-hdr-content {
	position: 		relative;
	float: 			left;
	width: 			680px;
	padding-left: 	20px;
	padding-top: 	15px;
	height: 		80px;
	border: 		1px solid #ccc;
}

.feat-rdr-hdr-name {
	float: 			left;
	position: 		relative;
	width: 			100%;
	height: 		auto;
}

/*************************************************************************//**
* Captcha
*****************************************************************************/
#captcha-wrap {
	border:					solid #CCCCCC 1px;
	width:					140px;
	-webkit-border-radius: 	10px;
	float:					left;
	-moz-border-radius: 	10px;
	border-radius: 			10px;
	padding:				3px;
	margin-top:				3px;
	margin-left:			88px;
	height:					auto;
}

#captcha-code {
	width: 					130px;
	border-radius: 			10px;
	padding-left: 			10px;
	padding-right: 			10px;
}

img#refresh-captcha {
	float:					left;
	margin-top:				10px;
	margin-left:			10px;
	cursor:					pointer;
}

/*************************************************************************//**
* Promotions Header
*****************************************************************************/
.promotions-highlight {
	width: 				0;
	height: 			0;
	border-top: 		21px solid #481880;
	border-bottom: 		20px solid #481880;
	border-left: 		21px solid transparent;
	display: 			inline;
	position: 			relative;
	float: 				left;
	top: 				-10px;
	padding-left: 		10px;
}

.promotions-svcs-hdr {
	color: 				#5223b4;
	padding-right: 		55px;
	padding-bottom: 	9px;
	padding-top: 		9px;
}

.promotions-subtitle {
	position: 			relative;
	float: 				left;
	width: 				100%;
}

.promo-ribbon {
	position: 			relative;
	top: 				-10px;
	left: 				300px;
}

.promo-ribbon img {
	width:				65px;
	height:				90px;
}

.promo-icon {
	position: 			relative;
	float: 				left;
	top: 				-90px;
}

.promo-desc {
	position: 			relative;
	float: 				left;
	top: 				-150px;
}
/*************************************************************************//**
*  NEW DESIGN SUGGESTIONS
*****************************************************************************/
.svcs-offrd.new-design .svcs-offrd-panel-block {
	width: 100%;
    padding: 45px 0;
    margin: 0 10px;
    border: solid 2px #EFEFEF;
	min-height: 313px;
}
.svcs-offrd.new-design .svcs-img {
	text-align: center;
	max-height: 70px;
	min-height: 70px;
}
.svcs-offrd.new-design .svcs-img img {
	float:none;
	
}
.svcs-offrd.new-design .svcs-title {
	font-weight: bold;
    font-size: 15px;
	display:block;
}
.new-design .div-clear {
	clear:both
}
.svcs-offrd.new-design  {
	border: none;
	max-width: 1023px;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 100px;
}
.svcs-offrd.new-design .svcs-txt {
	text-align: center;
    margin: 0 15px;
}
.new-design .smaller-text {
	font-size: 10px; 
	display: block;	
}
.new-design .svcs-subtitle {
	margin-bottom: 10px;
	display: block;
}
.cust-svcs-main-container.new-design {
    border: none;
    border-radius: 0;
	max-width: 1023px;
    background-repeat: no-repeat;
}
.cust-svcs-main-container.new-design .cust-svcs-form-container {
    border: 1px solid #CCC;
}
.cust-svcs-main-container.new-design .cust-svcs-form-container .cust-svcs-form-hdr  {
    font-weight: 900;
    font-family: Arial;
    font-size: 30px;
	margin-bottom: 15px;
	margin-left:10px;
}
.cust-svcs-main-container.new-design .cust-svcs-form-container #cust-name,
.cust-svcs-main-container.new-design .cust-svcs-form-container #cust-email,
.cust-svcs-main-container.new-design .cust-svcs-form-container #client-name,
.cust-svcs-main-container.new-design .cust-svcs-form-container #client-email,
.cust-svcs-main-container.new-design .cust-svcs-form-container #mail-subject,
.cust-svcs-main-container.new-design .cust-svcs-form-container #mail-comment,
.cust-svcs-main-container.new-design .cust-svcs-form-container #feedback-comment,
.cust-svcs-main-container.new-design .cust-svcs-form-container #feedback-client-name,
.cust-svcs-main-container.new-design .cust-svcs-form-container #feedback-client-id {
	border: 1px solid #ccc;
    background: #FFFFFF;
}
.cust-svcs-main-container.new-design .cust-svcs-form-container #contact-submit {
	float: right;
}
.slideshow.new-design {
    float: none !important;
	background: #491081;
	/*padding-bottom: 50px;*/
}
.slideshow.new-design .agile_carousel {
	margin:auto;
	box-shadow: none !important;
    background-color: #491081 !important;
    border: 1px solid #491081 !important;
	border-bottom: none !important;
}
.slideshow.new-design  .slide_inner {
	border: none !important;
	background-color: #491081 !important;
}
.slideshow.new-design   .persistent_content a {
	color: #FFFFFF !important;
	    font-size: 14px !important;
}
.slideshow.new-design   p.persistent_content {
	text-shadow: none !important;
	/*border-bottom: solid 1px #FFF;*/
    width: 100%;
    padding-bottom: 5px;
	margin-top: 10px;
	color: #FFFFFF !important;
}
.slideshow.new-design .slides {
	margin-top: 100px !important;
	/*margin-left: 55px !important;*/
}
.slideshow.new-design .control_set_2 {
	position: absolute !important;
	top: 60px !important;
	width: 100%;
}
.slideshow.new-design .control_set_1 {
	position: absolute !important;
	top: 100px !important;
	width: 100%;
	display: none;
}
.slideshow.new-design .slide_button {
	display: inline-block;	
	float: none !important;
}

.slideshow.new-design .control_set_2 .group_numbered_buttons_container,
.slideshow.new-design .control_set_2 .control_set_2_inner
 {
 width: 100%;
 text-align: center;
 float: none !important;
}

.slideshow.new-design .control_set_1 .previous_next_button:last-child {
	float: right !important;
}
.slideshow.new-design .agile_carousel {
 height:360px !important;
 width: 953px !important;
}
.slideshow.new-design #search-psychic-name {
	float: left;
	left: 0;	
	border-radius: 2px;
	margin-right: 15px;
}
.slideshow.new-design .group_numbered_button {
	    background-image: url(../../js/jquery/plugins/images/sprite_ac_normal_new.png) !important;
}
.slideshow.new-design .group_numbered_buttons_container .ac_selected {
    background-image: url(../../js/jquery/plugins/images/sprite_ac_hover_new.png) !important;
}
div#white-line-wrapper {
    position: relative;
    overflow: visible;
    height: 1px;
}
div#white-line {
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: solid 1px #FFFFFF;
    bottom: -49px;
    z-index: 1;
}
div#custom-slider-nav-wrapper {
	position: absolute;
    width: 100%;
	bottom: -140px;
	z-index: 1;
	max-width: none;
    left: 0;
	height: 1px;
}
div#custom-slider-nav-wrapper .custom-slider-nav {
	display:block;
	width:42px;
	height: 46px;
	cursor: pointer;
}
div#custom-slider-nav-wrapper #prev-slide {
	float:left;
	margin-left: 20px;
	background: url(../../js/jquery/plugins/images/slider-arrow-sprite.png) 0 -46px !important;
}
div#custom-slider-nav-wrapper #next-slide {
	float:right;
	margin-right: 20px;
	background: url(../../js/jquery/plugins/images/slider-arrow-sprite.png) 0 0 !important;
}
.rewards-section.new-design {
	width:100%;
	min-height: 500px;
	background-image: url(../../images/customer-service/rewards-club-parallax.jpg) !important;
	background-size: inherit;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: 49%;
    background-position-y: 55%;
	background-color: #201921;
}
#rewards-section-content {
	padding: 50px 0;
}
.rewards-section.new-design h2 {
    text-align: center;
    color: #FFF;
    font-size: 30px;
    font-weight: 900;
    font-family: Arial;
}
.rewards-section.new-design p{

    color: #FFF;
    text-align: center;
	margin-bottom:20px;
	line-height:1.5;
		font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}
.rewards-section.new-design p.large {
	font-size:30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	margin-top: 0;
}
.rewards-section.new-design p.small{
	font-size: 16px;
	    margin-bottom: 65px;
}
.satisfaction-section.new-design h2 {
    text-align: center;
    color: #470c82;
    font-size: 24px;
    font-weight: 900;
    font-family: Arial;
}
.satisfaction-section.new-design p{
    color: #333;
    text-align: center;
    font-family: Arial;
    font-weight: normal;
	margin-bottom:20px;
	line-height:normal;
}
.satisfaction-section.new-design p.large {
	font-size:25px;font-size:30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	margin: 50px 0;
}
.satisfaction-section.new-design p.small{
	font-size:14px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.5;
}
.satisfaction-section.new-design {
	width:100%;
	min-height: 350px;
	
}
#satisfaction-section-content {
	padding: 75px 0;
	max-width: 850px;
	margin:auto;
}
.book-now-section.new-design {
	width:100%;
	min-height: 60px;
	background-color:#efefef;
	padding: 50px 0;
}
#book-now-section-content span {
	color: #333;
	font-size: 25px;
	vertical-align: middle;
}
#book-now-section-content span.custom-number {
	color: #481880;
	font-weight:900;   
	font-size: 50px;
    padding-right: 40px;
}
#book-online-custom {
	background-color: #481880;
    color: #FFF;
	padding: 7px 115px;
    border-radius: 3px;
}
.promotion-section.new-design {
	width:100%;
	min-height: 225px;
	background-color:#31ac30;
	padding: 50px 0;
}
.promotion-section.new-design #text-part , .promotion-section.new-design #form-part {
	float: left;
	width:50%;
}
.promotion-section.new-design #text-part h2{
 text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 900;
    font-family: Arial;
	margin-top: 0;
}
.promotion-section.new-design p{
    color: #FFFFFF;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	margin-bottom:20px;
	line-height:normal;
}
.promotion-section.new-design p.large {
	font-size:30px;
}
.promotion-section.new-design p.small{
	font-size:16px;
}
.promotion-section.new-design #text-part * {
	margin-left: 50px;
}
.promotion-section.new-design #form-part * {
	
	
}.promotion-section.new-design #form-part .form-box {
	text-align:right;
	margin-right: 100px;
}
.promotion-section.new-design #form-part input {
	float: none;
	margin-bottom: 10px;
}

.promotion-section.new-design #button-divider3 {
	float:none;
	text-align:right;
	margin-right: 100px;
	display: block;
}
.promotion-section.new-design #button-divider3 input{
	margin-top: 2px;
    width: auto;
    background-color: #31AC30 !important;
    border: solid 1px #FFF;
    border-radius: 3px;
    padding: 7px 50px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 14px;
}
.world-map-image-container.new-design {
   width:830px !important;
   height: auto !important;
   left:100px !important;
}
.world-map-main-container.new-design {
	border: none !important;
	height: auto !important;
    margin-top: 100px !important;
	max-width: 1023px;
}
.world-map-main-container.new-design h2 {
    text-align: center;
    color: #470c82;
    font-size: 30px;
    font-weight: 900;
    font-family: Arial;
	margin-bottom: 30px;
}
.world-map-main-container.new-design .pop-up-box {
	left: 0 !important;
	top: -14px !important;
	width: 100% !important;
	background: #FFF;
	min-height: 94px;
}
.world-map-main-container.new-design .pop-up-box .text_only {
	margin-left:150px;
	font-size: 14px;
    color: #3f3f3f;
	margin-top: -28px;
}
.world-map-main-container.new-design .pop-up-box  span.country-name {
	font-weight: bold;
	display:block;
	margin-top: -10px;
}
#popup-wrapper {
    height: 100px;
    position: relative;
    width: 545px;
    margin: auto;
}
.world-map-main-container.new-design strong {
	font-weight: bold;
}
.dream-wrapper.new-design {
	width:100%;
	min-height: 500px;
	background-image: url(../../images/customer-service/clouds.jpg);
	background-size: inherit;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: 49%;
    background-position-y: 0;
}
.dream-content h2,.dream-content h1 {
    text-align: left;
    color: #470c82;
    font-size: 24px;
    font-weight: 900;
    font-family: Arial;
}

.dream-content img {
	float: left;
}
.dream-content .text {
	max-width: 709px;
    margin-left: 235px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
}
.dream-content .text p.small {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
}
.dream-content {
    max-width: 1023px;
    margin: auto;
    padding-top: 100px;
}
.main-content-container.new-design {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
	padding-bottom: 0;
}
.green-btn-booking {
	background: #31ac30;
    color: #FFFFFF;
    padding: 10px 35px;
    border-radius: 3px;
    font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}
div#promotion-section-content {
    max-width: 1023px;
    margin: auto;
}
.footer-main.new-design  {
	height: auto;
	padding-left: 0;
}
.footer-main.new-design .footer-contents{
	max-width: 1023px;
    margin: auto;
	padding-top: 25px;
    padding-bottom: 0;
}
.footer-main.new-design .footer-logo {
	float:left;
	width:230px;
	text-align:center;
}
.footer-main.new-design .footer-links {
	float:left;
	width:160px;
	height: auto;
}
.footer-main.new-design .footer-links.likebox {
	width:262px;
	border: solid 1px #30ae30;
}
.footer-main.new-design .footer-copyright {
	float: none;
    border-top: solid 1px #30ae30;
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 10px;
    height: auto;
    text-align: center;
}
.footer-main.new-design .footer-copyright  p {
	float: none;
    left: 0;
}
.footer-main.new-design .footer-links ul {
	list-style:none;
}

.footer-main.new-design .footer-links ul li {

    margin-bottom: 2px;
	clear: both;
   
}
.footer-main.new-design .footer-links ul li.links-title {
	color: #39AC3A;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}
.footer-main.new-design .footer-links ul li a img {
	float:left;
	    width: 24px;
}
.dream-content p.large {
	font-size: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
    margin: 35px 0;
}
.footer-main.new-design .fb_iframe_widget {
	margin:0;
	padding:0;
}
.rewards-section.new-design a#rewards-explained-custom {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    border-radius: 3px;
    padding: 15px 30px;
	display: block;
    width: 245px;
    margin: auto;
}
.rewards-section.new-design a#rewards-explained-custom  img{
    border-radius: 100%;
	float: left;
}
.rewards-section.new-design a#rewards-explained-custom  span {
	display: block;
    margin-top: -4px;
	font-family: 'Source Sans Pro', sans-serif; 
	
}

.world-map-site {
    right: 7px;
    bottom: 9px;
    position: absolute;
    color: #919191;
	width: 79px;
}
.world-map-site a {
	color: #3f3f3f;
	font-size:14px;
}
.world-map-site img {
	float:left;
}
.world-map-site span:hover {
    color: #39AC3A;
}
.world-map-site span {
    margin-top: 5px;
  
    color: #3f3f3f;
}
#search-psychic-name {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../../images/search-psychic.jpg);
}
#custom-slider-nav-container {
	max-width: 1075px;
    margin: auto;
}
.psychic-overview.new-design {
	float:none;
	margin:auto;
	border: none;
	width: 100%;
    max-width: 1023px;
}
#reader-pointer-wrapper {
	width: 100%;
	position:relative;	
}
.reader-pointer {
	width: 36px;
	height: 21px;
	display: none;
	background-image: url(../../images/reader-panel-arrow.jpg);
	z-index: 1;
    position: absolute;
    bottom: -61px;
    left: 50px;
}

.psychic-overview.new-design .reader-abilities .reader-img img {
    border: 2px solid #491081;
    box-shadow: none;
    border-radius: 0;
}
.psychic-overview.new-design .profile-box-detail .caption.reader-name {
	color: #31AC30;
    font-weight: 900;
    font-size: 20px;
	font-family: Arial, sans-serif; 
}
.psychic-overview.new-design .reader-profile .reader-summary, .psychic-overview.new-design .about-reader,.psychic-overview.new-design .reader-feedback{
	width: 800px;
}
.psychic-overview.new-design .reader-feedback .feedback-sample p#feedback-title {
	color: #3f3f3f;
}
.psychic-overview.new-design .reader-profile-more a{
	    color: #6624A7 !important;
    font-size: 11px;
    font-style: normal !important;
}
.psychic-overview.new-design .reader-feedback {
	margin-left: 45px;
}
.psychic-overview.new-design .reader-abilities .reader-txt li {
	font-weight: normal;
    margin: 10px 0;
}
#img-clairvoyance {
	width:250px;
	height:250px;
	background-image: url(../../images/clairvoyance.png);
	border: solid 3px #d0cfcb;
    border-radius: 100%;
    background-color: #d0cfcb;
	    background-repeat: no-repeat;
    background-size: contain;
}
#img-medium {
	width:250px;
	height:250px;
	background-image: url(../../images/mediumship.png);
	border: solid 3px #d0cfcb;
    border-radius: 100%;
    background-color: #d0cfcb;
	    background-repeat: no-repeat;
    background-size: contain;
}
#img-psychic {
	width:250px;
	height:250px;
	background-image: url(../../images/psychictools.png);
	border: solid 3px #d0cfcb;
    border-radius: 100%;
    background-color: #d0cfcb;
	    background-repeat: no-repeat;
    background-size: contain;
}
.reader-type-button:hover > a div.img-button {
	border: solid 3px #2db026 !important;
    background-color: #2db026  !important;
}
.reader-type.new-design .reader-type-text h3  {
    font-weight: bold;
    font-size: 22px;
    font-family: Arial;
    color: #494949;
}
.reader-type-button:hover > .reader-type-text p {
	color: #000000;
}
.reader-type-button:hover > .reader-type-text h3 {
	color: #2db026;
}
.reader-type.new-design .reader-type-container {
	float: none;
    margin: auto;
    max-width: 1023px;
}
.reader-type.new-design .reader-type-container .reader-type-button.middle-button {
	margin-left:80px;
}
.reader-type.new-design .reader-type-container .reader-type-button.right-button {
	float: right;
}
.reader-type.new-design .reader-type-text {
    max-width: 241px;
    text-align: center;
}
.reader-type.new-design .reader-type-text p, .reader-type.new-design .reader-type-text h3 {
	transition: color 200ms ease-in;
}
.reader-type.new-design  h2 {
    text-align: center;
    color: #470c82;
    font-size: 30px;
    font-weight: 900;
    font-family: Arial;

}
.reader-type.new-design p.reader-type-intro {
	max-width: 800px;
	text-align:center;
	margin:auto;
}
.reader-type.new-design {
    margin-top: 100px;
    margin-bottom: 100px;
}
a#rewards-explained-custom2 {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    border-radius: 3px;
    padding: 15px 30px;
    display: block;
    width: 255px;
    margin: auto;
    background: #491081;
}
a#rewards-explained-custom2 span {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    float: left;
	font-size: 16px;
}
a#rewards-explained-custom2 img {
	border-radius: 100%;
    display: block;
    margin-top: 3px;
    padding-left: 5px;
}
.custom-right-margin {
    text-align: right !important;
    margin-right: 325px;
    width: 530px;

}
.rewards-section-custom {
	position: relative;
}
img#rewards-section-icon2 {
	position: absolute;
    top: 122px;
    right: 95px;
}
.satisfaction-section.new-design p.small2 {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
    font-weight: normal;
}
.about-psychicsconnect-section.new-design {
	width: 100%;
	min-height:798px;
	background-image: url(../../images/about-psychics-connect-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
#about-psychicsconnect-section-content {
    background-color: #FFFFFF;
    position: absolute;
    right: 12%;
    top: 100px;
    max-width: 850px;
    padding: 50px;
    border-radius: 5px;
}
#about-psychicsconnect-section-content  h2 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color: #491081;
	margin-bottom: 50px;
}
#about-psychicsconnect-section-content  p {
	margin-bottom: 20px;
}
.welcome-psychicsconnect.new-design h2 {
	color: #470c82;
    font-size: 30px;
    font-weight: 900;
    font-family: Arial;
    text-align: center;
    margin-top: 75px;
    margin-bottom: 30px;
}
.welcome-psychicsconnect.new-design p {
	text-align: center;
}
.customer-service-team-section.new-design {
	width: 100%;
	min-height: 484px;
	background-image: url(../../images/customer-service-team.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	background-color: #752E8E;
}
div#customer-service-team-content {
    max-width: 1023px;
    margin: auto;
    padding-top: 100px;
}
div#customer-service-team-content h2 {
    font-family: Arial;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 30px;
    margin-bottom: 60px;
}
div#customer-service-team-content p.large2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #FFF;
    font-size: 30px;
    margin-bottom: 35px;
}
div#customer-service-team-content p.large3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color: #27ad26;
    font-size: 30px;
}
.bookonline-section.new-design {
    background-color: #F2EEEF;
}
.bookonline-section.new-design .bookonline-content{
    max-width: 1023px;
    margin: auto;
    padding: 50px 0;
}
div#bookonline-info {
    min-height: 350px;
	width: 428px;
    float: right;
	border-left: 5px solid #481880;
}
div#bookonline-info p.large4 {
    font-family: Arial;
    font-weight: 900;
    color: #481880;
    font-size: 37px;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 50px;
}
div#bookonline-info #book-online-custom {
	padding: 20px;
    font-size: 22px;
    display: block;
    width: 360px;
    margin: auto;
    text-align: center;
	margin-bottom: 50px;
}
div#bookonline-info #payment-terms {
	margin-left: 30px;
}
div#bookonline-compute {
    width: 580px;
    float: left;
}
div#bookonline-compute h3 {
	font-family: Arial;
    font-weight: 900;
    color: #481880;
    font-size: 24px;
}
div#booking-form-sample label {
    font-family: Arial;
    font-weight: bold;
    color: #3f3f3f;
    font-size: 16px;
	float: left;
}
div#booking-form-sample .custom-fields {
    clear: both;
    width: 100%;
}
div#booking-form-sample  .radio-choice-input, div#booking-form-sample  .radio-choice-label {
	background: #F2EEEF;
}
div#booking-form-sample  .radio-choice-label {
	width: auto !important;
}
#rad-dream {
	    visibility: hidden;
}
#anniv-promo-container .pc-logo {
		float: left;
		position: relative;
		width: 660px;
		height: 75px;
		padding: 0px;
		border: 0px solid #ccc;
		text-align: left;
		left: 0px;
		overflow: hidden;
		background: url(http://cdn.psychicsconnect.com/assets/images/banner.jpg);
	}
		#anniv-promo-main-container {
			display: none;
		}
		#anniv-promo-container {
    float: left;
    position: relative;
    width: 660px;
    height: 650px;
    padding: 0px;
    border: 0px solid #ccc;
    text-align: left;
    left: 0px;
    overflow: hidden;
}
h2.promo-header {
	    font-size: 57px;
    font-family: 'Great Vibes', cursive;
    line-height: 47px;
    font-weight: normal;
    color: #1F7914;
    text-align: center;
}
.infusion-form {
	    max-width: 480px;
    margin: auto;
    padding-top: 15px;
}
.infusion-field {
    margin: 10px 0px 20px 10px;
}
.infusion-field-input-container,#inf_custom_Country1 {
    padding: 7px;
    border-radius: 3px;
    border: solid 1px #A9A9A9;
    width: 100%;
    max-width: 343px;
    background: #FFF;
    background-color: white;
    float: right;
}
.infusion-submit input[type="submit"] {
    width: auto;
    background: #41454F !important;
    font-size: 18px;
    font-weight: 300;
    padding: 10px 30px;
    margin-top: 10px !important;
    font-size: 16px !important;
    padding: 9px 30px !important;
    color: #FFF !important;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: right;
}
.slided-body {
transform: translateX(-269px);
}
nav,div[role="main"] {
 transition: transform 300ms ease-in-out;
}
div#mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 270px;
    height: 100%;
    z-index: 60000;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    background: #491082;
}
.mm-open {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important;
}
div#mobile-menu  {
        margin-top: 47px;
    border-top: solid 3px #32AC30;
}
#mobile-menu ul li {
    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.35);
}
#mobile-menu ul li a {
    display: inline-block;
    padding: 10px 20px 13px 20px;
    width: calc(100% - 40px);
    color: #fff;
    border-bottom: none !important;
    text-transform: uppercase;
    position: relative;
}
#mobile-menu .active {
    background: #36026A;
}
#mobile-menu .active>a {
    border-left: 2px solid #32AC30;
}
@media screen and (min-width: 768px) {
div#mobile-menu {
	display:none;
}
.slided-body {
transform: translateX(0);
}
}
#rad-psychic-reading-compute,#rad-dream-reading-compute {
display: none;
}
.sched-date-container p, .sched-time-container p {
    height: auto;
	line-height: 1.5;
}

@media screen and (max-width: 425px){
	ul.profile-box-detail {
		margin-bottom: 65px !important;
	}
	.reader-time {
		margin-top: -200px !important;
	}
	.reader-info{
		margin-top: 0px !important;
	}
	.item.feedback-sample.active {
		max-height: 600px !important;
		height: 550px !important;
	}
	div#reader-feedback {
		padding-bottom: 100px !important;
	}
	.psychic-overview2 a.custom-left {
		left: 0px !important;
		right: auto !important;
	}
}