/* CSS Document */
/* 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,
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-weight:normal;
	font-style:normal;
	font-size: 100%;
	font-family: inherit;
  	vertical-align: baseline;
	
}
html,body{
height:100%;
}
body {
background:white url(images/body-bg.jpg) repeat-x;
color:black;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*headers, h1, h2*/
.header {
color:#3C785A;
font-size:120%;
margin-bottom:5px;
font-weight:bold;
}
.subheader{
color:#000000;
margin-bottom:2px;
font-weight:bold;
}
#step1, #step2 {
height:25px;
background:url(images/one.jpg) no-repeat left top;
text-indent:30px;
vertical-align:middle;
padding-top:5px;
}
#step2 {
background:url(images/two.jpg) no-repeat left top;

}
/*end headers, h1, h2*/
p {
margin-bottom:10px;
line-height:1.2em;
}
a, a:link, a:visited {
color:#985a03;
text-decoration:underline;
}
a:hover, a:focus{
color:#e4a04d;
}
/*hr*/
hr {
color:#e4a04d;
margin:20px 10px 10px 10px;
background:#e4a04d;
border:none;
height:2px;
}
.lightsep {
color:white;
background:white;
border:1px dotted #3C785A;
border-style: none none dotted;
margin-bottom:20px;
}
/* end hr*/
#wrap {
margin: 30px auto;
width: 914px;
position:relative;
background:white;
}
#banner {
background: transparent url(images/Simply-Great-Jerky-Banner.jpg) no-repeat;
height:374px;
clear:both;
}
#banner h1{
text-indent:-9999px;
}
#banner h1 a {
display:block;
width:554px;
height:345px;
position:absolute;
left:180px;
top:50px;
}
#nav {
background:black;
color:#E4A04D;
width:100%;
height:40px;
text-align:right;

}
#nav ul {
list-style:none;
margin:0 15px 0 20px;
background:black;

}
#nav ul li {
float:left;
white-space:nowrap;
width:auto !important;
padding:10px 8px 0 3px;
font-size:14px;
font-weight:bold;
}
#nav ul li a{
display:block;
color:#E4A04D;
font-weight:bold;
text-decoration:none;
}
#nav ul li a:hover, #nav ul li a:focus {
color:#f2c46d;
}
#maincontent {
margin:15px 32px 40px;
padding-bottom:20px;

}
#maincontent #homelist{
list-style:inside;
}
#maincontent #homelist li{
color:#3C785A;
margin-bottom:10px;
line-height:1.2em;
}
#maincontent #homelist li span{
color:black;
}
#footer {
text-align:center;
font-size:smaller;
margin-left:40px;
margin-right:32px;
}
#footer a{
color:black;
}
#footer a:hover, #footer a:focus{
color:#e4a04d;
}
#sidebar {
width:200px;
margin: 0 0 10px 10px;
float:right;

}
#sidebarcontent {
border-bottom: 1px solid #F6DDBF;
border-left: 1px solid #F6DDBF;
border-right: 1px solid #F6DDBF;
margin-left:1px;
margin-right:1px;

}
#sidebar #events {
text-indent:-9999px;
height:27px;
background:url(images/simply-great-jerky-events.jpg) no-repeat;
}
#sidebar p, h3 {
margin-left:5px;
margin-right:5px;
}
#sidebar h3 {
padding-top:2px;
padding-bottom:2px;
font-size:smaller;
}
#sidebar h3 a{
color:#3C785A;
text-decoration:none;
font-weight:bold;

}
#sidebar h3 a:hover{
color:#e4a04d;
text-decoration:underline;
}
.productdiv{
margin:20px 0 20px 0;
width:23%;
float:left;

}
.bold {
font-weight:bold;
}
.right 
{
float:right;
}
.left 
{
float:left;
}
.gapright 
{
margin-right:10px;
}
.gapleft{
margin-left:10px;
}
.highlight {
color:#3C785A;
}
.smaller{
font-size:smaller;
}
.larger{
font-size:larger;
}
.question {
font-weight:bold;
margin-bottom:2px;
font-style:italic;
}
.clear {
clear:both;
}
#maincontent .nogapbottom, .nogapbottom {
margin-bottom:0;
}
.italic {
font-style:italic;
}
.clearfix:after, #maincontent .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*carousel skins*/
.jcarousel-container {
  /*  -moz-border-radius: 10px;
  border: 1px solid #3C785A;*/
    background: white;
    border: 1px solid #F6DDBF;
	margin-top:10px;
	
}

.jcarousel-container-horizontal {
    width: 98%;
	height:100%;
    padding: 20px 0 10px 20px;

}

.jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-clip-horizontal {
    width:730px;
    height:100%;
	margin:0 20px 0 20px;
}

.jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-item {
    width: 350px;
    height: 100%;
	
}

.jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-list li, .jcarousel-item {
height:100%;
width:350px;
margin-left:10px;

}
.jcarousel-container-horizontal .lastitem {
display:none;
}

.jcarousel-list li img {
float:left;
margin-right: 10px;
}