/* Start of CMSMS style sheet 'ecpcss' */
/* Tony D Trinh @ VDP WEBSITES 12.08.2009 / Euroa Clay Products / NORMAL VERSION
--------------------------------------------------------------------------- */
/*
-- #id, .class, top right bottom left
-- Font: 12px Verdana, Arial, Helvetica, sans-serif;
-- Colors:
	#000000 = black
	#ffffff = white
	#2a2a2a = charcoal
	#f8edcf = yellow-light
	#dddddd = grey-light
*/
/* Main
--------------------------------------------------------------------------- */
body {
	background-color: #000000;
	border-right: 30px solid #000000;
}
#wrap {
	width: 100%;
	min-width: 900px;
	min-height: 650px;
	padding: 291px 0 0 0;
}
#background {
	width: 100%;
	height: 941px;
	display: block;
	background: #000000 url(images/wrapBg.gif) repeat-x;
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
}
#bricks {
	display: block;
	width: 210px;
	height: 941px;
	background: url(images/bricks.gif) no-repeat;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
}
/* Header
--------------------------------------------------------------------------- */
#header {
	width: 263px;
	height: 160px;
	display: block;
	background: url(images/logo.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 30px;
}
#header h1 {
	display: none;
}
#header a {
	width: 252px;
	height: 146px;
	display: block;
	position: absolute;
	top: 14px;
	right: 11px;
}
#header a span {
	display: none;
}
/* Navigation
--------------------------------------------------------------------------- */
#navigation {
	position: absolute;
	top: 202px;
left: 210px;
	padding: 0 0 0 10px;
	width: 640px;
	height: 28px;
}
#navigation a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	float: left;
	height: 20px;
	padding: 8px 10px 0 10px;
	color: #000000;
	text-decoration: none;
        margin-top: -1px;
margin-right: 10px;
}
#navigation ul ul a {
margin-right: 0px;
}
#navigation ul ul {

margin-left: -10px;
}



#navigation a:hover {
	color: #515151;
}
#navigation .active {
	font-weight: bold;
}

.horizontal ul ul {
float: left;
width: 0px;
position: relative;
top: 25px;
left: -75px;
}
.horizontal ul ul li{
                        padding: 0;
width: 150px;
height: 28px;
background-color: #F8EDCF;
		}

		.horizontal li ul li{
			float: none;
			border-bottom: 1px solid transparent;
			/*margin-bottom: -1px;*/
		}
		.horizontal li li.last{
			border-bottom: none;
		}
		.horizontal ul li li a{
			border: 0px solid;
			border-top: none;
padding: 0px;
		}
		.horizontal ul li:first-child>a{
			border-left: 0px solid;
  
		}
		.horizontal ul li a.first{
			border-left: 0px solid;

		}

		.horizontal ul li li a.first{
			border-top: 0px solid;

		}
		.horizontal ul li li:first-child>a{
			border-top: 0px solid;

		}
		div.horizontal ul li.pixelfix ul{
			left: 0;
		}
		div.horizontal ul li.pixelfix ul ul{
			left: 128px;
		}
		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
		.mlmenu li ul{
			display: none;
		}
		.mlmenu li:hover>ul{
			display: block;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		.accessible li ul{
			display: block;
		}
		/*Code to show an element has a child*/
		.mlmenu.plus li a:first-child:not(:last-child):after{
			content: '+';
		}
		.plus a span{
			padding-left: .5em;
		}
		.noshow{
			visibility: hidden;
		}
		/*colors for menu*/
		.bluewhite li a{
			color: #000033;
background-color: #F8EDCF;
		}
		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{
			color: black;
			border-color: #000033;
                        background-color: #F8EDCF;
text-decoration: none;
		}
		.bluewhite li:first-child>a:hover{
			color: white;
			border-color: black;
		}
		.bluewhite ul{
			border-color: black;
		}

/* Content Index
--------------------------------------------------------------------------- */
#contentIndex {
	margin: 0 0 0 210px;
}
#contentIndex .mainImage {
	background-color: #000000;
	padding: 30px 100px;
	margin: 149px auto 0 auto;
	display: block;
}
#mainImage {
	background-color: #000000;
	padding: 30px 100px;
	margin: 149px auto 0 auto;
	display: block;
}
/* Content
--------------------------------------------------------------------------- */
#content {
	background-color: #2a2a2a;
	margin: 0 0 0 210px;
	padding: 0 30px 20px 30px;
}
#content ul {
	list-style: disc;
	padding: 20px 0 25px 25px;
	margin: 0;
	color: #f8edcf;
}
#content li {
	padding: 0 0 5px 0;
	margin: 0;
}
#content h2 {
	color: #f8edcf;
	margin: 0 0 10px 0;
	font: bold 36px Arial, Helvetica, sans-serif;
}
#content h3 {
	color: #f8edcf;
	padding: 0 0 10px 0;
	font: bold 18px Arial, Helvetica, sans-serif;
}
#content p {
	color: #f8edcf;
	line-height: 20px;
	padding: 0 0 10px 0;
}
#content .image {
	background-color: #ffffff;
	padding: 5px;
	margin: 20px auto 30px auto;
	display: block;
	border: 1px solid #000000;
}
#content .imageBottom {
	background-color: #ffffff;
	padding: 1px;
	margin: 20px auto 10px auto;
	display: block;
	border: 1px solid #e5e5e5;
}
#content a {
	color: #f8edcf;
}
#content a:hover {
	text-decoration: none;
}
/* Footer
--------------------------------------------------------------------------- */
#footer {
	width: 100%;
	padding: 14px 0 0 0;
	height: 46px;
	text-align: center;
	color: #dddddd;
	Font: bold 15px Verdana, Arial, Helvetica, sans-serif;
}
#footer a {
	text-transform: uppercase;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #dddddd;
}
#footer a:hover {
	color: #bbbbbb;
}

/*****Glazed Brick Colours*****/
#colours {
	list-style-type: none;
	width: 95%;
}
#colours li {
	float: left;
	font: bold 1em Arial, Verdana, sans-serif;
	padding: 2em;	
	list-style-type: none;
}
#colours img {
	display: block;
	border: 3px solid #F8EDCF;

/* End of 'ecpcss' */