/* ---------------------------
 Sitewide Style Definitions
 July 6, 2009 - BD
-----------------------------*/

/* ----------------------------------------------
* Browser Reset - Created by Eric Meyer
------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
    font-size: 12px;
	line-height: 16px;
	color: #404040;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #F8981D url(../images/bg1.gif) center 132px no-repeat;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear{clear:both;}

/* ---------------------------
* Text Elements
-----------------------------*/

h1,h2,h4,h5,h6, h6 { 
  color: #404040; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 24px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 22px; margin-bottom: 25px; font-weight: normal; color: #C62027; }
h3 { font-size: 16px; font-weight: normal; line-height: 18px; margin-bottom: 8px; color: #000; }
h4 { font-size: 12px; line-height: 14px; margin-bottom: 5px; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h7 { font-size: 1em; font-weight: normal; color: #C62027;}

p           { margin: 0 0 18px 0; }
p.last      { margin-bottom: 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0; padding: 0; }
sup         { font-size: 35%; vertical-align: super; }

a:focus, 
a:hover     { text-decoration: none; }
a           { color: #2E6D78; text-decoration: underline; }

ul, ol      { margin: 0 0 20px 0; padding: 0; }
li          { margin: 0; padding: 0; }
ul          { list-style: disc; margin-left: 17px; }
ol          { list-style: decimal; margin-left: 24px; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

strong      { font-weight: bold; }

.red {color:#C62027;}


/* ---------------------------
 General Layout
-----------------------------*/

#bottom {
    width: 1025px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: url(../images/bg_footer.gif) bottom left no-repeat;
}
#container {
    width: 1025px;
    margin: 15px auto 0 auto;
    overflow: hidden;
    position: relative;
    background: #EFEAE2 url(../images/bg_container.gif) top left no-repeat;
}

#header {
    width: 1025px;
    height: 102px;
    position: relative;
    overflow: hidden;
    background: url(../images/bg_header.gif) bottom left no-repeat;
}

#content {
    width: 1025px;
    min-height:572px;
    padding-top: 8px;
    overflow: hidden;
    background: url(../images/bg_content.gif) top left no-repeat;
}

#logo a {
    width: 272px;
    height: 98px;
    display: block;
    position: absolute;
    top: 16px;
    left: 34px;
    text-indent: -9999px;
    cursor: pointer;
    background: url(../images/logo.gif) top left no-repeat;
}

#promos {
    width: 1025px;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
}

#promos p {
    margin: 0;
    padding: 0;
}

#feature {
    text-indent: -9999px;
}

#sidebar {
    width: 264px;
    overflow: hidden;
    float: left;
    padding: 18px 0 35px 38px;
    width/**/:/**/226px;
}

#main {
    overflow: hidden;
    padding: 10px 15px 15px 15px;
    width 850px;
    float: center;
	background: blue;
}
.divider {
    width: 677px;
    height: 2px;
    margin-bottom: 15px;
    _margin-bottom: 2px; /* Necessary for IE6 */
    padding: 0;
    background: url(../images/divider.gif) top left repeat-x;
}

#answers h3 {
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    margin-bottom: 0;
}

#answers p.top {
    padding-left: 10px;
    margin-bottom: 35px;
    background: url(../images/arrow_up.gif) 0 6px no-repeat;
}

/* ---------------------------
* Buttons & Promos
-----------------------------*/

#btn-login,
#btn-setup,
#btn-accept {
    width: 207px;
    height: 36px;
    margin-top: -10px;
    padding: 0;
    text-indent: -9999px;
    display: block;
}

#btn-login {
    background: url(../images/btn_login.gif) top left no-repeat;
}
#btn-setup {
    background: url(../images/btn_setup.gif) top left no-repeat;
}
#btn-accept {
    width: 110px;
    margin-top: 0;
    background: url(../images/btn_accept.gif) top left no-repeat;
}

a:hover#btn-login,
a:hover#btn-setup,
a:hover#btn-accept {
    background-position: bottom left;
}

.r-callout {
    width: 208px;
    overflow: hidden;
    float: right;
    margin: 0 0 25px 25px;
    padding-bottom: 10px;
    background: url(../images/bg_callout.gif) bottom left no-repeat;
}

.callout-content {
    width: 208px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.r-callout img {
    float: left;
}

.callout-content h3 {
    margin: 0 0 20px 0;
    padding: 0;
    width: 208px;
    height: 39px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px 5px 0 0;
    width/**/:/**/203px;
    height/**/:/**/29px;
    float: left;
    background: url(../images/hdr_callout.gif) top left no-repeat;
}

.callout-content h4 {
    margin-left: 20px;
}

#main .callout-content ul {
    width: 160px;
    margin: 0 0 20px 25px;
}

#main .callout-content li {
    padding-left: 22px;
    margin-bottom: 5px;
    background: url(../images/pdf_icon.gif) top left no-repeat;
}

.bonus-module {
    width: 440px;
    margin-bottom: 25px;
    overflow: hidden;
    background: url(../images/divider.gif) bottom left repeat-x;
    float: left;
}

.bonus-img {
    width: 120px;
    overflow: hidden;
    float: left;
}

.bonus-content {
    width: 300px;
    overflow: hidden;
    float: right;
}

/* ---------------------------
* Lists
-----------------------------*/

#main ul {
    margin-left: 3px;
    padding: 0;
    list-style: none;
}

#main ul li {
    padding-left: 10px;
    line-height: 18px;
    background: url(../images/bullet.gif) 0 8px no-repeat;
}

#list-2-col {
    width: 500px;
    overflow: hidden;
}

#list-left {
    width: 225px;
    overflow: hidden;
    float: left;
}

#list-right {
    width: 225px;
    overflow: hidden;
    float: right;
}

#main ol li {
    margin-bottom: 20px;
}

#main ol ol li {
    margin: 0 0 2px 0;
}


/* ---------------------------
 Global Search Module
-----------------------------*/

#global-search {
    width: 324px;
    height: 64px;
    position: absolute;
    top: 16px;
    right: 34px;
    position: absolute;
    background: url(../images/bg_global.gif) top left no-repeat;
}

#global-search ul {
    margin: 0;
    padding: 0;
    width: 324px;
    height: 17px;
    position: absolute;
    top: 13px;
    left: 10px;
}

#global-search li {
    display: inline;
    padding-right: 19px;
    float: left;
}

#global-search li #last {
    padding-right: 0px;
}

#global-search li a {
    height: 17px;
    text-indent: -9999px;
    display: block;
}

a#home {
    width: 36px;
    background: url(../images/global_home.gif) top left no-repeat;
}
a#global-coordinator {
    width: 105px;
    background: url(../images/global_coordinator.gif) top left no-repeat;
}
a#newsletter {
    width: 126px;
    background: url(../images/global_newsletter.gif) top left no-repeat;
}
a#rules {
    width: 30px;
    background: url(../images/global_rules.gif) top left no-repeat;
}

a:hover#home,
a:hover#global-coordinator,
a:hover#newsletter, body#newsletter-on #newsletter,
a:hover#rules, body#rules-on #rules {
    background-position: bottom left;
}

#global-search form {
    width: 87px;
    height: 17px;
    overflow: hidden;
    position: absolute;
    bottom: 12px;
    right: 10px;
}

#global-search p {
    text-indent: -9999px;
}

input#txtSearch {
    width: 55px;
    height: 13px;
    margin: 1px 0 0 3px;
    background: none;
    border: none;
    font-size: 11px;
    color: #333;
    float: left;
}

input#btnGo {
    float: right;
}


/* ---------------------------
 Main Navigation
-----------------------------*/

ul#nav {
    width: 1025px;
    height: 32px;
    margin: 0;
    padding: 0 0 0 34px;
    width/**/:/**/991px;
    background: url(../images/bg_nav.gif) top left no-repeat;
}

#nav li {
    display: inline;
    list-style: none;
    margin-right: 25px;
    float: left;
    text-indent: -9999px;
    background: none;
}

#nav a {
    height: 32px;
    display: block;
}

a#about {
    width: 135px;
    background: url(../images/nav_about.gif) top left no-repeat;
}
a#earn {
    width: 87px;
    background: url(../images/nav_earn.gif) top left no-repeat;
}
a#arts {
    width: 29px;
    background: url(../images/nav_arts.gif) top left no-repeat;
}
a#athletics {
    width: 61px;
    background: url(../images/nav_athletics.gif) top left no-repeat;
}
a#academics {
    width: 79px;
    background: url(../images/nav_academics.gif) top left no-repeat;
}
a#coordinator {
    width: 137px;
    background: url(../images/nav_coordinator.gif) top left no-repeat;
}

a:hover#about, body#about-on #about,
a:hover#earn, body#earn-on #earn,
a:hover#arts, body#arts-on #arts,
a:hover#athletics, body#athletics-on #athletics,
a:hover#academics, body#academics-on #academics,
a:hover#coordinator, body#coordinator-on #coordinator {
    background-position: bottom left;
}


/* ---------------------------
 Sub Navigation
-----------------------------*/

ul#subnav {
    width: 226px;
    margin: 0;
    padding: 0;
}

#subnav li {
    margin: 0;
    padding: 0;
    width: 226px;
    list-style: none;
    background: none;
}

#subnav a {
    width: 226px;
    height: 33px;
    color: #404040;
    font-size: 15px;
    display: block;
    text-decoration: none;
    padding: 8px 0 0 12px;
    width/**/:/**/214px;
    height/**/:/**/25px;
    background: url(../images/subnav_bg.gif) top left no-repeat;
}

#subnav a.first {
    background: url(../images/subnav_first.gif) top left no-repeat;
}
#subnav a.last {
    background: url(../images/subnav_last.gif) top left no-repeat;
}

#subnav a:hover {
    background-position: bottom left;
    color: #FFF;
}
#subnav a:hover.first {
    background-position: bottom left;
}
#subnav a:hover.last {
    background-position: bottom left;
}







ul#subnavGrammy {
    width: 226px;
    margin: 0;
    padding: 0;
	background: url(../images/GrammyNavBug_top.gif) top left no-repeat;
}


#subnavGrammy li {
    margin: 0;
    padding: 0;
    width: 226px;
    list-style: none;
    background: none;
}

#subnavGrammy a {
    width: 226px;
    height: 29px;
    color: #404040;
    font-size: 15px;
    display: block;
    text-decoration: none;
    padding: 0 0 0 0;
    width: 226px;
    height: 29px;
    background: url(../images/GrammyNavBug_top.gif) top left no-repeat;
}

#subnavGrammy a.Grammy1 {
	background: url(../images/GrammyNavBug_1.gif) top left no-repeat;
}
#subnavGrammy a:hover.Grammy1 {
	background-position: bottom left;
}

#subnavGrammy a.Grammy2 {
	background: url(../images/GrammyNavBug_2.gif) top left no-repeat;
}
#subnavGrammy a:hover.Grammy2 {
	background-position: bottom left;
}

#subnavGrammy a.Grammy3 {
	background: url(../images/GrammyNavBug_3.gif) top left no-repeat;
}
#subnavGrammy a:hover.Grammy3 {
	background-position: bottom left;
}

#subnavGrammy a.Grammy4 {
	background: url(../images/GrammyNavBug_4.gif) top left no-repeat;
}
#subnavGrammy a:hover.Grammy4 {
	background-position: bottom left;
}

ul#Grammylogin {
    width: 226px;
    margin: 0;
    padding: 0;	
	list-style: none;
}


#Grammylogin li {
    margin: 0;
    padding: 0;
    width: 226px;
    list-style: none;
    background: none;
}

#Grammylogin a {
    width: 226px;
    height: 29px;
    color: #404040;
    font-size: 15px;
    display: block;
    text-decoration: none;
    padding: 0 0 0 0;
    width: 226px;
    height: 29px;
    background: url(../images/GrammyNavBug_top.gif) top left no-repeat;
}

#Grammylogin a.Grammy1 {
	background: url(../images/GrammyNavBug_1.gif) top left no-repeat;
}
#Grammylogin a:hover.Grammy1 {
	background-position: bottom left;
}

#Grammylogin a.Grammy2 {
	background: url(../images/GrammyNavBug_2.gif) top left no-repeat;
}
#Grammylogin a:hover.Grammy2 {
	background-position: bottom left;
}

#Grammylogin a.Grammy3 {
	background: url(../images/GrammyNavBug_3.gif) top left no-repeat;
}
#Grammylogin a:hover.Grammy3 {
	background-position: bottom left;
}

#Grammylogin a.Grammy4 {
	background: url(../images/GrammyNavBug_4.gif) top left no-repeat;
}
#Grammylogin a:hover.Grammy4 {
	background-position: bottom left;
}





/* ---------------------------
 Quick Links
-----------------------------*/

#quick-links li {
    width: 226px;
    height: 33px;
    list-style: none;
    font-size: 15px;
    margin: 0;
    padding: 8px 0 0 12px;
    width/**/:/**/214px; /* Necessary For IE6 */
    height/**/:/**/25px; /* Necessary For IE6 */
    background: url(../images/ql_bg.gif) top left no-repeat;
}

#quick-links li.first {
    background: url(../images/subnav_first.gif) top left no-repeat;
}
#quick-links li.last {
    background: url(../images/ql_last.gif) top left no-repeat;
}

#quick-links a {
    width: 226px;
    height: 33px;
    display: block;
    color: #404040;
    padding-left: 12px;
    width/**/:/**/214px; /* Necessary For IE6 */
    height/**/:/**/25px; /* Necessary For IE6 */
    text-decoration: none;
}

#quick-links a:hover {
    text-decoration: underline;
}


/* ---------------------------
 Tertiary Navigation
-----------------------------*/

#subnav ul.tertiary {
    display: none;
    margin: 0;
    padding: 0;
}

#subnav ul.tertiary {
    width: 226px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#subnav .tertiary li {
    margin: 0;
    padding: 0;
    width: 226px;
    height: 29px;
}

#subnav .tertiary a {
    width: 226px;
    height: 29px;
    margin: 0;
    padding: 6px 0 0 28px;
    width/**/:/**/198px;
    height/**/:/**/23px;
    color: #404040;
    font-size: 13px;
    display: block;
    background: url(../images/tertiary_bg.gif) top left no-repeat;
}

#subnav .tertiary a.last {
    background: url(../images/tertiary_last.gif) top left no-repeat;
}
#subnav .tertiary a.last2 {
    background: url(../images/tertiary_last2.gif) top left no-repeat;
}

#subnav .tertiary a:hover {
    color: #404040;
    background-position: bottom left;
}
#subnav .tertiary a:hover.last,
#subnav .tertiary a:hover.last {
    background-position: bottom left;
}

/* ---------------------------
 Drop Down Menus
-----------------------------*/

#nav li .ddl ul,
#nav li .ddl ul li .ddl ul {  /* hide drop-down menus */
	position: absolute;
	width: 187px;
	left: -9999px;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
    clear: left;
}

#nav li:hover .ddl ul,
#nav li.sfhover .ddl ul { /* show 2nd level drop-down menus */ 
    top: 32px;
    left: -10px;
    z-index: 998;
	margin-left: 0px;
}

#nav li:hover .ddl ul li:hover .ddl ul,
#nav li.sfhover .ddl ul li.sfhover .ddl ul { /* show 3rd level drop-down menus */ 
    top: 0;
    left: 186px;
    z-index: 999;
}

.subnav-cell {
    position: relative;
}

#nav li .ddl ul li {
    margin: 0;
    padding: 0;
    width: 187px;
    height: 33px;
}

#nav li .ddl ul li a {
    width: 187px;
    height: 33px;
    color: #4D4D4D;
    display: block;
    text-indent: 0;
    font-size: 15px;
    text-decoration: none;
    padding: 8px 0 0 10px;
    height/**/:/**/25px;
    width/**/:/**/177px;
    background: #ff9900 url(../images/ddl_bg.gif) top left no-repeat;
}

#nav li .ddl ul li a.ddl-first {
    background: url(../images/ddl_first.gif) top left no-repeat;
}
#nav li .ddl ul li a.ddl-last {
    background: url(../images/ddl_last.gif) top left no-repeat;
}
#nav li .ddl ul li a.ddl-double {
    height: 50px;
    height/**/:/**/42px;
    background: url(../images/ddl_double.gif) top left no-repeat;
}
#nav li .ddl ul li a.ddl-single {
    background: url(../images/ddl_single.gif) top left no-repeat;
}

#nav li .ddl ul li a:hover {
    color: #FFF;
    background-position: bottom left;
}


/* ---------------------------
 Footer
-----------------------------*/

#footer {
    width: 1025px;
    height: 170px;
    margin: 0 auto;
    position: relative;
}

#footer p {
    padding: 15px 0 0 8px;
    font-size: 11px;
    font-weight: bold;
    color: #C0151B;
    float: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#footer a {
    color: #5F6062;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer ul {
    font-size: 11px;
    font-weight: bold;
    color: #C0151B;
    float: right;
    padding: 15px 8px 0 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#footer li {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    color: #5F6062;
    background: none;
}

p#tagline {
    width: 516px;
    height: 61px;
    margin: 40px 30px 0 0;
    _margin-right: 15px; /* For IE6 */
    text-indent: -9999px;
    float: right;
    background: url(../images/logo_footer.gif) top left no-repeat;
}

p#tagline a {
    width: 148px;
    height: 58px;
    position: absolute;
    bottom: 38px;
    right: 50px;
}


/* ---------------------------
 Contact Us
-----------------------------*/

.leftcol {float:left;width:100px;padding-bottom:10px;}
.rightcol {float:left;width:250px;padding-bottom:10px;}
.submitdiv {text-align:center; width:350px;}

body.subnav-legal-information-on #legal-information,
body.subnav-privacy-policy-on #privacy-policy,
body.subnav-contact-us-on #contact-us,
body.subnav-faqs-on #faqs,
body.subnav-allergen-labeling-on #allergen-labeling,
body.subnav-site-map-on #site-map {
     background-position: bottom left;
     color: #FFF;
 }

/* ---------------------------
 Site Map
-----------------------------*/

#site-map-on #main li{
    padding-left: 100px;
    line-height: 18px;
    background: url(../images/bullet.gif) 0 8px no-repeat;
}
#site-map-on #main ul {
    margin-left: 3px;
    padding: 0;
    list-style: none;
}

#site-map-on #main ul li {
    padding-left: 10px;
    line-height: 18px;
    background: url(../images/bullet.gif) 0 8px no-repeat;
}

#site-map-on #main ul ul ul {
    margin-bottom: 0;
    
}

#site-map-on #main .left{float:left; width:300px;}
#site-map-on #main .first{margin-left:10px;}
#site-map-on #main .second{margin-left:20px;}

/* ---------------------------
 Participating Products
-----------------------------*/

/* Clear Fix */
/* Apply the clearfix class to any element which acts as a container for floats. */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display:inline-block;
}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1px;}
/* End hide from IE-mac */



.eligible {font-family:'Helvetica',Arial;padding-left:20px;padding-right:5px;}
.eligible .h2 {padding-bottom:10px;}
.eligible .leftcol {float:left;width:325px;position:relative;z-index:1;}
.eligible .rightcol {float:right;width:192px;}
.eligible #productareanav {}
.eligible #productareanav .tab {
    float:left;
    cursor:pointer;cursor:hand;
    position:relative;
    font-weight:bold;
    text-align:center;
    width:148px;padding-right:7px;
    height:19px;padding-top:16px;
    background:url(../Images/eligible_tab_off.png) no-repeat;
    z-index:2;
} * html .eligible #productareanav .tab {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/eligible_tab_off.png',sizingMethod='crop');}
.eligible #productareanav .active {
    height:25px;padding-top:10px;
    background:url(../Images/eligible_tab_on.png) no-repeat;
    z-index:5;    
    top:1px;
} * html .eligible #productareanav .active {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/eligible_tab_on.png',sizingMethod='crop');} 
    .eligible #tab_1pt {}
    .eligible #tab_5pt {right:10px;}
.eligible #productareabody {width:314px;background:url(../Images/eligible_prodbox_bg.gif) repeat-y;z-index:1;margin-bottom:35px;}
.eligible #productareabody #productareatop {height:12px;background:url(../Images/eligible_prodbox_top.gif) no-repeat;}
.eligible #productareabody #productareabottom {height:19px;background:url(../Images/eligible_prodbox_bottom.gif) no-repeat;}
.eligible #productareabody #productareamain {padding-left:14px;}
.eligible #productareamain .tableheader {font-weight:bold;padding-top:10px;padding-bottom:20px;}
.eligible #productareamain .tablediv {border-top:1px solid #91C2D1;width:280px;margin:10px 0px;}
.eligible #productareamain .tablediv .product {border-bottom:1px solid #91C2D1;background-color:#F3F4EC;width:266px;padding:2px 5px 4px 9px;}
.eligible #productareamain .tablediv .topsection {cursor:pointer;cursor:hand;font-style:italic;}
.eligible #productareamain .tablediv .topsection .icon {float:left;width:38px;}
.eligible #productareamain .tablediv .topsection .prodtitle {float:left;width:224px;}
.eligible #productareamain .tablediv .logo {padding-left:38px;} /*width:189px;*/
.eligible #productareamain .tablediv .bottomsection div.prodname {float:left;width:195px;margin-right:5px;padding-bottom:2px;}
.eligible #productareamain .tablediv .bottomsection div.prodsave {float:left;width:45px;padding-bottom:2px;}
.eligible #productareamain .tablediv .bottomsection div.top {font-weight:bold;padding-bottom:3px;}
.eligible #productareamain .tablediv .bottomsection {display:none;}
.eligible #productareamain .tablediv .active_prod .bottomsection {display:block;}
.eligible #productareamain .tablediv .productline {position:absolute;left:-999em;} /*hide all product lines, but...*/
    .eligible #productareamain.display_1pt .tablediv .prod_1pt,
    .eligible #productareamain.display_5pt .tablediv .prod_5pt 
    {position:static;} /*display the ones pertinent to the class value on #productareamain*/
    .eligible #productareamain.display_1pt .tablediv .nodisp_1pt,
    .eligible #productareamain.display_5pt .tablediv .nodisp_5pt 
    {display:none;} /*hide products without 1/5/etc point products when that tab is selected*/
    
    
.pdfbox {width:192px;margin-bottom:10px;}
.pdfbox .boxtop {background:url(../Images/pdfbox_top_bg.gif) repeat-y;font-weight:bold;color:#FFFFFF;text-align:center;padding-bottom:7px;}
.pdfbox .boxtop div {background:url(../Images/pdfbox_top_generic.gif) no-repeat top left;padding:7px 15px 0px 15px;}
.pdfbox .boxtop div.bonuspoints {background:url(../Images/pdfbox_top_bonuspoints.gif) no-repeat top left;}
.pdfbox .boxbody {background:url(../Images/pdfbox_bg.gif) repeat-y;padding:10px 5px 5px 8px;}
.pdfbox .boxbody .pdf_row {width:140px;padding-left:23px;padding-bottom:15px;font-weight:bold;background:url(../Images/icon_arrow.gif) no-repeat top left;}
.pdfbox .boxbody .pdf_row img {display:inline;position:relative;top:2px;}
.pdfbox .boxbody .pdf_row span {display:block;color:#00274F;font-weight:normal;font-size:8pt;}
.pdfbox .boxbody .pdf_row span a {color:#00274F;font-weight:normal;text-decoration:underline;}
.pdfbox .boxbottom {height:14px;background:url(../Images/pdfbox_bottom.gif) no-repeat;}


/* ---------------------------
    Newletter Sign-up
-----------------------------*/
.newsletter {padding-left:7px;padding-right:7px;padding-bottom:10px;}
.newsletter #newsletterform {font-size:8pt;}
.newsletter .required {font-size:8pt;color:#FF0000;padding-bottom:10px;}
.newsletter select {font-size:8pt;}
.newsletter .leftcol {float:left;width:260px;border-right:1px solid #cccccc;margin-right:15px;}
.newsletter .leftcol .col1 {float:left;width:100px;margin-right:7px;text-align:right;}
.newsletter .leftcol .col2 {float:left;width:150px;}
.newsletter .rightcol {float:left;width:276px;}
.newsletter .rightcol .col1 {float:left;position:relative;width:140px;margin-right:5px;font-weight:bold;text-align:right;padding-bottom:20px;}
.newsletter .rightcol .col2 {float:left;position:relative;width:125px;padding-bottom:20px;}
.newsletter #newslettersubmit {text-align:right;padding-top:15px;padding-right:20px;}


/* ---------------------------
    Become A Coord
-----------------------------*/

.becomeacoord {padding-left:20px;padding-right:10px;padding-bottom:5px;}
.becomeacoord ul {margin:0px;padding-left:15px;}
.becomeacoord a:link, .becomeacoord a:visited {color:Red;font-weight:normal;}


/* ---------------------------
    Create Letter
-----------------------------*/

.createletter {padding-left:20px;padding-right:7px;padding-bottom:10px;}
.createletter .formfields {padding-top:20px;}
.createletter .row {height:40px;}
.createletter .col1 {float:left;width:150px;margin-right:10px;text-align:right;font-size:8pt;}
.createletter .col2 {float:left;width:160px;margin-right:10px;}
.createletter .formfields input.txtfld {width:150px;}
.createletter .col3 {float:left;width:130px;font-size:8pt;}
.createletter #errordiv {display:none;}


.labelbanking {padding-left:20px;padding-right:7px;padding-bottom:10px;}
/*.labelbanking .leftcol {float:left;width:345px;position:relative;}*/
.labelbanking .rightcol {float:right;width:192px;padding-left:10px;}


.planning {padding-left:20px;padding-right:7px;padding-bottom:10px;}
.planning .monthtitle {color:#1A3C5D;font-weight:bold;padding-bottom:5px;font-size:10pt;}
.planning .monthdesc {font-weight:bold;padding-bottom:10px;}
.planning ul {padding:0px 0px 25px 15px;margin:0px;}
.planning ul#monthlinks {list-style-type:none;padding:0px;}
.planning ul a:link, .planning ul a:visited {font-weight:bold;color:#C0141B;}
.planning ul#monthlinks a:link, .planning ul#monthlinks a:visited {font-weight:normal;color:Red;}
.planning ul#monthlinks {padding-bottom:10px;}
/*.planning #viewallbtn {}*/
.planning #calendardiv .hiddenmonth {display:none;}
.planning #calendardiv .defaultmonth {display:none;}
.planning #calendardiv .activemonth {display:block;}
.planning #calendardiv.default .defaultmonth {display:block;}
.planning #calendardiv.displayall div {display:block;}
.month{padding-bottom:10px;}

#main .planning ul#monthlinks li{background:none; padding-left:0px;}


.btntype1 {
    display:block;
    width:198px;
    height:17px;
    padding-top:3px;
    margin-top:3px;
    background:url(../images/btn_bg.gif) no-repeat;
    cursor:pointer;
    cursor:hand;
    color:#000000;
    font-weight:normal;
    font-size:8pt;
    text-align:center;
}    
a.btntype1:link, a.btntype1:visited {text-decoration:none;color:#000000;}
.btntype2 {
    display:block;
    width:79px;
    height:17px;
    padding-top:3px;
    margin-top:3px;
    background:url(../images/btn1_bg.gif) no-repeat;
    cursor:pointer;
    cursor:hand;
    color:#000000;
    font-weight:normal;
    font-size:8pt;
    text-align:center;
}
a.btntype2:link, a.btntype2:visited {text-decoration:none;color:#000000;}

.thankyoucert {padding-left:20px;padding-right:7px;padding-bottom:20px;}
.thankyoucert .certificate {padding-bottom:10px;}
.thankyoucert .certificate .certificateimg {float:left;width:225px;padding-right:5px;}
.thankyoucert .certificate .certificatetext {float:left;width:300px;}

.linktous {padding-left:20px;padding-right:17px;padding-bottom:10px;}
.linktous .linkbanner_type1 .linkbannerimg {padding-bottom:5px;}
.linktous .linkbanner_type1 .linkbannertext {border:1px solid #003399;padding:6px 11px;margin-bottom:10px;}
.linktous .linkbanner_type2 .linkbannerimg {float:left;width:130px;padding-right:5px;padding-bottom:15px;}
.linktous .linkbanner_type2 .linkbannertext {
    float:left;
    width:375px;
    border:1px solid #003399;
    padding:6px 11px;
    margin-bottom:15px;
}

.clipart {padding-left:7px;padding-right:7px;padding-bottom:10px;}
.clipart .cliprow {padding-bottom:10px;}
.clipart .cliprow #wallpaper {float:left;width:366px;height:227px;margin-right:3px;background:url(../images/bg_wallpaper.jpg) no-repeat;}
.clipart .cliprow #wallpaper .pad {padding-top:25px;padding-left:20px;}
.clipart .cliprow #wallpaper #wallpaperleft {float:left;width:190px;margin-right:10px;}
.clipart .cliprow #wallpaper #wallpaperright {float:left;width:125px;}
.clipart .cliprow #wallpaper #wallpaperright img {display:block;margin-top:10px;}
.clipart .cliprow .clipcontainer {float:left;width:183px;margin-right:2px;}
.clipart .cliprow .last {margin-right:0px;}
.clipart .clipcontainer img {padding:1px;border:1px solid #336699;}
.clipart .clipcontainer a img {display:block;padding:0px;border-style:none;margin-left:auto;margin-right:auto;margin-top:7px;}
.clipart #clipartinstructions .leftcol {float:left;width:265px;margin-right:10px;}
.clipart #clipartinstructions .rightcol {float:left;width:265px;margin-right:10px;}
.clipart #clipartinstructions ol {padding-left:25px;}
.btn_accept a{width:110px; height:36px; background:url(../images/btn_accept.gif top left;}