/* ----------------- STANDARDIZE DEFAULTS ----------------- */

/* default whitespace [ref:http://leftjustified.net/journal/2004/10/19/global-ws-reset/] */
	* { padding:0; margin:0; }
	h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
	input { padding: 0.08em 0; }
	option { margin-right:0.5em; }
	li, dd { margin-left:2em; }
	fieldset { padding:0.5em; }
/* /whitespace */

/* font : don't forget IE resize-font hack */
	body { font:11px Verdana, Arial, Helvetica, sans-serif; }
	* { font-size:1em; }
	input, select, textarea { font-size:1.18em; }
/* /font */

/* form tags: start and end tag add carriage returns */
	form { display:inline; }
/* /form tags */

/* other misc. standards */
	html, body { background-color:#fff; }
	img { border:0; }
	div#skipToAccessibilityLink { display:none; }
/* /other misc */

/* ----------------- /STANDARDIZE DEFAULTS ----------------- */



/* ----------------- MANHANDLING ----------------- */
/*
sometimes, I can't figure out the proper removal of presentation from content, and
I put some presentational code in the page; this stuff should go, when it can...
Declare these first, so they are overridden by anything more specific.
*/
.border { border: 1px solid #000; }
.floatleft { float: left; }
hr.clearer { display:block; clear:both; visibility:hidden; line-height:0; padding:0; height:0; margin: -0.66em 0; }
/* ----------------- /MANHANDLING ----------------- */



/* ----------------- LAYOUT ----------------- */

body { /* large top margin allows for navigation code to be last, with position:absolute to first */
	padding: 132px 5px 20px 38px;
	}

/* all pageHeader elements fit in the top margin of the body */
#pageHeader {
	position: absolute;
	top: 13px;
	left: 38px;
	}

/* menu navigation */
#mainMenu {
	position: relative;
	margin-top:12px;
	white-space: nowrap;
	z-index: 30;
	}
#menuProducts {
	position: absolute;
	top: 27px;
	left: 0;
	z-index: 31;
	visibility: hidden;
	}
#menuRedemption {
	position: absolute;
	top: 27px;
	left: 141px;
	z-index: 32;
	visibility: hidden;
	}
#menuProducts img, #menuRedemption img { display:block; }
/* /menu */

/* body content */
#mainContent {
	clear:both;
	margin:20px 0;
	width: 675px;
	}
div.contentPrimary {
	width:390px;
	float:left;
	margin:2.25em 0 2em 10px;
	}
div.contentSecondary {
	float:left;
	width:220px;
	margin: 2.25em 0 2em 35px;
	}
div.contentTertiary {
	clear:both;
	}

#copyrightFooter { clear:both; margin:0; padding:2.5em 0 1em 0; }

/* ----------------- /LAYOUT ----------------- */



/* ----------------- LOOK-AND-FEEL ----------------- */
body {
	background-color: #fff;
	color: #000;
	}

h1, h2, h3, h4 { clear:left; }
h3, h4 { font-weight:bold; }
h3 { font-size:1.3em; }
h4 { text-transform:uppercase; }

.footnote { font-size: 0.85em; }
p { margin:1.25em 0; }
div.dimRow {
	background-color: #edf4fb;
	padding: 0.5em 0.8em;
	color: #666;
	}
div.dimRow strong { font-weight: bold; color:#000; }

p.notice {
	color:#d00;
	font-weight:bold;
	margin:1em 2em;
}

#mainContent { margin: 2em 0; }
#mainContent p:first-child { padding-top:0.8em; }
#mainContent h1, #mainContent h2 {
	font: 1.45em Arial, Helvetica, sans-serif;
	color: #444;
	padding: 1em 0 0.5em 0;
	margin: 0 0 0.8em 0;
	background: url(/common/img/underdots.gif) repeat-x 0 100%;
	display:block;
	clear:both;
	}
#mainContent img[hspace] { margin-right:15px; }
#mainContent img[vspace] { margin-top:5px; margin-bottom:5px; }

ul.newsList { list-style:none; margin: 1em 0; padding:0; }
ul.newsList li { margin: 1em 0; padding:0; }

#copyrightFooter hr {
	display:block;
	width:608px;
	height:1em;
	border:none;
	clip:rect(1.7em, 0, 0, 0);
	overflow:hidden;
	padding-bottom: 1em;
	margin: 0.8em 1.5em 0.5em 0;
	background: url(/common/img/underdots.gif) repeat-x 0 100%;
	}
#copyrightLogo { display:block; margin: 0 0 0.25em 0; }
#validationLinks { font-size:0.875em; padding:0; margin: 0.25em 0 0 0; }
#validationLinks a:link,
#validationLinks a:visited { color:#666; }

/* links */
a:link, a:visited {
	color: #09c;
	text-decoration: none;
	border: 0;
	font-weight: normal;
	background-color: transparent;
	}
a:hover, a:active {
	text-decoration: none;
	color: #000;
	background-color: transparent;
	}

div.dimRow a:link, div.dimRow a:visited { color: #666; }
div.dimRow a:hover, div.dimRow a:active { color: #000; }

.hiliteLink a:link,
.hiliteLink a:visited,
a.hiliteLink:link,
a.hiliteLink:visited { color: #f60; }
.hiliteLink a:hover,
.hiliteLink a:active,
a.hiliteLink:hover,
a.hiliteLink:active { color: #000; }

a.readmore { padding-right:12px; background:url(/common/img/more_regular.gif) no-repeat 100% 80%; }
div.dimRow a.readmore { padding-right:10px; background:url(/common/img/more_azul.gif) no-repeat 100% 60%; }
a.readmore.hiliteLink { padding-right:10px; background:url(/common/img/more_hilite.gif) no-repeat 100% 60%; }
/* NOTE: no hack needed, but Mac/Win IE need the link coded with "readmore" second to avoid collision with class="readmore"
<a class="hiliteLink readmore" href="page2.html">More News</a>
[ref:http://css-discuss.incutio.com/?page=MultipleClasses] */
/* /links */

/* ----------------- /LOOK-AND-FEEL ----------------- */



/* ----------------- STRUCTURES----------------- */

div.checklist { float:left; width:325px; margin:1em 5px; } /* to enclose the checklist floats */
div.wideChecklist { width:665px; }
div.checklist table {
	float:left;
	margin: 1em 5% 2em 0;
	width:90%;
	}
div.wideChecklist table {
	width:85%;
	}
div.checklist table caption {
	margin-right:5%;
	border-bottom:1px solid #666666;
	font-size:1.125em;
	color:#333;
	text-align:left;
	padding:0.08em 0;
	}
div.checklist small,
div.checklist table caption small {
	font-size:0.875em;
	font-weight:normal;
	}
div.checklist table tr.intro td {
	vertical-align:top;
	white-space:normal;
	font-size:1.125em;
	padding:0 1em 0.75em 0;
	}
div.checklist table tr.intro td img { padding-left:1em; }
div.checklist table td {
	padding:0.08em 1em;
	font-size:0.875em;
	white-space:nowrap;
	}
div.checklist hr { clear:left; display:block; visibility:hidden; }
div.checklist p, div.checklist ul { clear:both; margin:2em 0; width:75%; list-style:none; }

ul.productLineup {
	position:relative;
	display:block;
	min-height:250px; /* REQ: Win+Mac IE and Safari min-height hacks */
	margin: 0 0 1em 255px;
	padding:0;
	list-style:none;
	}
ul.productLineup li { line-height:1.25em; margin: 0.5em 0; padding:0 0 0 20px; background:none; }
ul.productLineup li img { position:absolute; top:0; right:100%; visibility:hidden; }
ul.productLineup li:hover,
ul.productLineup li.productLineupBenchwarmer { background: url(/common/img/more_hilite.gif) 6px 0.2em no-repeat; }
ul.productLineup li:hover img,
ul.productLineup li.productLineupBenchwarmer img { visibility:visible; }


ul.blockyList, ol.blockyList { width:650px; list-style:none; margin:0; padding:0; }
ul.blockyList li, ol.blockyList li { width:300px; margin: 1.0em 25px 0 0; padding:0; display:block; float:left; }

dl.eventList dt { margin-top:1.25em; font-weight:bold; }
dl.eventList dd { margin:0; }

dl.crumbs {
	width: 671px;/* REQ: Win IE 5.x box-model hack [Win IE 6 in CompliantMode] */
	background-color: #edf4fb;
	margin: 0 0 8px 0;
	padding: 0 0 0.125em 4px;
	}
dl.crumbs dt { display:none; }
dl.crumbs dd { margin:0; }
dl.crumbs ol { display:block; margin:0; padding:0; list-style:none; }
dl.crumbs li { display:inline; margin:0; padding:0; }
dl.crumbs li+li:before { content:" > "; } /* REQ: Win/Mac IE bg hack */

dl.subSectionNav {
	margin: 15px 0 15px 110px;
	width: 550px;
	text-align:right;
	}
dl.subSectionNav dt { display:inline; font-size:0.9em; font-weight:bold; margin-right:1em; }
dl.subSectionNav dd { display:inline; margin:0; }
dl.subSectionNav dd a { white-space:nowrap; }
dl.subSectionNav dd+dd:before { content:" | "; } /* REQ: Win/Mac IE bg hack */

td.bulkNavListing dl.subSectionNav {
	width:100%;
	margin:0;
	text-align:left;
}
td.bulkNavListing dl.subSectionNav dt { display:none; }

#validationLinks { text-align:left; }
#validationLinks dt { display:none; }

ul.featuredList, ol.featuredList { float:none; list-style:none; margin: 1em 0; }
ul.featuredList li, ol.featuredList li {
	float:left;
	display:block;
	width:40%;
	margin: 1em;
	padding:1em;
	background:#E8F1F6;
	text-align:center;
}
ul.featuredList li img, ol.featuredList li img {
	display:block;
	margin: 5px auto;
}
ul.featuredList li.nthChild, ol.featuredList li.nthChild { clear:both; }

dl.postalAddress { float:left; margin-right:5em;}
dl.postalAddress dt { font-weight:bold; }
dl.postalAddress dd { display:block; padding:0; margin:0; }
dl.postalAddress dd.city:after { content: ","; } /* REQ: Win/Mac IE bg hack */
dl.postalAddress dd.city, dl.postalAddress dd.state, dl.postalAddress dd.postalCode { display:inline; padding-left:0; }
dl.postalAddress dd.city { padding-left:0; }

/* ----------------- /STRUCTURES----------------- */