@charset "utf-8";

/* Typography */

.card_hdr a {font-size: 14px; color: #FFFFFF; list-style: none;}
.card_sub a {font-size: 10px; color: #CCCCCC; list-style: none; padding: 0px;}
.card_sub a:hover {color: #FFFFFF;}
.card_hdr a:hover {color: #FFFFFF;}


/* Cards Strap Line - 280 */

.cardwrapper	{
	position: relative;
	text-align: left;
	width: 280px;
	height: 190px;
	padding: 0px;
	margin:10px 5px 0px 5px;
	}

.cardcontainer {
	width: 280px;
	height: auto;
	padding: 0px;
	}
	
.strapcontainer{
	position: absolute;
	color:#FFFFFF;
	bottom: 0px;
	height: auto;
	width: 280px;
	min-height: 10px;
	text-align: right;
	padding: 0 0 5px 0;
	overflow:visible;
	}	
	
.cardtop	{
	float: left;
	height: 5px;
	width: 280px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/cards/design/strap_top.png);
	background-repeat: no-repeat;
	overflow: visible;
	}
	
.cardmiddle a {
	float: left;
	height: auto;
	width: 270px;
	margin: 0px;
	overflow: visible;
	padding: 0px 10px 3px 0px;
	background-image: url(/images/cards/design/strap_fill.png);
	background-repeat: repeat-y;
	}
	
.cardmiddle a:hover {color: #FFFFFF;}

.cardbottom {
	float: left;
	margin: 0px;
	height: 5px;
	width: 280px;
	padding: 0px;
	background-image: url(/images/cards/design/strap_bottom.png);
	background-repeat: no-repeat;
	overflow: visible;
	}
	
/* Cards Strap Line - 180 */

.cardwrapper180	{
	position: relative;
	text-align: left;
	width: 180px;
	height: 190px;
	padding: 0px;
	margin:10px 5px 0px 5px;
	}

.cardcontainer180 {
	width: 180px;
	height: auto;
	padding: 0px;
	}
	
.strapcontainer180 {
	position: absolute;
	color:#FFFFFF;
	bottom: 0px;
	height: auto;
	width: 180px;
	min-height: 10px;
	text-align: right;
	padding: 0 0 5px 0;
	overflow:hidden;
	}	
	
.cardtop180	{
	float: left;
	height: 5px;
	width: 180px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/cards/design/strap180_top.png);
	background-repeat: no-repeat;
	}
	
.cardmiddle180 a {
	float: left;
	height: auto;
	width: 170px;
	margin: 0px;
	text-align: right;
	padding: 0px 10px 3px 0px;
	background-image: url(/images/cards/design/strap180_fill.png);
	background-repeat: repeat-y;
	}
	
.cardmiddle180 a:hover {color: #FFFFFF;}

.cardbottom180 {
	float: left;
	margin: 0px;
	height: 6px;
	width: 180px;
	padding: 0px;
	background-image: url(/images/cards/design/strap180_bottom.png);
	background-repeat: no-repeat;
	}
	
/* DOUBLE CARDS */
.doublecards {
	float: left;
	height: 200px;
	width: 280px;
	padding: 0px;
	text-align: center;
	}

.triplecards {
	float: left;
	height: auto;
	width: 180px;
	padding: 0px;
	text-align: center;
	}

.double_cardpic {
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	height: 140px;
	}
.triple_cardpic {
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 140px;
	}
.double_cardtag  {
	margin-left: auto;
	margin-right: auto;
	width: 270px;
	height: 42px;
	padding: 2px 0 2px 2px;
	text-align: right;
	background-image: url(/images/_sitedesign3/front_item_grad_cards.png);
	background-repeat: repeat-x;
	/*border-bottom: 1px solid  #FBBD4A;
	border-left: 1px solid #FBBD4A;
	border-right: 1px solid #FBBD4A;*/
	}
.double_cardtag_slim  {
	margin-left: auto;
	margin-right: auto;
	width: 270px;
	height: 30px;
	overflow: hidden;
	padding: 2px 0 2px 2px;
	text-align: right;
	background-image: url(/images/_sitedesign3/front_item_grad_cards.png);
	background-repeat: repeat-x;
	/*border-bottom: 1px solid  #FBBD4A;
	border-left: 1px solid #FBBD4A;
	border-right: 1px solid #FBBD4A;*/
	}
.triple_cardtag_slim  {
	float: left;
	width: 180px;
	height: 30px;
	overflow: hidden;
	padding: 2px 0 2px 2px;
	text-align: right;
	background-image: url(/images/_sitedesign3/front_item_grad_cards.png);
	background-repeat: repeat-x;
	/*border-bottom: 1px solid  #FBBD4A;
	border-left: 1px solid #FBBD4A;
	border-right: 1px solid #FBBD4A;*/
	}
.card_double_txt {
	float: right;
	width: 230px;
	height: auto;
	padding: 5px 5px 5px 0;
	text-align: right;
	}
.card_triple_txt {
	float: right;
	width: auto;
	height: auto;
	padding: 5px 5px 5px 0;
	text-align: right;
	}