﻿/* CSS Document */

body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

#bg1 { width:315px; height:340px; background:url(../images/background.jpg); position:absolute; left:50%; margin:185px 0 0 -625px; z-index:1; }
#bg2 { width:315px; height:340px; background:url(../images/background.jpg); position:absolute; left:50%; margin:185px 0 0 260px; z-index:2; }
#container { width:900px; position:absolute; left:50%; margin-left:-450px; z-index:3; }
.browser { background:url(../images/containerbg.png); }
.browser_ie6 { background:url(../images/containerbg_ie6.png); }
	
.txtbox { color:#333333; background:url(../images/inputbg.gif) repeat-x; border:1px solid #bbbbbb; font-size:12px; padding:3px 6px; }
.clear { clear:both; }

/*** Header ***/

#header { width:900px; height:140px; background:url(../images/headerbg.png); }
#header #logo { float:left; margin:40px 0 0 10px; }
#header #logo a { display:block; width:205px; height:30px; background:url(../images/logo.gif); }
#header #logo a span { display:none; }
#header #nav { float:left; padding:45px 0 0 20px; }
#header #nav ul { list-style:none; padding:0px; margin:0px; }
#header #nav li { float:left; margin:0 5px; }
#header #nav li a { display:block; color:#555555; line-height:28px; padding:4px 5px; text-decoration:none; }
#header #nav li a:hover { padding-top:0px; border-top:4px solid #f40009; color:#f40009; }
#header label { float:left; display:block; padding-right:10px; text-transform:uppercase; color:#333333; line-height:22px; }
#header #newsfeed { float:left; padding:30px 0 0 50px; }
#header #newsfeed #newsscroll { float:left; width:480px; line-height:22px; }
#header #newsfeed #newsscroll a { color:#f40009; text-decoration:none; }
#header #newsfeed #newsscroll a:hover { text-decoration:underline; }
#header #searchbox { float:right; padding:30px 50px 0 0; }
#header #searchbox input { float:left; margin:0px; width:150px; }

/*** Home ***/

#cokemap { float:left; margin:15px 0 0 30px; }
#cokebanner { float:left; margin:20px 0 0 10px; }


/*** Content ***/


#content { width:900px; min-height:300px; background:url(../images/contentbg.png) no-repeat; }
#content .sidepod { float:left; width:280px; padding:0 9px 0 11px; }
#content .sidepod h1 { color:#f40009; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; margin:0px; padding:10px 0 4px 25px; }

#content #sidenav { width:280px; background:url(../images/sidenavbg.gif); margin:0px; padding:0px; }
#content #sidenav ul { clear:left; list-style:none; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#content #sidenav li { width:230px; padding:0 ; margin:0 15px; }
#content #sidenav li span { display:block; border-top:1px dashed #bebebe; }
#content #sidenav li span.first { border:0px; }
#content #sidenav li a { display:block; color:#666666; text-decoration:none; width:200px; padding:6px 15px; }
#content #sidenav li a:hover { color:#f40009; }
#content #sidenav li span.selected a { color:#f40009; background:url(../images/reddot.gif) no-repeat; background-position:0 10px; }
#content #sidenav img { float:left; }

#content .mainpod { width:570px; float:left; margin-right:30px; display:inline; }
#content .half { width:270px; }
#content .mainpod h1 { color:#777777; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:32px; margin:0px; padding:16px 0 4px 0; }
#content .mainpod h1 img { float:left; padding-right:10px; }
#content .mainpod h2 { font-size:22px; color:#555555; font-weight:normal; }
#content .mainpod h3 { font-size:16px; color:#f40009; font-weight:normal; }
#content .mainpod h4 { font-size:13px; color:#555555; font-weight:bold; }
#content .mainpod h1 a,
#content .mainpod h2 a,
#content .mainpod h3 a,
#content .mainpod h4 a { color:#f40009; }

#content .mainpod p { line-height:18px; margin-left:20px; }
#content .mainpod ul { line-height:18px; }
#content .half ul { padding-left:18px; line-height:18px; }
#content .half p { margin-left:0px; }
#content .mainpod a { color:#0065c4; }
#content .mainpod a:hover { text-decoration:none; }
#content .mainpod b,
#content .mainpod strong { color:#444444; }

#content .mainpod .map { margin-top:10px; background:#d10004; font-size:11px; color:#FFFFFF; font-weight:bold; border-bottom:1px solid #ffffff; display:block; bborder:1px solid #00ff00; }
#content .mainpod .map img { float:left; }
#content .mainpod .map .people { float:left; margin:95px 0 0 14px; padding:0 0 8px 0; }
#content .mainpod .map .plant { float:left; margin:8px 0 0 14px; display:inline; }
#content .mainpod .territoryinfo h3 { margin:0px; padding:1em 0; }

#content .mainpod .searchResult { padding:5px 0; border-bottom:1px dotted #aaaaaa; }

#content .singlepod { float:left; width:860px; padding:0 9px 0 11px; }
#content .singlepod h1 { color:#f40009; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; margin:0px; padding:10px 0 4px 25px; }
#content .singlepod a { color:#0065c4; }
#content .singlepod a:hover { text-decoration:none; }

#content table.tbl { width:100%; margin:15px 0; border-collapse:collapse; font-size:11px; border-left:1px solid #bbbbbb; border-top:1px solid #bbbbbb; background:#ffffff; }
#content .tbl td { padding:2px 8px; margin:0px; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; }
#content .tbl th { padding:2px 8px; background:#f40009; font-weight:bold; color:#ffffff; text-align:left; font-size:12px; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; }

#content .cmImage { text-align:center; margin:10px; font-style:italic; color:#222222; }
#content .cmImage img { border:1px solid #aaaaaa; padding:3px; margin-bottom:2px; }
#content .cmImage a:hover img { border:1px solid #f40009; }
#content .cmImageFloat { float:left; margin:0 15px 15px 20px; }

#content .newslist { border-bottom:1px dotted #aaaaaa; padding:6px 0; }
#content .newslist h2 { font-size:16px; margin-bottom:5px; }
#content .newslist h3 { color:#999999; font-size:12px; margin:0 0 8px 0; }

#content .newsImage { float:right; text-align:center; width:250px; }
#content .newsImage img { border:1px solid #aaaaaa; padding:3px; margin-bottom:10px; }
#content .newsImage a:hover img { border:1px solid #f40009; }

#content .searchResult .result { margin:0 0 15px 20px; }
#content .searchResult .result h1,
#content .searchResult .result h2,
#content .searchResult .result h3,
#content .searchResult .result h4 { display:inline; width:auto; font-size:11px; color:#666666; line-height:18px; font-weight:bold; margin:0px; padding:0px; }
#content .searchResult .result p { display:inline; margin:0px; padding:0px; }

#content #cokevideo { float:left; width:648px; margin:20px 126px; }

/*** Footer ***/

#footer { width:900px; height:205px; }
.foot { background:url(../images/footerbg.png); }
.foot_ie6 { background:url(../images/footerbg_ie6.png); }
#cokefooter { margin:0 0 0 40px; }

/*** Social Network Bookmarks ***/

#social_bookmarks {  }
#social_bookmarks span { display:block; float:left; color:#999999; font-size:12px; padding:12px 10px 0 0; }
#social_bookmarks a { float:left; display:block; width:32px; height:32px; margin:5px; }
#social_bookmarks a:hover { background-position:bottom; }
#social_bookmarks a span { display:none; }
#social_bookmarks .Stumbleupon { background:url(../images/social/stumbleupon.png); }
#social_bookmarks .Delicious { background:url(../images/social/delicious.png); }
#social_bookmarks .Digg { background:url(../images/social/digg.png); }
#social_bookmarks .Reddit { background:url(../images/social/reddit.png); }
#social_bookmarks .Facebook { background:url(../images/social/facebook.png); }
#social_bookmarks .Furl { background:url(../images/social/furl.png); }
#social_bookmarks .Technorati { background:url(../images/social/technorati.png); }
#social_bookmarks .Twitter { background:url(../images/social/twitter.png); }


/*** FORM ***/
ul.form				                {margin:0 20px; padding:10px 50px; list-style:none; border:1px solid #cdcdcd; background:#fdfdfd;}
ul.form li						    {clear:left;margin:0;padding:5px;}
ul.form li label				    {float:left; width:120px; color:#333333; font-size:11px;}
ul.form li textarea				    {width:300px; height:100px;}
ul.form li textarea.textile	        {height:400px;}
ul.form li input				    {width:300px;}
ul.form li .imageButton,
ul.form li .button				    {width:auto;}
ul.form li .checkbox			    {width:auto;margin:3px 0;padding:0;}
ul.form li span.checkboxList		{float:left;}
ul.form li span.checkboxList input	{width:auto;margin:3px 0;}
ul.form li span.checkboxList label	{float:none;padding:5px;}

/* Form validation styling */
.valSummary ul			        {list-style-type:circle;padding-bottom:15px;}
.field-validation-error,
ul.validation-summary-errors    {color:Red;font-weight:bold;list-style-type:circle;padding-bottom:15px;}
input.input-validation-error    {border:1px solid red;}

/*** FEEDBACK MESSAGES ***/
.flash_info,
.flash_success,
.flash_warning,
.flash_error,
.flash_validation,
.validation-summary-errors   { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background: no-repeat 10px center;}
.flash_info         { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png');}
.flash_success      { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success.png');}
.flash_warning      { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png');}
.flash_error,
.validation-summary-errors   { color: #D8000C; background-color: #FFBABA; background-image: url('../images/error.png');}
.validation-summary-errors   { padding: 5px 5px 5px 70px; }


/* Pager */
.pager					{ margin:20px 0px 10px 0px; padding:3px; }
.pager .disabled		{ border:1px solid #ddd; color:#999; margin-top:4px; padding:3px; text-align:center; }
.pager .current			{ background-color:#06c; border:1px solid #009;	color:#fff;	font-weight:bold; margin-top:4px; padding:3px 5px; text-align:center; }
.pager span, .pager a	{ margin: 4px 3px; }
.pager a				{ border:1px solid #c0c0c0; padding:3px 5px; text-align:center; text-decoration:none; }
