/* normalize defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, ol, ul, li, fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

td { vertical-align: top; }

body {
	font-family: Tahoma, Trebuchet, 'Trebuchet MS', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	background-color: #ffffff;
	text-align: center; /* fixes centering bug in IE -- text reset to left-flush in container DIV */
}

html { overflow: -moz-scrollbars-vertical !important; } /* firefox page shift fix */

/* LINK STYLES */

a { text-decoration: none; }
a:link { color: #4291cc; }
a:visited { color: #4291cc; }
a:hover { color: #c40e2f; text-decoration: underline; }
a:active { color: #333; }


/* GENERAL CONTENT STYLES */

p { margin: 0px; padding-bottom: 11px; }
h1 { margin: 0px 0px 8px 0px; padding: 0px; font-size: 24px; line-height: 28px; color: #c40e2f; }
h2 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 14px; line-height: 17px; font-weight: bold; color: #4291cc; }
h3 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: bold; color: #666666; }
h4 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: normal; color: #333333; font-style: italic; }
ul, ol { margin: 0px 24px 12px 24px; }

div.horizontalrule { width: 835px; margin: 0 auto; height: 1px; min-height: 1px; font-size: 1px; overflow: hidden; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; }


/* HEADER */
#header { height: 145px; min-height: 145px; margin: 10px 0 0 0; font-size: 11px; line-height: 13px; }
#headerlogo { float: left; width: 244px; text-align: center; margin-top: 0px; }

/* HOME PHOTOS */
#homephotos { position: relative; margin: 15px 0; }
#homephotos .video { position: absolute; left: 0; top: 0; width: 450px; }
#homephotos .homeimagesmall1 { position: absolute; left: 469px; top: 0; } 		/* top left */
#homephotos .homeimagesmall2 { position: absolute; left: 661px; top: 0; }		/* top right */
#homephotos .homeimagesmall3 { position: absolute; left: 469px; top: 143px; }	/* bottom left */
#homephotos .homeimagesmall4 { position: absolute; left: 661px; top: 143px; }	/* bottom right (doesn't animate) */


/* HOME columns content */
#homecolumnscontainer { font-size: 12px; color: #666666; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; padding: 15px 0; height: 170px; min-height: 170px; }

#leftcolumn-buttons { float: left; width: 220px; padding: 0 15px 0 0; }
#leftcolumn-buttons .myaccount { padding: 7px 14px 2px 14px; background-color: #c41230; color: #fff; }
    #leftcolumn-buttons .myaccount h2 { font-size: 18px; line-height: 20px; color: #ff9999; text-transform: uppercase; padding: 0; margin: 0;}
    #leftcolumn-buttons .myaccount h2 a:link { color: #ff9999; text-decoration:none;}
    #leftcolumn-buttons .myaccount h2 a:hover { color: #ffffff; text-decoration:none;}
    #leftcolumn-buttons .myaccount h2 a:visited { color: #ff9999; text-decoration:none;}	
    #leftcolumn-buttons .myaccount h2 a:active { color: #ff9999; text-decoration:none;}	

    #leftcolumn-buttons .myaccount p { font-size: 12px; line-height: 14px; padding: 0 0 7px 0; margin: 0;}
    #leftcolumn-buttons .myaccount a:link { color: #ffffff; text-decoration:none;}
    #leftcolumn-buttons .myaccount a:hover { color: #ff9999; text-decoration:none;}
    #leftcolumn-buttons .myaccount a:visited { color: #ffffff; text-decoration:none;}	
    #leftcolumn-buttons .myaccount a:active { color: #ffffff; text-decoration:none;}	
  
#leftcolumn-buttons .shop { padding: 4px 14px; margin: 4px 0 0 0; background-color: #666666; color: #cccccc; font-weight: bold; text-transform: uppercase; }
#leftcolumn-buttons .request { padding: 4px 14px; margin: 4px 0 0 0; background-color: #999999; color: #cccccc; font-weight: bold; text-transform: uppercase; }
#leftcolumn-buttons .locate { padding: 4px 14px; margin: 4px 0 0 0; background-color: #cccccc; color: #666666; font-weight: bold; text-transform: uppercase; }

/* left column box link colors */
#leftcolumn-buttons .shop a:link, .request a:link { color: #cccccc; text-decoration: none; }
#leftcolumn-buttons .shop a:hover, .request a:hover { color: #ffffff; }
#leftcolumn-buttons .shop a:visited, .request a:visited { color: #cccccc; }
#leftcolumn-buttons .shop a:active, .request a:active { color: #cccccc; }

#leftcolumn-buttons .locate a:link { color: #666666; text-decoration: none; }
#leftcolumn-buttons .locate a:hover { color: #ffffff; }
#leftcolumn-buttons .locate a:visited { color: #666666; }
#leftcolumn-buttons .locate a:active { color: #666666; }


#midcolumn-news { float: left; min-height: 170px; width: 205px; padding: 0 15px 0 15px; border-left: 1px solid #cccccc; font-size: 11px; line-height: 15px; }
#midcolumn-news h3 { color: #999; text-transform: uppercase; letterspacing: 1px; font-weight: normal; font-size: 10px; margin: 0 0 12px; padding: 0; }

#rightcolumn-promotion { float: left; min-height: 170px; width: 320px; padding: 0 15px 0 15px; border-left: 1px solid #cccccc; }
img.homepromotion { width: 345px; 
   -webkit-box-shadow: 6px 6px 5px 0px rgba(179,179,179,1);
   -moz-box-shadow: 6px 6px 5px 0px rgba(179,179,179,1);
   box-shadow: 6px 6px 5px 0px rgba(179,179,179,1);
}

#signup-bar { width: 175px; height: 24px; border: 1px solid #C5C5C5; }
#signup .signupfield { float: left; margin: 2px 0 0 4px; font-size: 10px; color: #C5C5C5; width: 145px; height: 20px; line-height:18px; padding:0; border:0; }
#signup .signupbutton { float:right; margin: 2px 4px 0 0; border: 0; padding: 0; }

img.socialicon { margin-right: 4px; }


/* SITE LAYOUT ELEMENTS - from original site code */

#container { text-align: left; width: 835px; margin: 0px auto; background-color: #fff; }
#pagemenu { float: left; width: 130px; min-height:140px; height: auto !important; height: 140px; margin-bottom: 25px; }
#sidebar { float: right; width: 225px; min-height:140px; height: auto !important; height: 140px; margin-bottom: 25px; padding-left: 10px; }
#maincontent { margin: 0 0 30px 169px; width: 395px; padding: 0 20px 30px 10px; background-image:url(../images/bg_dottedline_vert.gif); background-repeat: repeat-y; } /* for pages with full sidebar */
#maincontentwide { margin-left: 169px; width: 660px; padding: 0 0 30px 0; } /* for pages with NO sidebar */
#contentwrapper { margin-top: 27px; }


/* MAIN MENU */

#mainmenu { height: 24px; min-height: 24px; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; padding: 3px 0 2px 0; }
#nav { width: 100%; }


/* PAGE MENU CONTENT - from original site code */

#pagemenu p.sectionhead { font-size: 10px; font-weight: normal; color: #c40e2f; text-transform: uppercase; margin: 0 0 8px 0; }

#pagemenu a { text-decoration: none; font-weight: bold; }
#pagemenu a:link { color: #666; }
#pagemenu a:visited { color: #666; }
#pagemenu a:hover { color: #c40e2f; }
#pagemenu a:active { color: #333; }

#pagemenu a.selected { text-decoration: none; font-weight: bold; }
#pagemenu a.selected:link { color: #c40e2f; }
#pagemenu a.selected:visited { color: #c40e2f; }
#pagemenu a.selected:hover { color: #666; }
#pagemenu a.selected:active { color: #333; }

#pagemenu ul { list-style-image: url(../images/bullet.gif); margin: 0px 0px 0px 16px; padding: 0px; }
#pagemenu ul li { margin: 0px 0px 8px 0px; }

/* third-level menu */
#pagemenu ul ul {
	list-style-image: none;
	list-style-type: disc; margin-top: 8px; font-size: 10px; line-height: 13px;
}


/* SIDEBAR CONTENT STYLES  -  from original site code */
#sidebar h2 { font-size: 12px; line-height: 16px; font-weight: normal; }



/* FOOTER */

#footer { clear: both; width: 835px; margin: 8px auto; text-align: left; font-size: 11px; background-color: #efefef; padding: 8px 0; }

#footer a { text-decoration: none; }
#footer a:link { color: #666; }
#footer a:visited { color: #666; text-decoration: underline; }
#footer a:hover { color: #c40e2f; }
#footer a:active { color: #333; }

/* SUSTAINABILITY SYLES */

h2.homefactsheader { padding: 5px 12px; margin: 0; background-color: #c41230; color: #fff; font-size: 14px; line-height: 14px; text-transform: uppercase;}
p.homefactscontent { margin: 12px; }

/* Facts Subapges */
h2.factsheader { padding: 5px 12px; margin: 0; background-color: #c41230; color: #fff; font-size: 14px; line-height: 14px; text-transform: uppercase;}
p.factscontent { margin: 8px 12px; padding: 0; color: #4291cc; }
table.factstable { margin: 0; padding: 0; }
table.factstable td { font-size: 11px; line-height: 12px; padding: 4px; background-color: #e4e4e4; border-bottom: 1px solid #fff; }

#rightcolumn-promotion { width: 320px; }
#moretomission { clear: both; margin: 12px 0; text-align: center; height: 14px; min-height: 14px; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; background-position: 0 8px; }
#moretomission p { font-weight: bold; padding: 0 8px; background-color: #fff; display: inline; width: 175px;  }

p.leftcallout { font-size: 16px; line-height: 21px; font-style: italic; }
.floatright { float: right; margin: 0 0 8px 12px; }