/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	background: url(/img/farmholidays/dropshadow.jpg) no-repeat  bottom right #FFF;
	padding: 0px 5px 5px 0px;
	
}
.button a, input.button{
	margin: 0px 5px 5px 0px;
	padding: 5px;
	color: #FFF;
	background: url(/img/farmholidays/greenbgplain.jpg) no-repeat top left #7AC043;
	display: block;
	border: 1px solid #048950;
}
.button a:visited{
	color: #fff;
}
/*input based things*/
input, textarea, select{
}
input.button{
	float: right;
}
.button a:hover, input.button:hover{
	background: url(/img/farmholidays/greenbgplain.jpg) no-repeat bottom right #7AC043;
	color: #FFF;
	color: #ECFBEA;
	text-decoration: none;
	display: block;
}
input.button, input.button:hover{
	cursor: pointer;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {	
}
/*Generic styles across all pages- This also contains all of the default colours and layouts from the initial web build. Overrides can be found in <PUBLICATIONCODE>_dynamic.aspx*/
*{
	padding: 0px;
	margin: 0px;
}
html{
	height: 100%; /*to ensure the background image is always full height*/
	min-height: 100%;
	height: auto;
}
body{
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	background: url(/img/farmholidays/bodybg.jpg) repeat-x bottom #CDE7FF;
	padding: 0px;
	margin: 0px;
	min-height: 100%;
	height: auto;
}
.clearer{
	clear: both;
	height: 1px;
	font-size: 1px;
	width: 100%;
}
a, a:visited{
	color: #088049;
	text-decoration: none;
}

a:hover {
	color: #88C53E;
	text-decoration: underline;
}

ul{
	list-style: none;
}

img, img a{
	border:0;
}
p {
	margin: 5px/* 2px 5px 15px*/;
}

/* used as main heading */

h1, h2, h3{
	margin: 2px 0px 4px 4px;
	color: #088049;
	font-weight: normal;
}
h1 {
	font-size: 160%;
}
h2 {
	font-size: 130%;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
}

h2 a:hover {
}

h3 {
}
/*table styles*/
table{
	border: 1px solid #ccc;
}

th {
	background: #048950 url(/img/farmholidays/topnav_bg.jpg) repeat-x scroll center top;
	color: #FFF;
	padding: 4px;
	margin: 0px;
	vertical-align: center;
}
th a, th a:hover{
	color: #FFF;
}

td {
}

tr{
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/

#frame{
	margin: 20px auto 200px auto;
	width: 930px;
	background: url(/img/farmholidays/bg.jpg) repeat-y right top #FFF;
	padding: 10px;
}
#header{
	background: url(/img/farmholidays/header.jpg) right no-repeat;
	height: 140px;
}
#topnav{
	background: url(/img/farmholidays/topnav_bg.jpg) repeat-x top #048950;
	margin: 5px 0px 5px 0px;
	font-size: 110%;
	clear: both;
}
.topnavright{
	background: url(/img/farmholidays/topnav_right.jpg) no-repeat top right transparent;
}
#topnav ul{
	text-align: center;
	background: url(/img/farmholidays/topnav_left.jpg) no-repeat top left transparent;
	
}
#topnav li{	
	display:inline;
	line-height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#topnav a{
	color: #000000;
	margin: 2px;
	padding: 5px;
}
#topnav a:hover{
	color: #FFFFFF;
	background: url(/img/farmholidays/topnav_hover.jpg) repeat top right transparent;
	text-decoration: none;
}
#content{
	width: 76%;
	float: left;
}
#rightcontent{
	width: 24%;
	float: left;
}
.box{
	width: 48%;
	float: left;
	padding: 5px;
}
.box h2, .box p, .box img{
	float: left;
}
.box p{
	width: 40%;
}
.vertical{
	background: url(/img/farmholidays/dotsvertical.jpg) repeat-y top right;
}
.horizontal{
	height: 10px;
	width: 100%;
	background: url(/img/farmholidays/dotshorizontal.jpg) repeat-x center;
	float: left;
}
/*.vertical{
	height: 150px;
	width: 10px;
	background: url(/img/farmholidays/dotsvertical.jpg) repeat-y top center;
	float: right;
	min-height: 140px;
	margin-top: -10px;
	padding: 0px;
}*/
.dropshadow{
	background: url(/img/farmholidays/dropshadow.jpg) no-repeat  bottom right #FFF;
	padding: 0px 5px 5px 0px;
}
.rhsbox{
	background: url(/img/farmholidays/greenbgplain.jpg) no-repeat top center #7AC043;
	margin: 5px;
	padding: 5px;
	color: #088049;
	border: 1px solid #048950;
}
.rhsbox h2, .rhsbox h2 a, .rhsbox h2 a:hover, .rhsbox a, .rhsbox a:hover{
	color: #FFFFFF;
}

.specialoffers{
	background: url(/img/farmholidays/specialoffers.jpg) no-repeat top center #7AC043;
}

.latebreaks{
	background: url(/img/farmholidays/latebreaks.jpg) no-repeat top center #7AC043;
}

.links{
	
}
#footer{
	clear: both;
	font-size: 80%;
	text-align: right;
	background: url(/img/farmholidays/bgbottom.jpg) repeat-x bottom left;
	margin: 0px 0px -10px -10px;
	padding: 6px;
}
#footer ul{
}
#footer li{
	display: inline;
	border-right: 1px solid #7AC043;
	padding: 2px;
}
#footer a:hover{
}

/*specific overrides here, for page specific h1s for example*/
#footer li.last{
	border: none;
	border: #FFF;
}
.halfcontent{
	width: 48%;
	float: left;
}
.halfcontent img{
	margin: auto;
}