/* --------------------------------------------
Master Style Sheet

----------------------------------------------- */
body { background-image: url('Images/snookertable3.jpg');  color: #000000; font: 0.70em Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
p { /*margin: 0 0 5px; line-height: 130%;*/ }
img { border: none; }
h2 { /*margin: 0 0 10px; color: #494579; font-size: 230%; line-height: 100%;*/ }
h3 { /*margin: 10px 0 10px 0; color: #006A51; font-weight: normal; font-size: 145%;*/ }
h4 { /*margin: 10px 0 5px; padding: 0; font-size: 115%;*/ }
ul { /*list-style: none;*/ }
form {	margin: 0px; padding: 0px; }
table { text-align: left; }
fieldset { margin-top: 15px; border: 1px solid #cc0033; padding: 20px 0 20px 0; }
textarea { width: 250px; height: 100px; }

/* Classes
----------------------------------------------- */
.cleaner { overflow: hidden; clear: both; height: 1px; margin-top: -1px; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.clear { clear: both; }
.title { color: #cc0033; font-weight: bold; font-size: 15pt; }
.indented { padding-left: 125px; padding-right: 10px; }

 table.MainTable
	{mso-style-parent:"";
	font-size:10.0pt;
	font-family:"Comic Sans MS";
	}



/* Error styles
----------------------------------------------- */
.errors { margin: 0px; padding: 5px; color: #ff0000/*#ffffff*/; background-color: #f5f5f5/*#8c0023*/; }
.errors p { font-weight: bold; color: #ff0000/*#ffffff*/; }
.errors ul { margin: 0 0 3px 0px; padding: 0 0 0 25px; }
.errors li { list-style: disc; margin: 0; padding: 0; }
.error-field { background-color: #efd9d1; }

/* Form styles
----------------------------------------------- */
.label { float: left; display: inline; width: 130px; margin: 0 0 5px 0; text-align: right; padding-top: 2px; }
.field { float: left; display: inline; margin: 0 0 5px 10px; padding: 0; }
.buttons { margin: 0 0 0 140px; }
.button-transparent { background: transparent url(../_images/basket/bullet-inverted.gif) no-repeat 0 50%; border: none; margin: 0; padding: 0 0 0 13px; text-align: left; cursor: pointer; color: #cc0033; font-weight: bold; font-size: 115%; }
.textbox { width: 200px; }
.textbox-small { width: 50px; }
.textbox-medium { width: 100px; }
.radio { }
.radio input { border: none; }
.radio label { margin: 0 10px 0 2px; }


/* Header
----------------------------------------------- */
#header { margin: 0 auto; height: 100px; background-color: #cc0033; text-align: center; }
#header #detail { margin: 0px auto; width: 760px; height: 100%; position: relative; background: url(../_images/layout/line.gif) repeat-x; }
#header #detail h1 { padding: 0px; margin: 0px; position: absolute; left: 0px; top: 0px; overflow: hidden; width: 165px; height: 100px; }
#header #detail h1 span { display: block; cursor: pointer; width: 165px; height: 100px; background: url(../_images/headerlogo.jpg) left top no-repeat; }
#header #detail p { padding: 0px; margin: 0px; position: absolute; width: 300px; height: 44px; left: 280px; top: 28px; overflow: hidden; }
#header #detail p span { display: block; width: 300px; height: 44px; background: url(../_images/banners/bullet_points.gif) left top no-repeat; }
#header #detail h2 { padding: 0px; margin: 0px; position: absolute; left: 550px; top: 10px; overflow: hidden; width: 200px; height: 22px; }
#header #detail h2 span { display: block; cursor: pointer; width: 200px; height: 22px; background: url(../_images/HewdenToolsLogo.jpg) left top no-repeat; }

/* Footer
----------------------------------------------- */
#footer {margin: 0px auto; padding: 15px 0 15px 0; background-color: #ffffff; width:760px;}

/* Navigation - horizontal top nav
----------------------------------------------- */
#nav-horiz { margin: 0px auto; margin-top: 2px; width: 760px; height: 24px; overflow: hidden; }
#nav-horiz h2 { display: none; }
#nav-horiz ul { margin: 0px; padding: 0px; }
#nav-horiz li { padding: 0px 0 0 0; list-style: none; float: left; background-color: #000000; height: 24px; width: 115px; margin-right: 2px; }
#nav-horiz li a { display: block; padding: 2px 5px 4px 8px; margin: 0 0 0 0px; color: #ffffff; font-weight: bold; text-decoration: none; }
#nav-horiz li.right { margin-right: 0px; }
#nav-horiz li#nav-horiz-home { width: 113px; }
#nav-horiz li#nav-horiz-news { width: 119px; }
#jazz div {background-color: #99FF99; }

/* Navigation - section specific style overrides
----------------------------------------------- */
#home #nav-horiz li#nav-horiz-home,
#hiring #nav-horiz li#nav-horiz-hiring,
#safety #nav-horiz li#nav-horiz-safety,
#locations #nav-horiz li#nav-horiz-locations,
#news #nav-horiz li#nav-horiz-news { background-color: #cc0033;}

/* Layout
----------------------------------------------- */

#layout #nav-vert { float: left; width: 113px; }
#layout #nav-vert h3 { display: none; }
#layout #nav-vert ul { margin: 0px 0 0 0; padding: 0px; }
#layout #nav-vert li { padding: 0px 0 0 0; margin: 0 0 2px 0; list-style: none; background-color: #ff0000; height: 25px; width: 113px; overflow: hidden; }
#layout #nav-vert li a { display: block; padding: 2px 5px 4px 8px; color: #ffffff; font-weight: bold; text-decoration: none; }
#layout #nav-vert .link { background: #cc0033 url(../_images/basket/bullet.gif) no-repeat 3px 6px; padding-left: 15px; color: #ffffff; }
#layout #nav-vert .heading { font-weight: bold; color: #ffffff; padding: 2px 0 0 8px; background-color: #300e6f; width: 105px; height: 30px; }
#layout #nav-vert .top { margin-top: 12px; }
#layout #nav-vert .bottom { margin-bottom: 12px; }
#layout #nav-vert ul.callnow { margin-top: 12px; padding: 0px; }
#layout #nav-vert ul.callnow li { height: 30px; }
#layout #nav-vert #nav-vert-opening-times { height: 15px; padding: 2px 0 2px 8px; margin:0px; }
#layout #nav-vert #nav-vert-times { height: 55px; background:none;padding:2px 0 0 8px; width: 105px; }
#layout #nav-vert #nav-vert-double { padding: 0px 0 0 0; margin: 0 0 2px 0; list-style: none; background-color: #ff0000; height: 35px; width: 113px; overflow: hidden; }

#layout #content { float: left; width: 645px; margin: 0 0 0 2px; padding: 0px; }


/* General site zone
----------------------------------------------- */
#general #layout #content { margin: 22px 0 0 9px; width: 636px; }
#general #layout #content h3 { margin: 0px; font-family: Arial, helvetica, sans-serif;	color: #cc0033;	font-weight: bold; font-size: 15pt; }
#general #layout #content p { font-size: 115%; }