/*
*	frog site style modifier
*	Contains mainly color tweaks for all page templates in this site
*/

body, td, h1, h2, h3, h4, h5, #content, #banner h1, .crumb, a,  .crumb a {
	color: #4f4605;
	}
#side .menu ul li a {
	background: url(../images/site_frog/ul_li.gif) no-repeat left center;
}
ul li {
	background: url(../images/site_frog/ul_li.gif) no-repeat left 2px;
}

/*Default page template specific */
#banner {
	background: #f1d51a url(../images/site_frog/bg_banner.jpg) no-repeat center bottom;
}
#container {
	background: url(../images/site_frog/bg_container.jpg) repeat-x center top;
}
#container .outer {
	background: url(../images/site_frog/bg_container_inner.jpg) no-repeat center top;
}
#side {
	background: url(../images/site_frog/bg_side.jpg) repeat-x center top;
}

/*Product homepage specific*/
.tpl_producthome #container .outer,
.tpl_producthome #banner {
	background:transparent none repeat scroll 0 0;
}
.tpl_producthome #container {
	background: url(../images/site_frog/bg_container_home.jpg) repeat-x left top; 
}
.tpl_producthome #container .outer {
	background: url(../images/site_frog/bg_container_inner_home.jpg) no-repeat center top; 
}

.tpl_producthome #side {
	background: url(../images/site_frog/bg_side_home.jpg) repeat-x center top; 
}

#sitelogo {
	background: #f5e261 url(../images/site_frog/site_logo.gif) no-repeat center center;
	position: absolute;
	border: 1px #fff solid;
	border-right: none;
	top: 20px;
	left: -80px;
	width: 79px;
	height: 86px;
}

/*////////////////
*	Table styles
////////////////*/
th {
	background:#4F4605;
	color: #F1D51A;
	}
tr.odd td {
	background: none;
}
tr.even td {
	background: none;
}
tr.group td {
	border-top:1px #4F4605 solid;
}


/*////////////////
*	Contact Form for FROG site
////////////////*/
button {
	background: #4F4605;
	border: 1px #4F4605 solid;
	color: #fff;
}
button:hover {
	background: #F1D51A ;
	color: #4F4605;
}
input, select, textarea{
	border: 1px #4F4605 solid;
}

div.formElement.valid.required input,
div.formElement.valid.required select,
div.formElement.valid.required textarea {
	background-color: #fcfcf0;
	border: 1px #4F4605 solid;
	}
	
div.label,
label.blk {	
	color: #4F4605;	
	}

span.hint {
	color: #4F4605;
}



/*////////////////
*	FROG image colours
////////////////*/

#content .fullimage {
	border: 1px #d7ca6b solid;
}
#content .thumb span,
#content .fullimage span {
	font-style: normal;
	color: #4F4605;
}
#content .thumb {
	border: 1px #d7ca6b solid;

}
#content .sspdirector .swf {
	border: 1px solid #d7ca6b;
}