/*	==========================================================================	*/
/*								For Spot-On Tooling								*/
/*							www.spotontooling.com.au/							*/
/*							 spot-on-tooling-2011.css							*/
/*	==========================================================================	*/
*
{
	margin: 0px;
	padding: 0px;
}

body,
body.normal,
#printbody
{
	background: #f8f8f8;
	color: #000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	text-align: center;
}

#printbody
{
	width: 720px;
	margin: 0px auto 10px;
	background: #fff;
}

#outerdiv
{
	display: block;
	width: 1100px;
	margin: 0px auto 5px auto;
	text-align: center;
}

#mastheaddiv
{
	display: block;
	width: 1100px;
	height: 120px;
	text-align: left;
}

#headernavi
{
	display: block;
	position: absolute;
	top: 0px;
	z-index: 999;
	width: 750px;
	height: 110px;
}

#imgbranding
{
	display: block;
	width: 640px;
	height: 120px;
	margin: 0px auto 0px 20px;
}



#headershow
{
	display: block;
	overflow: hidden;
	width: 1100px;
	height: 120px;
	background: url(images_seq/header_feature_1/masthead_feature_6.jpg) top;
}

#headershow img
{
	position: absolute;
	width: 1100px;
	height: 120px;
}

.hide { display: none; }


#toplinks
{
	clear: both;
	height: 32px;
	text-align: right;
	padding-right: 20px;
	padding-top: 4px;
	color: #808080;
	border: solid #003aa0;
	border-width: 1px 1px 0px 1px;
	background: url(images_layout/sot-toplinks-bkgnd.png) top repeat-x;
}

#menucontainer
{
	position: absolute;
	top: 160px;
	width: 170px;
	margin: 40px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
	background: transparent;
}

#menudiv
{
	display: block;
	width: 170px;
	text-align: left;
	margin: 0px 5px 0px -8px;
	background: #fff;
}

#contentdiv
{
	clear: both;
	overflow: auto;
	width: 1098px;
	text-align: left;
	border: solid #003aa0;
	border-width: 0px 1px;
	background: #fff;
}

#contentinner
{
	width: 880px;
	overflow: auto;
	display: block;
	text-align: left;
	padding: 45px 0px 10px 200px;
}

#footerdiv
{
	clear: both;
	display: block;
	width: 1098px;
	border: solid #003aa0;
	-moz-border-radius: 10px;
	border-radius: 0px 0px 8px 8px;
	border-width: 0px 1px 1px;
	text-align: left;
	background:  url(images_layout/sot-footer-bkgnd.png) bottom repeat-x;	
}

#footerlinkband
{
	display: block;
	width: 1098px;
	height: 22px;
}

div.footerlinks { margin: 0px 0px 0px 0px; }

#entrysidebar
{
	float: right;
	overflow: auto;
	width: 330px;
	margin: 10px 15px 20px 10px;
	background: #f0f0f0 url(images_layout/sot-sb-bkgnd.png) top left repeat-y;
	border: 1px solid #a0a0a0;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

p.footerlinks
{
	color: #d8d8d8;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	margin: 0px auto;
}

p.contactline
{
	color: #000;
	text-align: center;
	margin: 0px auto 5px;
}

p.copyright
{
	text-align: center;
	font-size: 10px;
}

li
{
	text-align: left;
	margin-left: 25px;
	margin-bottom: 5px;
	line-height: 150%;
}

ul li { list-style-type: disc; }

ul ul li
{
	list-style-type: square;
	margin-left: 12px;
}

/*	#######		Anchor Styles	#######		*/
a
{
	text-decoration: none;
	outline: none;
}

a:link { color: #2020ff; }
a:visited { color: #2020d8; }

a:hover,
a:focus
{
	color: #ff6060;
	text-decoration: underline;
}

a:active { color: #ff0000; }


/*	#######		Specific Anchor Styles	#######		*/

#menu
{
	display: block;
	width: 150px;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	color: #fff;
}

#menu li
{
	display: block;
	list-style: none;
	margin-left: 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 180%;
	margin: 10px 0px;
}


#menu a,
#menu a:visited,
#currenttab
{
	display: block;
	width: 150px;
	height: 20px;
	line-height: 180%;
	padding-left: 5px;
	text-align: left;
	color: #fff;
	text-decoration: none;
	background: #003aa0 url(images_layout/menu_tab_sheen.png) repeat-x;
	border: 1px solid #003aa0;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

#menu a:hover,
#menu a:focus,
#currenttab
{
	color: #ffd800;
	background: #2048c8 url(images_layout/menu_tab_sheen.png) repeat-x;
	border-color: #2048c8;
}

#menu a:active
{
	color: #ff8000;
	background: #2080e0;
	border-color: #2080e0;
}



/*	#######		Other Anchor Styles	#######		*/

a.footerlink:link, a.footerlink:visited
{
	color: #fff;
	outline: none;
}

a.footerlink:hover,
a.footerlink:focus
{
	color: #ffd800;
	text-decoration: underline;
}

a.footerlink:active { color: #ff8000; }

.pdflink
{
	background: url(images_layout/pdf_icon.gif) left no-repeat;
	padding-left: 20px;
	text-decoration: none;
}

div.hoverlight
{
	padding-top: 5px;
}

div.hoverlight:hover,
div.hoverlight:focus
{ background: #fffff0; }

div.prodlinedetail
{
	float: right;
	width: 250px;
	height: 20px;
	padding-right: 120px;
	padding-left: 20px;
}

div.detailink
{
	float: left;
	width: 20px;
	padding-right: 30px;
}

div.pricediv
{
	float: left;
	width: 70px;
	padding-right: 30px;
	text-align: right;
}

/*	#######		Table Styles	#######		*/
.rounded
{
	border: 1px solid #d8d8d8;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rounded5
{
	border: 1px solid #d8d8d8;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rounded10
{
	border: 1px solid #d8d8d8;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.rounded15
{
	border: 1px solid #d8d8d8;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

table
{
	empty-cells: show;
	font-size: 12px;
}

tr.highlight:hover
{
	background: #fffff0;
	vertical-align: middle;
}

th, td.highlight
{
	background: #f0f0f0;
	vertical-align: top;
	text-align: center;
}

td
{
	line-height: 150%;
	vertical-align: top;
}

td.height20
{
	height: 20px;
	vertical-align: middle;
}

td.rightrq
{
	text-align: right;
	font-size: 10px;
}

td.shade
{
	background: #f0f0f0;
	border: 0px solid #f0f0f0;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*	#######		Table Styles	#######		*/
#checkout
{
	width: 580px;
	margin: 0px auto 20px auto;
	border: 1px solid #8096e0;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#contactdetails
{
	width: 540px;
	border: solid #8096e0;
	border-width: 1px 0px;
	margin: 0px auto 10px auto;
}

#contactform
{
	width: 600px;
	border: solid 1px #8096e0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px auto 10px auto;
}

/*	#######		Form Styles	#######		*/
form { display: inline; }

img
{
	border: none;
	font-size: 9px;
	color: #888;
	margin: 0px;
	text-align: center;
}

input, textarea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	text-align: left;
	border: solid #efefef;
	border-width: 0px 1px 1px 0px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url(images_layout/input_bkgnd_blur.jpg) top left no-repeat;
	padding: 4px 2px 0px 2px;
}

input:focus, textarea:focus { background: url(images_layout/input_bkgnd_focus.jpg) top left no-repeat; }
textarea { padding: 2px 5px; }

/*		A hack required for MS Explorer	*/
input.checkbox
{
	background: #fff;
	border: none;
}

input.submitenquiry, input.submitorder, input.updatebasket,
a.checkout:link, a.checkout:visited,
a.delete:link,  a.delete:visited,
a.plusicon:link, a.plusicon:visited,
a.atbicon:link, a.atbicon:visited
{
	margin: 0px auto;
	background: url(images_layout/btn_bkgnd.png) repeat-x;
	font-size: 1.0em;
	height: 22px;
	color: #404040;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 2px;
	border: 1px solid #a0a0a0;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input.submitenquiry:hover, input.submitorder:hover, input.updatebasket:hover, 
a.checkout:hover, a.checkout:active, 
a.delete:hover,  a.delete:active,
a.plusicon:hover,  a.plusicon:active,
a.atbicon:hover,  a.atbicon:active
{
	background: #efefef url(images_layout/btn_bkgnd.png) 0 20px;
	color: #400000;
	border: 1px solid #96a0d0;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.atbicon:link, a.atbicon:visited
{
	color: #960000;
	font-weight: normal;
	font-size: 0.9em;
}

a.checkout:link, a.checkout:visited
{
	padding: 2px 2px;
	color: #005600;
}

a.checkout:hover, a.checkout:active
{
	color: #00ff00;
}

a.enquiry, a.checkout:link, a.checkout:visited { text-decoration: none; }

a.delete:link,  a.delete:visited
{
	color: #960000;
	background: url(images_layout/delete_bkgnd.png) repeat-x;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 4px;
}

a.delete:hover,  a.delete:active
{
	color: #600000;
	background: #efefef url(images_layout/delete_bkgnd.png) 0 20px;
	border: 1px solid #d08080;
}

div.showdiv
{
	float: left;
	width: 20px;
}

a.previewicon:link, a.previewicon:visited
{
	display: block;
	width: 20px;
	height: 20px;
	background: url(images_layout/preview_icon.png) 0 0px;
}

a.previewicon:hover,  a.previewicon:active { background: url(images_layout/preview_icon.png) 0 20px; }

a.basketicon:link, a.basketicon:visited
{
	display: block;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	width: 35px;
	height: 20px;
	background: url(images_layout/basket_icon.png) 0 0px;
}

a.basketicon:hover,  a.basketicon:active { background: url(images_layout/basket_icon.png) 0 20px; }

option
{
	background: #f0f0f0;
	padding: 2px;
	border-bottom: solid #fff 1px;
}

/*	#######		Heading Styles	#######		*/
h1, h2, h3, h4, h5, h6
{
	font-family: verdana,arial,sans-serif;
	color: #000080;
	text-align: left;
	margin-left: 5px;
	padding-top: 20px;
}

h1
{
	font-size: 20px;
	margin-bottom: 5px;
	padding-top: 10px;
}

h1.subtitle
{
	font-size: 14px;
	margin-bottom: 5px;
	padding-top: 0px;
	font-style: italic;
}

h2, h3, h4, h5, h6 { margin-bottom: 2px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

/*	#######	Text Styles	#######		*/
p, ul, ol, textarea
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #202020;
	text-align: left;
	font-size: 12px;
	margin: 0px 10px 10px 5px;
	line-height: 150%;
}

p.neat { margin: 0px 5px 0px 5px; }

p.footertext
{
	margin: 2px 5px 0px 5px;
	color: #808080;
	font-weight: bold;
	text-align: center;
}

.clear
{
	background: #e0e0e0;
	font-size: 1px;
	height: 1px;
}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 10px; }

span.large
{
	font-size: 14px;
	font-weight: bold;
	color: #d88000;
}

.strong { font-weight: bold; }

.normal
{
	font-weight: normal;
	font-size: 12px;
}

.grey, .silver { color: #808080; }
.red { color: #960000; }
.white { color: #fff; }
.help { cursor: help; }
.top0 { margin-top: 0px; }
.top20 { margin-top: 20px; }
.top35 { margin-top: 30px; }
.top50 { margin-top: 50px; }
.left0 { margin-left: 0px; }
.left5 { margin-left: 5px; }
.left15 { margin-left: 15px; }
.left25 { margin-left: 25px; }
.left50 { margin-left: 50px; }

#entryfeature
{
	display: block;
	margin: 0px auto;
	width: 320px;
	height: 260px;
	overflow: hidden;
	text-align: center;
}

#entryfeature ul
{
	list-style-type: none;
	margin: 0px;
}

#entryfeature li
{
	list-style-type: none;
	text-align: center;
	font-size: 0.9em;
	margin: 5px auto;
}

#entryfeature ul img
{
	width: 320px;
	height: 220px;
	margin: 0px auto;
}

#entryfeature a:link
{
	outline: none;
	text-decoration: none;
}

span.copyright
{
	font-size: 10px;
	color: #888;
	background: #fff;
}

span.link
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

span.linkspacer
{
	display: inline;
	color: #808080;
	margin-left: 6px;
	margin-right: 6px;
}

span.namespacer
{
	display: inline;
	color: #fff;
	margin-left: 10px;
	margin-right: 5px;
	padding: 0px 12px;
}

span.alert { color: maroon; }