@charset "UTF-8";
body {
	font: 70% Arial, Helvetica, sans-serif;	background: #fff url(/assets/bg-page.png) repeat-y center top;
	margin: 0; padding: 28px 32px;	text-align: center; color: #000;
}
body.testbg { background: #f3f3f4 url(/assets/bg-premier-ripoff.png) repeat center top; }
body.grid { background: #fff url(/assets/bg-page-grid.png) repeat-y center top; }

/* ======= PAGE ======= */
#container {	width: 779px;	margin: 0 auto;	text-align: left; position: relative; left: 5px;  } /* 769px + 5px for margins + 5px extra for IE */
.clear { clear: both; }
img { border: none; }
.fleft { float: left; }
.fright { float: right; }
p.break { height: 8px; margin: 0; padding: 0; line-height: 1px; overflow: hidden; clear: both; }


/* ======= HEADER ======= */
#header {
	background: #0a72bc url(/assets/bg-header-best-one.png) repeat-y left top; height: 100px; width: 769px;
	padding: 0; margin: 0 0 4px; position: relative;
}
#header img { position: absolute; left: 20px; top: 32px; }
#header h2 { position: absolute; left: 280px; top: 44px; height: 22px; width: 330px; color: #fff; margin: 0; padding: 0; }
 #header h2 span { position: absolute; left: -9999px; }
 #header h2.strapGen { background: url(/assets/header-titles.gif) no-repeat left 0px; }
 #header h2.strapSho { background: url(/assets/header-titles.gif) no-repeat left -40px; }
 #header h2.strapRet { background: url(/assets/header-titles.gif) no-repeat left -80px; }
 #header h2.strapMem { background: url(/assets/header-titles.gif) no-repeat left -120px; }
 #header h2.strapOrd { background: url(/assets/header-titles.gif) no-repeat left -160px; }

/* ======= MAIN NAV ======= */
#mainnav { height: 2.27em; overflow: hidden; margin: 0 0 4px; position: relative; z-index: 10; }
 #mainnav a { text-decoration: none; }
 #mainnav ul { list-style-type: none; margin: 0; padding: 0; }
	#mainnav ul li { list-style-type: none; margin: 0; padding: 0; display: inline; float: left; }
	#mainnav ul li a { display: inline; width: 124px; height: 2.27em; font-size: 1.15em; line-height: 90%; background: #5f7389; color: #fff; float: left; margin: 0 5px 0 0; } 
	#mainnav ul li a span { display: block; width: 99px; height: 2.27em; background: url(/assets/icon-nav-arrows.png) no-repeat 3px 7px; padding: 6px 3px 4px 22px; cursor: pointer; }
	#mainnav ul li.current a span { background-position: 3px -291px; color: #fff21b; }

	#mainnav ul li.twocol a { width: 253px; } 
	#mainnav ul li.twocol a span { width: 228px; } /* block width minus padding */
	
 #mainnav ul li#mnA.general a { background: url(/assets/bg-mainnav.png) repeat-y left top; }
	#mainnav ul li#mnB.general a { background: url(/assets/bg-mainnav.png) repeat-y -129px top; }
	#mainnav ul li#mnC.general a { background: url(/assets/bg-mainnav.png) repeat-y -258px top;}
	#mainnav ul li#mnD.general a, #mainnav ul li#mnE.general a { background: url(/assets/bg-mainnav.png) repeat-y -387px top;}
	#mainnav ul li#mnE.retail a { background: url(/assets/bg-mainnav.png) repeat-y -550px top; }
	#mainnav ul li#mnF.retail a { background: url(/assets/bg-mainnav.png) repeat-y -679px top; }

	#mainnav ul li a:hover, #mainnav ul li a:focus { color: #fff21b; }
	#mainnav ul li a:hover span, #mainnav ul li a:focus span, #mainnav ul li.current a:hover span, #mainnav ul li.current a:focus span { background-position: 3px -193px; }

/* ======= FORMS ======= */

form { margin: 0; padding: 0; }
input.textinput, textarea.textinput { background: #fff url(/assets/bg-form-input.png) no-repeat left top; border: 1px solid #006; padding: 4px; color: #333; font: 1em Arial, Helvetica, sans-serif;	}
 input.textinput.error, textarea.textinput.error { border: 1px solid #d00; }
 input.textinput:focus, input.textinput:active, textarea.textinput:focus, textarea.textinput:active { border: 1px solid #50ad42; color: #000; background-position: left top; }
	input.button, a.button { font-family: Arial, Helvetica, sans-serif;	background: #0056a6 url(/assets/icon-nav-arrows.png) no-repeat 3px -192px; border: none; margin: 2px 0 10px; color: #fff; padding: 1px 10px 2px 17px; width: auto; overflow: visible; height: 24px; font-weight: bold; font-size: 1.2em; }
	input.button:hover, input.button:focus, a.button:hover, a.button:focus { background-color: #1478c1; cursor: pointer; }
	.stronglabel { font-size: 1.4em; font-weight: bold; color: #768ea0; padding-right: 8px; letter-spacing:-1px; }

	input.buttonlesser { font-family: Arial, Helvetica, sans-serif;	background: #d8d9d9 url(/assets/icon-nav-arrows.png) no-repeat 3px 7px; border: none; margin: 2px 0 10px; color: #0056a6; padding: 1px 10px 2px 17px; width: auto; height: 22px; font-weight: bold; font-size: 1em; }
	input.buttonlesser:hover, input.buttonlesser:focus { background-position: 3px -393px; cursor: pointer; color: #000; }
a.back, input.back { background: #0056a6 url(/assets/icon-nav-arrows.png) no-repeat 3px -793px; }

fieldset { margin: 0 0 12px 20px; border: 1px solid #bbb; padding: 3px 5px;}
 #main fieldset h4 { margin: 6px 0; }
 fieldset legend { font-size: 1.3em; color: #3198d8; font-weight: bold; }
	.fourcol fieldset p { margin-left: 0; }
	.contact label, .radio span { display: block; width: 11em; text-align: right; margin-right: 0.8em; float: left; line-height: 115%;}
	.contact .radio label { display: inline; width: auto; float: none; }
 .radio span.formsmallprint { display: block; width: auto; text-align: left; margin: 0; float: none; font-size: 0.9em; }
.contact .textinput { width: 280px; }
.contact p.indent { padding-left: 11.8em; }
 .contact p.indent label { width: auto; text-align: left; display: inline; padding-left: 2em; margin-bottom: 4px; }
  .contact p.indent label input { float: left; margin: 0 -2em; }

.contact p.button { text-align: center; }	
.fourcol p.extratext { padding: 1px 25px 3px 11.8em; color: #333; }
.required { color: #d00; font-weight: bold; font-size: 1.1em; vertical-align: top; }
#captchacode { height: 50px; }
#captchacode img { float: left; margin-right: 14px; }
#captchacode a { float: left; width: 5em; padding-top: 10px; font-size: 0.9em; }

.formerrors { color: #d00; }
 .formerrors li { font-size: 1.1em; }
 .formerrors li a:link, .formerrors li a:visited { text-decoration: underline; color: #f00; } 
 .formerrors li a:hover, .formerrors li a:active { color: #800; } 
form u { padding: 1px 8px; height: 18px; vertical-align: top; background: url(assets/icon-exclamation.gif) no-repeat 2px 1px; text-decoration: none; }

ul.form-progress { list-style-type: none; margin: 0 0 10px 38px; height: 46px; padding: 0; }
div.fourcol .form-progress li { background: #f4f4f4; padding: 4px 8px 4px 6px; border: 1px solid #bbb; width: 120px; height: 35px; float: left;margin: 0 14px 0 0; font-size: 1.1em; color: #777; }
div.fourcol .form-progress li.current { border: 1px solid #0056a6; color: #000; }
div.fourcol .form-progress li.complete { border: 1px solid #0056a6; color: #444; background: #ecf8fe; }
div.fourcol .form-progress li.current { background: #ecf8fe; }
#main .form-progress h3 { margin: 0 0 2px 4px; color: #ccc; width: 28px; line-height: 35px; float: left; font-size: 3em;}
ul.form-progress p { margin: 0; }
#main .form-progress .current h3 { color: #0056a6; }
#main .form-progress li.complete a { color: #487eb0; }
#main .form-progress li.complete a:hover, #main .form-progress li.complete a:active  { color: #333; text-decoration: none; }
p.extrapad { padding-top: 5px; }
div.extra { padding-bottom: 5px; clear: both; }
#main p.msg-alert { background: #fdf8c4 url(assets/icon-exclamation.gif) no-repeat 4px 3px; padding: 3px 4px 4px 24px; color: #600; font-weight: bold;}


a.bigbutton { height: 24px; display: block; width: auto; padding: 5px 22px 2px 10px; background: #0056a6 url(/assets/icon-large-arrows-on-blue.png) no-repeat right -597px; font-weight: bold; font-size: 1.4em; margin: 0; border-right: 5px solid #0056a6; }
.trolley tfoot a.bigbutton { margin-top: -7px; }
.trolley tfoot .button { margin-top: 4px; }
a.bigbutton:link, a.bigbutton:visited { color: #fff; }
 a.bigbutton:hover, a.bigbutton:active { background-color: #1478c1; background-position: right -397px; color: #fff; text-decoration: none; border-right: 5px solid #1478c1; }

a.button, a.button:link, a.button:visited { text-decoration: none; color: #fff; background-position: 3px -195px; padding-left: 18px; height: 19px;}
a.back, a.back:link, a.back:visited { background-position: 3px -795px; }
	a.button:hover, a.button:focus { background-color: #1478c1; cursor: pointer; color: #fff; }

/* ======= LOGIN ======= */

#loginpanel { width: 253px; height: 115px; position: absolute; top: 133px; right: 10px; background: #0a72bc url(/assets/bg-header-best-one.png) repeat-y -90px top; color: #fff; display: none; z-index:100; }
 #loginpanel form { position: absolute; bottom: 0px; right: 10px; }
	#loginpanel label { display: block; clear: both; font-size: 1.1em; padding: 3px 0; }
	#loginpanel input { margin: -2px 0 6px 4px; width: 136px; float: right; }
	#loginpanel p { clear: both; text-align: right; }
	#loginpanel input.button { font-family: Arial, Helvetica, sans-serif;	background: #fff url(/assets/icon-nav-arrows.png) no-repeat 3px -392px; border: none; margin: 2px 0 10px; color: #0056a6; padding: 3px 10px 3px 16px; width: auto; font-weight: bold; font-size: 1.2em; }
	#loginpanel input.button:hover, #loginpanel input.button:focus { background-color: #fff21b; cursor: pointer; }


/* ======= Sub NAV ======= */
 #main #subnav a { text-decoration: none; font-weight: normal; }
 #subnav ul { list-style-type: none; margin: 0; padding: 0; }
	#subnav ul li { list-style-type: none; margin: 0; padding: 0; height: 2.27em; overflow: hidden; display: inline; }
	#main #subnav ul li a { display: block; width: 220px; font-size: 1.15em; line-height: 90%; background: #d8d9d9 url(/assets/icon-nav-arrows.png) no-repeat 233px 7px; color: #fff; float: left; margin: 0 0 2px; padding: 6px 20px 5px 13px; color: #0056a6; } 
		#main #subnav ul li.current a { background: #d8d9d9 url(/assets/icon-nav-arrows.png) no-repeat 233px -193px; font-weight: bold; }
  #main #subnav ul li a:hover, #subnav ul li a:active, #subnav ul li a:focus { background-position: 233px -393px; color: #000; }
	 #main #subnav ul li.last a { margin-bottom: 5px; }
		
/* ======= CONTENT ======= */
#main { }
.homeleft { width: 323px; float: left; margin: 0; }
.homeright { width: 446px; float: right; margin: 0; }

#intro { width: 769px; height: 234px; margin-bottom: 10px; z-index: 0;}
#intro { position:relative; }
#intro IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#intro IMG.active { z-index:10; opacity:1.0; }
#intro IMG.last-active { z-index:9; }


p.listingsnav { text-align: right; margin: 20px 0; }
 p.listingsnav a { padding: 3px 6px; text-decoration: none; border: 1px solid #e0e0e0; font-weight: bold; background: #eee;}
	p.listingsnav a:link, p.listingsnav a:visited { color: #003378; }
 p.listingsnav a:hover, p.listingsnav a:active, p.listingsnav a:focus { background: #fff; text-decoration: none; border: 1px solid #132672; color: #3095d6; }
 p.listingsnav span { padding: 3px 6px; background: #ddd; border: 1px solid #bbb; }
 p.listingsnav a.searchsuggest { padding: 0; border: none; background: none; }
 p.listingsnav a.searchsuggest:link, p.listingsnav a.searchsuggest:active, p.listingsnav a.searchsuggest:focus { border: none; background: none; }
	p.listingsnav a.sml, p.listingsnav span.sml { padding: 3px 4px; }

div.twocol img { margin: 0 0 5px; float: left; }
div.twocol div { clear: left; }
div.twocol { overflow: hidden; }
.fourcol p, .fourcol ul, .fourcol ol, .fourcol h1, .fourcol h2, .fourcol h3, .fourcol h4, .fourcol h5, .fourcol h6 { margin-left: 20px; }

#welcome { background: #ffe148; padding: 5px 9px; margin: 0 0 12px; display: none; line-height: 1.5;}
 #welcome a:link, #welcome a:visited { padding: 0 4px; color:#900; }
 #welcome a:hover, #welcome a:active { padding: 0 4px; color:#D00; }
.sixcol #welcome { width: 751px; }
 #welcome .msgalert { background: url(/assets/icon-info.png) no-repeat 3px 0; padding-left: 23px; }
 #welcome .msgok { background: url(/assets/icon-tick.png) no-repeat 0 0; padding-left: 20px; }
 #welcome .msgcart { background: url(/assets/icon-cartin.png) no-repeat 0 0; padding-left: 20px; }
	
	a.stronglink { font-weight: bold; background: url(/assets/icon-nav-arrows.png) no-repeat right -397px; padding-right: 18px; }
	a.stronglink:hover, a.stronglink:active { background-position: right -597px; }
	
/* FEATURE BOXES */
div.twocol.feature-box, div.twocol.retailer-box, div.twocol.promotion-box { margin-bottom: 5px; }
div.feature-box div, div.retailer-box div, div.promotion-box div { height: 13.15em; overflow: hidden; padding: 0; }
div.feature-box h2 a, div.retailer-box h2 a, div.promotion-box h2 a { display: block; padding: 0.4em 8px 0.8em; margin: 0; }
div.feature-box h2 a:link, div.feature-box h2 a:visited, div.retailer-box h2 a:link, div.retailer-box h2 a:visited, div.promotion-box h2 a:link, div.promotion-box h2 a:visited { color: #fff; text-decoration: none; }
div.feature-box h2 a:hover, div.feature-box h2 a:active, div.feature-box h2 a:focus, div.retailer-box h2 a:hover, div.retailer-box h2 a:active, div.retailer-box h2 a:focus, div.promotion-box h2 a:hover, div.promotion-box h2 a:active, div.promotion-box h2 a:focus { color: #FF9; text-decoration: none; }

/* Consumer Promotions */
 div.promotion-box h2 { height: 2.2em; overflow: hidden; background: #fe0403 url(/assets/bg-box-headers.gif) repeat-y left top; color: #fff; font-size: 1.1em; margin: 0; }
 div.promotion-box div.promoboxinner { position: relative; background: #fff218 url(/assets/bg-box-main-features.gif) repeat-x left top; padding: 0; border: 1px solid #818386; border-top: none; margin: 0; }
	div.promotion-box h3 { font-size: 2.1em; color: #fd1c21; }
 div.promotion-box h3 a:link, div.promotion-box h3 a:visited { color: #fd1c21; text-decoration: none; }
	div.promotion-box h3 a:hover, div.promotion-box h3 a:active { color: #900; text-decoration: none; }
	div.promoboxinner p, div.promoboxinner h3 { width: 124px; }
	div.promotion-box div.poster { position: absolute; right: 5px; top: 0px; width: 116px; height: 147px; background: url(/assets/bg-promotions-sml.png) no-repeat left top; }
	div.poster a { display: block; width: 105px; height: 148px; margin: 5px 0 0 15px; }
	
/* Features */
 div.feature-box h2 { height: 2.2em; overflow: hidden; background: #5b7085 url(/assets/bg-box-headers.gif) repeat-y -258px top; color: #fff; font-size: 1.1em; margin: 0; padding: 0;}
 div.feature-box div, div.retailer-box div { background: #ecf8fe url(/assets/bg-box-main-features.gif) repeat-x left -500px; padding: 0; border: 1px solid #818386; border-top: none; margin: 0; }
	div.feature-box h3 { font-size: 2.1em; color: #000; }

 div.feature-box p a:link, div.feature-box p a:visited { color: #0056a6; text-decoration: none; }
	div.feature-box p a:hover, div.feature-box p a:active { color: #3095d6; text-decoration: underline; }
	
/* Retailers */
 div.retailer-box h2 { height: 2.2em; overflow: hidden; background: #3096d6 url(/assets/bg-box-headers.gif) repeat-y -516px top; color: #fff; font-size: 1.1em; margin: 0; }
	div.retailer-box h3 { font-size: 2.1em; color: #000; }

 div.retailer-box h3 a:link, div.retailer-box h3 a:visited { color: #000; text-decoration: none; }
	div.retailer-box h3 a:hover, div.retailer-box h3 a:active { color: #0056a6; text-decoration: none; }

 div.feature-box div p, div.retailer-box div p, div.promotion-box p, div.retailerpromotion-box p { padding: 7px 8px 2px; margin:5px 0 0; }
 div.feature-box div h3, div.retailer-box div h3, div.promotion-box h3, div.retailerpromotion-box h3 { padding: 5px 8px 0; margin:0 0 5px; line-height: 100%; }
 div.feature-box div img, div.retailer-box div img { float: left; margin:0 12px 0 0; }

/* Shopper highlight */
div.highlight-shopper { background: url(/assets/bg-box-highlight-shopper.png) repeat-x left top; padding: 10px 0 2px; }
 div.highlight-shopper p { margin: 0 10px 8px; color: #0056a6; }
div.store-finder { height: 128px; font-size: 1.1em; }

/* Consumer Promotions Terms */
div.promotionsterms-box { background: #fff21b url(/assets/bg-box-highlight-shopper.png) repeat-x left bottom; }
 div.promotionsterms-box div { margin: 8px 12px; }
 div.promotionsterms-box h3 { font-size: 1em; margin: 0 0 2px; }
 div.promotionsterms-box p { font-size: 0.9em; margin: 0 0 2px; }

.promotions { background: url(/assets/bg-promotions-med.jpg) no-repeat left top; width: 130px; height: 180px; float: left; margin: 0 2px 12px 34px; display: inline; }
 .promotions img { margin: 5px; }

/* Apply now link */
.applynow-box { padding: 0; margin: 0 0 5px; }
	.applynow-box a { display: block; background: #3097d7 url(/assets/bg-block-highlight.png) repeat-y left top; width: 253px; color: #fff; font-size: 1.9em; padding: 12px 0; }
	.applynow-box span { padding: 10px 48px 8px 14px; letter-spacing:-1px; font-weight: bold; background: url(/assets/icon-large-arrows-on-mdblue.png) no-repeat right -590px; }
	.applynow-box a:link, .applynow-box a:visited { color: #fff; }
	.applynow-box a:hover, .applynow-box a:active, .applynow-box a:focus { color: #fff21b; text-decoration: none; }
	.applynow-box a:hover span, .applynow-box a:active span, .applynow-box a:focus span { background-position: right -390px; } 
	
/* Retailer Promotions */
div.retailerpromotion-box { height: 15.6em; overflow: hidden; background: #3096d6 url(/assets/bg-box-headers.gif) repeat-y -516px top; }
 div.retailerpromotion-box .offer1, div.retailerpromotion-box .offer2 { height: 98.9%; border: 1px solid #818386; float: right; width: 170px; background: #fff; }
 div.retailerpromotion-box .offer2 { border-left: none; }
	 div.retailerpromotion-box h3 { font-size: 2em; color: #fff; padding: 16px 8px 12px; }
		div.retailerpromotion-box h3 a:link, div.retailerpromotion-box h3 a:visited { color: #fff; }
		div.retailerpromotion-box h3 a:hover, div.retailerpromotion-box h3 a:active, div.retailerpromotion-box h3 a:focus { color: #fff21b; text-decoration: none; }
  div.retailerpromotion-box p { color: #fff; width: 124px; }
		div.retailerpromotion-box p a:link, div.retailerpromotion-box p a:visited{ color: #fff21b; }

.offer1, .offer2 { text-align: center; position: relative;}
.offer1 { margin-left: 14px; }
.offer1 img, .offer2 img { margin: 5px auto 3px; }
.offer1 img.flash, .offer2 img.flash { margin: 0; position:absolute; top:0px; left:0px; }
div.retailerpromotion-box .offer1 h5, div.retailerpromotion-box .offer2 h5 { text-align: left; color: #0056a6; width: auto; padding: 0 6px; margin: 0 0 2px; line-height: 100%;}
div.retailerpromotion-box .offer1 p, div.retailerpromotion-box .offer2 p { text-align: left; color: #000; width: auto; padding: 0 6px; margin: 0 0 2px; font-size: 0.9em; line-height: 110%; }
div.retailerpromotion-box .offer1 p.retailer-offer, div.retailerpromotion-box .offer2 p.retailer-offer { font-size: 1.15em; text-transform: uppercase; font-weight:bold; color: #0056a6; line-height: 110%; }



/* Link lists */
ul.linklist { margin: 0 0 12px 20px; padding: 0; list-style-type: none; }
 .linklist li { margin: 0 0 2px; padding: 0; list-style-type: none; }
	 .linklist li a { display: block; width: 90%; padding: 4px 8px 4px 24px; font-size: 1.3em; background: #d0e5f3 url(/assets/icon-nav-arrows.png) no-repeat 5px -392px; }
	 .linklist li a:hover, .linklist li a:active, .linklist li a:focus { background: #c0d5e3 url(/assets/icon-nav-arrows.png) no-repeat 5px 8px; text-decoration: none; color: #005096; outline: none; }

ul.dslist { margin: 0 0 12px 20px; padding: 0; list-style-type: none; }
 .dslist li { margin: 0 0 2px; padding: 4px 0; list-style-type: none; background: #eee; width: 100%; }
	 .dslist li a { float: right; padding: 3px 6px; margin: 0 4px; font-size: 1.1em; }
	 .dslist li a.linkpdf, .dslist li a.linkemail { padding-left: 20px; }
		.dslist li span { font-size: 1.2em; margin-left: 8px;}

a.linkpdf { background: url(/assets/icon-pdf-sml.gif) no-repeat left 1px; padding-left: 20px; }
a.linkemail { background: url(/assets/icon-email.gif) no-repeat left 1px; padding-left: 20px; }



/* ======= RETAILER PROMOTIONS ====== */
 div.retailer-offer { height: 16em; border: 1px solid #818386; float: left; width: 170px; background: #fff; text-align: center; position: relative; margin: 0 0 12px 20px; }

  div.retailerpromotion-box p { color: #fff; width: 124px; }
		div.retailerpromotion-box p a:link, div.retailerpromotion-box p a:visited{ color: #fff21b; }

div.retailer-offer img { margin: 5px auto 3px; }
div.retailer-offer img.flash { margin: 0; position:absolute; top:0px; left:0px; }
div.retailer-offer h5 { text-align: left; color: #0056a6; width: auto; padding: 0 6px; margin: 0 0 2px; line-height: 100%;}
div.retailer-offer p { text-align: left; color: #000; width: auto; padding: 0 6px; margin: 0 0 2px; font-size: 0.9em; line-height: 110%; }
div.retailer-offer p.retailer-offer { font-size: 1.15em; text-transform: uppercase; font-weight:bold; color: #0056a6; line-height: 110%; }



/* ======= NEWS ======= */

.news { border-top: 1px solid #dadada; padding: 10px 0 4px; }
.news.odd, .odd .clear { background: #f1faff; zoom: 1; }
.news .clear { margin:0; }
.news.last { border-bottom: 1px solid #dadada; }
.news img { float: left; margin: 0 12px 4px 20px; }
.news p.date { font-size: 1.1em; color: #777; margin: 0 6px 4px 20px; }
 .news p.date a { float: right; padding: 0 20px 2px 3px;  }
	a.open:link, a.open:visited { color: #0056a6; }
 a.open { background: url(/assets/icon-controls.png) no-repeat right 0px; font-size: 0.9em; }
	a.open:hover { background-position: right -50px; }
 a.close { background: url(/assets/icon-controls.png) no-repeat right -100px; font-size: 1.05em; }
	a.close:link, a.close:visited { color: #471c63; }
 a.close:hover, a.close:active { color: #9160d0; background-position: right -150px; }
 a.hidden { display: none; }
.news h3 { color: #0056a6; font-size: 1.4em; margin: 0 20px 6px; zoom: 1;}
.news p { margin: 0 20px 10px; zoom: 1; }
.news .intro { font-size: 1.1em; }
.news .fullstory { color: #333;  }

/* ======= FILES ======= */
p.filesmall { margin: 0 0 6px 20px; }
.news p.filesmall, .news p.filelarge { margin-right: 20px; }
 #main p.filesmall a { display: block; background: #d9e6f2 url(/assets/icon-files-small.png) no-repeat 2px -302px; padding: 4px 3px 4px 34px; font-size: 1.1em; border: 1px solid #fff; width: auto; font-weight: normal; }
  #main p.filesmall a span { color: #555; font-size: 0.8em; }
  #main p.filesmall a:hover, p.filesmall a:active { text-decoration: none; border: 1px solid #3095d6; }
		#main p.filesmall a.file-pdf { background-position: 2px -2px; }
		#main p.filesmall a.file-doc { background-position: 2px -102px; }
		#main p.filesmall a.file-ppt { background-position: 2px -202px; }

 #main p.filelarge a { display: block; background: #d9e6f2 url(/assets/icon-files-large.png) no-repeat 2px -300px; padding: 8px 3px 12px 54px; font-size: 1.2em; border: 1px solid #fff; width: auto; font-weight: normal; }
  #main p.filelarge a span { color: #555; font-size: 0.8em; }
  #main p.filelarge a:hover, p.filelarge a:active { text-decoration: none; border: 1px solid #3095d6; }
		#main p.filelarge a.file-pdf { background-position: 2px 0px; }
		#main p.filelarge a.file-doc { background-position: 2px -100px; }
		#main p.filelarge a.file-ppt { background-position: 2px -200px; }

 p.nologin-filesmall { display: block; background: #f3e3e2 url(/assets/icon-files-small.png) no-repeat 2px -402px; padding: 4px 3px 4px 34px; font-size: 1.2em; border: 1px solid #fff; width: auto;}
 p.nologin-filelarge { display: block; background: #f3e3e2 url(/assets/icon-files-large.png) no-repeat 2px -400px; padding: 8px 3px 15px 54px; font-size: 1.26em; border: 1px solid #fff; width: auto;}
 p.nologin-filesmall span, p.nologin-filelarge span { font-size: 0.85em; }


/* ====== LOGIN PAGE ====== */

#login2 { background: #c1e0f3; padding: 20px; margin: 12px 20px; float: left; display: inline; }
 #login2 label { font-weight: bold; font-size: 1.2em; display: block; padding: 3px 0; color: #0056a6; }
	#login2 input { margin: 0 0 4px; width: 236px; }
	#login2 p { clear: both; text-align: left; margin: 0 0 10px; }
	#login2 p.button { text-align: right; margin: 0; }
	#login2 p.button span { float: left; padding-top: 8px; }
	#login2 .button input { font-family: Arial, Helvetica, sans-serif;	background: #fff url(/assets/icon-nav-arrows.png) no-repeat 3px -392px; border: none; margin: 2px 0; color: #0056a6; padding: 3px 10px 3px 16px; width: auto; font-weight: bold; font-size: 1.2em; }
	#login2 .button input:hover, #login2 .button input:focus { background-color: #fff21b; cursor: pointer; }

.loginerror { background: #fffea8 url(/assets/icon-warning.png) no-repeat 4px 3px; padding: 4px 6px 4px 27px; color: #444; font-weight: bold; }
.fourcol p.loginerror { margin-bottom: 4px; }



/* ====== MEMBER AREA ====== */
#memberpanel { clear: both; width: 779px; height: 10em; overflow: hidden;	position: relative; margin: 0 0 5px; z-index: 0;} /* 769px + 5px for margins + 5px extra for IE */
 #memberpanel .fourcol { height: 10em; overflow: hidden;	background: #ebeced url(/assets/bg-member-panel.gif) repeat-x left bottom; }
	#memberpanel .fourcol p { margin: 0 0 6px; padding: 4px 13px; border-bottom: 1px solid #fff; line-height: 115%; }
	#memberpanel .fourcol .twocol p { margin: 0 0 4px; padding: 2px 13px; border: none; }
	#memberpanel .fourcol p.newmessage { margin: 0px; width: 124px; padding: 0; border: none; position:absolute; bottom: 0px; left: 0px; }
	#memberpanel .fourcol p.newmessage a { margin: 0px; display: block; width: 98px; height: 1.65em; padding: 2px 13px 0; font-weight: normal; }
	#memberpanel p.newmessage a:link, #memberpanel p.newmessage a:visited { background: #ee1b0b; color: #fff; }
	#memberpanel p.newmessage a:hover, #memberpanel p.newmessage a:active { background: #ff2919; color: #fff21b; text-decoration: none; }
 #memberpanel .fourcol .twocol p.membernav { padding-top: 0; }
	
	#memberpanel a:link, #memberpanel a:visited { font-weight: bold; color: #0056a6; }
	#memberpanel a:hover, #memberpanel a:active { font-weight: bold; color: #3095d6; }
	
.membersecondcol { float: left; width: 248px; margin: 0; }
 #memberpanel .fourcol .membersecondcol p { margin: 0 0 6px; font-size: 1.1em; border: none; padding: 0; color: #333; }
 #memberpanel .fourcol h4 { margin: 0 0 4px; }


#memberinfopanel { clear: both; width: 779px; height: 9em; overflow: hidden;	position: relative; margin: 0 0 5px; } /* 769px + 5px for margins + 5px extra for IE */
 #memberinfopanel .twocol { height: 9em; background: #3096d6 url(/assets/bg-box-headers.gif) repeat-y -516px top;  position: relative; }
	#memberinfopanel .twocol h2 { font-size: 2.6em; letter-spacing: -1px; line-height: 100%; position: absolute; bottom: 4px; left: 14px; color: #fff;}
	#memberinfopanel .fourcol { height: 98.9%; border-bottom: 1px solid #dadada; }
	#memberinfopanel .fourcol .twocol { background: none; height: 98.9%; }
	#memberinfopanel div.ordering-box { margin: 14px 0 0 12px; padding: 0; }

div.twocol.scanner-box { padding-top: 5px; }
div.twocol.scanner-box img { float: left; margin: 1px 9px 0px 8px; }
div.twocol.scanner-box p { padding-top: 5px; margin: 0; }

/* Inbox */
.inbox { width: 491px; border-bottom: 1px solid #333; position: relative; margin-left: 20px; }
.inbox { border-bottom: none; }
.inbox td { font-size: 1.1em; border-top: 1px solid #333; padding: 5px; }

.inbox tr.oddrow td { background: #f5f6f7; }

.inbox td.date { background: url(/assets/bullet_white.gif) no-repeat left center; padding-left: 22px; color: #444; }
.inbox td.time { color: #777; }
.inbox td.checkbox { width: 12px; text-align: right; }
.inbox tr.oddrow td.date { background: #f5f6f7 url(/assets/bullet_white.gif) no-repeat left center; }
.inbox tr.msgnew td.date { background: transparent url(/assets/bullet_star.gif) no-repeat left center; }
.inbox tr.oddrow.msgnew td.date { background: #f5f6f7 url(/assets/bullet_star.gif) no-repeat left center; }
.inbox tr.msgnew td { font-weight: bold; }
.inbox tfoot td { text-align: right; }
.inbox a:visited { color: #0056a6; }
.inbox a:hover, .inbox a:active { color: #3095d6; text-decoration: none; }

.inbox tbody tr:hover, .inbox tbody tr.oddrow:hover td, .inbox tbody tr:hover td.date, .inbox tbody tr.oddrow:hover td.date { background-color:#FFC; cursor: pointer;}
.inbox tbody tr:hover td a { color: #3095d6; }
.inbox tbody tr.point { cursor: pointer; }

h3.msg { color: #444; border-bottom: 1px solid #ccc; }
 h3.msg span { color: #888; font-size: 0.9em; }

.msgfoot { border-top: 1px solid #ccc; padding: 6px 0; height: 30px; margin-left: 20px; }
.msgfoot .left { width: 40%; float: left; margin: 0; }
.msgfoot .right { width: 40%; float: right; text-align: right; margin: 0; }


/* EULA */

.eulaconfirm { background: #fffad1; border: 1px solid #fff48e; margin: 10px 0 10px 20px; padding: 8px 10px 2px; }
 div.fourcol .eulaconfirm p {margin: 0 0 6px; text-align: center;}
  div.fourcol .eulaconfirm input.button { margin-bottom: 0px; margin-left: 20px; }

/* ======= FOOTER ======= */
#footer { clear: both; width: 779px;	background: url(/assets/bg-footer.png) repeat-y left top; margin-top: 5px; } /* 769px + 5px for margins + 5px extra for IE */
#footer div {	padding: 10px 0 5px; margin-bottom: 0; background: none; }
#footer div.clear { padding: 0; }
#footer p {	margin: 0 0 8px; }
 #footer .inset p { padding-left: 10px; }
 #footer ul { margin: 0; padding: 0; width: 11.27em; }
	#footer ul li { list-style-type: none;  padding: 1px 2px 2px 0; margin: 0; border-bottom: 1px solid #959595; }
	#footer a { text-decoration: none; }
	#footer a:link, #footer a:visited { color: #000; }
	#footer a:hover, #footer a:active { color: #0056a6; }
	
	#footer div.ordering-box { padding: 0; margin: 3px 0 3px 12px;}
	#footer div.ordering-box.short { margin-top: 9px;}
	#footer div.ordering-box a { display: block; background: #0056a6 url(/assets/icon-large-arrows-on-blue.png) no-repeat 184px 34px; width: 180px; color: #fff; font-size: 1em; padding: 8px 40px 12px 10px; }
		#footer .ordering-box span, .ordering-box span { color: #fff21b; font-size: 1.9em; padding: 0 30px 4px 0; letter-spacing:-1px; font-weight: bold; }
	#footer div.ordering-box a:link, #footer div.ordering-box a:visited, div.ordering-box a:link, div.ordering-box a:visited { color: #fff; }
	#footer div.ordering-box a:hover, #footer div.ordering-box a:active, #footer div.ordering-box a:focus { background-position: 184px -166px; color: #fff;}
	#memberinfopanel div.ordering-box a, #footer div.ordering-box.short a, .twocol div.ordering-box a { display: block; background: #0056a6 url(/assets/icon-large-arrows-on-blue.png) no-repeat 184px 24px; width: 180px; color: #fff; font-size: 1em; padding: 10px 40px 12px 10px; line-height: 180%;}
 #memberinfopanel div.ordering-box a:hover, #memberinfopanel div.ordering-box a:active, #memberinfopanel div.ordering-box a:focus, #footer div.ordering-box.short a:hover, #footer div.ordering-box.short a:active, #footer div.ordering-box.short a:focus { background-position: 184px -176px; color: #fff; text-decoration: none; }

	.twocol div.ordering-box a { display: block; background: #0056a6 url(/assets/icon-large-arrows-on-blue.png) no-repeat 204px 24px; width: 203px; color: #fff; font-size: 1em; padding: 10px 40px 12px 10px; line-height: 180%; margin: 0 0 5px; }
 .twocol div.ordering-box a:hover, .twocol div.ordering-box a:active, .twocol div.ordering-box a:focus { background-position: 204px -176px; color: #fff; text-decoration: none; }

/*
div div { background: #ddd; }
div div div { background: #bbb; }
div div div div { background: #999; }
div div div div div { background: #777; }
div div div div div div { background: #555; }*/

