@import url(reset.css);

body {
	position: relative;
	margin: 20px auto;
	width: 704px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #000;
	background-color: White;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* banner
----------------------------------------------- */
#banner {
	position: relative;
	top: 0;
	width: 100%;
	height: 185px;
	}

#banner-swf {
	position: relative;
	top: 0;
	left: -3px;
	height: 116px;
}


/* for IE6 */
#banner-swf img {
	margin-bottom: -3px;
}

#nav_main {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 69px;
	border: 0;
	background: #fff;
}

/* for IE6 */
#Div2 img {
	margin-bottom: -3px;
}

/* sidebar
----------------------------------------------- */
div#sidebar {
	float:left;	
	display:inline;
	width:166px;
	height:auto;
	padding-left:34px;
	font-size:0.75em;
	font-weight:bold;
	line-height:1em;
}

div#sidebar ul {
	list-style: none;
}

#rel_links h2 {
	font-size: 1.4em;
}

div#nav_left {
	margin-bottom: 20px;
}

#nav_left_list li {
	width: 115px;
	padding-left: 40px;
	font-weight: bold;	
	background-repeat: no-repeat;
	background-position: 0 0;
}

li.single_line {
	padding-top: 8px;
	min-height: 22px;
	height: auto !important;
	height: 22px;
}

li.double_line {
	padding-top: 3px;
	min-height: 27px;
	height: auto !important;
	height: 27px;	
}

#nav_left_list li#about_us {
	border-bottom: 2px solid #CC1F4A;
	background-image: url(../img/nav_aboutUs.jpg);
}

#nav_left_list li#about_us a {
	color: #CC1F4A;
}

#nav_left_list li#brands {
	border-bottom: 2px solid #367AB7;
	background-image: url(../img/nav_ourBrands.jpg);
}
#nav_left_list li#brands a {
	color: #367AB7;
}

#nav_left_list li#environment {
	border-bottom: 2px solid #5B9831;
	background-image: url(../img/nav_enviromental.jpg);
}
#nav_left_list li#environment a {
	color: #5B9831;
}

#nav_left_list li#community {
	border-bottom: 2px solid #DBC244;
	background-image: url(../img/nav_community.jpg);
}

#nav_left_list li#community a {
	color: #DBC244;
}

#nav_left_list li#corporate {
	border-bottom: 2px solid #9D3654;
	background-image: url(../img/nav_corpCitizen.jpg);
}

#nav_left_list li#corporate a {
	color: #9D3654;
}

#nav_left_list li#issues {
	border-bottom: 2px solid #A06815;
	background-image: url(../img/nav_issues.jpg);
}

#nav_left_list li#issues a {
	color: #A06815;
}

#nav_left_list li#careers {
	border-bottom: 2px solid #35BCF3;
	background-image: url(../img/nav_careers.jpg);
}

#nav_left_list li#careers a {
	color: #35BCF3;
}

#nav_left_list li#delivery {
	border-bottom: 2px solid #00A88F;
	background-image: url(../img/nav_homeDelivery.jpg);
}
#nav_left_list li#delivery a {
	color: #00A88F;
}

div#rel_links {
	clear: both;
}

div#rel_links h2 {
	color: #0094CF;
}

#rel_links_list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#rel_links_list li {
	width: 140px;
	padding-left: 2px;
	margin: 7px 0 2px 0;
	margin-bottom: 2px;
	border-bottom: 1px solid #0193CF;
	border-left: 12px solid #0193CF;
}

#rel_links_list li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #0156A6;
}

/* content
----------------------------------------------- */
div#content {
	text-indent: 0;
	float: left;
	display: inline;
	width: 504px;
	font-size: 0.7em;
	background: #fff;
}

div#content_top, div#content_bottom {
	padding-bottom: 20px;
}

div.box {
	float: left;
	display: inline;
	width: 144px;
	height: auto;
	margin: 0 0 0px 18px;
	background-color: #fff;
}

div.box p {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
	padding: 6px 10px 0 10px;
}

div.box h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 4px 10px;
	color: #000;
}

div.box h4.lblue {
	color: #0093D0;
}

div.box h4.green {
	color: #5D9732;
}

div.box h4.red {
	color: #9C3653;
}

div.top1 h4 {
	color: #0093D0;
}

div.top2 h4 {
	color: #5D9732;
}

div.top3 h4 {
	color: #9C3653;
}

div.box ul {
	font-size: 0.925em;
	font-weight: bold;
	margin-left: 25px;
	padding-top: 6px;
}

div.box ul li {
	line-height: 1.5em;
}

.box img {
	margin: 3px 0 0 5px;
}

div.top2 img {
	margin: -1px 0 0 5px;
}

#press_img {
	float: left;
}

div.top1 {
	margin-left: 2px;
	background: #fff url(../img/main_blu_repeat.gif) repeat-y;	
}

div.top2 {
	background: #fff url(../img/main_grn_repeat.gif) repeat-y;
}

div.top3 {
	background: #fff url(../img/main_red_repeat.gif) repeat-y;
}

div.bot1 {
	margin-left: 2px;
	background: #fff url(../img/subhead_Lblue_repeat.gif) repeat-y;
}

div.bot2 {
	background: #fff url(../img/subhead_Lblue_repeat.gif) repeat-y;
}

div.bot3 {
	background: #fff url(../img/subhead_grey_repeat.gif) repeat-y;
}

div#content_bottom {
	clear: both;
}

img.bot {
	position: relative;
	bottom: -5px;
	width: 144px; 
	height: 5px;
}

#content h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: -22px 0 0 8px;
	padding: 2px 0 2px 0;
}

#content_top h3 {
	color: #fff;
}

#content_bottom h3 {
	color: #0054A4;
}

#content_bottom .bot3 h3 {
	color: #fff;
}

.button {
	float: right;
	margin-right: 6px;
	margin-top: 7px;
	margin-bottom: -7px;
}

.button_text {
	position: relative;
	top: -4px;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #fff;
}

.button_text a {
	color:#fff;
}

.btn_blu {
	background-color: #0093D0;
}

.btn_grn {
	background-color: #5D9732;
}

.btn_red {
	background-color: #9C3653;
}

.btn_grey {
	background-color: #BCBDC0;
}

.btn_DarkBlu {
	background-color: #0055A5;
}

td.top1 {
	background: #fff url(../img/main_blu_repeat.gif) 2px 0px repeat-y;
}

td.top2 {
	background: #fff url(../img/main_grn_repeat.gif) 18px 0px repeat-y;
	margin-left:20px;
}

td.top3 {
	background: #fff url(../img/main_red_repeat.gif) 18px 0px repeat-y;
	margin-left:20px;
}

td.bot1 {
	background: #fff url(../img/subhead_Lblue_repeat.gif) 2px 0px repeat-y;
}

td.bot2 {
	background: #fff url(../img/subhead_Lblue_repeat.gif) 18px 0px repeat-y;
	margin-left:20px;
}

td.bot3 {
	background: #fff url(../img/subhead_grey_repeat.gif) 18px 0px repeat-y;
	margin-left:20px;
}

/* footer
----------------------------------------------- */
div#footer ul {	
	float: left;
	display: inline;
	height: 20px;
	margin-left: 174px;
	padding-left: 30px;
	font-size: 0.65em;
	font-weight: bold;
	list-style: none;
	padding-top: 10px;
}

div#footer ul#nav_footer {
	text-align: left;
}

div#footer ul#legal {
	margin: -6px 0 0 168px;
	text-align: left;
}

div#footer ul#nav_footer li {
	display: inline;
	padding: 0 14px 0 6px;
	background-image: url(../img/footer_square.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

div#footer ul#nav_footer li a {
	color: #0055A5;
}

div#footer ul#legal li {
	display: inline;
	padding: 1px 5px 1px 5px;
	border-right: 1px solid #888;
}

div#footer ul#legal li a{
	text-decoration: underline;
	color: #888;
}

div#footer ul#legal li#copyright {
	border: none;
	color: #888;
}

/* Contains sidebar, content and footer; used to display sidebar background. */
div#container {
	float: left;
	background: #fff url(../img/nav_bkgrd.jpg) no-repeat;
}