/* Cards
------------------------------ */
#cards {
	background:url('../images/box-roundgreen.gif') -910px 0 no-repeat;
	margin-bottom:25px;
	width:910px;
	padding:9px 0 0 0;
}
#cards .cards_wrapper {
	background:url('../images/box-roundgreen.gif') -1820px 100% no-repeat;
	padding:0 0 9px 0;
}
#cards .cards_content {
	background:url('../images/box-roundgreen.gif') 0 0 repeat-y;
	padding:0;
	position:relative;
	height:265px;
}
#cards .inner {
	display:none;
	
}
#cards .loader {
	height:265px;
	width:100%;
	display:block;
	text-align:center;
	position:relative;
}
	#cards .loader img {
		position:relative;
		top:50%;
		margin-top:-10px;
	}
#cards h3 {
	font-family:'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:bold;
	color:#6ab6c9;
	margin:0;
	padding:0;
}
#cards h2 {
	font-family:'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
	font-size:1.7em;
	line-height:1.2em;
	font-weight:bold;
	color:#ffffff;
	margin:0 0 0.3em 0;
}

/* Intro */
#cards .introduce {
	position:absolute;
	left:0;
	top:0;
	z-index:200;
	width:290px;
	height:265px;
	left:28px;
	top:12px;
	font-family:'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
	font-size:0.875em;
	line-height:1.5em;
}
#cards .introduce h2 {
	font-size:1.7em;
}
#cards .introduce p {
	color:#025590;
	line-height:1.45em;
	margin:0 0 1em 0;
}
#cards .introduce p.subtitle {
	font-size:0.93em;
	line-height:1.5em;
	font-weight:bold;
	color:#025590;
	margin:0 0 1em 0;
}
#cards .introduce p.switch_now {
	font-size:0.93em;
	color:#ffffff;
	font-weight:bold;
}
#cards .introduce p.switch_now a {
	font-family:Arial, Helvetica, serif;
	margin-left:1ex;
}

/* hints */
#cards .hint {
	position:absolute;
	z-index:0;
	right:35px;
	width:300px;
	height:265px;
} 
#cards .hint h2 {
	font-size:2.375em;
	line-height:1.05em;
	font-weight:normal;
	color:#025590;
	text-indent:-0.7ex;
	margin:0.5em 0 0.7em;
	padding-left:12px;
}

#cards .hint p {
	font-family:'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
	font-size:1.0625em;
	line-height:1.4em;
	padding:0 0 0 14px;
	color:#025590;
}

#cards .hint p.hint_arrow {
	background:url('../images/hint_arrow.gif') 0 50% no-repeat;
	font-size:0.875em;
	line-height:1.5em;
	font-weight:bold;
	padding:0 0 0 14px;
	color:#5e9515;
	margin:0;
}



/* cards list */
#cards .cards_list, #cards .cards_list .card {	
	list-style:none;
	padding:0;
	margin:0;
}
#cards .cards_list {
	position:relative;
	height:265px;
	width:100%;
}
#cards .card {
	position:absolute;
	left:0;
	top:0;
	height:265px;
	z-index:10;
}
#cards .card h2 {
	font-size:0.875em;
	font-weight:bold;
	line-height:1.5em;
	margin:0;
	padding:0;
	width:38px;
	height:265px;
	text-indent:-999em;
	cursor:pointer;
	position:absolute;
	z-index:50;
	left:317px;
	top:0;
}
	#cards .card h2 a {
		position:absolute;
		left:0;
		top:0;
		width:38px;
		height:265px;
		z-index:51px;
	}
	#cards .card h2:focus { outline:0; border:0; }
	#cards .card h2 a:focus { outline:0; border:0; }

/* card content container */
#cards .the_card {
	width:435px;
	width:355px;
	height:265px;
	position:absolute;
	top:0;
	right:0;
	left:5px;
	overflow:hidden;
}
#cards .card_wrapper {
	
}
/* card content */
#cards .card_wrapper {
	background:transparent url('../images/card_paper.png') 0 0 no-repeat;
	width:401px;
	height:257px;
	position:absolute;
	top:0;
	right:0;
	padding:3px 7px 5px 27px;
}
* html #cards .card_wrapper {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card_paper.png', sizingMethod='crop');
}
#cards .card_wrapper .card_arrow {
	background:url('../images/card_arrows.gif') 0 0 no-repeat;
	width:14px;
	height:14px;
	line-height:14px;
	overflow:hidden;
	position:absolute;
	right:14px;
	top:54px;
	cursor:pointer;
}

/* card holder */
#cards .the_holder {
	background-image:none;
	background-repeat:no-repeat;
	background-position:0 0;
	width:360px;
	height:265px;
	position:absolute;
}


#cards .card_simplicity { left:157px; }
#cards .card_experience { left:119px; }
#cards .card_transparency { left:81px; }
#cards .card_support { left:43px; }
#cards .card_big_saving { left:5px; }

#cards .card_simplicity .card_arrow { background-position:0 -56px; }
#cards .card_experience .card_arrow { background-position:0 -42px; }
#cards .card_transparency .card_arrow { background-position:0 -28px; }
#cards .card_support .card_arrow { background-position:0 -14px; }
#cards .card_big_saving .card_arrow { background-position:0 0; }


#cards .card_simplicity .the_holder {
	background-image:url('../images/card_holder-simplicity.png');
}
* html #cards .card_simplicity .the_holder {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card_holder-simplicity.png', sizingMethod='crop');
}

#cards .card_experience .the_holder {
	background-image:url('../images/card_holder-experience.png');
}
* html #cards .card_experience .the_holder {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card_holder-experience.png', sizingMethod='crop');
}

#cards .card_transparency .the_holder {
	background-image:url('../images/card_holder-transparency.png');
}
* html #cards .card_transparency .the_holder {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card_holder-transparency.png', sizingMethod='crop');
}

/*
#cards .card_honesty {
	left:81px;
}
#cards .card_honesty .card_arrow {
	
}
#cards .card_honesty .the_holder {
	background-image:url('../images/card_holder-honesty.png');
}
* html #cards .card_honesty .the_holder {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card-honesty.png', sizingMethod='scale');
}
*/

#cards .card_support .the_holder {
	background-image:url('../images/card_holder-support.png');
}
* html #cards .card_support .the_holder {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card_holder-support.png', sizingMethod='crop');
}

#cards .card_big_saving .the_holder {
	background-image:url('../images/card_holder-big_saving.png');
}
* html #cards .card_big_saving .the_holder {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card_holder-big_saving.png', sizingMethod='crop');
}

/* for testing, also disable js */
/*
#cards .cards_list .card_simplicity .the_card {
	width:740px;
}
*/

/* style card content here */
#cards .card_content {
	/* 
	width:413px;
	height:265px;
	*/
	padding:22px 40px 0 40px;
	font-size:0.875em;
	line-height:1.5em;
	color:#666666;
	height:233px;
	overflow:hidden;
}
#cards .card_content h3 {
	font-family:'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
	font-size:1.78em;
	line-height:1.2em;
	font-weight:bold;
	color:#6ab6c9;
	padding:0;
	margin:0 0 0.9em;
	text-indent:-1ex;
}

#cards .card_content p {
	padding:0 20px 0 0;
	margin:0 0 0.35em 0;
	line-height:1.35em;
}
#cards .card_content img.photo {
	float:left;
	margin-right:6px;
}
#cards .card_content p.quote {
	text-indent:-0.6ex;
}
#cards .the_card p.author {
	font-family:Arial;
	font-size:0.67em;
	font-style:italic;
	line-height:1.2em;
}
#cards .card_content p.author strong { font-style:italic; }


/* content color */
#cards .card_simplicity .card_content h3 { color:#ec6838; }
#cards .card_experience .card_content h3 { color:#ef9e10; }
#cards .card_transparency .card_content h3 { color:#1072b8; }
#cards .card_support .card_content h3 { color:#3fcde2; }
#cards .card_big_saving .card_content h3 { color:#8cc63f; }


/* content background */
#cards .card_simplicity .card_content {
	/*background:url('../images/card_bg-simplicity.jpg') 100% 100% no-repeat;*/
}
#cards .card_experience .card_content {
	/*background:url('../images/card_bg-simplicity.jpg') 100% 100% no-repeat;*/
}
#cards .card_transparency .card_content {
	/*background:url('../images/card_bg-simplicity.jpg') 100% 100% no-repeat;*/
}
#cards .card_support .card_content {
	/*background:url('../images/card_bg-simplicity.jpg') 100% 100% no-repeat;*/
}
#cards .card_big_saving .card_content {
	/*background:url('../images/card_bg-simplicity.jpg') 100% 100% no-repeat;*/
}