/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
}
.button a, input.button{
	
}
/*input based things*/
input, textarea, select{
	border: 1px #CCCCCC solid;
	margin: 2px;
}
.searchbuttonholder input.button{
	float: right;
}
.button a:hover, input.button:hover{
}
input.button, input.button:hover{
	cursor: pointer;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {	
}
form.shortsearch select {
	width: 190px;
	overflow: hidden;
}
/*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*/
}
body{
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	background: url(/img/bodybg.jpg) repeat-x #FEEBB5;
	padding: 0px;
	margin: 0px;
}

a, a:visited{
	color: #F58025;
	text-decoration: none;
}

a:hover {
	color: #88C53E;
}

ul{
	list-style: none;
}

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

/* used as main heading */

h1, h2, h3{
	margin: 2px 0px 4px 0px;
	color: #F58025;
	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 {
	text-decoration: underline;
}

h3 {
}
/*table styles*/
table{
}

th {
}

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 0px auto;
	width: 930px;
	background: #FFF;
	padding: 10px;
	border: 1px solid #F58025;
}
#header{
	background: url(/img/header.jpg) left no-repeat;
	height: 170px;
}
#topnav{
	background: url(/img/topnav_bg.jpg) repeat-x top;
	margin: 5px 0px 5px 0px;
	font-size: 110%;
	clear: both;
	height: 16px;
}

#content{
	width: 76%;
	float: left;
}
#rightcontent{
	width: 24%;
	float: left;
}
.clear {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
.box{
	width: 48%;
	float: left;
	padding: 5px;
}
.box h2, .box p, .box img{
	float: left;
}
.box p{
	width: 40%;
}
.horizontal{
	height: 10px;
	width: 100%;
	background: url(/img/dotshorizontal.jpg) repeat-x center;
	float: left;
}
.vertical{
	height: 140px;
	width: 10px;
	background: url(/img/dotsvertical.jpg) repeat-y top center;
	float: right;
	min-height: 140px;
}
.rhsbox{
	background: url(/img/yellowbg.jpg) repeat-x top #FFDF47;
	margin: 5px;
	padding: 5px;
	color: #666;
	float: left;
	width: 90%;
}
.rhsimagelink img {
	border: 1px solid #FFD200;
	margin: 5px;
	float: left;
	clear: both;
}
.rhsbox h2, .rhsbox h2 a, .rhsbox h2 a:visited {
	color: #FFFFFF;
}
.rhsbox a {
	color: #666;
	font-weight: bold;
}
.specialoffers{
	background: url(../img/specialoffers.jpg) no-repeat top center #7AC043;
}

.links{
	
}
#footer{
	clear: both;
	font-size: 80%;
	text-align: right;
	padding-top: 10px;
}
#footer ul{
}
#footer li{
	display: inline;
	border-right: 1px solid #FFD200;
	padding: 2px;
}

/*specific overrides here, for page specific h1s for example*/
#footer li.last{
	border: none;
	border: #FFF;
}