/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

blockquote, q { quotes: none; }

:focus { outline: 0;}

ins { text-decoration: none;}

del {	text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0;}

form {display: inline;}

/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font-size: 0.875em; line-height:1.3; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;
  color: #000; background: #fff; }

input, textarea {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2;}

a {outline: 0;}
a:link, a:visited {color: #F47B20; text-decoration: none;}
a:hover, a:active {color: #000; text-decoration: none;}

img {border: none; margin: 0;}

p {margin: 0 0 1em 0;}

h1 {font-size: 3.428em; line-height: 1; font-weight: normal; color: #F47B20; margin: 0 0 24px 0;}
h2 {font-size: 1.714em; line-height: 1.1; font-weight: normal; color: #F47B20; margin: 0;}
h3 {font-size: 1em; line-height: 1.1; font-weight: bold; color: #F47B20; margin: 0; text-transform: uppercase;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; font-weight: bold; color: #4C721D; text-transform: uppercase; margin: 0 0 12px 0;}

ul, ol {margin: 0 0 15px 10px; padding: 0 0 15px 10px;}
li {margin: 0 0 5px 0;}

.clr {display: block; clear: both;}



#wrapper {width: 900px; margin: 0 auto;}
#header {height: 109px; overflow: hidden; margin-bottom: 20px;}
#logo  {width: 292px; float: left; margin-right: 12px;}
#search-sign {width: 292px; height: 109px; float: left; margin-right: 12px; background: #F7EDBA; color: #618131;}
#out {width: 292px; float: left;}


#nav {clear: both; font-family: arial, sans-serif; width:900px; border-bottom: solid 1px #ccc; position:relative; margin: 12px 0 6px 0;}
#nav ul li a, ul li #nav a:visited {display:block; text-decoration:none; color:#fff; width:150px; height:80px; color:#fff; background:#4C721D;  font-size:1.142em; line-height: 1.2; overflow:hidden; text-transform: uppercase; font-weight: bold;}
#nav a.selected, #nav a:hover, #nav a:active {background: #B3CC95; color: #fff; text-decoration: none;}
#nav ul {padding:0; margin:0; list-style: none;}
#nav li {margin: 0;}
#nav ul li {float:left; position:relative;}
#nav a span {display: block; padding: 7px;}
#nav ul ul {display:block; position:relative; top:0; left:7px; width:140px; padding: 5px 0 10px 0; }
#nav li li {float: none;}
#nav li li a {height: auto; background: #fff; color: #000; text-transform: none; font-size: 0.785em; font-weight: normal; padding: 2px 0;}
#nav li li a.current, #nav li li a:hover, #nav li li a:active {background: #fff; color: #F47B20; text-decoration: none;}


.home #nav {height: 80px; border-bottom-width: 0;}
.home #nav ul ul {display: none;}
.home #content {background: url(/template/dottedV.gif) repeat-y 608px 0 #fff; margin-top: 30px;}

#content {clear: both; margin: 0 0 12px 0; border: solid 1px #fff;}

#footer {text-align: center; font-size: 0.785em; margin: 12px 0;}
#footer a:link, #footer a:visited {color: #000;}
#footer a:hover, #footer a:active {color: #F47B20;}
#footer a, #footer span {margin: 0 5px;}
#footer .navlinks {text-transform: uppercase;}


#subheader {clear: both; margin: 12px 0;}
#subheader .col1 {width: 292px; float: left; margin-right: 12px;}

#subheader .col2 {width: 292px; float: left; margin-right: 12px;}
#subheader .col3 {width: 292px; float: left;}

#subheader #contact {display: block; margin: 0 0 12px 0;}
#subheader #certified {display: block; margin: 0 0 12px 0;}


#subheader p, #vat p {font-family: Georgia, Times, serif; font-size: 1.0714em;}
#subheader h2, #vat h2 {font-family: Georgia, Times, serif; }
#subheader .col2 p {margin: 0 0 5px 0;}
#subheader .col2 h2 {font-size: 1.333em;}

#vat {width: 600px; float: left; }
#vat .edition {clear: both; }
#vat .photo {width: 292px; float: left; margin-right: 12px;}
#vat .summary {width: 296px; float: right; overflow: hidden;}
#vat a {word-wrap: break-word;}
#vat .entry a:link, #vat .entry a:visited {color: #00AEEF;}
#vat h4 {margin-left: 307px;}

#extra {width: 292px; float: right;}
.home #extra {width: 276px;}
.home #extra .entry a:link, .home #extra .entry a:visited {color: #00AEEF;}

.more a {text-transform: uppercase; font-weight: bold; font-size: 0.857em;}
.more a:link, .more a:visited { color: #F26531; text-decoration: none;}
.more a:hover, .more a:active { color: #000; text-decoration: none;}

.heading {height: 70px;}
.entry {margin: 0 0 15px 0;}

.links {margin-top: 20px;}
.links .heading {height: 40px;}
.links .entry {text-align: center; border: solid 1px #27376a;}
.links .img {display: block;}

#search-sign form {display: block; margin: 6px 12px;}
#search-sign input  {border-width: 0; height: 18px; margin: 0; vertical-align: middle; }
#search-sign label {display: block;  font-size: 0.875em; font-weight: bold; color: #4C721D; text-transform: uppercase; margin: 0 0 3px 0;}
#search-sign .input {width: 245px;}

#search-sign form#searchForm {margin-top: 12px;}


#main {width:595px; float: left;} 
#main .entry {margin-left: 155px;}

#submenu {width: 140px; float: left;}

#submenu ul {margin:0; padding: 0; list-style-type: none;}
#submenu a:link, #submenu a:visited {color: #000; text-decoration: none;}
#submenu a.current, #submenu a:hover, #submenu a:active {color: #F47B20; text-decoration: none;}

#products {width: 740px; float: right; overflow: hidden;}
#products .item {width: 140px; float: left; margin-right: 10px; }
#products .productLabel {display: block; width: 140px; height: 140px; overflow: hidden;}
#products .productName {display: block; padding: 10px 0 20px 0;}
#products .p5 {margin-right: 0;}
#products .p1 {clear: both;}

#products .item a:link, #products .item a:visited {color: #000; text-decoration: none;}
 #products .item a:hover, #products .item a:active {color: #F47B20; text-decoration: none;}

#product {width: 580px; font-size: 0.857em; margin: 0 auto;}
#product table {width: 100%;}
#product td {vertical-align: top; padding: 0;}
#product .label {float: left; text-transform: uppercase; font-weight: bold; padding: 0 5px 0 0;}
#product .productImage  {text-align: right;}
#product .productInfo {padding-right: 20px;}

#product .productLine {font-size: 1.083em; color: #F47B20; font-weight: bold; text-transform: uppercase;}
#product .productName {font-size: 1.083em; color: #000; font-weight: bold; text-transform: uppercase; margin: 0 0 15px 0;}
#product .productLabel {margin-bottom: 20px;}

#product .price {font-weight: bold;}
#product div.milk p {margin: 0;}

#page { width: 745px; float: right; }
#page .entry {width: 440px; float: left;}
#page .extra {width: 292px; float:right;}


#archives {width: 745px; float: right; overflow: hidden;}
#archives .date {width: 130px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; font-weight: bold; color: #4C721D; text-transform: uppercase; margin: 5px 0;}
#archives .summary {width: 595px; float: right;}
#archives .item {clear: both; margin: 0 0 15px 0;}

#archives .logo {width: 276px; float: left;}
#archives .link {width: 440px; float: right;}
#archives .logo a {display: block; text-align: center; border: solid 1px #27376a;}
#archives .logo  .img {display: block;}


#archives .video {width: 440px; float: left; margin: 0 0 15px 0;}
#archives .videoDescr {width: 292px; float: right;}



#archives .edition {clear: both; }
#archives .edition .photo {width: 292px; float: right; }
#archives .edition .summary {width: 430px; float: left; overflow: hidden;}
#archives .edition a {word-wrap: break-word;}

#archives .volume {display: block;  font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; font-weight: bold; color: #4C721D; text-transform: uppercase; margin: 0 0 0 0;}

.video {margin: 15px 0;}
.allVideos {text-transform: uppercase; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: solid 1px #bfbfbf;}
.allVideos a:link, .allVideos a:visited {color: #000; text-decoration: none;}
.allVideos a:hover, .allVideos a:active {color: #F47B20; text-decoration: none;}

.socialLink {margin: 15px 0; }
.socialLink h3 {margin-bottom: 10px;}
.border {border-bottom: solid 1px #bfbfbf;}

.addthis {display: block; width: 292px; height: 25px; background: #bfbece; color; #fff; }
.addthis img {margin: 4px 12px;}

#buyCheese {position: relative; display: block; width: 292px; height: 136px; top: 0; left: 0; overflow: hidden; margin-bottom: 12px; }
#buyCheese .caption {position: absolute; top: 67px; left: 12px; z-index: 5;}

.ad {margin: 10px 0; font-size: 0.853em; font-style: italic;}
.ad img {display: block; margin: 0 0 5px 0; }

#downloads {width: 740px; float: right; overflow: hidden;}

#downloads .date {font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; font-weight: bold; color: #4C721D; text-transform: uppercase; margin: 5px 0;}

#downloads .item {clear:both; margin: 0 0 20px 0; background: url(http://www.fifthtown.ca/template/downloads_bg.gif) repeat-y top right #fff; color : #000;}
#downloads .summary {width: 440px; float: left;}
#downloads .downloads {width: 292px; float:right; background: #b3cc95;}
#downloads .list {margin: 10px;}
#downloads .downloads a:link, #downloads .downloads a:visited  {color: #000;}
#downloads .downloads a:hover, #downloads .downloads a:active {color: #F47B20;}

#downloads .downloads h4 {margin-bottom: 0;}


.pagination {clear: both; margin: 0 0 20px 0; font-weight: bold; text-transform: uppercase; font-size: 0.875em;}

.next_prev {clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; font-weight: bold; color: #000; text-transform: uppercase; margin: 0 0 20px 0;}
.next_prev .prev {display: block; width: 350px; float:right; text-align:right;}
.next_prev .next {display: block; width: 350px; float:left; text-align:left;}
.next_prev a span {color: #000;}

a.addthis_button_email:link,  a.addthis_button_email:visited{color: #000; text-decoration: none;}
a.addthis_button_email:hover, a.addthis_button_email:active {color: #F47B20; text-decoration: none;}

#page .team {width: 745px; margin-bottom: 15px;}
.team .photo {width: 140px; float:left; margin-right: 10px;}
.team .info {width: 595px; float:left;}


.partners {width: 745px; float: none; }
.partners .list {margin-left: -20px;  margin-top: -170px; }
/* Show only to IE7 */
*:first-child+html .partners .list {
	margin-bottom: 170px;
}
 
/* Show only to IE6 */
* html .partners .list {
	margin-bottom: 170px;
}
.partners h2 {font-size: 1.285em; color: #4C721D; text-transform: uppercase; background: url(/template/partner_marker.gif) no-repeat  0 5px transparent;  }
.partners .list p {margin-left: 20px;}
.partners h2 img {vertical-align: bottom;}
.partners .list .left {width: 370px; float:left; position: relative;}
.partners .list .right {width: 370px; float:right; position: relative; }
.partners .list h2 .number {display: block; width: 20px; height:17px; text-align: center;  float: left; color: #fff; font-size: 0.777em; font-weight: bold; margin-top: 5px; }