/* first set everything to default values -- we do this to fix the issues we run into with mainly ie with random padding and borders */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { top:0px; left:0px; margin:0px; padding:0px; border:solid 0px; }
/* input, select { border:solid 1px #9cb2ce; }  */

a:hover { text-decoration:underline; }
p { padding-top:5px; padding-bottom:5px; }

/*******************************************************************************/


body { font-size:16px; padding-top:5px; height:100%;  overflow-x:hidden; font-family:Georgia,"Times New Roman",Times,serif; }
body .MainWrapper { position:relative; margin:auto; width:762px; height:100%; }

/**********************************************************************************************/
/**************************** BLUE THEME ******************************************************/
/**********************************************************************************************/

body.Blue { background-color:#205E9B; }

/*************************** Border CSS *******************************************************/
body.Blue .MainWrapper .TopBorderWrapper { position:relative; width:762px; height:29px; }
body.Blue .MainWrapper .TopBorderWrapper .TopLeftBorderImage { position:relative; float:left; width:35px; height:29px; }
body.Blue .MainWrapper .TopBorderWrapper .TopMiddleBorderImage { position:relative; float:left;  width:692px; height:29px; background:URL(../images/bg_top_mid.jpg) repeat-x; }
body.Blue .MainWrapper .TopBorderWrapper .TopRightBorderImage { position:relative; float:left;  width:35px; height:29px; }

body.Blue .MainWrapper .MiddleBorderWrapper { position:relative; width:762px; height:100%; }
body.Blue .MainWrapper .MiddleBorderWrapper .MiddleLeftBorderImage { position:absolute; left:0px; width:35px; height:100%; background:URL(../images/bg_left_mid.jpg) repeat-y; }

body.Blue .MainWrapper .MiddleBorderWrapper .MiddleRightBorderImage { position:absolute; left:auto; margin-left:auto; right:0px; width:35px; height:100%; background:URL(../images/bg_right_mid.jpg) repeat-y; }

body.Blue .MainWrapper .BottomBorderWrapper { position:relative; width:762px; height:29px; }
body.Blue .MainWrapper .BottomBorderWrapper .BottomLeftBorderImage { position:relative; float:left; width:35px; height:29px; }
body.Blue .MainWrapper .BottomBorderWrapper .BottomMiddleBorderImage { position:relative; float:left;  width:692px; height:29px; background:URL(../images/bg_bottom_mid.jpg) repeat-x; }
body.Blue .MainWrapper .BottomBorderWrapper .BottomRightBorderImage { position:relative; float:left;  width:35px; height:29px; }
/*************************** End Border CSS ***************************************************/

body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper { position:relative; z-index:100; left:35px; width:652px; height:100%; background-color:#FFFFFF; padding-left:20px; padding-right:20px; }

body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper   .ContactUs { position:relative; width:600px; margin:auto; }
body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper   .ContactUs p.Hello { font-size:18px; }
body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper   .ContactUs .ContactUsSub { float:right; margin-right:260px; }
body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper   .ContactUs .Address { float:right; margin-right:50px; margin-top:40px; }

body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper   .OrderPageWrapper {}
body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper   .OrderPageWrapper .orderTable { position:relative; margin:auto; width:580px; }
body.Blue .MainWrapper .MiddleBorderWrapper .MainContentWrapper   .OrderPageWrapper .orderTable tr td.text { text-align:right }

ul { padding-left:20px;}

#verse { font-size: 16px; }
.header { font-size: 32px; color: #990000; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	        text-align: center; padding-top: 20px !important; padding-bottom: 20px !important; }
.headerCurt {
	font-size: 24px;
	color: #000000;
	font-family: Arial !important;
}

.subheader {
	font-size: 20px; padding-top: 20px !important; padding-bottom: 20px !important;
	color: #990000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

.subSubHeader {
	font-size: 20px; padding-top: 20px !important; padding-bottom: 20px !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}



#imgCaption {
	float: right;
	width: 150px;
	clear: none;
	font-size: 11px;
}

.midTbl { 
	width: 400px;
	margin: 20px auto 20px auto;
}

.midTbl ol {
	font-size: 200% !important;
	font-size: 198%;
	color: #990000;
	font-weight: 700;
} 

.midTbl ol li div { 
	font-size: 40% !important;
	font-size: 38%;
	color: #000000;
	margin-bottom: 20px;
}
.midTbl p {
	font-size: 70% !important;
	font-size: 68%;
	color: #000000;
}

.hilite { background-color: #FFFF33; }

.lnkBlack { 
	color: #000000;
	text-decoration: underline;
}
.lnkBlack:hover { text-decoration: none; }

.quote { 
	width: 400px;
	margin: 20px auto 20px auto;
}

.vidTbl { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 500px;
	border: 1px solid #333333;
	border-bottom: 3px solid #666666;
	border-right: 2px solid #999999;
	padding: 10px;
	margin: 20px auto 20px auto;
	background-color: #FFFFCC;
	font-size: 80% !important;
	font-size: 78%;
	margin-left: 75px;
}
.vidTbl td {
	vertical-align: top;
}
.vidTbl img {
	border: none;
}
.vidTbl a {
	text-decoration: none;
}

.fact {
	width: 470px;
	margin: 20px auto 20px auto;
	font-size: 120% !important;
	font-size: 118%;
	margin-left: 85px;
}

.valueTbl {
	margin: 20px auto 20px auto;
	border-bottom: 1px solid #333;
	padding-bottom: 20px;
}
.valueTbl #bonusLabel {
	font-size: 150% !important;
	font-size: 118%;
	color: #990000;
	text-align: left;
	font-weight: 700;
}
.valueTbl div.red {
	color: #990000;
	font-size: 100% !important;
	font-size: 98%;
	font-weight: 400;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.value {
	font-size: 170% !important;
	font-size: 168%;
	color: #990000;
	font-weight: 800;
	text-align: right;
	vertical-align: bottom;
	height: 40px;
}

.ctaHeader {
	color: #0066FF;
	font-weight: 700;
	text-align: center;
	font-size: 200% !important;
	font-size: 198%;
}
#orderNow {
	
}
#orderNow a {
	background-image: url(../images/btn_order.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 255px;
	height: 60px;
	margin: 20px auto 20px auto;
}
#orderNow a:hover {
	background-image: url(../images/btn_order_over.jpg);
}
#orderNow a:active {
	background-image: url(../images/btn_order_down.jpg);
}
#confirmTbl {
	font-size: 75% !important;
	font-size: 73%;
	color: #000000;
	font-family: "Courier New", Courier, monospace;
}
#priceTable
{
	border-collapse: collapse;
}
#priceTable td
{
	border: 1px solid #333333;
	border-collapse: collapse;
	padding: 2px 5px 2px 5px;
}
.mainRow
{
	background-color: #FFCC33;
}
.mainRow td
{
	font-size: 16px;
	font-weight: bold;
}
#orderTbl input
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
}


#orderTbl select
{
	margin-top: 5px;
	margin-bottom: 5px;
}

#orderTbl th
{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 3px;
}

#orderTbl .subheader
{
	font-size: 100% !important;
	font-size: 98%;
	text-align: left;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 3px;
	color: #000000;
}

#orderTbl .red
{
	font-weight: bold;
	color: #990000;
}

/**********************************************************************************************/
/**************************** END BLUE THEME **************************************************/
/**********************************************************************************************/