header:after, .main:after, #Root:after, .search-bar:after, header .inner:after {height:0;content:".";display:block;clear:both;visibility:hidden;}

body{margin:0; background:#ededed; min-width:240px;-webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif;}
.ie7 body, .ie8 body{min-width:860px;}

::-moz-selection{background:#b80000; color:#fff; text-shadow:none;}
::selection {background:#b80000; color:#fff; text-shadow:none;}
a:link {-webkit-tap-highlight-color:#b80000;}

a.btn, .btn.ordernow a {background:#000; color:#fff; display:inline-block; border-radius:4px; padding:6px 15px; margin:10px auto; text-transform:uppercase; letter-spacing:1px; border: 2px solid #fff !important; font-size:18px;}
a.btn:after{/*content:'\2192';*/ padding-left:10px;  font-size:18px; font-family:Arial, Helvetica, sans-serif;}
a.btn:hover, .btn.ordernow a {background:#fff; color:#000;}
.content img{border:0; width:60%; height:auto; float:left; margin:6px 20px 10px 0;}

.content ul{margin:20px 0 20px 0px;padding:0;}
.content li{line-height:22px; margin-bottom:5px; list-style-type:none;}
.content .productlist > li {float: left;padding-bottom: 5px;margin-left: 0px;}
.content .productlist > li a {margin-left: 15px;}
.content .productlist ul {padding: 0;margin:0;}
.content-container h1 {font-size:36px; border-bottom:1px solid #e5e5e5; padding-bottom:6px; margin:0 0 23px 0; line-height:45px;}
.content-container h1 span.amp{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia; font-style:italic;}
.content-container h2{font-size:25px; margin-bottom:15px; padding-top:15px;}
.content-container h3{font-size:21px; margin-bottom:10px; padding-top:10px;}
.content a{border-bottom:none;}

.brand{float:left; display:inline-block;padding-left: 30px;}
.brand h1{margin:0; padding:0; font-size:30px; font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; font-weight:600; font-stretch:normal; line-height:1em;margin-top: 50px;} 
.brand, .brand:hover{color:#fff;}

.search-bar form input.action, .header .primary li a, .footer a{-moz-transition:color 0.2s; -webkit-transition:color 0.2s; transition:color 0.2s;}

/* Search Form */
.search-bar {position:absolute; right:30px; top:32px;}
.search-dropdown-icon {display:none;}
.search-bar form fieldset {position:relative; padding:0; margin:0;}
.search-bar form input.text {width:155px; padding-left:10px; padding-right:35px; color:#888; margin:0; border:none; border-radius:20px; background:#fff; font-family:Arial, Helvetica, sans-serif;}
.search-bar form input.active{color:#000;}
.search-bar form input.action {font-size:15px; position:absolute; right:3px; top:-1px; cursor:pointer; border:none; padding:5px; background:none;font-family:'WebSymbolsRegular'; color:#848484;}
.search-bar form input.action:hover {color:#000;}
.search-bar form input:focus, .header textarea:focus {outline:none;}

.header .primary ul{float:right; margin:70px 20px 0 0;}
.header .primary li{float:left; padding-bottom:20px; margin:0 5px; position:relative; white-space:nowrap;list-style-type:none;}
.header .primary li a{color:#000; font-size:15px; font-family:Helvetica, Arial, sans-serif; padding:6px 8px; font-weight:bold; display:block; }
.header .primary li a:hover{color:#fff;} 
.header .primary li.section a, .header .primary li.current a{color:#fff;}
.header .primary li.section:after, .header .primary li.current:after{content:'}'; display:block; position:absolute; left:50%; margin-left:-7px; bottom:-6px; font-family:'WebSymbolsRegular'; font-size:28px; color:#fff; text-align:center; line-height:20px;} 

/* when navigation and logo overlap tablet-nav is initialized */
.tablet-nav .header .inner{padding-top:20px;}
.tablet-nav .header .primary ul {float:left; clear:both; margin:20px 0 4px -12px; white-space:nowrap;} 
.tablet-nav .header .primary ul li{margin-bottom:10px; padding-bottom:0; white-space:nowrap;}
.tablet-nav .header .primary ul li a{-moz-transition:none; -webkit-transition:none; transition:none;background-color:burlywood;border-radius:4px;}
.tablet-nav .header .primary ul li.current a, .tablet-nav .header .primary ul li.section a{background-color:burlywood; border-radius:4px;}
.tablet-nav .header .primary li.section:after, .tablet-nav .header .primary li.current:after{display:none;}
.tablet-nav .footer .right{float:left; width:100%;}

.header .nav-open-button {display:none;}
.inner{max-width:1100px; margin:0 auto; padding:0px;}

.ie6 .inner {width:960px;}
#topcurve {background: url(../images/Curve-top-left.png) no-repeat 0 0;}
#passion {background: url(../images/passion-for-what-we-do.png) no-repeat 0 0;width: 275px;height: 69px;}
#bull {background: url(../images/Windy-Bull-logo.png) no-repeat 0 0;width: 180px;height: 86px;}


.main{background:rgb(128,5,7); padding:20px 0 20px;}
aside{float:left; width:25%; margin:0 0 0 15px;box-sizing: border-box;}

.secondary h3 a{font-size:20px; color:#fff; margin:0 0 8px 0;}
.secondary {border-bottom:1px solid #e5e5e5;}
.secondary ul {padding:0; margin:0;}
.secondary li{border-top:1px solid #e5e5e5; position:relative; list-style-type:none;}
.secondary li .arrow{color:#b80000; padding-right:5px; display:block; font-size:15px; line-height:20px; position:absolute; left:2px; top:5px; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s;}
.secondary li:hover .arrow{left:6px;}
.secondary li a{padding:8px 0; display:block; width:100%; text-transform:uppercase; letter-spacing:2px; font-size:11px; color:#fff; line-height:17px; font-family:'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;}
.secondary li .text {padding-left:28px; display:block;}
.secondary li.section, .secondary li.current{background-color:#f7f7f7;}
.secondary li.section a, .secondary li a.current {color:#000;background-color:#f7f7f7;padding-left: 10px;font-size: larger;box-sizing: border-box;}
.secondary li a:hover{color:inherit;background: #f7f7f7;padding-left: 10px;}
.content-container{float:right; width:73%; background:url(../images/work_bg_2.jpg) no-repeat 0 0 #a48f62; padding: 10px; box-sizing: border-box;}
.no-sidebar .content-container{float:left;}
.header {overflow: hidden; position: relative; background: #000000 url(../images/header.jpg) no-repeat left top;}
.header .inner{padding-top:25px; position:relative;}

/* Search Results */
.searchResults h1 { font-size:36px; margin-bottom:15px;}
.searchResults p.searchQuery {color:#333; margin-bottom:10px;}
.searchResults ul#SearchResults {padding:0;}
.searchResults ul#SearchResults li {border-top:1px solid #e5e5e5; padding:20px 0; list-style-type:none;}
.searchResults ul#SearchResults p {margin-bottom:12px;}
.searchResults ul#SearchResults a.searchResultHeader {font-size:16px; font-weight:bold; margin-bottom:6px; display:block;}
.searchResults #PageNumbers {border-top:1px solid #e5e5e5; padding-top:20px;}
.searchResults #PageNumbers a{padding:0 5px;}
.searchResults #PageNumbers .pagination {float:left;}
.searchResults #PageNumbers p {float:right;}
.searchResults #PageNumbers .next, .searchResults #PageNumbers .prev{font-size:14px;}
.searchResults #PageNumbers .next {margin-left:15px;}
.searchResults #PageNumbers .prev {margin-right:15px;}

/* Footer */
.footer{color:#999; background:#ededed; padding:20px 10px; font-size:11px; display: inline-block;width: 100%;box-sizing: border-box;}
.footer a{color:#999;}
.footer a:hover{color:#000;}
.footer .left{float:left; color:#000; display:block; margin-bottom:10px;}
.footer .right{float:right; display:block;}
.footer span{padding:0 3px; color:#bbb;}
.footer .primary, .footer .primary ul{display:inline; margin:0; padding:0;}
.footer .primary li{display:inline;}
.ie6 .footer .primary li, .ie7 .footer .primary li{display:inline; zoom:1; margin-right:10px;}
.footer .primary li:after{padding:0 3px 0 5px; content:'/'; color:#999;}
.footer .primary li:last-child:after{content:'';}
.footer .arrow{padding:0 8px 0 5px; color:#b80000; font-size:13px;}
.footer .primary .nav-open-button {display:none;}
.footer .primary ul#nav .menu-bubble-arrow {display:none;}
#media-query-trigger{display:none; visibility:hidden;}
.grid_8 li {float: left;padding-bottom: 5px;padding-left: 20px;margin-left: 0px;list-style-type:none;}
.grid_8 ul {padding: 0;margin: 0;}
#creditsFooter {margin-right: 20px;}
#phone {font-size: 1.5em;margin: 10px 0 0 20px;padding-bottom: 20px;}

/* WindyCode */
.pricetable {float:left;width: 290px;border-left: 2px solid #000000; margin-right: 5px;}
.Products {padding: 1px 10px 0 10px; min-height:373px;}
.Prices {background: url(../images/prices_colm.jpg) no-repeat bottom left #978652;background-size: auto;padding: 10px;background-size: contain;height: 374px;}
.Beef,.Log {background: url(../images/beef_colm.jpg) no-repeat 0 0 #800507;height: 374px;}
.Lamb {background: url(../images/lamb_colm.jpg) no-repeat 0 0 #800507;}
.Pork {background: url(../images/pork_colm.jpg) no-repeat 0 0 #800507;}
.Poultry {background: url(../images/poultry_colm.jpg) no-repeat 0 0 #800507;}
.Game {background: url(../images/game_colm.jpg) no-repeat 0 0 #800507;}
.Goods {background: url(../images/smallgood_colm.jpg) no-repeat 0 0 #800507;}
.productlist > li {float: left;}
.Home {background: url(../images/butcher_colm.jpg) no-repeat 0 0 #800507;height: 374px;}
.About {background: url(../images/ham_colm.jpg) no-repeat 0 0 #800507;height: 374px;}
.Contact {background: url(../images/contact_colm.jpg) no-repeat 0 0 #800507;height: 374px;}

.imgdiv { width:153px; height:110px;}
#beef, #lamb, #pork, #poultry, #game, #smallgoods {float:left;position:relative;margin: 0 auto;padding: 5px;border: 0;}

#beef a {background: url(../images/beef-swap.jpg) no-repeat 0 0; float:left;height: 110px;width: 100%;}
#beef a:hover {background: url(../images/beef-swap.jpg) no-repeat 0 -110px;float:left;width: 100%;} 
#lamb a {background: transparent url(../images/lamb-swap.jpg) no-repeat 0 0;float:left;height: 110px;width: 100%;}
#lamb a:hover {background: url(../images/lamb-swap.jpg) no-repeat 0 -110px;float:left;width: 100%;}
#pork a {background: transparent url(../images/pork-swap.jpg) no-repeat 0 0;float:left;height: 110px;width: 100%;}
#pork a:hover {background: url(../images/pork-swap.jpg) no-repeat 0 -110px;float:left;width: 100%;}
#poultry a {background: transparent url(../images/poultry-swap.jpg) no-repeat 0 0;float:left;height: 110px;width: 100%;}
#poultry a:hover {background: url(../images/poultry-swap.jpg) no-repeat 0 -110px;float:left;width: 100%;}
#game a {background: transparent url(../images/game-swap.jpg) no-repeat 0 0;float:left;height: 110px;width: 100%;}
#game a:hover {background: url(../images/game-swap.jpg) no-repeat 0 -110px;float:left;width: 100%;}
#smallgoods a {background: transparent url(../images/smallg-swap.jpg) no-repeat 0 0;float:left;height: 110px;width: 100%;}
#smallgoods a:hover {background: url(../images/smallg-swap.jpg) no-repeat 0 -110px;float:left;width: 100%;}

/* DivTable */
.divTable{
	display: table;
	width: 100%;
	max-width: 500px;
}
.divTableRow {
	display: table-row;
}
.divTableRowx2 {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #800507;
	display: table-cell;
	padding: 3px 10px;
	min-width:153px !important;
	box-sizing:border-box;
	background:#800507;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

@media only screen and (max-width: 960px) {
.content img{width:97%; height:auto; margin:0 0 20px;}
.header .primary ul {margin-left:-12px; -webkit-padding-start: 0px;} 
}

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
#media-query-trigger{ visibility:visible;}
.brand{float:none; display:inline-block; margin-left:22px; margin-bottom:0px;padding-left:0;}
.brand h1{font-size:40px;}
.header {padding:0px;}
.header .inner{padding:20px 0 0 0;}
.header .primary .nav-open-button {z-index:100; width:20px; height:20px; position:absolute; right:20px; top:30px; display:block; cursor:pointer; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed;} 
.header .primary ul {z-index:10; position:relative; display:none; float:left; margin:0 !important; padding:0; white-space:normal; width:100%;}
.header .primary ul li {width:100%; margin:0 !important; float:none; background:none; position:relative; text-shadow:0 1px #fff;}
.header .primary ul li:after {content:'\003e'; display:block; position:absolute; right:20px; top:0px; font-family:'WebSymbolsRegular'; font-size:14px; color:#999; text-align:center; vertical-align:middle; line-height:38px;}
.header .primary ul li a, .header .primary ul li.current a, .header .primary ul li.section a{padding:10px 0 10px 22px; font-weight:bold; border-bottom:1px solid #bbb; color:#434343; border-radius:0 !important; background:#e7e7e7 !important;}
.header .primary ul li a:hover{color:inherit;}

/* Search Form */
.search-bar {width:100%; position:relative; top:0; right:0; display:none; padding:20px 0; margin:0; background-color:#E7E7E7;}
.search-dropdown-icon {display:block; cursor:pointer; width:20px; height:20px; position:absolute; right:60px; top:32px; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed; text-align:center; line-height:20px;}
.search-bar form {margin:0; width:100%;}
.search-bar form fieldset {padding:0 18px; left:0; right:0; position:relative;}
.search-bar div.field{margin-bottom:0;}
.search-bar form input.text {width:93%; padding:8px 7% 8px 0; text-indent:15px; position:relative; display:block; right:0; left:0; border:1px solid #e5e5e5; background:#fff; font-size:17px;}
.search-bar form input.action {right:24px; top:2px; font-size:18px;}

/* Main Content */
.main{padding:10px 0 20px;}
.content-container, aside{width:100%;margin:0 5px; box-sizing:border-box;}
.content-container h1{font-size:24px; margin-bottom:15px; padding-bottom:3px;}
.content-container p{font-size:14px; line-height:23px;}
p.intro{font-size:19px; line-height:27px;}
.main .inner{padding:0 10px;}
aside{margin:8px 0 0 0;}

/* Secondary Nav */
.secondary li a{line-height:24px;}
.secondary li .arrow{line-height:26px;}
.secondary li a:hover{color:inherit;background: #f7f7f7;padding-left: 5px;}

/* Footer */
.footer .right{float:left; width:100%;}
}


@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	.header,  .footer{display:none;}
  a, a:visited {text-decoration:underline;}
  thead {display:table-header-group;}
  tr, img {page-break-inside: avoid;}
  img {max-width:100% !important;}
  @page {margin:0.5cm;}
  p, h2, h3 {orphans:3; widows:3;}
  h2, h3 {page-break-after:avoid;}
}