@charset "utf-8";

/* COMMON PART */
/******************************************************************/
html { background-color:#f4f4f4;}
body { text-align:center; margin:0px; padding:0px;border:0px; font-family: arial,helvetica,verdana,sans-serif; color:#494949; font-size: 100%; background:url(../images/common/bg_top.gif) top center repeat-x; text-align:left;}
hr { display:none; }
div,h1,h2,h3,h4,h5,h6,p,form{ margin:0px; padding:0px; border:0px; display:block; }
a img { border:none; }
input { line-height:1em; }

.clear {clear:both;}

p { padding:8px 0; line-height:20px; font-size: 1.1em;}

a { color:#cc0000; text-decoration:none; font-weight:bold;}
a:hover { color:#cc0000; text-decoration:underline; font-weight:bold;}
h1{color:#003399; font-weight:bold; font-size: 1.6em; padding:1px 0}
h2{color:#003399; font-weight:bold; font-size: 1.6em; padding:1px 0}
h3{ color:#878787; font-weight:bold; font-size: 1.3em;}
h4{color:#003399; font-weight:bold; font-size: 1.0em;}
.red{color:#cc0000; font-weight:normal;}
.red_i{color:#cc0000; font-weight:normal; font-style:italic; font-size: 1.2em;}
.blue { color:#003399; }
.blue_bold {color:#003399; font-weight:bold;}
.red_bold {color:#cc0000; font-weight:bold;}
.space_top { margin:10px 10px 5px 0px; border-bottom:#cccccc solid 1px; padding-left: 38px; padding-top:3px;
background:url(../images/common/tick.gif) no-repeat top left; height:27px;}
.space_top_circle { margin:10px 10px 5px 0px; border-bottom:#cccccc solid 1px; padding-left: 30px; padding-top:5px;
background:url(../images/common/circle.gif) no-repeat top left; background-position: 8px 8px; height:27px;}
.sub_title {}
.space_bottom { margin-bottom:10px;}
.fontbold { font-weight:bold;}
.fontsmall { font-size: 1.1em; color:#666666;}
.floatR { float: right; margin: 5px;}
.floatL { float: left; margin: 5px;}
img.middle { margin-left:10px; }
.smaller { font-size:90%}


/* LAYOUT PART */
/******************************************************************/
#wrapper { width:782px; padding:0; margin:0px auto 0 auto;}
#caption{width:782px; height:36px; padding:0px ; margin:0px auto 0 auto; border-bottom: #006be3 3px solid;}
#headline a{ width: 241px; height:26px; background-color:#003aa3; float:left; margin:0 auto; padding-top:10px; color:#FFFFFF; font-weight:bold; text-align:center; font-size: 1.0em;}
#headline a:hover, a:focus{ text-decoration:underline; }
#main {width:780px; display: block; background-color:#FFFFFF; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; margin:0;}
#navi{float:left; margin: 0px; width:240px; background-color:#FFFFFF;}
#copy{float:left; margin: 0px; width:540px; background-color:#FFFFFF;}
#footer { width:780px; margin:0px auto; text-align:center; padding:0 0 10px 0; font-size: 0.9em; }

/* header PART 1 menu */
/******************************************************************/
#logo{ background-color:#FFFFFF; width:240px; height:125px;}
#logo img {margin:15px 0 15px 60px; }
#home { margin:0px; float:right; text-align:left; padding:7px 5px 3px 0px;}
.middle {vertical-align: middle;  padding-left:5px; margin:0;}

#rightnavi{margin: 0; padding:0px; width:540px; height:125px;}

#topmenu{display:block; height:75px; margin:0; padding:0;}
#topmenu ul{ margin:0; padding:0; list-style-type:none;}
#topmenu ul li {float:left;}

#topmenu li.quote {background:url(../images/common/top_quote.gif) no-repeat scroll left top;}
#topmenu li.why {background:url(../images/common/top_why.gif) no-repeat scroll left top;}
#topmenu li.how {background:url(../images/common/top_how.gif) no-repeat scroll left top;}
#topmenu li.contact {background:url(../images/common/top_contact.gif) no-repeat scroll left top;}

#topmenu a {display:block; width:135px; height:0; padding-top:75px;  overflow:hidden;}
* html #topmenu a:link, * html #topmenu a:visited {height:75px; he\ight:0;}

#topmenu a#quote {background:transparent url(../images/common/top_quote_a.gif) no-repeat scroll 0 -135px;}
#topmenu a#why {background:transparent url(../images/common/top_why_a.gif) no-repeat scroll 0 -135px;}
#topmenu a#how {background:transparent url(../images/common/top_how_a.gif) no-repeat scroll 0 -135px;}
#topmenu a#contact {background:transparent url(../images/common/top_contact_a.gif) no-repeat scroll 0 -135px;}

#topmenu a#quote:hover {background-position:0 0; z-index:50;}
#topmenu a#why:hover {background-position:0 0; z-index:50;}
#topmenu a#how:hover {background-position:0 0; z-index:50;}
#topmenu a#contact:hover {background-position:0 0; z-index:50;}
* html #rightnavi a:hover {height:75px; he\ight:0;}

/* header PART 2 textlink */
/******************************************************************/
#textlink {display:block; float:left; padding:12px 0 0 0; margin:0; width:410px; color:#494949; text-align:left; font-weight:bold;}
#textlink a{color:#cc0000; text-decoration:none; font-weight:normal}
#textlink a:hover{color:#cc0000; text-decoration:underline; font-weight:normal}

/* header PART 2 textlink */
/******************************************************************/
#font-resizer {
	min-width:93px;
	float:right;
	margin:14px 8px 0 0;
}

#font-resizer a {
	display: block;
	float: left;
	width: 13px;
	height: 14px;
	padding:3px 3px 1px 3px;
}

#font-resizer a.selected { border-bottom: 2px solid #003fa8; }


#textsize { float: right; margin:14px 25px 0 0; padding:4px 4px 0 4px;}
#textsize a { text-indent: -9000em; overflow: hidden; float: left; width: 13px; height: 14px;}
#textsize a.selected { border-bottom: 2px solid #003fa8; }
#textsize li { display: inline; }
#textsize #small { background: url(../images/common/icon_small.gif) no-repeat top;  padding:3px 3px 1px 3px;}
#textsize #medium {  background: url(../images/common/icon_medium.gif) no-repeat top; padding:3px 3px 1px 3px;}
#textsize #large {  background: url(../images/common/icon_large.gif) no-repeat top;  padding:3px 0px 1px 3px;}


/* left navi PART 1 common */
/******************************************************************/
.menu_container {margin:0 22px 0 25px; width:193px;} 
#menu_line_p {border-top: 3px solid #003aa3; margin:0; padding:0;}
#menu_line_i {border-top: 3px solid #005ec7; margin:0; padding:0;}
.menu_shadow { background: url(../images/common/menu_shadow.gif) no-repeat top; height:12px; margin-bottom:10px;}


.menu {border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;
padding:0; margin:0; background-color:#fff; line-height:22px; font-size:110% }

.menu ul {list-style: none; padding:0px; margin:0px; text-align:left; }
	
.menu li.dotted {background: url(../images/common/arrow.gif) left no-repeat; background-position:10px 12px;
border-bottom:1px dotted #d9d9d9; padding:5px 15px 5px 25px; color:#000099; font-weight:bold; }

.menu li.bottom {background: url(../images/common/arrow.gif) left no-repeat; background-position:10px 12px;
padding:5px 15px 5px 25px; color:#000099; font-weight:bold;}

.menu a{ text-decoration:none; color:#333333; font-weight:normal;}
.menu a:hover{ text-decoration:underline; color:#000099; background-color:#d8e9ec; font-weight:normal;}

.menu img{ float:left; padding:0 7px 2px 2px;}

.menu_border { background:url(../images/common/border_navi.gif) no-repeat scroll; height:3px; margin:0; padding:0;}

/* left navi PART 2 products & resources */
/******************************************************************/
#products {background:url(../images/common/bg_products.gif); margin:0px; text-align:left; height: 31px; border-bottom:#fff 1px solid; padding:7px 0px 0px 10px;}
#info { background:url(../images/common/back_navi.gif); margin:0px; text-align:left; height: 31px; border-bottom:#fff 1px solid;  padding:7px 0px 0px 10px;}

#products_title { background:url(../images/common/icon_products.png) left no-repeat; padding:0px 0px 0px 30px;}
#info_title { background:url(../images/common/icon_info.png) left no-repeat; padding:0px 0px 0px 30px;}

/* IE6 Only */
* html #products_title  {background:url(../images/common/icon_products.gif) left no-repeat; padding:0px 0px 0px 30px;}
* html #info_title { background:url(../images/common/icon_info.png) left no-repeat; padding:0px 0px 0px 30px;}


/* left navi PART 3 news*/
/******************************************************************/

#news { float:left; width:193px; border:1px solid #c1c1c1; background-color:#FFFFFF; }
#news img{ float:left; padding:0 7px 0 0px;}
#news_contents{ background:#eeeeee; margin:3px;}
#news_contents p{ font-size: 1.0em; padding:10px; text-align:left;}
#news_title { background-color:#eeeeee; margin:0px; text-align:left; padding:5px 0px 0px 7px; min-height:53px;}
#news_title h4 { padding-top:13px;}
#news_archive{ border-top:dotted #919191 1px; text-align:right; padding:5px 4px 5px 0;}

/* contents in copy*/
/******************************************************************/

.copy_img { margin: 0 0 15px 0; padding: 0; width:100%; clear:both; height:auto;}
.copy_text { padding-right:20px; } 
.lists ul {list-style: none; padding:3px 0; margin:0px; text-align:left;}
.lists li{background: url(../images/common/list.gif) left no-repeat; background-position:10px 7px; padding-left:25px; margin:5px 0; font-size: 1.1em;}
.lists a { font-weight:normal; text-decoration:none; color:#494949}
.lists a:hover { font-weight:normal; text-decoration:underline; color:#cc0000}
#extra { width:780px; text-align:center; font-size: 80%; padding-top:10px; padding-bottom:10px; background-color:#fafcff}
#extra a{color:#003399; font-weight:normal; text-decoration:none;}
#extra  a:hover{color:#003399; font-weight:normal; text-decoration:underline;}

#extra_line { clear:both; height:10px; margin-top:10px; background:#fff; border-bottom:#CCCCCC 1px dotted ; width:780px;}

.click_icon{background: url(../images/common/click_arrow.gif) no-repeat; padding-left:25px; background-position:0 9px;}

.plus{color:#3366CC; margin:-5px 0 25px 10px; padding:0; font-weight:bold} 


/* recommend a frend form in copy*/
/******************************************************************/
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 10px;
display: block;
width:160px;
}

input,textarea
{
color: #000033;
border: 1px solid #95b3cd;
width: 200px;
background-color:#ffffff
}

textarea {
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
}

.RecommendFriendbutton
{
	width:104px;
	height:26px;
	border:0;
	margin-left:170px;
	margin-top:10px;

}

.contactbutton
{
	width:104px;
	height:26px;
	border:0;
	margin:10px 0 5px 270px;

}

fieldset
{
border: 1px solid #c7c7c7;
margin: 30px 50px 30px 30px;
padding-left:30px;
padding-bottom:10px;
background:#f1f1f1 url(../images/common/fieldset_bg.gif) repeat-x;
}

legend.freind
{
color: #003399;
background: url(../images/common/legend_bg.gif) no-repeat;
width:139px;
padding: 10px 19px;
margin-bottom:2px;
display: block
} 

legend.contact
{
color: #003399;
background: url(../images/common/legend_bg.gif) no-repeat;
width:67px;
padding: 10px 54px;
margin-bottom:2px;
display: block

}

.details { margin:20px 0 20px 30px;
}

.contact_right0 { padding-top:10px; padding-right:15px; float:left; width:120px; text-align:right}
.contact_right1 { padding-top:10px; float:left; width:340px; }


/* footer in copy*/
/******************************************************************/
#footer a{color:#333333; text-decoration:none; font-weight:normal; }
#footer a:hover{color:#333333; text-decoration:underline; font-weight:normal;}

/* center table --------------------------------- */

.content1 {
    margin:10px 0 10px 0;
    width:96%;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-collapse:collapse;
}

.content1_th1 {
    background-color:#cedfee;
	font: bold 13px arial,verdana,helvetica,sans-serif;
	border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#414e82;
	padding:5px 5px;
	text-align:left;
	width:40%}
	
.content1_th2 {
    background-color:#cedfee;
	font: bold 13px arial,verdana,helvetica,sans-serif;
	border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#414e82;
	padding:5px 5px;
	text-align:center;
	width:25%}		

.content1_td1 {
    font: bold 12px arial,verdana,helvetica,sans-serif;
    border-left:1px solid #cccccc;
    color:#6c6c6c;
	padding:3px 5px;
	text-align:left}
	
.content1_td1_line {
    font: bold 12px arial,verdana,helvetica,sans-serif;
	border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#6c6c6c;
	padding:3px 5px;
	text-align:left}	
	
.content1_td1a {
    font: bold 12px arial,verdana,helvetica,sans-serif;
    background-color:#ffffff;
    border-left:1px solid #cccccc;
    color:#6c6c6c;
	padding:3px 15px 3px 5px;
	text-align:right}
	
.content1_td1a_line {
    font: bold 12px arial,verdana,helvetica,sans-serif;
    background-color:#ffffff;
	border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#6c6c6c;
	padding:3px 15px 3px 5px;
	text-align:right}	
	
.content1_td1a_lineCenter{
    font: bold 12px arial,verdana,helvetica,sans-serif;
    background-color:#ffffff;
	border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#6c6c6c;
	padding:0;
	text-align:center}			

.content1_td2 {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#fff;
    border-left:1px solid #cccccc;
    color:#8a8a8a;
	padding:3px 5px;
	text-align:left;}
	
.content1_td2a {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#fff;
    border-left:1px solid #cccccc;
    color:#8a8a8a;
	padding:3px 15px 3px 5px;
	text-align:right}	

.content1_td2_line {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#fff;
	border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#8a8a8a;
	padding:3px 5px;
	text-align:left;}
	
.content1_td2a_line {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#fff;
	border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    color:#8a8a8a;
	padding:3px 15px 3px 5px;
	text-align:right}

caption.compare_large{
    background-color:#ffffff;
	font: bold 13px arial,verdana,helvetica,sans-serif;
	color:#5b5b5b;
	padding:7px 5px;
	text-align:left;
}

.content2 {
    margin:0 auto 10px auto;
    width:94%;
	border-top:1px solid #d8d8db;
	border-right:1px solid #d8d8db;
	border-collapse:collapse;
}

.content2_th {
    background-color:#dee2f4;
	font: bold 12px arial,verdana,helvetica,sans-serif;
	border-bottom:1px solid #d8d8db;
    border-left:1px solid #d8d8db;
    color:#414e82;
	padding:3px 5px;}

.content2_td1 {
    background-color:#d9efe4;
	font: bold 12px arial,verdana,helvetica,sans-serif;
	border-bottom:1px solid #d8d8db;
    border-left:1px solid #d8d8db;
    color:#ca0000;
	padding:3px 5px;}

.content2_td2 {
    background-color:#f7fbf9;
	font: normal 12px arial,verdana,helvetica,sans-serif;
	border-bottom:1px solid #d8d8db;
    border-left:1px solid #d8d8db;
    color:#414e82;
	padding:3px 5px;}

.compare_quote {
    background:url(../images/bullet_quote.gif) no-repeat left top;
	margin:5px 0 20px 20px;
	padding:1px 0 0 20px;
	height:17px;
	font: bold 12px arial,verdana,helvetica,sans-serif;
}

.bullet_quote {
    background:url(../images/bullet_quote.gif) no-repeat left top;
	margin:5px 0 20px 0;
	padding:1px 0 0 20px;
	height:17px;
	font: bold 14px arial,verdana,helvetica,sans-serif;
}

.content3 {
    margin:0 auto 10px auto;
    width:94%;
	border:0;
	border-collapse:collapse;
	font: bold 12px arial,verdana,helvetica,sans-serif;
}

.content3_td1{
	 padding:3px 5px;
	 }