/*** css variables **********/

	
	
	
	
	
	
	





/*** base **********/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; vertical-align: baseline; text-decoration:none; color: #474A51; }
object {outline:none;}
input, textarea { margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a, img { border: none; outline: none; }
a { text-decoration: none;}
.gallery, #content .slide, #content .text, #content .blog {margin: 0; padding:0;}

p, ul, ol 
{
	padding: 0 0 10px 0;
	line-height: 150%;	
}

a 
{
	color: #188018;
	border-bottom: 1px solid #188018;	
}

a:hover
{	
    color: #3bba3b;
	border-bottom: 1px solid #3bba3b;		
}

a.sidebar
{	
    color: #3bba3b;
	border-bottom: 1px solid #3bba3b;		
}

a.imagelink
{ border:none;	text-decoration:none; }

a.imagelink:hover { border: none;	text-decoration:none; }		

/*** layout **********/

body 
{
	font: 76% 'Trebuchet MS',Verdana, Helvetica, Arial sans-serif;
	text-align:center;
	background: url(/assets/graphics/burlap_tile.gif);	
	color: #474A51;
}
	
#wrapper
{
	margin: 0; padding:0;
	width: auto;	
	background: url(/assets/graphics/board_tile.gif) repeat-x;			
}
	
#container
{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#content
{
	float: right;
	width: 625px;
	padding-bottom: 25px;
	margin: 25px -10px 0 0;
}
	
#sidebar
{
	float: left;
	width: 225px;
	margin: 18px 0 0 5px;
}	


#footer
{
	clear: both;
	background: url(/assets/graphics/footer.png) no-repeat;	
	padding: 40px 0 0 220px;
    height:96px;
}


/*** type **********/

h1
{
	margin: 0 0 9px 25px;
	font-family: 'Trebuchet MS',Verdana, Helvetica, Arial sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
}	

h1 a
{
	border: none;
}	

h1 a:hover
{
	border-bottom: 1px solid #188018;
}	
	
h2
{
	font-size: 18px;	
	font-family: 'Trebuchet MS',Verdana, Helvetica, Arial sans-serif;	
	margin: 10px 0 5px 0;
	line-height:125%;
	font-weight: bold;
    color: #000000;
	clear: left;
}

h2.divider
{
	font-size: 14px;	
	font-family: 'Trebuchet MS',Verdana, Helvetica, Arial sans-serif;	
	margin: 20px 0 5px 0;
	border-bottom: 1px dotted #E9E9DD;
	padding-bottom: 5px;
	line-height:125%;
	font-weight: bold;
    color: #000000;
	clear: left;
}

h3
{
	font-size: 14px;
	padding: 10px 0 5px 0;
	line-height:125%;
	font-weight: bold;	
}

ul, ol
{
	padding: 0 0 10px 25px;
	line-height: 130%;	
}

li
{
	padding: 0 0 3px 0;
}	


/*** main content ***/

.content-top
{
	width: 625px;
	height: 32px;
	background:url(/assets/graphics/div_top.png) no-repeat;
}

.content-middle
{
	width: 625px;
	margin: 0; padding:0;
	clear: left;
	background:url(/assets/graphics/div_middle.png) repeat-y;	
}

.content-bottom
{
	width: 625px;
	height: 32px;
	background:url(/assets/graphics/div_bottom.png) no-repeat;	
}

.main
{
	margin: 0 50px;
	padding: 5px 0;
}

/*** div slider ***/

#slider 
{
    width: 525px;
    margin: 0 auto;
    position: relative;
}

.scroll 
{
    width: 525px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel 
{
    padding: 20px 0;
    width: 525px;
}

ul.navigation 
{
    list-style: none;
    margin: 5px 0;
    padding: 0;
	line-height: 23px;
}
 
ul.navigation li 
{
    display: inline;
    margin: 0 5px 0 0;
}

ul.navigation li a
{
    margin: 0 5px 0 0;
}

ul.navigation a.selected 
{
    border:none; outline:none;
    font-weight:bold;
}
 
ul.navigation a:focus 
{
    border-bottom: 1px solid #3bba3b;
}

ul.navigation li.thumb
{
    display: inline;
    margin: 0;
}

ul.navigation li.thumb a 
{border: none; text-decoration:none;}

ul.navigation li.thumb a img 
{
    margin: 0;
    border: 3px solid #fff;
}

ul.navigation li.thumb a.selected
{
    border:none; outline:none;
}

ul.navigation li.thumb a.selected img
{
    border: 3px solid #3bba3b;
}

ul.navigation li.thumb a:focus
{
    border:none; outline:none;
}

ul.navigation li.thumb a:focus img 
{
    border: 3px solid #3bba3b;
}

.scrollButtons {
	position: absolute;
	top: 433px;
	cursor: pointer;
}

.scrollButtons.left {
    left: -25px;
    border: none;
    padding: 0;
}

.scrollButtons.right {
    right: -25px;
    border: none;
    padding: 0;
}

.hide 
{
    display: none;
}

/*** entrylist ***/
.entrylist
	{
	padding: 25px 0;
	border-top: 1px solid #E9E9DD;
	overflow:auto;
	}

.entrylist img
	{
	margin: 0 10px 10px 0;
	float: left;
	}
	
.entrylist img.tiny
{
	margin-right: 15px;
	float: none;
}	

.entrylist h2
	{
	font-size: 14px;	
	font-family: 'Trebuchet MS',Verdana, Helvetica, Arial sans-serif;	
	margin: 0 0 5px 0;
	line-height:125%;
	font-weight: bold;
	clear: none;
	}

a.toplink
	{
	float: right;
	}

/*** store styles ***/

.store .entrylist
	{overflow:auto;}

.store .entrylist .image img, .store .entrylist .image img:hover
	{
	margin: 0 25px 3px 0;
	border: 1px solid #E9E9DD;
	padding: 3px;
	}

.store .details
{border-top:1px solid #E9E9DD; margin-top: 10px; padding-top:15px; clear:both;}

.store .price 
{font-weight: bold; margin: 0 10px 0 0; font-size: 130%;}

.store .regular-price 
{font-weight: bold; text-decoration: line-through;  margin: 0 10px 0 0;}	

.store .sale-price 
{font-weight: bold; color:red; #margin-right: 0 10px 0 0;}

.store .price-comment
{font-style: italic; margin-right: 20px;}

.store p.caption
{font-size: 80%; text-align:left;margin:0; padding:0;}

.store a.cart
{
    border:none;
    font-weight:bold;
	background: url(/assets/graphics/icon_cart.gif) no-repeat left center;
    padding: 5px 0 5px 23px;
    margin-right: 20px;
    font-size: 14px;
}

.store a.cart:hover
{font-weight:bold;}

.store a.remove
{
	float:right;
	font-size: 80%;
	margin-left: 20px;
	border:none; text-decoration:none;
}

.store a.increase, .store a.decrease
{text-decoration:none; border:none; margin:0 0 0 5px;}

.store p.alert 
	{
	color: #C4112F; padding: 5px 10px; border: 1px solid #C4112F; margin: 10px 0;
	}
	
.store img.icon {margin:0;padding:0; float:none; vertical-align:bottom;}

.store .entrylist .image
	{
	float:left;
	width: 125px;
	}

.store .entrylist .info
	{
	float:right;
	width: 400px;
	}

/*** slide view ***/

.slide
{
	padding: 3px 0 0 0;
	margin: 0 0 35px 0;
	clear: both;
}	
	
.slide 
{
	margin: 0 0 25px 0;
}

.slide p
{
	padding: 12px 5px 10px 5px;
	background-color: #E9E9DD;
	margin-bottom: 0;	
}
	
.toggle-blurb
{
	padding: 12px 5px 10px 5px;
	background-color: #E9E9DD;	
}


.pagination
{
	clear: left;
	margin: 25px 0;
}	
	
.band
{
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #E9E9DD;
}
	
.color-band
{
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #3bba3b;
}


/*** blog styles ***/

.blog-entry
{
	margin: 35px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #E9E9DD;
}

.blog-entry h2
{
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 3px 0;
}

.blog-entry h2 a
{border:none;}

.blog-entry img.photo
{
	margin: 0;
}

.blog-entry .caption
{
	background: #f3f3ed;
	border: none;
	margin-top: -5px;
	padding: 13px 10px 10px;
	font-weight: bold;
	font-size: 105%;
	text-align: center;
}

.blog-entry h2 a:hover
{
	border-bottom: 1px solid #188018;
}

.blog-entry p.quote
{
	font-style: italic;
	font-size: 130%;
}

.blog-entry p.posted
{
	color: #3bba3b;		
	font-style: italic;
	margin:0 0 5px 0;
}

.blog-entry p.posted a
{
	color: #188018;
	border-bottom: 1px solid #188018;
	font-style: italic;	
}

.blog-entry p.posted a:hover
{
	color: #3bba3b;
	border-bottom: 1px solid #3bba3b;
}

.blog-entry a.permalink
{
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0;
}

.blog-entry a.permalink:hover
{
	font-weight: bold;
}


a.external
{
	color: #188018;
}

a.external:hover
{
	color: #3bba3b;
	border-bottom: 1px solid #3bba3b;
}


/*** sidebar **********/
	
#sidebar .sidebox
{
	padding: 10px;
	margin: 12p 0 20px 0;
}

#sidebar p
{
	font-size: 15px;
    color: #3bba3b;
    text-align:left;
    margin: 0px 0 0px 20px;
    font-weight:bold;
}

.sidebox .top
{
	width: 243px;
	height: 25px;
	background:url(/assets/graphics/sidediv_top.png) no-repeat;
}

.sidebox .middle
{
	width: 243px;
	margin: 0; padding:0;
	clear: left;
	background:url(/assets/graphics/sidediv_middle.png) repeat-y;	
}

.sidebox h1
{
	font-size: 15px;
    color: #3bba3b;
    text-align:center;
    margin: 0px 22px 0px 22px;
    font-weight:bold;
}

#sidebar .sidebox p.cart
{
	font-size: 13px;
    text-align:center;
    margin: 0px 22px 0px 22px;
    font-weight:normal;
    padding:10px;
    color: #474A51;
}

.sidebox .middle img
{
	padding-left:60px;
    margin-top:12px;
}


.sidebox .bottom
{
	width: 243px;
	height: 27px;
	background:url(/assets/graphics/sidediv_bottom.png) no-repeat;	
}

/*** accordion menu  ***/

#sidebar dl.accordion-menu 
{ 
	margin: 10px 0; 
}

#sidebar dt 
{ 
	padding: 7px 10px;
	border-top: 1px solid #f3f3ed;	
	background-color: #3bba3b;
}
	
#sidebar dt a
{
	border: none;
	text-decoration: none;
}
	
#sidebar dt a:hover
{	
	border-bottom: 1px solid #188018;
	color: #188018;
	background: none;
}		
	
#sidebar dd 
{ 
	padding: 20px 10px 20px 10px;
	margin: 0;
	background-color: #E9E9DD;
}

#sidebar dd p
{ 
	margin: 0 0 10px 0;
}

#sidebar dd:focus
{border:none;}

/*** sidebar form ***/



input.form-field, textarea.form-field
{
	border: 1px solid #888888;
	color: #888888;
	width: 300px;
	font: 12px arial, san-serif;	
	margin-bottom: 5px;
	padding: 3px;
}
		
input.form-field:focus, textarea.form-field:focus
{
	border: 1px solid #188018;
	color: #188018;
}

input.submit-button
{
	background-color: #188018;
	color: white;
	border: none;
	padding: 3px;
}

input.submit-button:hover
{
	background-color: #3bba3b;
}
		
label 
{ 
	display:block;
	font-weight:bold;
	padding-bottom: 2px;
	margin-top: 10px;
	font-size: 120%;
}
	

/*** footer **********/
#footer h2
{color:#888888;
    font-size: 12px;
    font-weight:normal;
    padding: 12px 0px 0px 35px;
   
}


/*** misc classes **********/

.clear {clear: both;}
.hide {display: none; }
.highlighted {background: #ffc;}
.color-text {color: {orange};}
a.color-link
{
	color: {orange};
	font-weight: bold;		
}
.float-left {float:left;}
.float-right {float:right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.centered {text-align: center;}
.strike {text-decoration:line-through;}

.addthis
{
	margin: 13px 0 0 0;
	border: none;
}	
	
.addthis img, .addthis a, .addthis a:hover {border:0;text-decoration:none;}	

.drop-down
{
	border: 1px solid #E9E9DD;
	padding: 1px;
	margin: 10px 0 3px 0;
	width: 225px;
	color: #188018;
	font-size: 110%;
}	
	
a.button
{
	padding: 3px;
	background-color: #188018;
	border: none;
	color: #fff;
	vertical-align: top;
	margin: 0 10px 0 0;
}

a.button:hover
{
	padding: 3px;
	background: #3bba3b;
	color: #fff;
}
 
a.color-button
{
	padding: 3px;
	background-color: {orange};
	color: #f3f3ed;
	border: none;
}

a.color-button:hover
{
	background-color: #188018;
} 

a.no-border, a.no-border:hover
	{border: 0;}
	
	
.sidemenu, .footmenu
{list-style-type:none;}


.footmenu li
{
	display:inline;
    padding-right: 14px;
}

.sidemenu li
{
	height: 44px;
	margin-bottom: 5px;
}

.sidemenu li a, .footmenu li a
{
    font-size:16px;
    line-height:44px;
    margin-left:12px;
}


.sidemenu li img
{float:left;}

img.left
{
	float:left;
    margin: 15px 20px 10px 0px;
    padding: 6px;
    border: 1px solid #E9E9DD;
}

img.right
{
	float:right;
    margin: 15px 0px 10px 20px;
    padding: 6px;
    border: 1px solid #E9E9DD;
}

.milk
{
	float:right;
    margin: -125px -35px 8px 0px;
    padding: 6px;
}

/* Toggle Div
----------------------------- */

.toggle 
{margin:0;}

.toggle h3
{	
	color: #188018;
}

.toggle h3:hover
{	
	color: #3bba3b;
	cursor: pointer;	
}

.toggle div 
{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E9E9DD;
}

a.edit-button
	{
	margin: 0 10px;
	font-family: Arial;
	font-size: 12px;
	padding: 1px 3px;
	background-color: #E9E9DD;
	border: none;
	text-transform: uppercase;
	}

a.edit-button:hover
	{
	padding: 1px 3px;
	background-color: #E9E9DD;
	border: 1px solid #188018;
	text-decoration: none;
	}	

/* Highslide
----------------------------- */
.highslide {
	cursor: url(/assets/scripts/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px 5px 15px 5px;
    background-color: white;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/assets/scripts/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: white;
    text-decoration: none;
	font-size: 5px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
}

a.highslide-full-expand {
	background: url(/assets/scripts/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


.gallery

 {
 	width: 525px; height: 520px; margin: 0 auto; border: 1px solid silver
 }

 .sl-google-map
 {height:500px;}
 
 
 .searchheader h1
 {font-family:'Trebuchet MS',Verdana, Helvetica, Arial sans-serif;
	font-size:16px;
	margin:5px 0px 3px 0px;
	padding:0px;
	font-weight: bold;
 }
 
 .searchheader select
 {margin-bottom:5px;}
 
 .searchheader p
 {
	margin: 0px 10px 0px 5px;
	display:inline;
 }
 
.searchentry
{
	position:relative;
	padding: 10px;
	overflow:auto;
}
 
.searchentry h1
 {
	font-size:14px;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-weight:bold;
 }
 
.searchentry h2
 {
	text-transform:lowercase;
	font-size:12px;
	padding:0px;
	margin:0px 0px 12px 0px;
	font-weight:normal;
	color: #474A51;
 }
 
 .searchentry h3
 {
	font-size:11px;
	font-weight:normal;
	margin:0px 10px 0px 0px;
	display:inline;
	font-weight:bold;
 }
 
 .one
 {
	background: #FFFFFF;
 }
 
 .two
 {
	background: #f3f3ed;
 }
 
 .carries
{
	background: url(http://www.countrydairy.com/assets/graphics/checkmark.gif) no-repeat;
	padding: 0px 0px 0px 13px;
}

.doesnt
{
	background: url(http://www.countrydairy.com/assets/graphics/xmark.gif) no-repeat;
	padding: 0px 0px 0px 12px;
}

h2.request
{
	text-transform:none;
	margin:5px 0px 5px 0px;
	line-height:19px;
}

.availicons
{
	position:absolute;
	top:10px;
	right:10px;
	
}
.availicons img
{margin-left:8px;}