/*<group=Reset>*/
* {padding:0; margin:0;}

h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1.2em 0 0.7em 0; }
h2, h3, h4, h5, h6 {color: #DF312A;}

h1.branding {text-indent: -5000px; background: url(../images/toplogo_is.gif) no-repeat; width: 224px; height: 55px;
position: absolute; top: 15px; left: 20px; padding: 0; margin: 0; font-size: 1px;}
h1.branding a {width: 224px; height: 55px; padding: 0; margin: 0; display: block;}
h2 {font-size: 150%; letter-spacing: -0.01em;}
h3 {font-size: 120%;}
h4 {font-size: 105%;}

body {font: small/140% Arial, "lucida grande", myriad, Verdana, Helvetica,  sans-serif; color: #004B8F;
	margin: 0; padding: 0;	background: url(../images/bg2.gif) repeat-x;}

p {font: small/140% Arial, "lucida grande", myriad, Verdana, Helvetica, sans-serif; margin-bottom: 1em; line-height: 1.3em;}
p.paginate, p.date {color: #a0a0a0; font-size: 90%; margin-top: 10px;}

ul {list-style: none;}
#maincontent ul li {background: url(../images/bullet1.gif) no-repeat left 5px; padding-left: 13px; line-height: 1.2em; margin-bottom: 0.5em; margin-left: 10px;}

#maincontent ol {margin-left: 12px;}
#maincontent ol li {line-height: 1.3em; margin-bottom: 0.5em;}

li, dd { margin-left:1em; padding-bottom:.3em;}
fieldset { padding: .5em;}
img {	border: none;	margin: 0; padding: 0;}
img.edge {position: relative; left: 33px;}

/*<group=Links>*/
a {text-decoration: none;}
a:link {	color: #DF312A; text-decoration: none;}
a:visited {color: #DF312A; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
a.more {background: url(../images/bullet_arrow.gif) right center no-repeat; padding-right: 16px;}

/*<group=Layout>*/

#wrapper {text-align: left;	position: relative; float: left; margin-top: 0; width: 932px; margin-top: 0px;	padding: 0; background: url(../images/content_bg4.gif) repeat-x; }
#wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html #wrapper {height:1%;}

#topsection {width: 904px; height: 80px; float: left; background: #004B8F no-repeat; margin: 0;}

#content {width: 932px; float: left; display: inline; }

#maincontent {float: left; margin-left: 120px; display: inline; width: 570px; margin-bottom: 10px; }
#maincontent.withbottombanner {padding-bottom: 155px;}
#maincontent.pbbears {background: url(../images/3bears.jpg) no-repeat; background-position: bottom right;}
#maincontent img {float: right ; padding: 0; margin: 0 0 10px 10px;}

/*<group=top icons>*/

ul#icons {position: absolute; top: 15px; left: 300px; height: 55px; ist-style: none; padding: 0; margin: 0;}
ul#icons li {display: inline;}
ul#icons li a {float: left; height: 55px;  width: 86px; margin: 0; text-indent: -5000px;}
ul#icons li a.pb {background: url(../images/toplogo_pb.gif) no-repeat center center;}
ul#icons li a.penn {background: url(../images/toplogo_penn.gif) no-repeat center center; width: 110px;}
ul#icons li a.penn {background: url(../images/toplogo_pennstate.gif) no-repeat center center; width: 113px;}
ul#icons li a.eden {background: url(../images/toplogo_eden.gif) no-repeat center center; width: 103px;}
ul#icons li a.chio {background: url(../images/toplogo_chio.gif) no-repeat center center; width: 120px;}
ul#icons li a.mash {background: url(../images/toplogo_mash.gif) no-repeat center center; width: 100px;}
ul#icons li a.yournuts {background: url(../images/toplogo_yournuts.gif) no-repeat center center; width: 110px;}

/*<group=main nav>*/

ul#mainnav {height: 22px; padding:0; margin: 0; font-size: 90%; float: left; width: 782px; padding: 5px 0 3px 0; border: none;}

ul#mainnav li  {
	display: inline; list-style: none;	border-right: 1px solid #606172;
	padding: 0 7px 0 0; margin-top: 12px; margin-bottom: 10px;	margin-left: 7px;
	}
ul#mainnav li.home  {margin-left: 20px; margin-right: 80px; border: none;}
ul#mainnav li.last  {border-right: 0;}
ul#mainnav li a {color: #606172; text-decoration: none; font-weight: bold;}
ul#mainnav li a:hover {text-decoration: underline;}
ul#mainnav li a.current {color: #DF312A;}

/*<group=subnav>*/

ul#subnav li  {
	display: inline; list-style: none; font-size: 90%;
	padding: 0 2px 0 13px; margin-top: 10px; margin-bottom: 10px;	margin-left: 5px; background: url(../images/bullet1.gif) left center no-repeat;}

ul#subnav li.home  {margin-left: 0;}
ul#subnav li.last  {border-right: 0;}
ul#subnav li a {color: #606172; text-decoration: none; font-weight: bold;}
ul#subnav li a:hover {text-decoration: underline;}
ul#subnav li a.current {color: #DF312A;}

/*<group=subsubnav>*/

ul#subsubnav {margin-top: 0; position: relative; left: -2px;}

ul#subsubnav li  {
	display: inline; list-style: none; font-size: 90%; padding: 0 2px 0 16px; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; background: url(../images/bullet_arrow.gif) left center no-repeat;}

ul#subsubnav li.home  {margin-left: 0;}
ul#subsubnav li.last  {border-right: 0;}
ul#subsubnav li a {color: #606172; text-decoration: none; font-weight: bold;}
ul#subsubnav li a:hover {text-decoration: underline;}
ul#subsubnav li a.current {color: #DF312A;}

/*<group=sidecol>*/

#sidecol {width: 178px; padding-top: 0; float: right; margin: 10px 15px 15px 0; margin-right: 13px;
 display: inline; color: #00355F; height: 440px;}

#sidecol ul {line-height: 1.2em; list-style: none;}
#sidecol ul li {margin-bottom: 5px;
	padding: 0 0 0 12px; background: url(../img/bullet.gif) no-repeat 0 4px;}
#sidecol ul li a {font-weight: normal; color: #00355F;}
#sidecol ul li a.current {color: #B37568;}

#sidecol h3 {margin-top: 5px; padding-top: 0; margin-bottom: 0.5em; color: #FDCA00; font-size: 120%;}

/*
#sidecol h3 a {color: #fff;}
#sidecol h3 a:link {color: #fff;}
#sidecol h3 a:visited {color: #fff;}
#sidecol h3 a:hover {color: #fff;}
#sidecol h3 a:active {color: #fff;}
*/

#sidecol h4 {font-weight: normal; margin: 1em 0 0.1em 0; line-height: 1.2em; color: #FDCA00; font-size: 90%;}

#sidecol p {font-size: 85%; margin: 0 0 1em 0; line-height: 1.2em; color: #fff;}

#sidecol img {margin: 5px 0 5px 0;}

#sidecol a {color: #FDCA00;}
#sidecol a:link {color: #FDCA00;}
#sidecol a:visited {color: #FDCA00;}
#sidecol a:hover {color: #FDCA00;}
#sidecol a:active {color: #FDCA00;}

/*<group=footer>*/

#foot {width: 100%; float: left; display: inline; margin: 0; padding: 0 0 0 0; color: #fff; background: url(../images/foot_bg.gif) repeat-y #DF312A; border-bottom: 1px solid #004B8F;}

#foot a {color: #FDCA00; font-weight: bold;}

#foot ul.smallprint { margin: 0 0 18px 0; padding: 0; font-size: 80%;}
#foot ul.smallprint li {margin: 0 0 0 0; padding: 0 5px 0 0; display: inline; list-style: none;	border-right: 1px solid #ffF; line-height: 0;}
#foot ul.smallprint li.last {border: none; margin-left: 5px;}

#footerdetails {margin-left: 100px; width: 400px; float: left; display: inline;}
#footerdetails p {line-height: 1.5em; margin: 10px 0 10px 0; font-size: 80%;}


/*<group=tables>*/

table {width: 576px;	margin-bottom: 10px;	font-weight: normal; font-size: 90%; padding: 5px; background-color: #fafafa; border: 1px solid #5899D4;}
td { border-bottom: 1px solid #91D7FF;}
th {font-size:110%; border-bottom: 1px solid #91D7FF; font-weight: bold;}

table#microwave {text-align: center;}

/*<group=products>*/

#range {margin-bottom: 20px;}
#range ul {width: 576px; height: 180px; list-style: none; padding: 0 0 0 0; margin: 0; font-weight: bold; font-size: 90%; line-height: 1.1em; clear: both;}
#range ul li {display: inline; padding: 0; margin: 0  0 0; background: none;}
#range ul li a {float: left; width: 110px; margin: 0; text-align: center; padding-top: 0px; display: inline;}

div#range  + p {clear: both; margin-top: 30px;}


#range.almosteden ul li a {
margin-right: 20px;
}

#chioproducts ul {width: 576px; height: 180px; list-style: none; padding: 0 0 0px 0; margin: 10px 0 0 0; font-weight: bold; font-size: 90%; line-height: 1.1em;}
#chioproducts ul li {display: inline; padding: 0; margin: 0 0 0 0; background: none;}
#chioproducts ul li a {float: left; width: 134px; margin: 0 5px 0 5px; text-align: center; padding-top: 0px;}

div.productlink {float: left; width: 550px; padding: 10px 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #61A5E3;}
div.productlink.last {border-bottom: none;}

div.productimg {width: 158px; float: left; margin: 0; padding: 0; display: inline;}
*html div.productimg {position: relative; left: -20px;}
div.productdescription {float: right; width: 350px;}

/*--------------form-----------------------*/

.searchbox {width: 178px; float: right; margin: 10px 0 0 0;}
.searchbox label {margin: 0; padding: 0; color: #FDCA00; font-weight: bold;}
.search {width: 140px; }

form {font-family:"lucida grande", myriad, Verdana, Helvetica, Arial, sans-serif; color: #404040;
		width: 510px; float: left; display: inline; margin: 0 0 0 0;}

fieldset {margin: 0 0 1em 0; padding: 6px 10px 25px 30px; border: 2px solid #f99d1c;}

input#submitbutton {
	font-size: 90%; font-weight: bold; display: block; margin-bottom: 4px;
	clear: both;}	

legend {font-weight: normal;	font-size: 130%; color: #DF312A; margin: 0;padding: 0.5em;}
label {display: block; margin: 20px 0 .3em 0;}

radio {background: none;}
p.rad {float: left; margin-right: 22px; width: 60px; padding: 0; margin-bottom: 6px; display: inline;	line-height: 1em;}
p.rad input {float: left; margin-top: 5px;}

input, textarea {font-size: 95%;	margin-bottom: 10px;}	
input.input, textarea.input {
	width: 420px; display:block;	border: 2px solid #004B8F; padding: 0.2em 0 0.2em 5px;	
	font-family:"lucida grande", myriad, Verdana, Helvetica, Arial, sans-serif; background: #F3F3F3;}
input.input:focus, textarea.input:focus {background: #fff;}

input.input:hover,textarea.input:hover {border: 2px solid #df312a;}

div#bottombanner {position: absolute; bottom: -1px; left: 82px; width: 641px; height: 148px; border-top: 1px solid #00355F; border-bottom: 1px solid #00355F; background-color: #8c8267; padding: 0;}

div#bottombannerhome {position: absolute; bottom: -1px; left: 82px; width: 641px; height: 468px; border-top: none; border-bottom: 1px solid #00355F; background-color: #8c8267; padding: 0;}

*html div#bottombannerhome {bottom: -2px;}

div#bottombanner img {border: 1px solid red; padding: 0; border: 0; margin: 0;}

div.promotion {border-bottom: 2px solid #e4e4e4; margin-bottom: 10px;}

div#promotionterms {border: 1px solid #ccc; padding: 0 10px 10px 15px; background-color: #f9f9f9; margin-bottom: 12px;}

div#promotionterms h4 {margin-bottom: 1em;}
div#promotionterms p {font-size: 90%; color: #294763;}

.mandatory {color: #df312a; font-weight: bold;}
p.mandatory {font-size: 85%; }