/*--------------------------------------------------
Cancel out browser default styles 
----------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	padding-left:0;
	margin-left:0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	height:100%;
}

* {
	margin:0;
	padding:0;
}

/*--------------------------------------------------
Set page structure styles 
----------------------------------------------------*/

body {
	text-align:center;
	background-color: #eaeaea;
	color:#666666;
	font-size:0.8em;
	font-family:Arial;
	line-height: 1.5em;
/*	overflow-y:scroll;*/
}

#centreBody{
	text-align:left;
	background: #ffffff url(/huddersfieldonice/images/background.gif) top no-repeat;
	border-left: 10px solid #D8D8D8;
	border-right: 10px solid #D8D8D8;
	margin-left:auto;
	margin-right:auto;
	height:92%;
	width:776px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 756px;
}

html>body #centreBody{
	width: 756px;
	min-height:92%;
	height:auto;
}

/*--------------------------------------------------
Set LINKS AREA styles 
----------------------------------------------------*/

#linksArea {
	margin-top:1em;
	margin-right: 15px;
	width:180px;
	float:left;
}

html>body #linksArea {
	width: 180px;
}

#linksArea ul{
	margin:0;
	padding:0;
	list-style:none;
}

#linksArea li{
	margin:0;
	margin-bottom:5px;
}

#linksArea li a {
	background:#89cce2;
	font-family:Arial;
	text-decoration: none;
	color:#006699;
	width:180px;
	display:block;
	height:2em;
	line-height:2em;
	text-align:right;
	font-weight:bold;
}

#linksArea li a span{
	display:block;
	background:url(/huddersfieldonice/images/topCurve.gif) no-repeat 100% 0;
}

#linksArea li a span span{
	display:block;
	background:url(/huddersfieldonice/images/bottomCurve.gif) no-repeat 100% 100%;
	padding-right:10px;
}

#linksArea li a:hover, a:active {
	color:#FFFFFF;
	background: #3399cc;
}

#linksArea li a:hover span{
	display:block;
	background:url(/huddersfieldonice/images/topCurve_hover.gif) no-repeat 100% 0;
}

#linksArea li a:hover span span{
	display:block;
	background:url(/huddersfieldonice/images/bottomCurve_hover.gif) no-repeat 100% 100%;
	padding-right:10px;
}
/*--------------------------------------------------
Set IMAGE AREA styles 
----------------------------------------------------*/

#mainImageArea
{
    margin-top: 1em;
    float: left;
    width: 180px;
}

#photoGallery
{
    margin-top: 1em;
    float: left;
	width:560;
}

/*--------------------------------------------------
Set MAIN CONTENT AREA styles 
----------------------------------------------------*/

#contentArea
{
    margin-top: 1em;
    margin-left: 15px;
    margin-bottom: 15px;
    float: left;
    padding-right: 10px;
	width: 360px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
}

html>body #contentArea {
	width: 350px;
	min-height:100%;
	height:auto;
}

#contentArea a {
	color:#006699;
	text-decoration:none;
}

#contentArea a:hover {
	color:#006699;
	text-decoration:underline;
}

#contentArea ul {
	list-style:none;
}

#contentArea ul li{
	margin-top: 5px;
	color:#666666;
	font-family:Arial;
	line-height: 1.5em;
	padding-left:20px;
    background:transparent url(../images/bullet2.gif) no-repeat;
    background-position:0 5px;
}

#logo{
	position:static; 
	right: 0px;
	bottom:0px;
	float:right;
	padding-right:1em;
	padding-top:2.5em;
}

/*--------------------------------------------------
Set FOOTER styles 
----------------------------------------------------*/

#footer{
	background-color:#3399cc;
	height:8%;
	display:block;
	text-align:left;
	border-left: 10px solid #D8D8D8;
	border-right: 10px solid #D8D8D8;
	margin-left:auto;
	margin-right:auto;
	width:776px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 756px;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
}

html>body #footer{
	width: 756px;
	min-height:8%;
	height:auto;
}


	#footer #kirkleesLogo{
		float:right;
		margin-top:8px;
		margin-right:8px;
	}
	
	#footer #footerText {
		padding:15px;
	}



/*--------------------------------------------------
Set FEATURES styles 
----------------------------------------------------*/

#featureBox{
	background-color:#EDF5F7; 
	margin:1em;
    float: right;
	padding:1em;
	width: 520px;
	border: 2px solid #89cce2; 
}

#featureImage{
	float:right;
	width:100px;
}
/*--------------------------------------------------
Set HTML ELEMENT styles 
----------------------------------------------------*/

H2{
	color:#006699;
	font-size:1.5em;
	font-family:Arial;
	font-weight:bolder;
	margin-bottom: 0.8em
}

H3{
	color:#006699;
	font-size:1em;
	font-family:Arial;
	font-weight:bold;
	line-height: 1.5em; 
}

HR{ 
	border: none;
	border-top:solid 2px #006699;
	margin-bottom: 8px;
}

P {
	margin-bottom:15px;
}

table{
	width:100%; 
}

td{
	padding:0.2em 1em 0.2em 1em; 
	background-color:#EDF5F7; 
	border-top: 2px solid #89cce2; 
	border-bottom: 2px solid #89cce2;
}

/*--------------------------------------------------
Set CLASS styles 
----------------------------------------------------*/

.telephonenoText {
	font-weight:bold;
	font-family:Arial;
	line-height: 1.5em;
	color:#006699;
}

.error{
	color: Red;
}