/* external style sheet for the CardIsland.com - Cards section */

.cardsContentPadding {
	padding-top:15;
	padding-bottom:10;
	padding-left:12;
	padding-right:12;
}

.cardsMainContent {
 position: absolute;
 z-index: 120;
 top:150;
 left:136;
}

.cardsMainContent span {
	font-weight: bold;
	color:#990000;
	font-size: 13px;
	line-height: 13px;
	font-family: verdana, arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardsMainContent ul {
	list-style-image: url(http://www.cardisland.com/graphics/bullet.gif);
	margin-top:5px;
}

.cardsMainContent a {text-decoration: none;
	font-weight: bold;
	color:#756F5F;
	font-size: 11px;
	font-family: verdana, arial, helvetica;
	line-height: 10px;
	font-variant: normal;
	font-style: normal;
	margin-left:-2px;
}
.cardsMainContent a:hover {color: #FFCC00;
	text-decoration: underline}


.cardsMainHighlight a {
	color:#990000;
}


.cardDescription {
	font-weight: normal;
	color:#333333;
	font-size: 11px;
	line-height: 14px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}


.cardsTable td {
	text-align:center;
	vertical-align: bottom;
}

.cardsTable a {text-decoration: none;
	font-weight: normal;
	color:#4C361E;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.cardsTable a:hover {color: #4C361E;
	text-decoration: underline}


.categoriesTable td {
	text-align:center;
	vertical-align: top;
}

.categoriesTable a {text-decoration: none;
	font-weight: normal;
	color:#4C361E;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.categoriesTable a:hover {color: #4C361E;
	text-decoration: underline}


.cardDetailTables {
	margin-bottom:10;
}

.cardDetailTables td {
	font-weight: normal;
	color:#000000;
	font-size: 13px;
	line-height: 16px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardInfoTable th {
	padding-top:2;
	padding-bottom:2;
	padding-left:5;
	padding-right:5;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color:#756F5F;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	text-align: left;
	vertical-align:top;
}

.cardInfoTable td {
	padding-top:2;
	padding-bottom:2;
	padding-left:5;
	padding-right:5;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
	color:#000000;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}


.cardOptionsTable th {
	padding-top:2;
	padding-bottom:2;
	font-weight: bold;
	color:#756F5F;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	text-align: left;
}

.cardOptionsTable td {
	padding-top:2;
	padding-bottom:2;
	font-weight: normal;
	color:#000000;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardOptionsTable div {
	font-weight: normal;
	color:#336666;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	text-align: right;
}


.backEnvolopeText {
	margin-top: 95;
	font-weight: normal;
	color:#666666;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardImageNav {
	margin-top: 5;
	font-weight: normal;
	color:#756F5F;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardImageNav {
	margin-top: 5;
}

.cardImageNav td {
	font-weight: normal;
	color:#756F5F;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}


.cardImageNav a {
	text-decoration: none;
	font-weight: normal;
	color:#756F5F;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardImageNav a:hover {
	text-decoration: underline;
	color:#756F5F;
}

/* -------- Cards Side Nav -------- */

.cardsNav {
	margin-left:9;
	margin-right:9;
	margin-top:9;
	margin-bottom:9;
}

.cardsNav td {
	padding-top: 2;
	padding-bottom: 2;
	padding-left: 8;
}

.navOn {
	background-color: #D9D4C1;
}
.navOn a {text-decoration: none;
	font-weight: normal;
	color:#504B3C;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.navOn a:hover {color: #504B3C;
	text-decoration: none;}

.navOff {
	background-color: #F0EBDD;
}
.navOff a {text-decoration: none;
	font-weight: normal;
	color:#504B3C;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.navOff a:hover {color: #504B3C;
	text-decoration: none;}

.navHighlightOn {
	background-color: #D9D4C1;
}
.navHighlightOn a {text-decoration: none;
	font-weight: bold;
	color:#504B3C;
	font-size: 11px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.navHighlightOn a:hover {color: #504B3C;
	text-decoration: none;}

.navHighlightOff {
	background-color: #F0EBDD;
}
.navHighlightOff a {text-decoration: none;
	font-weight: bold;
	color:#504B3C;
	font-size: 11px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.navHighlightOff a:hover {color: #504B3C;
	text-decoration: none;}

.categoryHighlight a {
	font-size: 11px;
	font-weight: bold;

}




.cardsResultNav {
	margin-top:20;
	margin-bottom:10;
	margin-left:12;
	margin-right:12;
	background-color: #B9B19D;
}

.cardsResultNav td {
	padding-left:10;
	padding-right:10;
	padding-top:3;
	padding-bottom:3;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 11px;
	line-height: 12px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardsResultNav a {text-decoration: underline;
	font-weight: normal;
	color:#FFFFFF;
	font-size: 11px;
	line-height: 16px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.cardsResultNav a:hover {
	color: #504B3C;
	text-decoration: underline;}

#resultNavOn {
	font-weight: bold;
	text-decoration: none;
}
#resultNavOn:hover {
	color: #504B3C;
	text-decoration: none;}


/* -------- fonts -------- */

.cardHeader1 {
	font-weight: bold;
	color:#756F5F;
	font-size: 14px;
	line-height: 24px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardHeader1 a {
	font-weight: bold;
	color:#756F5F;
	font-size: 14px;
	line-height: 24px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}
.cardHeader1 a:hover {
	color:#B9B19D;
}


.cardHeader2 {
	font-weight: normal;
	color:#756F5F;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardTotalResults {
	text-align:right;
	font-weight: normal;
	color:#756F5F;
	font-size: 13px;
	line-height: 24px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardTotalResults a {
	text-decoration:none;
	font-weight: normal;
	color:#756F5F;
	font-size: 13px;
	line-height: 24px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.cardTotalResults a:hover {
	text-decoration:underline;
	color:#756F5F;
}

.cardDetailsHeader {
	font-weight: bold;
	color:#756F5F;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	text-align: left;
	vertical-align:top;
}


.cardsTotals {
	font-weight: bold;
	color:#336666;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}


.onSaleMarkerL {
	position:relative;
	z-index:20;
	left:-41;
	top:-91;
}

.onSaleMarkerP {
	position:relative;
	z-index:20;
	left:-56;
	top:-146;
}

.customVerseStyle {
	width:100%;
}

.customVerseStyle table {
	width:275;
}

.customVerseStyle th {
	color:#FFFFFF;
	background-color:#756D5D;
	padding:4 6 4 8;
	text-align:left:
	border-bottom:1px solid #FFFFFF;
}

.customVerseStyle th a {
	color:#F1EFE1;
	font-weight:normal;
	font-size:10px;
	text-align:right;
	text-decoration:none;
}

.customVerseStyle th a:hover {
	color:#F1EFE1;
	font-weight:normal;
	font-size:10px;
	text-align:right;
	text-decoration:none;
}


.customVerseStyle td {
	color:#756D5D;
	background-color:#F1EFE1;
	padding:5 4 5 10;
	text-align:right:
}

.customVerseStyle input {
	width:195;
}


.customVerseStyle .bottomBar {
	height:7;
	background-color:#DAD4C2;
	border-top:1px solid #FFFFFF;
	padding:0;
}

.discount {
	font-weight: bold;
	color:#990000;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
}

.discount2 {
	font-weight: normal;
	color:#990000;
	font-size: 11px;
	line-height: 13px;
	font-family: arial, helvetica;
	font-variant: normal;
	font-style: normal;
	text-align: right;
}


.newCategoriesTable {
	margin-left:27;
	margin-top:12;
}

.newCategoriesTable td {
	padding:0;
	border-bottom:2px solid #FFFFFF;
	overflow:hidden;
}

.newCategoriesTable .bullet {
	background-color:#39505D;
	width:23;
}

.newCategoriesTable .odd {width:215;}
.newCategoriesTable .even {width:215;}

.newCategoriesTable .spacer {
	width:10;
}

.newCategoriesTable .bullet {
	text-align:center;
	vertical-align:center;
}

.newCategoriesTable a {
	font-weight: bold;
	color:#FFFFFF;
	font-size: 13px;
	line-height: 15px;
	font-family: arial, helvetica;
	display:block;
	width:100%;
	padding: 7;
	text-decoration:none;
}

.newCategoriesTable .odd a {
	color:#FFFFFF;
	background-color:#7A909B;
}
.newCategoriesTable .odd a:hover {.
	color:#FFFFFF;
	background-color:#990000;
}

.newCategoriesTable .even a {
	color:#FFFFFF;
	background-color:#5C7683;
}
.newCategoriesTable .even a:hover {
	color:#FFFFFF;
	background-color:#990000;
}