﻿/* CSS */

body {
	background-color:#D8D8D8;
	margin: 0px;
	padding: 0px;
	text-align: center;	
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#535353;
	margin: 0px;
	text-align: left;
	line-height:14px;
	margin-bottom:14px;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#002A5C;
	margin:0 0 10px 0;
	text-align:left;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#002A5C;
	margin:0 0 5px 0;
	text-align:left;
}

hr {
	border: 0;
	height: 1px;
	background-color: #cfcfcf;
	color:#cfcfcf;
}

.menuitemtext {
	text-align:center;
	font-family: verdana, sans-serif, arial, helvetica;
	font-size: 12px;
	font-weight:bold;
	color:#002A5C;
	margin-top: 8px;
}

.headline {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#ffffff;
	margin-bottom: 20px;
}

.subheadline {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#535353;
}


.headlinebody {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
}

.footer {
	text-align:left;
	font-family: verdana, sans-serif, arial, helvetica;
	font-size: 10px;
	font-weight:normal;
	color:#cfcfcf;
	margin-bottom: 20px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: thin;
	padding-top: 10px;
	padding-left: 20px;
}

.whitetext {
	color:#ffffff;
}

.greytext {
	color:#535353;
}

.blacktext {
	color:#000000;
}

.bluetext {
	color:#002A5C;
}

.normaltext {
	font-weight:normal;
}

.textcenter {
	text-align:center;
}

.textleft {
	text-align:left;
}

.textright{
	text-align:right;
}

.textjustify{
	text-align:justify;
}
/*
form {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

input {
	border: 1px solid #535353; 
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#535353;
	 height:14px;	
}

textarea {
	border: 1px solid #535353; 
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#535353;
}

select {
	border: 1px solid #535353; 
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#535353;
}
*/
ol {
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#535353;
}

ul {
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#535353;
}


img {
	border:none;

}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.noborder {
	border:0px;
}

a { text-decoration:none; color:#002A5C; }
a:hover { text-decoration:none; }

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#535353;
}

#mainbody {
	text-align: center;  
	margin: 0px auto;
	width: 100%;
	height: inherit;	
	clear:both;
	overflow:hidden;
}

#whitebody {
	text-align: center;  
	margin: 0px auto 2px auto;
	width: 900px;
	height: inherit;	
	clear:both;
	overflow:hidden;
	background-color:#ffffff;
}

#greyline {
	text-align: center;  
	margin: 0px auto;
	width: 900px;
	height: 4px;	
	clear:both;
	overflow:auto;
	background-color:#D8D8D8;
}

#innerwhitecontent {
	text-align: center;  
	margin: 0;
	width: 845px;
	height: inherit;	
	clear:none;
	overflow:hidden;
	background-color:#ffffff;
	padding-top:25px;
}

#navbar {
	text-align: left;  
	margin: 0px auto;
	width: 845px;
	height: 27px;	
	clear:both;
	overflow:auto;
	background-color:#cce6ff;
}

#menuitem {
	text-align: center;  
	width:103px;
	height:27px;
	background-image:url('/shoppingadvisor/images/menuitembgoff.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}

#menuitem:hover {
	text-align: center;  
	width:103px;
	height:27px;
	background-image:url('/shoppingadvisor/images/menuitembgover.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}

#menuitemon {
	text-align: center;  
	width:103px;
	height:27px;
	background-image:url('/shoppingadvisor/images/menuitembgon.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}

#innerbluecontent {
	text-align: left;  
	width: 845px;
	height: inherit;	
	clear:both;
	overflow:auto;
	background-color:#002A5C;
	margin-top:5px;
}

#innerwhitecontentalt {
	text-align: center;  
	margin: 0px auto;
	width: 845px;
	height: inherit;	
	clear:both;
	overflow:hidden;
	background-color:#ffffff;
	padding-top:5px;
}

#innercontentleftcolumn {
	text-align: left;  
	width: 413px;
	height: inherit;	
	overflow:hidden;
	float:left;
}

#innercontentrightcolumn {
	text-align: left;  
	width: 432px;
	height: 100px;	
	overflow:hidden;
	float:right;
}

.innercolumn_left {
	text-align: left;  
	width: 413px;
	height: inherit;	
	overflow:auto;
	float:left;
}

.innercolumn_right {
	text-align: left;  
	width: 432px;
	height: inherit;	
	overflow:auto;
	float:right;
}

#innercontent66column {
	text-align: left; 
	margin-left:100px; 
	width: 550px;
	height: inherit;	
	overflow:auto;
	float:left;
}

#innerblueimage1 {
	text-align: left;
	width:400px;
	height:120px;
	margin-left:13px;
	margin-top:13px;
	margin-bottom:13px;
	clear:both;
	overflow:auto;
}

#innerblueimage2 {
	text-align: left;
	width:400px;
	height:300px;
	margin-left:13px;
	margin-top:13px;
	margin-bottom:13px;
	clear:both;
	overflow:hidden;
}

#innerwhiteimage1 {
	text-align: left;
	width:100px;
	height:94px;
	margin-bottom:13px;
	float:left;
	overflow:hidden;
}

#innerwhiteimage2 {
	text-align: left;
	width:419px;
	height:94px;
	margin-left:13px;
	margin-bottom:13px;
	overflow:hidden;
}

#innerwhitetext {
	text-align: left;
	width:267px;
	height:inherit;
	margin-left:13px;
	margin-bottom:13px;
	overflow:auto;
	float:left;
}


/* TABS FOR INTERNAL PAGES *******************************/

#tabarea .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #535353;	
	padding-top: 3px;
	padding-bottom: 9px;
}
#tabarea .description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;	
}

#tabarea a {
	color: #002A5C;	
}

#subnav {
	height: 22px;
	width: 850px;
	overflow: hidden;
	background-image: url(../images/subnav-bg.jpg);
	text-align: left;
  line-height:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002A5C;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 0px;
}
  
#subnav ul {
	list-style:none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: -3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #666666;
  }

#subnav li {
	float:left;
	margin:0;
	padding:0 0 0 9px;
	background-repeat: no-repeat;
	background-position: left top;
  }

#subnav a {
	float:left;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002A5C;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-left: 7px;
	text-decoration: none;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#subnav a {float:none;}
/* End IE5-Mac hack */
#subnav a:hover {
  color:#002A5C;
  text-decoration: underline;
  }
#subnav #current {
  background-image:url(../images/subnav-link-left.jpg);
  }

#subnav #current a {
  background-image:url(../images/subnav-link-right.jpg);
  color:#666666;
  padding-bottom:5px;
  }
  #subnav #current a:hover {
  background-image:url(../images/subnav-link-right.jpg);
  color:#666666;
  padding-bottom:5px;
  text-decoration: none;
  }



/* top arrow  11pt link style *************************** */

a.toparrow:hover, a.toparrow:active, a.toparrow:link, a.toparrow:visited {
	text-align:right;
}
a.toparrow:link, a.toparrow:visited {
	color: #002A5C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	background-image:url(/images/arrow_top_textsize.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:14px;
}


a.toparrow:hover, a.toparrow:active {
	color: #002A5C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	background-image:url(/images/arrow_top_textsize_over.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:14px;
}

/*  FAQ styles *************************** */


.faqq {
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00305E;
	margin:14px 0 14px 0;
	line-height:18px;
}


.faqq_qhead {
	font-weight:bold;
	margin:5px 50% -5px 0;
	border-bottom-style:dotted;
	border-bottom-color:#CCCCCC;
	border-bottom-width:thin;
}



.faqq_qlist {
	margin-bottom:0px;

}


#btnDivIE {
	 overflow:hidden;
	 display:none;/* hack */
}  

#btnDivFirefox {
	 overflow:hidden;
	 display:none;/* hack */
}

#swfBSAQuotes {
	margin-top:10px;
	margin-bottom:10px;
}




/* FORM styles *********************** */

/* //////// FORM styles /////// */

/*form styles ****************************/

textarea.formtextarea {
background-color:#eeeeee;
border:1px solid #65696E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


/*text area with white background */
textarea.formtextarea_white {
background-color:#ffffff !important;
border:1px solid #65696E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

input.formfield {
background-color:#eeeeee !important;
border:1px solid #65696E;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

/*form field with white background */
input.formfield_white {
background-color:#ffffff !important;
border:1px solid #65696E;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
width:160px;
}

input.formfield_error {
background-color:#ffcccc !important;
border:1px solid #6c6f70;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


select.dropdownmenu {
background-color:#eeeeee !important;
border:1px solid #65696E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#565a5c;
}

/*drop down with white background */
select.dropdownmenu_white {
background-color:#ffffff !important;
border:1px solid #65696E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#565a5c;
width:164px;
}


input.formButton {
font-size:12px;
color:#00305E;
background: #cccccc url(../images/buttonbackground.jpg) repeat-x;
border-top: 1px solid #b5b6b3;
border-bottom: 1px solid #65696E;
border-right: 1px solid #65696E;
border-left:1px solid #b5b6b3;
margin:0 6px 0px 0px;
padding:2px 2px 2px 2px;
}


input.formButton:hover {
background: #eeeeee url(../images/blueback.gif);
}

input.formButton:active {
background: #eeeeee url(../images/blueback.gif);

}

/*gray background  - for FORMS */

.grayback {
	background-color:#eeeeee !important;
	margin:0px;
	padding:1px 6px 1px 6px;
	width:476px;
	}

/*gray curve regular - 390 pixels */
.graycurve_top {
	background-image:url(../images/graycurve_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}

.graycurve_bottom {
	background-image:url(../images/graycurve_bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}

/*gray curve regular - 488 pixels */

.gray_top_488 {
	background-image:url(../images/gray_top_488.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	width:488px;
	}

.gray_bottom_488 {
	background-image:url(../images/gray_bottom_488.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	width:488px;
	}
