@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-size: 14px; color: #1d1e5a; font-family:Times New Roman, Times, serif;}

a, a:visited {text-decoration:none; color: #cc2229;}
a.active, a:hover {text-decoration:underline;}

h1, h2, h3, h4 {color: #cc2229; }

a img {border: 0;}

h2 {margin: 0; padding: 0; font-size: 16px; text-transform:uppercase;}
h3 {margin: 5px 0; padding: 0;}
h4 {margin: 0; padding:0;}

.inline {display:inline;}

#wrapper {
	width: 900px; margin: 0 auto;
	background: #FFF url(images/bg-wrapper.jpg) repeat-y;
}
#container {
	width: 863px;
	margin: 0 auto;
	min-height: 500px;
	border: #1d1e5a solid 1px;
	border-top: none; border-bottom: none;
}

#header {height: 40px; margin:0; padding-top: 42px; background-color: #cae3f7; position:relative;}

#logo {position:absolute; top: 22px; z-index:2; margin-left: 25px;}
#logo img {border:none;}
#accent-bar {42px; height: 14px; background-color:#5bc0ef;}

#showcase {height: 333px; background-color: #FFF; margin-top: 5px;}
#showcase img {width: 863px; height: 333px; background-color:#CCC;}

#menu-bar, #middle-bar {background-color:#508ed1; 	border: #1d1e5a solid 1px; border-left: none; border-right:none;}
#menu-bar {height: 29px; padding: 0 30px 0 40px; text-align:right;}

#menu-bar ul {margin: 7px 0 6px 0; padding: 0;}
#menu-bar li { list-style-type:none; display:inline;font-size: 14px; font-weight:bold; margin:0; padding:0;}
#menu-bar a {text-transform:uppercase; color: #FFF; padding: 5px 10px;}
#menu-bar a.active{color: #1d1e5a; text-decoration:none; background-color:#FFF;}
#menu-bar a:hover  {color: #1d1e5a; text-decoration: none; background-color: #cae3f7;}
#middle-bar {height: 43px;}

#main { padding: 20px 40px; background: #FFF url(images/bg-swirl.jpg) no-repeat 0 -30px; min-height:370px;}

	.breadcrumb {font-size: 11px; text-transform:lowercase; color: #cc2229;}

/* Front */
#main .panel {height: 200px; float:left; width: 223px; padding: 0 12px 10px;} 
#main .panel:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
#main .panel { display: inline-block; float: left;}
/* start commented backslash hack \*/ * html #main .panel { height: 1%; }
#main .panel { display: block; } /* close commented backslash hack */

#main #left {}
#main #center {margin: 0 20px; border: #1d1e5a dotted 1px;	border-top: none; border-bottom: none;}
#main #right {}

#main #center .preview {text-align: center; width: 223px; position:absolute;}
#main #center .preview img {width: 100px; height: 100px; margin: -30px auto; }

#main #left {text-align: left;}
#main #left li, #main .panel li {margin-left: -10px;}
#main #left .preview img, #main #right .preview img {width: 223px; border: #1d1e5a solid 1px; background-color:#FFF;}
#main .content {text-align:justify; font-size: 12px;}
#main #center .content {margin-top: 90px;}

#main .panel ul { margin-left: -15px;}
#main .panel ul li {padding: 0;}
/* inner pages */
#main #left-sidebar ul {margin: 0; padding: 0;}
#main #left-sidebar ul ul {margin-left: 15px;}
#main #left-sidebar ul ul ul{margin-left: 10px;}
#main #left-sidebar li {list-style-type:none; padding: 0; margin-left:-10px;}
#main #left-sidebar ul ul li {color: #cc2229; cursor:pointer}
#main #left-sidebar ul ul li.active, #main #left-sidebar ul ul li:hover {text-decoration: underline;}
#main #left-sidebar, #main #content {margin-top: 40px; display: inline-block; float: left;}
#main #left-sidebar {width: 160px; padding: 0;}
#main #content .content{width: 605px; font-size: 14px; padding-left: 15px;}

/* Gallery */
table#gallery {margin-left: -20px;}
#gallery td {padding: 3px; text-align:center;}
#gallery img:hover {border-color: #cc2229;}
#gallery h4 {line-height: 2em;}

/* Awards */
.awards-wrapper {border-bottom: 1px solid #1d1e5a; padding: 15px; margin-bottom:5px;}
.awards-wrapper td {vertical-align: top;}
.awards-wrapper td img {border:none;}
.awards-wrapper.last {border-bottom:none;}
.award-wrapper {margin: 10px 0 10px 25px;}
/* Slideshow */
#slideshow-wrapper {width: 100%; height:430px; border: 1px solid #1d1e5a; overflow:hidden;}
#slides {overflow:hidden; position:relative; width:10500px;}
.slide {display:inline-block; width: 605px; height: 430px; padding: 15px; margin: 0 0 5px 0; vertical-align:top;}
.slide h4 {font-size: 16px;}
.slide .content ul{width: 500px;}
.slide .content img {text-align:center;}

#slide-links {display:inline-block; margin: 5px 0; width: 100%;}
#prev-next {float:right;}
#prev-next div {margin-left: 5px; text-transform:lowercase; color: #cc2229; display:inline; cursor:pointer;}
/* Contact Pages */
.contact_info {margin: 0 0 15px 15px;}
.phone_wrapper div{margin: 0 0 0 5px;}
.phone_wrapper h4{width: 67px; text-align:right;}
.fax_info h4 {margin-left: 40px;}
.fax_info {margin-bottom: 10px;}

#google_map {padding: 2px; border: #1d1e5a solid 1px; float:right; text-align:right; margin-bottom: 20px;}
#google_map iframe{border: #1d1e5a solid 1px;}

#footer {text-transform: uppercase; font-size:11px; color: #cc2229; text-align:center; padding: 15px 0; display:block; margin-top: 40px;width: 783px; float:left;}

.content img { border: 1px solid #1d1e5a; padding: 2px;}
img.left {float: left; margin-right: 10px; vertical-align:top;}
img.right {float: right; margin-left: 10px; vertical-align:top;}

div#products {width: 200px; }
div#products.left {float:left; margin-right: 2px; margin-left: 20px; }
div#products.right{float:left; margin-left: 50px;}
div#products li {list-style:none; color:#cc2229; cursor:pointer;}
div#products li:hover {text-decoration:underline;}

#content table td {vertical-align:top;}

.site {margin: 5px 0 10px 0; padding-left: 20px;}
.site h4 {margin: 0 0 0 -20px; color: #1d1e5a;}

.panel .news {margin-bottom: 5px;}
.news { margin-bottom: 20px; padding-left: 15px;}
.news h4 {margin-left: -15px; margin-bottom:5px;}
.news .date {font-size:13px; display:inline; width: 150px; padding-right: 10px;}

.more {float:right; margin-top: 15px;}

#buffalo-milk-advantage ul li {margin-bottom: 15px; list-style-position:inside; list-style-type:disc; }
#buffalo-milk-advantage ul ul li {font-size: 12px; margin-left: -15px; margin-bottom:0;}

#health-benefits {margin-top: 25px; font-size: .9em;}
#health-benefits ol li {margin-bottom: 5px;}

#product-showcase {margin-top: 10px;}
#product-showcase .row {margin-left: -2px;  }
#product-showcase .row.last img {border-bottom: 1px solid #1d1e5a;}
#product-showcase .row img {padding: 0; width: 192px; height: 192px; margin: 4px;}