/* CSS Document */

/* Body allign*/
body { margin: 10px 0px 0px 0px; padding: 0px; text-align: center; }
div#container { margin-left: auto; margin-right: auto; width: 50em; }
#mainWindow { FONT-SIZE: 13px; MARGIN-LEFT: 0px; WIDTH: 873px; COLOR: #757677; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none; vertical-align: top; }

#hold { padding-right: 11px; background-position: right bottom; margin-top: 1px; padding-left: 5px; background-image: url(../images/menu-sub-bot.gif); padding-bottom: 3px; padding-top: 11px; background-repeat: no-repeat }
.Iconbulet { padding-right: 0px; background-position: 0px 3px; display: block; padding-left: 8px; background-image: url(../Images/boullet.gif); padding-bottom: 3px; padding-top: 0px; background-repeat: no-repeat; text-align: left }
.separetro { background-image: url(../Images/Menu-seperator.gif); width: 100%; background-repeat: repeat-x; height: 2px }
#MainPagebody { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #CFD3E7; }
#MainBody { float: left; FONT-SIZE: 13px; WIDTH: 660px; MARGIN: 0px 0px 0px 20px; COLOR: #757677; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none }

/* Right Window */
#titleImage { margin-top: 20px; padding: 0px 10px 10px 0px; width: 100%; padding-top: 10px; text-align: right; }
#titeText { margin-top: 20px; padding-bottom: 10px; width: 100%; padding-top: 10px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: red; }
#pageContent { width: 419px; padding-top: 11px; height: 100% }
#bodyhomeFirst { font-size: 12px; margin-left: 20px; width: 380px; color: #757677; line-height: 13px; font-family: Arial, Helvetica, sans-serif; text-align: justify; text-decoration: none }
#rightWindow{ FONT-SIZE: 12px; MARGIN-LEFT: 150px; WIDTH: 240px; COLOR: #757677; line-height: 13px; font-family: Arial, Helvetica, sans-serif; text-align: justify; text-decoration: none }
#rightWindowNew{ FONT-SIZE: 12px; COLOR: #757677; line-height: 13px; font-family: Arial, Helvetica, sans-serif; text-align: justify; text-decoration: none; padding: 0 20px 0 20px; }
#rightWindowbig{ FONT-SIZE: 12px; MARGIN-LEFT: 20px; WIDTH: 340px; COLOR: #757677; line-height: 13px; font-family: Arial, Helvetica, sans-serif; text-align: justify; text-decoration: none }
#leftWindow{ FONT-SIZE: 12px; MARGIN-LEFT: 20px; padding: 50px 20px 0 0; WIDTH: 300px; COLOR: #757677; line-height: 13px; font-family: Arial, Helvetica, sans-serif; text-align: justify; text-decoration: none }

/* New Right Window */
#rightPane { margin-left: 20px; width: 376px; line-height: 13px; text-align: justify; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; COLOR: #757677; }

/* calculator */
#pageContentCalculator { width: 100%; padding-top: 11px; height: 100% }
#title { PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 20px; TEXT-ALIGN: right }
.fieldNames { FONT-SIZE: 12px; COLOR: #757677; FONT-FAMILY: Arial, Helvetica, sans-serif }
.tableTitle { FONT-SIZE: 14px; COLOR: #007dc3 }
.tablefont { FONT-SIZE: 12px; COLOR: #757677; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif }	

#calculator {  }
#pricepane { clear: both; float: left; padding: 10px 0 0 0; width: 600px; margin: 30px 0 0 0; text-align: left; }
#total { clear: both; float: left; padding: 10px 0 0 0; width: 600px; margin: 10px 0 0 0px; text-align: left; }

/* Text */
.pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
}
.Padding{	padding-right: 5px; padding-left: 5px; }
.itemdetailstext { padding-right: 8px; font-size: 11px; color: #333333; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.mainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
A.mainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
A:HOVER.mainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
.shadow {
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
}

/* From default page */

/* center menu */
.menuFrameM { width: 130px; BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: right }
.menuFrameL { BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BORDER-LEFT: #000000 1px solid; TEXT-ALIGN: right }
.menuFrameNoBorder { width: 130px; BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: right }

.menulink { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-stretch: condensed;}
A.menulink { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-stretch: condensed; }
A.menulink:hover { FONT-SIZE: 11px; COLOR: #007dc3; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-stretch: condensed; }
.menulinkSelected { FONT-SIZE: 11px; COLOR: #007dc3; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-stretch: condensed; }

/* Sub menu (blue menu) */
.subMLinksSelected { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #70cbd2; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; TEXT-DECORATION: none; font-stretch: condensed }
A.subMLinks { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; TEXT-DECORATION: none; font-stretch: condensed }
A.subMLinks:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #70cbd2; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; TEXT-DECORATION: none; font-stretch: condensed }
A.subMLinks:active { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #70cbd2; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; TEXT-DECORATION: none; font-stretch: condensed }
#submenu { BACKGROUND-POSITION: right top; MARGIN-TOP: 0px; FLOAT: left; BACKGROUND-IMAGE: url(http://www.charitycards.org/images/menu-sub-top.gif); WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #4d85c5 }

.sampleLink { FONT-SIZE: 13px; COLOR: #993333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-stretch: condensed;}
A.sampleLink { FONT-SIZE: 13px; COLOR: #993333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-stretch: condensed; }
A.sampleLink:hover { FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; font-stretch: condensed; }

/* Footer */
.footerText { padding: 0 0 0 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }

/* Misc to sort out */
#carddetailContain { padding-top: 20px; text-align: center; vertical-align: text-bottom; }

/* ecards */
#ecardBox1 { float: left; width: 680px; padding: 0px 0 20px 0px; margin: 0 0px 0 0px; text-align: left; background-color: #ffffff; }
#ecardBox2 { float: left; width: 100%; padding: 0px 0 20px 0px; margin: 0 0px 0 0px; text-align: left; background-color: #ffffff; }
.ecardGold { float: left; width:160px; height: 160px; padding: 5px 0px 0px 10px; margin: 0 0 0 0px; text-align: left; }
.ecardPlatinum { float: left; width:160px; height: 160px; padding: 5px 0px 0px 10px; margin: 0 0 0 0px; text-align: left; }

h1 { color: #b3960f; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 5px 0px 5px 0px; }
h2 { color: #b3960f; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 18px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
h3 { color: #333333; font-size: 16px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; line-height: 20px; }
h4 { color: #00485d; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; margin: 0px; padding: 0 0 10px 0; }
h5 { color: #b3960f; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 16px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; }

h2 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 16px; font-weight: normal; text-decoration: none; color: #f25c45; letter-spacing: -1px; }
h2 a:HOVER { text-decoration: underline; color: #00485d; }	
h3 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #00485d; letter-spacing: -1px; }
h3 a:HOVER { text-decoration: underline; color: #b3960f; }	
h4 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #00485d; letter-spacing: -1px; }
h4 a:HOVER { text-decoration: underline; color: #f25c45; }	

#nextLink { padding: 10px 0 10px 0; }
.chooseSamples { FONT-SIZE: 13px; COLOR: #993333; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none; padding: 10px 0 10px 0; }