/* Styles for Online-Rewards public site */
/* 11/12/2009 */



/* --------------------------- ALL SITE STYLES --------------------------- */

body {
	font-family		: Verdana, Arial, sans-serif;
	font-size		: 11px;
	line-height		: 14px;
	color			: #333333;
	background-color: #FFFFFF;
}


div.shell {
		width			: 938px;
		margin-left         	: auto;
        margin-right        	: auto;
        float               	: none;
}

div {
	margin			: 0px;
	padding			: 0px;
}	

a, div, input {  
	outline:none;  
   }  
   
img {
	border: none;
	border: 0px;
}

a:active, a:link, a:visited {
	text-decoration	    	: none;
	color					: #333333;
}

a:hover {
	text-decoration	    	: underline;
	
}

h1 {
	font-weight		: 700;
	font-family		: Trebuchet, Verdana, Arial, sans-serif;
	font-size		: 16px;
	color			: #1e3a85;
	margin			: 0px;
	padding-bottom	: 3px;
}

h2 {
	font-weight		: 700;
	font-family		: Verdana, Arial, sans-serif;
	font-size		: 14px;
	color			: #1e3a85;
	margin			: 0px;
	padding			: 0px;
}

b.homeheadline {
	color			: #1e3a85;
	font-weight		: 700;
	font-family		: Verdana, Arial, sans-serif;
	font-size		: 14px;
	margin			: 0px;
	padding-bottom	: 5px;
}

b.headline {
	color			: #1e3a85;
	font-weight		: 700;
	font-family		: Verdana, Arial, sans-serif;
	font-size		: 14px;
	margin			: 0px;
	margin-top		: 10px;
	margin-bottom	: 5px;
}

ul {
	list-style: square url(../images/bluesquare.jpg);
	line-height: 1.5em;
	}

p {
	margin-top		: 20px;
	margin-bottom	: 10px;
	padding			: 0px;
}

p a:active, a:link, a:visited {
	text-decoration	    	: none;
	color					: #FF6600;
}

p a:hover {
	text-decoration	    	: underline;
	
}

a.inline:active, a.inline:link, a.inline:visited {
	text-decoration	: none;
	color			: #333333;
}

a.inline:hover {
	text-decoration	: none;	
	color			: #333333;
}

a.toplink:active, a.toplink:link, a.toplink:visited {
	color		    	: #FF6600;
	text-decoration	    	: none;
}

a.toplink:hover {
	text-decoration	    	: underline;
}

a.nolink:active, a.nolink:link, a.nolink:visited {
	text-decoration	    	: none;
}

a.nolink:hover {
	text-decoration	    	: none;
}

span.smalltext {
	font-size				: 9px;
}

/* --------------------------- END OF ALL SITE STYLES --------------------------- */



/* --------------------------- HEADER STYLES --------------------------- */

div.header {
	width			: 938px;
	height			: 110px;
	margin			: 0px;
	padding			: 0px;
	color			: #1e3a85;
	border-bottom	: 5px solid #1e3a85;
	text-align		: center;
}


div.headerlogo {
	width			: 200px;
	height			: 110px;
	margin			: 0px;
	padding			: 0px;
	float			: left;
	vertical-align	: bottom;

}


div.headernav {
	width			: 738px;
	height			: 105px;
	margin			: 0px;
	padding			: 0px;
	float			: left;
}

div.headernavleft {
	width			: 652px;
	margin			: 0px;
	padding			: 0px;
	float			: left;
}

div.headernavright {
	width			: 56px;
	margin			: 0px;
	padding			: 0px;
	float			: right;
	text-align		: right;
}

div.headernavspacer {
	width			: 738px;
	height			: 87px;
}

div.navigationright {
	font-family		: Trebuchet, Verdana, Arial, sans-serif;
	font-size		: 12px;
	line-height		: 20px;
	color			: #FF6600;
}

div.navigationrighton {
	font-family		: Trebuchet, Verdana, Arial, sans-serif;
	font-size		: 12px;
	line-height		: 20px;
	color			: #FF6600;
	border-bottom	: 3px solid #1e3a85;
}



div.navigation {
	font-family		: Trebuchet, Verdana, Arial, sans-serif;
	font-size		: 12px;
	line-height		: 20px;
	color			: #1e3a85;
	margin-left		: 15px;
	float			: left;
}

div.navigationfirst {
	font-family		: Trebuchet, Verdana, Arial, sans-serif;
	font-size		: 12px;
	line-height		: 20px;
	color			: #1e3a85;
	margin-left		: 0px;
	float			: left;
}

div.navigationfirston {
	font-family		: Trebuchet, Verdana, Arial, sans-serif;
	font-size		: 12px;
	line-height		: 20px;
	color			: #1e3a85;
	margin-left		: 0px;
	float			: left;
	border-bottom	: 3px solid #FF6600;
}


div.navigationon {
	font-family		: Trebuchet, Verdana, Arial, sans-serif;
	font-size		: 12px;
	line-height		: 20px;
	color			: #1e3a85;
	margin-left		: 15px;
	float			: left;
	border-bottom	: 3px solid #FF6600;
}


a.navigation:active, a.navigation:link, a.navigation:visited {
	text-decoration	: none;
	color			: #1e3a85;
}

a.navigation:hover {
	text-decoration	: none;
	color			: #FF6600;		
}

/* For the main support link */
a.navsupport:active, a.navsupport:link, a.navsupport:visited {
	text-decoration	: none;
	color			: #FF6600;
}

a.navsupport:hover {
	text-decoration	: none;
	color			: #1e3a85;		
}


/* --------------------------- END OF HEADER STYLES --------------------------- */




/* --------------------------- CONTENT STYLES --------------------------- */


/* Main content wrappers */
div.mainshell {
	width			: 100%;
	padding-top		: 10px;
}

div.pagebanner {
	width			: 100%;
	padding-bottom	: 10px;
}

div.maincontentshellleft {
	width			: 738px;
	float			: left;
}

div.maincontentshellright {
	width			: 738px;
	float			: right;
}

div.maincontent {
	width			: 100%;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	min-height		: 400px;
	height			: auto !important;
  	height			: 400px;
  	margin-bottom	: 50px;

}

div.maincontentfloat {
	width			: 714px;
	margin-left 	: auto;
	margin-right	: auto;
	float			: none;
	padding-top		: 8px;
}

div.columnleft {
	width			: 352px;
	float			: left;
}

div.columnright {
	width			: 352px;
	float			: right;
}

/* End main content wrappers */


/* --------------------------- QUICKBOX STYLES --------------------------- */

div.quickboxshell {
	width			: 714px;
	margin-top		: 2px;
}

div.quickboxleft {
	width			: 357px;
	height			: 110px;
	float			: left;
	display			: block;
}

div.quickboxright {
	width			: 357px;
	height			: 110px;
	float			: right;
	display			: block;
}

div.quickboxleft:hover, div.quickboxright:hover {
	text-decoration	: none;
	cursor			: pointer;
	background-image: url(../images/rollover.gif);
	background-repeat: no-repeat;
}

div.quickboxlink {
	text-decoration	: none;
}

/* Quickbox content */

div.quickboxfloat {
	width			: 340px;
	margin-left		: auto;
	margin-right	: auto;
	float			: none;
	padding-top		: 5px;
}

div.quickboxtext {
	width			: 260px;
	float			: left;
	height			: 70px;
	text-align		: left;
}

div.quickboxtext span {
	color			: #555555;
}

div.quickboxtext span.header {
	font-weight		: 700;
	font-family		: Verdana, Arial, sans-serif;
	font-size		: 14px;
	color			: #1e3a85;
	text-decoration	: none;
	margin			: 0px;
	padding			: 0px;
}


/* also used on quickboxempty */
div.quickboxicon {
	width			: 80px;
	float			: right;
	text-align		: center;
}

div.quickboxleftempty {
	width			: 357px;
	float			: left;
	padding-top		: 5px;
	padding-bottom	: 5px;
}

div.quickboxrightempty {
	width			: 357px;
	float			: right;
	padding-top		: 5px;
	padding-bottom	: 5px;
}

div.quickboxemptyborder {
	width			: 260px;
	float			: left;
	height			: 1px;
}
/* End of Quickbox content */

/* --------------------------- END QUICKBOX STYLES --------------------------- */


/* --------------------------- CALLOUT-NAV STYLES --------------------------- */

div.navboxmainleft {
	width			: 200px;
	float			: left;
}

div.navboxmainright {
	width			: 200px;
	float			: right;	
}

div.navboxshellleft {
	width			: 190px;
	background-image: url(../images/navbackground.jpg);
	background-repeat: no-repeat; 
}

div.navboxshellright {
	width			: 190px;
	float			: right;
	background-image: url(../images/navbackground.jpg);
	background-repeat: no-repeat;
}

div.navboxheader {
	width			: 170px;
	margin-left		: auto;
	margin-right    : auto;
	float			: none;
	padding-top		: 8px;
	font-size		: 14px;
	font-weight		: bold;
	text-transform	: uppercase;
	text-align		: center;
	color			: #FFFFFF;
}


a.navheader:active, a.navheader:link, a.navheader:visited {
	text-decoration	: none;
	color			: #FFFFFF;
}

a.navsupport:hover {
	text-decoration	: none;	
}

div.navboxcontent {
	width			: 160px;
	margin-left		: auto;
	margin-right	: auto;
	float			: none;
	padding-top		: 15px;
}

div.navboxlinks {
	width			: 160px;
	margin-left		: auto;
	margin-right	: auto;
	float			: none;
	font-size		: 10px;
}

div.navboxcontent a:active, a:link, a:visited {
	text-decoration	: none;
	color			: #FF6600;
}

div.navboxcontent a:hover {
	text-decoration	: underline;
}

div.navboxlinks span {
	color			: #1e3a85;
}

div.navboxlinkfirst {
	height			: 25px;
	border-bottom	: 1px dotted #1e3a85;
}

div.navboxlink {
	height			: 25px;
	border-bottom	: 1px dotted #1e3a85;
	margin-top		: 10px;
}

div.navboxlinklast {
	height			: 25px;
	margin-top		: 10px;
	padding-bottom	: 10px;
}


div.navboxlinkfirston {
	height			: 25px;
	border-bottom	: 1px dotted #1e3a85;
}

div.navboxlinkon {
	height			: 25px;
	border-bottom	: 1px dotted #1e3a85;
	margin-top		: 10px;
}

div.navboxlinklaston {
	height			: 25px;
	margin-top		: 10px;
	padding-bottom	: 10px;
}




/* --------------------------- END CALLOUT-NAV STYLES --------------------------- */

/* --------------------------- TABLE FORM STYLES --------------------------- */

div.formtablewrapper {
	width			: 300px;
}

table.formtable {
	width			: 300px;
	color			: #666666;
}

div.formlargetablewrapper {
	width			: 500px;
	margin			: auto;
	float			: none;
}

table.formtablelarge {
	width			: 500px;
	color			: #666666;
}

td.header {
	/*background		: #1e3a85;*/
	font-size		: 14px;
	height			: 20px;
	/*padding-left	: 10px;*/
	color			: #FFFFFF;
	font-weight		: bold;
}

td.fieldname {
	font-size		: 10px;
	/*padding-left	: 10px;*/
	width			: 100px;
	text-align		: right;
}

td.inputfield {
	width			: 135px;

}

td.spacer {
	width			: 165px;
}


fieldset {
	border			: solid 2px #1e3a85;
	width			: 300px;
}

fieldset.large {
	border			: solid 2px #1e3a85;
	width			: 500px;
}

legend {
	font-size		: 14px;
	color			: #1e3a85;
	font-weight		: bold;
}






/* --------------------------- END OF TABLE FORM STYLES --------------------------- */
/* --------------------------- END OF CONTENT STYLES --------------------------- */



/* --------------------------- FOOTER STYLES --------------------------- */

div.footer {
	width			: 738px;
	padding-top		: 25px;
	margin			: 0px;
	clear           : both;
}

div.footercompanytext {
	width			: 738px;
	height			: 85px;
	text-align		: center;
	margin			: 0px;
	padding-top		: 3px;
	color			: #FFFFFF;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}

div.footertext {
	width			: 738px;
	text-align		: center;
	margin			: 0px;
	padding-bottom	: 3px;
	color			: #333333;
	text-transform	: uppercase;
	font-size		: 10px;

}

a.footernav:active, a.footernav:link, a.footernav:visited {
	color					: #1e3a85;
	text-decoration	    	: none;
}

a.footernav:hover {
	text-decoration	    	: underline;
}

span.footernav {
	color					: #333333;
}

/* --------------------------- END OF FOOTER STYLES --------------------------- */