body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  background:#DEDEDE url(../images/design/shell_bg.jpg) no-repeat 50% 0%;
  margin:0px;
}

/* Default Styles */

h1 {
  color:#000000;
  font-size:14px;
}

h2 {
  font-size:13px;
  color:#FFFFFF;
  margin:0px;
  padding:13px 0 13px 0;
}

a {color:#037BC2; text-decoration:none;}
a:hover {color:#037BC2; text-decoration:underline;}

a img {
  border:0px;
}

/* End Default Styles */

#shell {
  margin-left:auto;
  margin-right:auto;
  width: 960px;
  background:#FFFFFF;
}

#header {
  width:950px;
  margin:0 0 0 5px;
}

#logos {
  width:950px;
  height:72px;
}

#banner {
  width:950px;
  height:128px;
  background:url(../images/design/banner.jpg) no-repeat 0% 0%;
}

#menu {
  width:950px;
  height:37px;
  background:url(../images/design/menu_bg.jpg) repeat-x 0% 0%;
}

/* Navigation */


#nav, #nav ul {
  list-style-type: none;
  margin:0 0 0 0;
  padding: 0px;
  /*width: 159px;*/
  font-size:1.0em;
  display:inline;
}

#nav li ul {
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  position: absolute;
  z-index: 256;
  left: -999em;
}

#nav li {
  float: left;
  margin:1px 0 0 0;
  padding:0 2px 0 0;
  position: relative;
  text-decoration: none;
  list-style-type: none;
  background:url(../images/design/divider.jpg) no-repeat 100% 100%;  
}

#nav li a {
  color: #000000;
  font-weight:bold;
  text-decoration: none;
  margin:0px;
  padding: 8px 16px 7px 18px;
  width: auto;
  display: block;
}

#nav li a:hover {
  color: #000000;
  text-decoration: none;
  background:url(../images/design/menu_rollover.jpg) repeat-x 0% 100%;
  margin: 0px;
  width: auto;
  display: block;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }

#nav li:hover, #nav li.hover {
  position: static;
}


#subnav, #subnav ul {
  list-style-type: none;
  float: left;
  margin:0 0 0 0;
  padding: 0px;
  width: 179px;
}

#subnav li {
  color: #000000;
  margin:0px;
  padding:0px;
  position: relative;
  width: 179px;
}


#subnav li a {
  color: #000000;
  text-decoration: none;
  margin: 0px;
  display: block;
  height:19px;
  padding:2px 0 0 18px;
  background:#C4C6C5 url(../images/design/spacer.gif) repeat-y 0% 0%;
  border:0px;
}

#subnav li a:hover {
  color: #000000;
  margin: 0px;
  padding:2px 0 0 18px;
  display: block;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }


/* End Navigation */

#holder {
  margin:4px 0 0 5px;
  width:950px;
  min-height:399px;
  height:auto;
  _height:399px;
  background:url(../images/design/leftpanel_bg.jpg) repeat-y 0% 0%;  
}

#leftpanel {
  float:left;
  width:186px;
}

#blue {
  width:184px;
  margin:0 0 4px 0;
  color:#FFFFFF;
  text-indent:12px;
  border:1px solid #0079C1;
  background:#0079C1 url(../images/design/blue_bg.jpg) no-repeat 0% 0%;
}

#green {
  width:184px;
  margin:0 0 4px 0;
  color:#FFFFFF; 
  text-indent:12px;   
  border:1px solid #4AAA42;
  background:#4AAA42 url(../images/design/green_bg.jpg) no-repeat 0% 0%;
}

/* Product Navigation */
#navblue {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#navblue li {
  border-top:1px solid #3D99D0;
}

#navblue li a {
  color:#FFFFFF;
  font-weight:bold;
  padding:0 0 2px 0;  
  display:block;  
}

#navblue li a:hover {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  background:#3D99D0;  
  display:block;  
}

#navgreen {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#navgreen li {
  border-top:1px solid #7FC37A;
}

#navgreen li a {
  color:#FFFFFF;
  font-weight:bold;
  padding:0 0 2px 0;
  display:block;
}

#navgreen li a:hover {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  background:#7FC37A;
  display:block;
}
/* End Product Navigation */

#middlepanel {
  float:right;
  width:764px;
  background: url(../images/design/middlepanel_bg.jpg) no-repeat 0% 0%;  
}

#content {
  float:left;
  width:454px;
  min-height:305px;
  height:auto;
  _height:305px;  
  margin:15px 66px 0 52px;
}

*html #content {
  margin:15px 58px 0 30px;  
}

.shadow {
  padding:0 8px 9px 0;
  background:url(../images/design/image_bg.gif) no-repeat 100% 100%;
}

#insidecontent {
  float:left;
  width:700px;
  min-height:305px;
  height:auto;
  _height:305px;   
  margin:15px 0 10px 52px;
}

*html #insidecontent {
  margin:15px 0 10px 30px;  
}

#rightpanel {
  float:left;
  width:192px;
  margin:15px 0 0 0;
}

#footer {
  margin:0 0 0 5px;
  width:950px;
  color:#9C9C9C;
}

#footer a {color:#9C9C9C;}
#footer a:hover {color:#9C9C9C;}

#brands {
  width:950px;
  height:85px;
  background:#F1F1F1 url(../images/design/leftpanel_bg.jpg) repeat-y 0% 0%;
}

#haccp {
  float:left;
  width:172px;
  height:78px;
  margin:0px;
  padding:7px 0 0 14px;
  background:#FFFFFF;
}

*html #haccp {
  margin:0;  
}

#brandlogos {
  float:left;
  width:713px;
  height:52px;
  padding:0 0 0 51px;
}

.logobox {
  float:left;
  margin:0 33px 0 0;
}

*html .logobox {
  margin:0 28px 0 0;
}

#slogan {
  float:left;
  width:764px;
  height:33px;  
}

#rights {
  width:950px;
  height:23px;
  padding:8px 0 0 0;
}

#sitelinks {
  float:right;
}

#sitelinks a {color:#037BC2;}
#sitelinks a:hover {color:#037BC2;}

/* Featurebox */
.featurebox {
  width:183px;
  margin:0 0 5px 0;
  padding:5px 0 8px 0;
  background:url(../images/design/image_bg.gif) no-repeat 100% 100%;
}

.featurebox img {
  margin:15px 0 0 7px;
}

.productname {
  margin:2px 0 0 0;
  font-weight:bold;
  color:#FF4800;
}

.productname img {
  float:left;
  margin:0 10px 4px 15px;
}

#bname {
  float:right;
  margin:0 10px 0 0;
  padding:6px 0 0 0;
  width:118px;
}

*html #bname {
  width:108px;
}

#sname {
  float:right;
  margin:0 10px 0 0;
  padding:6px 0 0 0;  
  width:105px;
}

*html #sname {
  width:95px;
}

#news {
  width:160px;
  margin:0 0 11px 11px;
}

#headline {
  margin:0px;
  padding:0px;
  font-weight:bold;
  color:#FF4800;
}

.readmore {
  color:#FF4800;
}

.readmore:hover {
  color:#FF4800;
}

.readmore2 {
  position:absolute;
  bottom:10px;
  right:10px;
}

/* End Featurebox */

/* Bonson Products */
/*
.box {
  float:left;
  width:161px;
  height:193px;
  font-size:11px;
  margin:0 6px 6px 0;
  padding:4px 4px 0 4px;
  border:1px solid #535552;
}*/

.box {
  float:left;
  width:190px;
  height:205px;
  margin:0 15px 15px 0;
  padding:5px 0 8px 0;
  background:url(../images/design/image_bg.gif) no-repeat 100% 100%;
  position:relative;
}

.box img {
  float:left;
  margin:0 0 10px 10px;
/*  padding:0 8px 9px 0;
  background:url(../images/design/image_bg.gif) no-repeat 100% 100%;*/
}


.pname { margin: 0; padding-left: 10px; }

.largeproduct {
  float:right;
  margin:0 0 10px 10px;
  padding:0 8px 9px 0;
  background:url(../images/design/image_bg.gif) no-repeat 100% 100%;  
}

#largebox {
  width:100%;
  margin:0 0 10px 0;
}

#headings img {
  float:right;
}

#headings h3 {
  width:400px;
  float:left;
  color:#000000;
  font-size:12px;
  margin:0 0 15px 0;
  padding:0px;
}

.documentdownload {
  font-size:11px;
  margin:15px 0 15px 0;
}

.documentdownload img {
  float:left;
  background:transparent;
  margin:0px;
  padding:0px;
}
/* End Bonson Products */

/* Form */

input, select, textarea {
  font-size:11px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border:1px solid #6E6E6E;
}

textarea {font-size:11px;}

.required {
  font-weight:bold;
  color:#D60000;
}


label {
  visibility:hidden;
  display:none;
}

.namefield {float:left; padding-top: 3px; width: 100px; }
.inputfield {float:left; width:520px; padding:4px;}

.namefield2 {float:left; padding-top: 3px; width:104px;}
.input2 {float:left; width:270px; padding:2px; margin:0 300px 0 0; border:1px solid #6E6E6E;}

.submitbutton {
  font-size:11px;
  margin:6px 0 6px 104px;
  background-color:#ABABAB;
  border:1px solid #6E6E6E;
  color:#FFFFFF;
}

/* End Form */

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Product Full */
#productdata {
  float:left;
  margin:0 0 10px 0;
  padding:0px;
  border:1px solid #DEDEDE;
  border-collapse:collapse;
  border-spacing: 10px;
}

#productdata table td  {
  border:1px solid #DEDEDE;
}