/* CSS Document */

a:link {color: #990000; text-decoration: none;}
a:visited {color: #990000; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: underline;}

body {
	text-align:center; 
	margin:0px; 
	padding:0px; 
	background-color: #DCDBDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:15px;
	background-image:url(/images/2bg.gif); 
	background-repeat:repeat; 
	background-position:left top; 
	background-color:#2975A9
	}
	
#canvas { 
	width:796px;
	text-align:center; 
	margin:auto; 
	padding:auto; 
	display:block; }
	
#canvasauth { 
	width:910px;
	text-align:center; 
	margin:auto; 
	padding:auto; 
	display:block; }
	

	

	
#topspacer {
	position:relative; 
	height:55px; 
	width:796px; 
	display:block;
	padding:0; }
	
#top {
	position:relative; 
	height:77px; 
	width:786px; 
	display:block;
	padding:0;
	background-image:url(/images/topbg.gif); 
	background-repeat:repeat-x; 
	background-position:top left;
	border:5px solid #FFFFFF;
	float:left  }
	
#topAuth {
	position:relative; 
	height:77px; 
	width:900px; 
	display:block;
	padding:0;
	background-image:url(/images/topbg.gif); 
	background-repeat:repeat-x; 
	background-position:top left;
	border:5px solid #FFFFFF;
	float:left  }

	
#logo { 
	position:relative; float:left; 
	width:126px;
	left:-20px; 
	z-index:1;
	top:-55px}

#logo2 { 
	position:relative; float:left; 
	width:126px;
	left:-10px; 
	z-index:1;
	top:0px}

#left {
	position:relative;
	width:650px; 
	text-align:left; 
	vertical-align:top; 
	display:block; 
	float:left}

#right {
	position:relative;
	width:130px; 
	vertical-align:top; 
	display:block;
	text-align:center; 
	background-color:#66CCCC; 
	float:right;
	}


#foot {
	position:relative; 
	padding:5px; background-color:#003399; background:url(/images/foot_bg.gif) repeat-x top left;
	display:block; 
	float:left; 
	color:#FFFFFF; 
	text-align:center;
	width: 775px; font-weight:bold}
	
#foot a:link { color:#FFF;text-decoration:none; padding-left:7px; padding-right:7px;}
#foot a:visited {color:#FFF; text-decoration:none}
#foot a:hover {color:#FFF; text-decoration:underline}

#footauth {
	position:relative; 
	padding:5px; background-color:#003399; background:url(/images/foot_bg.gif) repeat-x top left;
	display:block; 
	float:left; 
	color:#FFFFFF; 
	text-align:center;
	width: 890px; font-weight:bold}
#footauth a:link { color:#FFF;text-decoration:none; padding-left:7px; padding-right:7px;}
#footauth a:visited {color:#FFF; text-decoration:none}
#footauth a:hover {color:#FFF; text-decoration:underline}

#foot2 {
	position:relative; 
	padding:5px;
	display:block; 
	float:left; 
	top:1px; 
	color:#FFF; 
	text-align:center;
	width: 785px}
	
#foot2auth {
	position:relative; 
	padding:5px;
	display:block; 
	float:left; 
	top:1px; 
	color:#FFF; 
	text-align:center;
	width: 900px}

#footbg {
	position:relative; 
	padding:5px;
	display:block; 
	float:left; 
	color:#FFF; 
	text-align:center;
	width: 786px; 
	background-color:#FFF}
	
#footbgauth {
	position:relative; 
	padding:5px;
	display:block; 
	float:left; 
	color:#FFF; 
	text-align:center;
	width: 900px; 
	background-color:#FFF}
	

#botsponsors {
	position:relative; 
	padding:5px;
	display:block; 
	float:left; 
	top:1px; 
	color:#FFF; 
	text-align:center;
	width: 785px; 
	font-weight:bold}


.Forms {
	border: 1px solid #A9B8C6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6A7E90;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #333333;
	font-weight:normal;
		margin-bottom: 0px;
    padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight:normal; 
		margin-bottom: 0px;
    padding-bottom: 0px;
	margin-top: 2px;
	padding-top: 2px;

}

h3 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;
	font-weight:bold;
	margin-bottom: 2px;
    padding-bottom: 2px;
	margin-top: 2px;
	padding-top: 2px;
	}
	
h4 	{font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003399;
	font-weight:normal;
	margin-bottom: 5px;
    padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px; font-weight:bold}
	
.smtext { font-size:10px; line-height:10px; padding-top:8px; display:block; font-weight:normal}	

.button { height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:100%; }
.divider { background-image:url(/images/divider.gif); background-position:center; background-repeat:repeat-y;}

#infobox { width:100%;}
#infobox th {font-weight:bold; text-align:left; padding:3px; background-color:#e3e3e3}
#infobox td {text-align:left; padding:3px; background-color:#e8e8e8}

#loginbox { width:135px; height:92px; background-image:url(/images/login_boxes.gif); background-repeat:no-repeat; background-position:top center; text-align:center; display:block}

#loginbox2 { width:165px; height:92px; background-image:url(/images/login_boxes2.gif); background-repeat:no-repeat; background-position:top center; text-align:center; }

#merchantlogin {position:relative; top:22px; text-align:center;}
#agentlogin {position:relative; top:24px; text-align:center;}

#discover {position:relative; margin-top:10px; width:135px; height:50px; text-align:center; display:block}
#discover2 {position:relative; width:135px; height:50px; text-align:center; display:block}
#calculator {position:relative; margin-top:10px; width:135px; height:50px; text-align:center; display:block}
#merchant {position:relative; margin-top:10px; width:135px; height:50px; text-align:center; display:block}
#quote {position:relative; margin-top:10px;  width:135px; height:50px; text-align:center; display:block}



#navigation ul { 
	width:167px; 
	list-style:none; 
	text-align:left; 
	margin:0px; 
	padding:0px} 

#navigation li {float: left; width:167px;} 

#navigation li a {	
	text-align:left; 
	padding-top:4px; 
	padding-bottom:4px; 
	padding-left:10px; 
	padding-right:10px; 
	color:#333333; 
	border-bottom: 1px solid #FFFFFF; 
	display:block; } 
	
#navigation li a:link { color: #333333; } 
#navigation li a:visited { color: #333333; } 
#navigation li a:hover{ color: #990000; } 

#navigation li.mainlevel a { text-align:left; padding-top:5px; padding-left:10px; padding-right:10px; color:#FFFFFF;  background: url(/images/new_sidenav_bg.gif) no-repeat top left; font-weight:bold; height:16px; } 
#navigation li.mainlevel a:link  { color:#FFFFFF; text-decoration:none }
#navigation li.mainlevel a:visited  { color:#FFFFFF; text-decoration:none }
#navigation li.mainlevel a:hover { color:#FFFFFF; text-decoration:none}



#table { width:100%; border:1px solid #CCCCCC; padding:1px; }
#table th {border:1px solid #FFFFFF; background-color:#660000; color:#FFFFFF; font-weight:bold; padding:3px;}
#table td { border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:3px}
#table td .highlight { background-color:#e8e8e8}

#tablesm { width:100%; border:1px solid #CCCCCC; padding:1px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal }
#tablesm th {border:1px solid #FFFFFF; background-color: #993300; color:#FFFFFF; font-weight:bold; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#tablesm td { border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:4px}
.highlight { background-color:#dddddd}

.redtext { color:#990000}

#mainarea {
	position:relative; 
	width:786px; 
	display:block; 
	background-color:#FFFFFF;
	float:left; 
	top:0px; 
	padding:5px; }
	
#mainareaauth {
	position:relative; 
	width:900px; 
	display:block; 
	background-color:#FFFFFF;
	float:left; 
	top:0px; 
	padding:5px;
	margin:0 auto; }

#navbar {
	position:relative; 
	width:791px;
	height:23px; 
	display:block; 
	float:left;
	background-color:#FFFFFF; 
	padding-left:5px; 
	text-align:left;
	top:0px
	}
	
#navbarauth {
	position:relative; 
	width:905px;
	height:35px; 
	display:block; 
	float:left;
	background-color:#FFFFFF; 
	padding-left:5px; 
	text-align:left;
	top:0px
	}
	
#phone { 
	position:absolute; 
	color:#990000; 
	right:20px; 
	top:4px; 
	text-align:right;
	font-size:16px;
	font-weight:bold}

#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0; 
	
	} 

#nav-menu li {
	float: left;
	margin: 0;
	} 
	
#nav-menu li a {
	float: left;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	background-image:url(/images/navmenu/nav_button.gif); 
	background-position:left top; 
	width:107px; 
	height:19px;
	padding-top:3px;
	} 
	
#nav-menu li a:link { text-decoration:none; color:#000000; }
#nav-menu li a:visited { text-decoration:none; color:#000000; }
#nav-menu li a:hover {text-decoration:none; color:#990000} 

#nav-menu li.small a { background-image:url(/images/navmenu/nav_button_small.gif); background-position:left top; width:72px; height: 19px; padding-top:3px;} 
#nav-menu li.small a:link  { color:#000000; text-decoration:none }
#nav-menu li.small a:visited  { color:#000000; text-decoration:none }
#nav-menu li.small a:hover { color:#990000; text-decoration:none}

#nav-menu li.customer a { text-align:center; padding-top:3px; color:#FFFFFF;  background: url(/images/navmenu/nav_button_login.gif) no-repeat top left; font-weight:bold; height:19px; } 
#nav-menu li.customer a:link  { color:#FFFFFF; text-decoration:none }
#nav-menu li.customer a:visited  { color:#FFFFFF; text-decoration:none }
#nav-menu li.customer a:hover { color:#FFFFFF; text-decoration:none}

/* Hide from IE5-Mac \*/
#nav-menu li a {float: none; }
/* End hide */
#nav-menu {	width:760px} 

#navigation li a {float: none}
/* End hide */
#navigation {width:167px} 

/* Homepage Layout */

#tag { position:relative; top:10px; display:block; width:630px; text-align:center; float:left; left:10px }
#column1 { position:relative; float:left; left:10px; top:20px; display:block; width:305px; font-weight:bold }
#column2 { position:relative; float:right; right:10px; top:20px; display:block; width:305px; font-weight:bold }
#flash { position:relative; width:650px; height:256px; display:block; background-color:#CCCCCC}

/* Homepage Flash buttons */
#buttons {position:relative; display:block; width:305px; float:left; padding-bottom:10px; }
#buttonstext {position:relative; float:right; display:block; width:145px; text-align:left;  }
#flashbuttons {width:147px; float:left; display:block}

/* Homepage Sponsor */

#sponsor { 
	position:relative; 
	width:120px; 
	background-image:url(/images/sponsor_top.gif); 
	background-position:top left; 
	background-repeat:no-repeat;
	padding-top:10px; 
	background-color:#B4C8D9; 
	padding-left:5px; 
	padding-right:5px;}

#sponsor_bottom { 
	background-image:url(/images/sponsor_bottom.gif); 
	background-position:bottom left;
	background-repeat:no-repeat; 
	padding:10px; 
	background-color:#B4C8D9; 
	color:#3F5876;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	position:relative;
	width:110px; 
	}

#ad { background-color:#DAE4EC; width:120px; height:120px; margin-top:5px; position:relative; text-align:center;}







/* Compositions */
.comp1 { background-image:url(1bg.jpg); background-repeat:repeat-x; background-position:left top; background-color:#2975A9}
.comp2 { background-image:url(/images/2bg.gif); background-repeat:repeat-x; background-position:left top}
#main { text-align:left; width:400px; padding:20px;}