/* CSS Document */

/*
COLORS
green:			#538C21
blue-light:		#A6BEEC
blue-medium:	#4F71BB
blue-dark:		#42598F
brown-dark:		#3D2300
*/

body{
background-color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0;
margin:0;
}

#page-wrapper{
width:800px;
margin:10px auto 0 auto;
padding:0;
background-color:#fcfcfc;
border:#0A3402 2px solid;
}

#header{
background-image: url(../images/header-bg.jpg);
background-repeat: no-repeat;
height:140px;
padding:10px 10px 0 0;
background-color:#0A3402;
color:#1C3414;
width:790px;
margin:0;
text-align:right;
font-weight:bold;
border-bottom:#0A3402 2px solid;
}

#header a{
color:#1C3414;
margin:0 5px 0 5px;
}

#header p{
margin:5px;
color:#1C3414;
}

#page-body{
width:780px;
background-image: url(../images/page-wrapper-bg.jpg);
background-repeat: repeat-x;
margin:0;
padding:10px;
}

#center-pane{
float:left;
width:568px;
padding:10px;
margin-right:5px;
background-color:white;
border:#ccc 1px solid;
}

#center-pane h1{
margin:0 0 5px 0;
color:#3D2300;
}

#center-pane h2{}

#center-pane h3{}

#center-pane p{
margin:0 0 10px 5px;
}

#center-pane #breadcrumbs, #center-pane #breadcrumbs a{
font-size:11px;
color:#A6BEEC;
margin-left:0;
}

#center-pane #breadcrumbs a:hover{
color: #4F71BB;
}

.farm-list-row{
padding:10px;
background-color:#f5f5f5;
margin-bottom:10px;
}

.farm-list-row h3, .farm-list-row p{
margin:0 0 5px 0;
}

.farm-list-row img{
float:left;
margin-right:10px;
}

.farmer-list-details{
float:left;
width:400px;
}

#right-pane{
float:left;
width:185px;
padding:0;
/*background-image: url(../images/page-bg.jpg);
background-repeat: no-repeat;
background-color:#412D18;*/
}

#right-pane h2{
color:white;
margin:0 0 10px 0;
text-align:center;
}

#right-pane h3{}

#right-pane p{}

#right-pane .box{
background-color:white;
padding:10px;
margin-bottom:5px;
border:#ccc 1px solid;
}

#right-pane .box h2{
margin:0 0 5px 0;
color:#3D2300;
font-size:16px;
}

#nav{
padding:0;
margin:0;
list-style:none;
}

#nav li{

}

#nav li a{
color:#42598F;
display:block;
height:18px;
padding:0 0 0 15px;
background-image:url(../images/closed.png);
background-repeat:no-repeat;
text-decoration:none;
font-weight:bold;
}

#nav li a.selected, #nav li a:hover{
background-image:url(../images/open.png);
}

#nav #subnav{
list-style:none;
padding:0 0 0 10px;
margin:0;
font-size:11px;
}

#nav #subnav li a{
background-image:none;
font-weight:normal;
}

#nav #subnav li a.selected{
font-weight:bold;
}

#footer{
width:800px;
border:black 1px solid;
margin:10px auto 0 auto;
margin-top:10px;
height:30px;
background-image: url(../images/page-bg.jpg);
background-repeat: repeat-x;
font-weight:bold;
text-align:center;
color:white;
}

#footer p{
margin:8px 0 0 0;
}

#footer a{
color:white;
text-decoration:none;
}

#footer a:hover, #header a:hover{
text-decoration:underline;
}

.clear{
clear:both;
}

.right-links{
float:right;
}



.product-row{
background-image: url(../images/page-wrapper-bg.jpg);
background-repeat: repeat-x;
background-color:#fcfcfc;
border:#ccc 1px solid;
padding:10px;
margin-bottom:10px;
}

.product-image{
float:left;
margin:0 10px 10px 0;
}

.product-tile{
float:left;
background-image: url(../images/page-wrapper-bg.jpg);
background-repeat: repeat-x;
background-color:#fcfcfc;
border:#ccc 1px solid;
margin:5px;
width:120px;
height:100px;
padding:5px;
text-align:center;
}

.product-tile a img{
border:none;
}

.product-tile .img-wrapper{
padding:5px;
overflow:hidden;
margin:0 0 10px 0;
background-color:white;
}

.product-tile a{
font-weight:bold;
color:#666;
}

.productQua input{
width:50px;
}