body {
	margin: 0px;
	padding:0px;
	font-family: Lucida Grande, Arial, sans-serif; 
	font-size:12px;
	color:#353535;
	line-height:140%;
}

/*********** Header CSS *************/
#header {
	width:778px;
	height:100px;
	margin:0px auto;
	position:relative;
}
.logo {
	margin:34px 0px 0px 0px;
	float:left;
	}
.logo2 {
float:right;
margin-bottom:6px;
clear:both;
}
#header_top {
	height:66px;
	width:548px;
	position:relative;
	border-bottom:1px solid #001c4b;
	float:right;
}
#header_bottom {
	width:548px;
	position:relative;
	text-align:center;
	color:#001c4b;
	float:right;
	}
#header_bottom ul li{
	list-style: none;
	display:block;
	float:left;
	margin:0px;
	margin-right:18px;
	}
#header_bottom a, a:active {
	color:#001c4b;
	text-decoration:none;
}
#header_bottom a:hover, a:visited {
	color:#FF6600;
	text-decoration:underline;
}
/*********** END Header CSS *****************/
/*********** Main Banner CSS ****************/
#main_banner {
	width:778px;
	height:204px;
	margin:0px auto;
	padding:10px 0;
}
/************ END Banner CSS ***************/
/************ Index Contents CSS ***********/
#contents_wrap {
	width:778px;
	margin:10px auto;
	height:330px;
	/* height:220px;*/
	border-bottom:1px solid #001c4b;
	clear:both;
	
}
#contents_container {
	width:778px;
	margin:20px auto 0px auto;
	border-bottom:1px solid #001c4b;
	clear:both;
}
.devider {
	clear:both;
	position:relative;
	left:300px;
	}
/************ END Index Contents CSS ******/

/************ Leftmenu CSS *****************/
#lm_wrap { width:293px;float:left;}
#lm1 { width:273px; height:95px; padding-bottom:10px;}
#lm2 { width:273px; height:95px; padding-bottom:10px;}
#lm4 { width:273px; height:95px; padding-bottom:10px;}
#lm_container { width:175px; text-align:left; margin: 10px 10px 10px 9px; float:left;}
#lm_container_purl { width:120px; text-align:center; margin: 10px 10px 10px 9px; float:left;}
#lm3 { background: url(/images/lm_bg.gif) top left repeat-y;  }
	
	
/************ END Leftmenu CSS *****************/
/************ Rightmenu CSS *****************/
#rm_wrap { position:relative; width:483px; height:205px; float:right;}
#rm_wrap2 {
	position:relative;
	width:483px;
	height:90px;
	top:211px;
	}
#rm_container { width:540px;  margin-left: 30px; margin-top:10px; float:left; padding-bottom:10px;}
.rm_container2 { margin-left: 30px; margin-top:10px; float:left; padding-bottom:10px;}
.vidbox {
margin:20px 0 20px 0;
padding:20px 0 0px 0;
border-bottom:1px dotted #666666;
}
#rm_container_purl { width:615px;  margin-left: 20px; margin-top:10px; float:left; padding-bottom:10px;}
#rm1_wrap { position:absolute; top:0px; width:233px;float:left; line-height:120%;}
#rm1 { border-right:1px solid #a5a5a5; border-left:1px solid #a5a5a5;height:142px; padding:12px 10px 0px 17px; line-height:120%;}
#rm2_wrap { position:absolute; top:0px; left:250px; width:223px; line-height:120%;}
#rm2 { position:relative; width:204px; border-right:1px solid #a5a5a5; border-left:1px solid #a5a5a5;height:142px; padding:12px 10px 0px 17px; line-height:120%;}

#rm_wrap a, a:active {
	color:#003399;
	text-decoration:none;
}
#rm_wrap a:hover, a:visited {
	color:#FF6600;
	text-decoration:underline;
	}
.rm_bottom {
margin-top:20px;
padding:0;
}
#box1 { float:left; width:380px; background:url(../images/box_middle.png) repeat-y; }
.boxbottom { display:block; margin:0px; padding:0px;}
#box2 { float:right; width:380px; background:url(../images/box_middle.png) repeat-y;}
.box_inside {  padding:0px 20px 0px 20px; margin:0px;}
.tmsup { font-size:12px; }
/************ END Rightmenu CSS *****************/
/************ Footer CSS *****************/	
#footer_wrap {
	width:778px;
	margin:0px auto;
	text-align:center;
	color:#001c4b;
}
#footer {
	width:600px;
	margin:0 auto;
}
#footer ul li{
	list-style: none;
	display:block;
	float:left;
	margin:0px;
	margin-right:26px;
	}
#footer a {
	color:#001c4b;
	text-decoration:none;
}
#footer a:hover, a:visited {
	color:#FF6600;
	text-decoration:underline;
}

/************ END Footer CSS *****************/	
/************ TEXT CSS ******************/
h2.orange { font-size:18px; font-weight:bold; color:#FF6600; margin-top:0px;   }
h2.orange2 { font-size:22px; font-weight:bold; color:#FF6600; margin-top:0px;   }
h2.red { font-size:16px; font-weight:bold; color:#CC0000; margin:10px 0px 0px 0px;   }
h2.green { font-size:18px; font-weight:bold; color:#00cc00; margin-top:0px;   }
h2.blue { font-size:14px;
	margin: 0 0 8px 0; 
	color:#0033ff;  
	letter-spacing: -0.03em; 
}
h3.blue { font-size:14px; font-weight:bold; color:#001c4b; margin:0px; }
h3.newsticker { margin:0px 0px 10px 0px; }
h1.blue { font-size:14px; font-weight:bold; color:#446fb7; margin:0px; } 
h1.orange { font-size:18px; font-weight:bold; color:#FF6600; margin-top:0px;   }

p.corplogo {text-align:center;}
a.blink { color:#003399; /* text-decoration:none;*/ }
a.blink:hover { color:#003399; text-decoration:underline; }
a.blink2 { color:#003399; text-decoration:none; margin:4px 0px 0px 0px; display:block;  width:100px;}
a.blink2:hover { color:#003399; text-decoration:underline; }
/************ END TEXT CSS ******************/
/************ design CSS *******************/
.dotted { border:none; border-top:dotted 1px #999999; margin-top:30px; } 
/************ END design CSS ***************/
/*********** Table CSS *******************/
td.gray_header { background-color:#e6e6e6; font-size:14px; font-weight:bold; color:#001c4b; border-top:1px #FFFFFF solid; border-bottom:1px solid #c1c1c1; }
td.gray_border { border-bottom:1px solid #c1c1c1; }
table.calculator { border:none; }
tr.gray1 { background:#efefeb; }
td.gray1 { padding:4px; }

/*********** END Table CSS ***************/

/*************** CONTENT SLIDER CSS *********************/
.contentslide{
padding:0px;
width: 197px;
height: 120px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
position:absolute;

}

.pagination{
width: 197px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;

}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 197px; /*IE5 width*/
w\idth: 199px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
/*********************END CONTENT SLIDER CSS ******************************/
/*************** Our Program CSS *****************/
.testimonialbox { margin:0px auto; width:460px; padding:20px; background-color:#e7e8e8; }
.jplaque { float:right; margin:0px 0px 20px 20px; }
#oursystem li { margin-top:20px; line-height:130%;}
.testimonials { float:left; }
/*************** END Our Program CSS *************/
/*************** ORDER PAGE CSS *****************/
.header_oc { background-color:#CCCCCC; padding-left:6px;}
.cart { border:1px solid #CCCCCC; }
.cart_head { border:1px solid #CCCCCC; background-color:#c9f3f3; }

#order_container { text-align:left; margin: 10px 10px 10px 9px; float:left;}
img.ordertab { float:left; }
#tabbody { width:738px; background:url(../images/orderbox_middlebg.png) repeat-y;padding:10px 20px; }
input.next { background-color:#FF6600; }
.order_table {border:1px solid #CCCCCC; }
.download { border:1px dotted #999999; }
.dotbar {
	margin:10px 0px;
	border-top:1px #333333 dotted;
	height:1px;
	clear:both;
	}
/*********************COUPON  ******************************/
#coupon01 {
	width:521px;
	height:299px;
	background-image:url(../images/coupon_226081.png);
	background-repeat:no-repeat;
	}
#coupon01_form {
	position:relative;
	margin-left:30px;
	width:400px;
	padding:10px 10px 10px 10px;
	height:70px;
	top:120px;
}
input.orange { background-color:#FF6600; }
/*********************  PURL  ******************************/
#rightcol{
width:340px;
float:right;
padding:0 10;
}
#vid1 {
width:300px;
float:right;
padding:10px;
border:1px solid #000033;
margin-bottom:10px;

}
.rightbox {
position:relative;
margin-top:10px;
width:302px;
float:right;
padding:10px;
background-color:#f2f2f2;
border:1px solid #dadada;
}
.purltitle {
border-bottom:1px #CCCCCC solid;
padding:0px 0px 4px 0px;
margin-bottom:10px;
}
.htitle {
color:#1e3248;
font-size:16px;
font-weight:bold;
width:300px;
}
.purllogin input{
 color: #1e3248;
border: 1px solid #1e3248;
}
#plaquetitle{
	position:absolute;
	width:141px;
	left: 91px;
	top: 172px;
	height: 54px;
	color:#f2ebb6;
	font-size:20px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	line-height:24px;
}
#plaquename{
	position:absolute;
	width:158px;
	text-align:center;
	left: 83px;
	top: 294px;
	height: 21px;
	color:#f2ebb6;
	font-size:16px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}
#plaquemonth{
	position:absolute;
	width:120px;
	text-align:center;
	color:#f2ebb6;
	font-size:13px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	left: 103px;
	top: 278px;
}
.imagelink{
float:left;
margin-right:10px;
}
a.purllink {
font-size:14px;
font-weight:bold;
color:#004276;
text-decoration:none;
line-height:100%;
}
a.purllink:hover {
color:red;
}
.purllinktxt{
line-height:130%;
margin-top:6px;
padding-left:10px;
}