/* CSS Document */

body,Html {margin:0; padding:0; height:100%;}
*  {margin: 0;}
* html #main  {height: 100%;}
html  {overflow-y: scroll;} /*auto scroll bars */





/* general */
p {font:normal normal normal 12px/170%  Arial, Helvetica, sans-serif; color:#6b6452;  margin: 0; padding:0;}
h1 {margin-top:5px; margin-bottom:5px;  font:17px/20px Arial, Helvetica, sans-serif; color:#a59f8f; font-weight:bold;}
h2 {margin:0 0 4px 0 ; padding:0;font:bold 17.5px/24px Arial, Helvetica, sans-serif; color:#47443a;}
h3, h3 a {margin:15px 0 5px 0;  font:normal normal bold  15px/18px Arial, Helvetica, sans-serif; color:#8bb235;}
h4 {padding-top:8px; padding-left:10px; line-height:50px; font-size:12px; line-height:13px;  height:40px; font-weight:bold; color:#fff;  background-color:#44a4d6;}
a {color:#44a4d5;  text-decoration:none;}
a:hover {color:#8bb235;}
strong {font-weight:bold;}
.breadcrumbs {text-indent:25px;}
.arrow {font-size:15px; line-weight:18px; vertical-align: top;  font-weight:bold;}
strong {font-weight:bold;}
a img {border:0;}
.hr{color:#fff;background-color:#fff; border-bottom: 2px dotted #f2f2f2;height:5px;margin-bottom:5px;}
/* special text */
.clear {width:100%;  clear:both;}
.small-text {font:italic normal normal  14px/17px   Arial , sans-serif; color:#6b6452;}
.small-text2 {font:normal normal normal 12px/17px  "trebuchet MS", tahoma, geneva, Arial , sans-serif; color:#6b6452;}
.feature {font-size:15px; line-height:22px; color:#6b6452;}

/* layout */
body {background:#96b8db url(i/skytile.jpg) 0 0 repeat-x;}
#wrapper {margin:0; padding:0; font:normal normal normal 12px/17px  Arial, Helvetica, sans-serif; color:#6b6452;}
#innerwrapper {width:1000px;  margin:0 auto;  padding:0 0 0 0;}
#empireorg {border:0; margin:17px 30px 0 0; float:right;  clear:both;}
#nymilklogo {border:0; padding:0; margin:10px 0 10px 20px; clear:both;}
#white {margin:0 auto 0; padding:10px 16px 20px 16px;  background:#fff url(i/hill-footer2.jpg) center bottom no-repeat;}
#rightcontentcol {width:600px; float:right; margin-right:30px;}
#maincontentcol {width:680px; margin:0 auto;}
#contentwrapper {width:920px; background-color:#fff; margin:30px 22px 0 22px;}
#content {width:876px; background-color:#fff; margin:30px 22px 0 22px;}
#footer {width:880px; height:24px; margin:240px auto 12px; padding:10px;  background-color:#fff; text-align:right;}
.bottomrowitem{width:240px;margin:0;padding:0 30px;float:left;}

/*navigation*/
ul#nav {width:960px; height:60px;list-style:none; /* removed from li onto the ul it */padding:0; margin:0 4px 5px; display:block; position:relative; background:url(i/nav.gif) 0 0 no-repeat;}
ul#nav li {float:left; display:block; padding:0; margin:0; position:absolute; top:0; height:60px; display:block; border:none;}
ul#nav li a, ul#nav li a:hover {padding:0; margin:0; display:block; /* width:55px */overflow:hidden; height:60px; border:none;}
#nav-a {left:0px; width:155px;}
#nav-b {left:155px; width:160px;}
#nav-c {left:315px; width:110px;}
#nav-d {left:425px; width:125px;}
#nav-e {left:550px; width:80px;}
#nav-a a:hover,#nav-a a.current {left:0px; width:155px; background:url(i/nav.gif) 0px -60px  no-repeat;}
#nav-b a:hover,#nav-b a.current {left:155px; width:160px; background:url(i/nav.gif) -155px -60px  no-repeat;}
#nav-c a:hover,#nav-c a.current {left:315px; width:110px; background:url(i/nav.gif) -315px -60px  no-repeat;}
#nav-d a:hover,#nav-d a.current {left:425px; width:125px; background:red url(i/nav.gif) -425px -60px  no-repeat;}
#nav-e a:hover,#nav-e a.current {left:550px; width:80px; background:url(i/nav.gif) -550px -60px  no-repeat;}

.righttopnav  {height:16px; padding:0; margin:10px 0 0 0; float:right;  color:#fff; clear:both; font:9px/24px normal normal normal  Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;  letter-spacing:.06em;}
.righttopnav a {font:9px/16px normal normal normal  Verdana, Arial, Helvetica, sans-serif;  padding: 1px 3px;  color:#fff;}
.righttopnav a.socialicon, .righttopnav a.socialicon:hover {font:9px/16px normal normal normal  Verdana, Arial, Helvetica, sans-serif;  padding: 1px 3px;  color:#fff;  background:none;}
.righttopnav a:hover {background-color:#d7eaf0; color:#003300;}
.righttopnav a img {height:24px; width:24px;  border:0; vertical-align:bottom;}

#subnav {float:left; width:200px;}
#subnav a {display:block; font:normal normal bold 12px/28px  Arial, Helvetica, sans-serif; vertical-align: top;  border-bottom:#a59f90 1px dotted;  color:#44a4d5;  text-indent:10px;}
#subnav a:hover {color:#6b6452;}
#subnav a.current {background-color:#d1e7ef;}

/*footer nav*/
.socialmedia {float:left; height:24px;  font:10px/24px Arial, Helvetica, sans-serif;  font-weight:bold; text-align:left;  color:#a59f90;  padding:0 5px;}
.socialmedia a {height:24px; font:10px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#a59f90; padding:0 15px 0 0;}
.socialmedia a:hover {color:#9cd354;}
.socialmedia a img {width:24px; height:24px; border:0; vertical-align:bottom; float:left; margin:0 8px 0 0;}
.twitterdiv {float:left; height:24px;  font:10px/24px Arial, Helvetica, sans-serif;  font-weight:bold; text-align:left;  color:#a59f90;  padding:0 4px; width:135px;}
.twitterdiv div {text-align:left; float:left;}
.twitterdiv a {line-height:12px; text-align:left;}
img.twitterimg {width:24px; height:24px; border:0; vertical-align:bottom; float:left; margin:0 8px 0 0;}

/*madeby sheepdogpd*/
#madeby {padding-top:10px; margin:0 0 50px 0;  text-align:right; color:#5e5a4e;}
#madeby a {color:#5e5a4e;padding:1px 3px;}
#madeby a:hover {color:#fff;background-color:#44a4d6;}

/*product page*/
div.productitem {width:425px; height:180px; padding:10px 15px 10px 5px; color:#a59f90; margin:10px 5px; border:2px #ecebe8 solid;  background-color:#f6f5f1; text-align:left; float:left;}
div.productitem p {font:normal normal normal 12px/18px  Arial, Helvetica, sans-serif; color:#6b6452; margin-top:5px;}
div.productitem img {padding:0;  float:left; margin:0 15px 10px 0;}
a.productimglink {border-bottom:3px solid #ecebe8; padding:0 0 0 0;}
div.productpg {width:920px; margin:30px auto 0;  height:auto; padding:0;}
div.productpg h3 {height:15px; margin:6px 0 3px 0; padding:0; font:normal normal bold 15px/15px Arial, Helvetica, sans-serif; color:#6eac5f;}

div.retailerlist h3{margin:15px 0 0 0;  font:normal normal bold  13px/16px Arial, Helvetica, sans-serif; color:#8bb235;}
.separator{border: 2px dotted #f2f2f2; padding:5px; display:block; min-height:10px; background:url(i/diag.gif) repeat;}


