/*	grough.co.uk
	CSS - Framework
	Luke Smith 2009    */

/* Main HTML elements */
body {
		margin: 0;
		background-color: #232323;
		font-family: Verdana, Calibri, Arial, sans-serif;
		font-size: 12px;
		color: black;
}

#skin {
        z-index: -1;
	display: none;
}

/* Main structural components */
#header {
	height: 132px;
	background: url(../img/layout/header.gif) repeat-x;
}

#main {
	background-color: white;
}

#footer {
	clear: both;
	background: url(../img/layout/footer-top.gif) repeat-x #232323 top left;
}

/* Header components */
#header #hdr-top {
	height: 96px;
	width: 1100px;
	left: 50%;
	margin: 0px 0px 0px -550px;
	position: absolute;
	background: url(../img/layout/logo.jpg) no-repeat transparent top left;
}

#header #hdr-top .hdr-advert {
	height: 90px;
	width: 728px;
	margin-left: 300px;
	/* background: url(../img/layout/header-advert.gif) no-repeat transparent top left; */
	background: black;
	text-align: center;
	padding: 0px;
	margin-top: 3px;
	color: #000000;
	font-size: 9px;
}

#header #hdr-top .hdr-advert img {
        border: 0;
}

#header #hdr-menu {
	height: 36px;
	width: 950px;
	top: 96px;
	position: absolute;
	left: 50%;
	margin-left: -475px;
}

#header #hdr-menu #hdr-tabs {
	width: 673px;
	height: 30px;
	margin-top: 6px;
	float: left;
}

#header #hdr-menu #hdr-tabs .tab {
	height: 25px;
	color: white;
	padding: 2px 12px 0px 12px;
	text-align: center;
	margin-left: 15px;
	float: left;
}

#header #hdr-menu #hdr-tabs .tab-selected {
	background: url(../img/layout/hdr-tabselected.gif) repeat-x white top left;
	border-left: 1px solid #4b6439;
	border-right: 1px solid #4b6439;
	color: black;
	padding-top: 5px;
}

#header #hdr-menu #hdr-tabs .tab-selected a,
#header #hdr-menu #hdr-tabs .tab-selected a:visited,
#header #hdr-menu #hdr-tabs .tab-selected a:active,
#header #hdr-menu #hdr-tabs .tab-selected a:hover {
	color: black;
}

#header #hdr-menu #hdr-search {
	width: 270px;
	float: left;
	height: 36px;
}

/* Header element styles */
#header #hdr-menu #hdr-tabs a, 
#header #hdr-menu #hdr-tabs a:visited, 
#header #hdr-menu #hdr-tabs a:hover,  
#header #hdr-menu #hdr-tabs a:active {
	color: white;
	text-decoration: none;
}

#header #hdr-menu #hdr-tabs h1 {
	display: inline;
	font-family: Verdana;
	font-size: 11px;
	line-height: 25px;
	font-weight: normal;
	text-transform: uppercase;
}

/* Main section components */
#main #mai-container {
	width: 950px;
	margin: 0px auto;
	border-left: 1px solid #d3d3d3;
	background: url(../img/layout/rt-menu.gif) repeat-y #ffffff top right;
	min-height: 700px;
}

#main #mai-container .clr {
	clear: both;
}

#main #mai-container #mai-content {
	width: 622px;
	float: left;
	background: url(../img/layout/mai-top.gif) repeat-x;
	min-height: 50px;
	margin-right: 1px;
}

#main #mai-container #mai-content #mai-navpath {
	padding: 19px 17px;
	text-transform: uppercase;
	font-size: 11px;
	color: #555555;
}

#main #mai-container #mai-content #mai-navpath a {
	text-decoration: none;
	color: black;
}

#main #mai-container #mai-content #mai-navpath a.final {
	color: #c84c4c;
}

#main #mai-container #mai-rtmenu {
	background: url(../img/layout/rt-menu-top.gif) repeat-x;
	margin-left: 1px;
	float: left;
	width: 324px;
	min-height: 50px;
	overflow: hidden;
}

/* Main section element styles */

/* Footer components */
#footer #ftr-main {
	width: 900px;
	margin: 0px auto;
	padding: 19px 0px;
	height: 300px;
	color: #a2c47e;
}

#footer #ftr-logo {
	width: 150px;
	height: 300px;
	background: url(../img/layout/footer-logo.gif) no-repeat top left;
	float: left;
}

#footer #ftr-copyright {
	width: 740px;
	float: left;
	padding: 3px 0px;
	line-height: 20px;
}

#footer .small-footer {
        font-size: 9px;
        line-height: 11px;
        letter-spacing: -1px;
}

#footer .ftr-list {
	width: 250px;
	float: left;
	line-height: 24px;
}

/* Footer element styles */
#footer .ftr-list h2 {
	font-family: "Gill Sans MT", Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: white;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: normal;
}

#footer a, 
#footer a:visited, 
#footer a:active {
	color: #a2c47e;
	text-decoration: none;
	padding: 3px;
}

#footer a:hover {
	color: white;
	font-weight: bold;
	text-decoration: none;
	background-color: #cc5b5b;
}

/* UI Elements */
#ui-elements {
	display: none;
}

/* Random things for elsewhere */
.java-error-box, .error-box {
    background: url(../img/layout/icons/attention-large.png) no-repeat 4px 4px;
    border-top: 1px solid #cc5b5b;
    border-bottom: 1px solid #cc5b5b;
    padding: 10px 10px 10px 48px;
    min-height: 50px;
    color: #cc5b5b;
    margin: 10px;
}

#product-details {
    background-color: #eedddd;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    margin: 10px 0px;
}