﻿@font-face {
  font-family: "HelveticaNeueLTPro-Hv";
  src: url(HelveticaNeueLTPro-Hv.ttf) format("truetype");
}

tr.tablehead
{
	font-size: smaller;
	background-color: black;
	color: White;
	
}

tr.tablehead th
{
	text-align: left;
	padding: 2px 2px 2px 2px;
}

tr.tablerow td
{
	border-bottom: dotted 1px black;
	vertical-align: top;
	text-align: left;
	padding: 2px 2px 2px 2px;
	background-color: #dddddd;
}

tr.tablerow-included td
{
	border-bottom: dotted 1px black;
	vertical-align: top;
	text-align: left;
	padding: 2px 2px 2px 2px;
	background-color: #fff;	
	
}

/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
	padding:0;
	margin:0;
}

input { padding: 3px; }
textarea { padding: 5px; }
.pad
{
	padding: 5px;
}

body
{	
	text-align:center;
	min-width:980px;/* for mozilla*/
	background-color: #d8d8d8;
	color: #000000;
	font-family: helvetica arial, sans-serif, serif;
	font-weight: normal;
}

#outer{
	height:99.9%;
	min-height:99.9%;
	width:980px;
	color: #000000;
	text-align:center;
	margin:auto;
	position:relative;
	background-color: #ffffff;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:-1px;
	width:960px;
	height:160px;
	background:#FFFFFF;
	color: #000000;
	text-align: left;
	padding: 10px 10px 10px 10px;
	z-index: auto;
	border-left: solid 1px #d8d8d8;
}

#header a
{
	color: #FFFFFF;
	text-decoration: none;
}

#footer {
	width:958px;
	clear:both;
	height:95px;
	background-color: #CCCCCC;
	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	border-left: solid 10px white;
	border-right: solid 10px white;
	border-bottom: solid 10px white;

}

#footer .images
{
	padding: 0 0 0 0;
	display: inline-block;
}

#footer img
{
	display: inline-block;
}

#footer #footerleft
{
	float: left;
	text-align: left;
	color: #000000;
	font-size: 0.7em;
	padding-left: 20px;
	padding-top: 2px;
}

#footer #footerright
{
	float: right;
	text-align: right;
	color: #000000;
	font-size: 0.7em;
	padding-right: 17px;
	padding-top: 2px;
}

* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:67px;/* for ie5 */
	he\ight:65px;/* for ie6 */
}

div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width: 660px;
	/* padding-top:180px;/*make room for header*/
	padding-top: 9px;
	z-index: -1;
	float: right;
	text-align: left;
	padding-bottom: 25px;
	padding-left: 10px;
	*padding-left: 0px;
	padding-right: 10px;
	
}

#centrecontent_main {
	width:957px;
	padding-top:180px;/*make room for header*/
	left:-1px;
	text-align: left;
	padding-left: 10px;
	*padding-left: 0px;
}

#centrecontent_alt 
{
	width: 660px;
	/* padding-top:180px;/*make room for header*/
	padding-top: 9px;
	z-index: -1;
	float: right;
	text-align: left;
	padding-bottom: 25px;
	padding-left: 10px;
	*padding-left: 0px;
	padding-right: 10px;
	
	/*width:652px;
	text-align: left;
	padding-left: 10px;
	*padding-left: 4px;
	padding-bottom: 75px;
	min-height: 99.9%;
	height: auto;
	float: right;
	padding-top: 9px;
	padding-right: 20px;*/
}

#centrecontent_alt p 
{ 
	padding-bottom: 10px;
}

#centrecontent_alt a,
#centrecontent_alt a:visited
{
	color: 	#00529b;
	text-decoration: none;
}

#centrecontent_alt a:active,
#centrecontent_alt a:hover
{
	color: 	#00529b;
	text-decoration: underline;
}


#left {
	/* position:relative;/*ie needs this to show float */
	width:250px;
	float:left;
	/* padding-top:180px;/*needed to make room for header*/
	padding-left: 10px;
	padding-bottom: 25px;
}

/* For IE */
.DownloadNow
{
	position: absolute; top: 210px; left: 50px;
}

.DownloadNowOther
{
	z-index: 2; position: absolute; top: 210px; left: 50px;
	
}
	

#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:67px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-67px;} /*safari wrapper */

/* for the search bar */
#header #searchBar
{
	clear: both;
	background-color: #D8D8D8;
	width: 937px;
	padding: 10px 10px 10px 10px;
	text-align: right;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif, Serif;
	font-size: smaller;
	border-top: solid 3px white;
	height: 25px;
}


#header #searchBar .left
{
	float: left;
	padding-top: 2px;
}

#header #searchBar .left img
{
	border: 0;
	vertical-align: middle;
}

#header #searchBar .left a,
#header #searchBar .left a:visited
{
	color: #00529b;
	text-decoration: none;
}

#header #searchBar .left a:active,
#header #searchBar .left a:hover
{
	color: #00529b;
	text-decoration: underline;
}

#header #searchBar .right
{
	float: right;
	padding-top: 2px;	
}

#header #searchBar .right input
{
	vertical-align: middle;	
}

/* for the header top, for logo's etc */
#header #headerTop
{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: smaller;
}

#header span.headerWelcome
{
	color: #575757;
}

/* The following rules are for the menu in the header */
#header span.headerMenu
{
	color: #00529b;
}

#header span.headerMenu a:link,
#header span.headerMenu a:visited
{
	color: #00529b;
	text-decoration: none;
}

#header span.headerMenu a:hover
{
	color: #00529b;
	text-decoration: underline;
}

.txt
{
	color: #999999;
}

.txt_selected
{
	color: #000;
}

.pagecontent
{
	font-family: helvetica arial, sans-serif, serif;
	font-size: 0.9em;
	width: 658px;
	text-align: left;
	margin-bottom: 30px;
	background: #f1f1f1;
}


.pagecontent .row
{
	width: 638px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
}

.pagecontent a,
.pagecontent a:visited
{
	text-decoration: none;
	color: #00529b;
}

.pagecontent a:hover,
.pagecontent a:active
{
	text-decoration: underline;
	color: #00529b;
}

/* For Stockist Search */

.pagecontent .searchitem
{
	clear: both;
	margin-bottom: 20px;
	padding-top: 20px;
}

.pagecontent .searchitem .left
{
	float: left;
	font-size: 0.9em;
	width: 300px;
	text-align: left;
	padding-left: 10px;
}

.pagecontent .searchitem .right
{ 
	float: right;
	font-size: 0.9em;
	text-align: left;
	width: 300px;
}

.pagecontent .searchitem a,
.pagecontent .searchitem a:visited
{
	color: #00529b;
	text-decoration: none;
}

.pagecontent .searchitem a:hover,
.pagecontent .searchitem a:active
{
	color: #00529b;
	text-decoration: underline;
}

/* END Stockist Search */

#sitemap
{
	float: left;
}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    width: 300px;
    z-index: 2000;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : white;
	color : windowtext;
	padding : 1px;
}

/* View Items */

.viewitems
{
	background: #D8D8D8;
	width: 645px;
	padding: 0 0 0 10px;
	padding-bottom: 4px;
}

.viewItem
{
	width: 295px;
	w/idth: 290px;
	/width: 295px;
	height: 100px;
	border-style: dotted;
	border-width: 2px;
	border-color: #d8d8d8;
	float: left;
	margin-right: 3px; 
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 2px;
	font-family: helvetica arial, sans-serif, serif;
	font-size: 0.8em;
	padding: 6px 6px 6px 6px;
	background: white;
	
}

.viewItem span {
    top: 50%;
    bottom: 50%;
}


.viewItem a 
{
	color: #00529b;
	text-decoration: none;
	font-weight: 900;
	/* font-size: larger; */
	
	/* font-weight: lighter; */
}

.viewItem a:hover 
{
	color: #00529b;
	text-decoration: underline;
	font-weight: bold;
}

/* so that the item code has a grey background: */
.viewItem a.itemcode
{
	color: Black;
	background: #d8d8d8;
	text-decoration: none;
	padding: 3px 3px 1px 10px;
	font-weight: bold;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
}

.viewItem .itemdesc
{
	clear: both;
	width: 170px;
	float: left;
	padding: 3px 0px 0px 10px;
}

.viewItem .left
{
	float: left;
	text-align: left;
	width: 140px;
	padding: 3px 3px 3px 3px;
}

.viewItem .right
{
	float: right;
	width: 106px;
	height: 100px;
	text-align: center;
}

.viewItem img
{
	border-width: 0px;
	text-align: right;
	position: relative;
	margin-top: expression(( 100 - this.height ) / 2); 
}

/* Accordion */
.accordionHeader
{
    color: black;
    background-color: #d8d8d8;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 250px;
    text-align: left;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    color: black;
    background-color: #d8d8d8;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
	width: 250px;
    text-align: left;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    /* border: 1px dashed #2F4F4F; */
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    text-align: left;
    font-size: 0.7em;

}

div.MenuTop
{
	width: 250px;
	text-align: left;
	background: #d8d8d8;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.9em;
	padding: 5px 5px 5px 20px;
	margin-top: 9px;
	margin-bottom: 9px;
	font-weight: bold;
	margin-right: 10px;
}

div.MenuTop a,
div.MenuTop a:Visited
{
	color: black;
	text-decoration: none;	
}


div.MenuItem
{
	width: 250px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
}

div.MenuItem a,
div.MenuItem a:Visited
{
	color: Black;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	display: block;
	width: 220px;
}

div.MenuItem_Selected
{
	width: 250px;
	background: #d8d8d8;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
}

div.MenuItem a:hover,
div.MenuItem a:Active
{
	background: #d8d8d8;
	text-decoration: none;
	display: block;
	width: 220px;
}

div.MenuItem_Selected a,
div.MenuItem_Selected a:Visited
{
	color: Black;
	background: #d8d8d8;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	display: block;
	width: 220px;
}

div.MenuItem_Selected a:hover,
div.MenuItem_Selected a:Active
{
	background: #d8d8d8;
	text-decoration: none;
	display: block;
	width: 220px;
}

div.subMenuItem
{
	width: 250px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
}

div.subMenuItem a,
div.subMenuItem a:Visited
{
	color: #666666;
	text-decoration: none;
	padding: 0px 0px 0px 40px;
	display: block;
	width: 200px;
}

div.subMenuItem a:hover,
div.subMenuItem a:Active
{
	background: #d8d8d8;
	color: Black;
	text-decoration: none;
	display: block;
	width: 200px;
}

div.subMenuItem_Selected
{
	width: 250px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
		background: #d8d8d8;
}

div.subMenuItem_Selected a,
div.subMenuItem_Selected a:Visited
{
	color: #666666;
	text-decoration: none;
	padding: 0px 0px 0px 40px;
	display: block;
	width: 200px;
	background: #d8d8d8;
}

div.subMenuItem_Selected a:hover,
div.subMenuItem_Selected a:Active
{
	background: #d8d8d8;
	color: Black;
	text-decoration: none;
	display: block;
	width: 200px;
}

div.subSubMenuItem
{
	width: 250px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
}

div.subSubMenuItem a,
div.subSubMenuItem a:Visited
{
	color: #7f7f7f;
	text-decoration: none;
	padding: 0px 0px 0px 60px;
	display: block;
	width: 200px;
}

div.subSubMenuItem a:hover,
div.subSubMenuItem a:Active
{
	background: #d8d8d8;
	color: Black;
	text-decoration: none;
	display: block;
	width: 200px;
}

div.subSubMenuItem_Selected
{
	width: 250px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
	background: #d8d8d8;
}

div.subSubMenuItem_Selected a,
div.subSubMenuItem_Selected a:Visited
{
	color: #7f7f7f;
	background: #d8d8d8;
	text-decoration: none;
	padding: 0px 0px 0px 60px;
	display: block;
	width: 200px;
}

div.subSubMenuItem_Selected a:hover,
div.subSubMenuItem_Selected a:Active
{
	background: #d8d8d8;
	color: Black;
	text-decoration: none;
	display: block;
	width: 200px;
}

div.subSubSubMenuItem
{
	width: 250px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
}

div.subSubSubMenuItem a,
div.subSubSubMenuItem a:Visited
{
	color: #999999;
	text-decoration: none;
	padding: 0px 0px 0px 80px;
	display: block;
	width: 200px;
}

div.subSubSubMenuItem a:hover,
div.subSubSubMenuItem a:Active
{
	background: #d8d8d8;
	color: Black;
	text-decoration: none;
	display: block;
	width: 200px;
}

div.subSubSubMenuItem_Selected
{
	width: 250px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
	background: #d8d8d8;
}

div.subSubSubMenuItem_Selected a,
div.subSubSubMenuItem_Selected a:Visited
{
	color: #999999;
	background: #d8d8d8;
	text-decoration: none;
	padding: 0px 0px 0px 80px;
	display: block;
	width: 200px;
}

div.subSubSubMenuItem_Selected a:hover,
div.subSubSubMenuItem_Selected a:Active
{
	background: #d8d8d8;
	color: Black;
	text-decoration: none;
	display: block;
	width: 200px;
}

/* for Product Range */
div.pageTitle
{
	background: url(../images/CategoryGraphic.gif) repeat-x;
	font-size: 0.9em;
	color: White;
	font-weight: bold;
	padding: 5px 2px 5px 10px;
	width: 643px;
	text-align: left;
	height: 16px;
	min-height: 16px;
}

div.pageTitle .left
{
	float: left;
}

div.pageTitle .right
{
	float: right;
	text-align: right;
	padding-right: 10px;
}

div.pageTitle .right a
{
	font-weight: normal;
	color: White;
	text-decoration: none;
}

div.pageTitle .right a:hover
{
	text-decoration: underline;		
}

div.pageTitle .right .link
{
	color: #d8d8d8;
	font-weight: normal;
}


/* For Breadcrumbs */
div#banner
{
	font-size: 0.7em;
	font-weight: bold;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	margin-left: -4px;
}

div#banner div.breadCrumb 
{
	color: Black;
	padding: 5px 3px 0px 20px;
	text-align: left;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	
}

div#banner div.bannerImg
{
	padding: 180px 0px 0px 0px;
}

div#banner div.breadCrumb img
{
	padding-bottom: 7px;
}

div#banner div.breadCrumb a,
div#banner div.breadCrumb a:visited
{
	color: #00529b;
	text-decoration: none;
}

div#banner div.breadCrumb a:hover
{
	color: #00529b;
	text-decoration: underline;
}


/* For Item layout */

.itemTitle
{
	font-size: 0.9em;
	font-weight: normal;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	background: url(../images/CategoryGraphic.gif) repeat-x;
	color: White;
	padding: 5px 2px 5px 10px;
	width: 643px;
	text-align: left;
	height: 16px;
	min-height: 16px;
}

.item_contents_body {
	background-color:#e6e6e6;
	padding:2px;
	width:100%;
}

div.itemTitle .left
{
	float: left;
}

div.itemTitle .right
{
	float: right;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

div.itemTitle .right a
{
	color: White;
	text-decoration: none;
}

div.itemTitle .right a:hover
{
	color: White;
	text-decoration: underline;
}

#itemContent .left 
{
	float: left;
	width: 410px;
}

#itemContent .left .imageContainer
{
	/* padding: 10px 10px 10px 10px;
	 margin: 12px 15px 0px 10px; */
	border: dotted 2px #d8d8d8;
	text-align: center;
	height: 220px;
}

#itemContent .left .imageContainer img
{
	border: 0px;
	margin-top: expression(( 200 - this.height ) / 2); 
}

#itemContent .left div.details
{
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	padding: 10px 10px 5px 10px;
	font-size: 0.8em;
	text-align: left;
	width: 390px;
}

#itemContent .right
{
	float: right;
	width: 225px;
	margin-right: 9px;
	/* margin-top: 12px; */
	margin-left: 10px;
}

#itemContent .right .Links
{
	font-size: 0.9em;
	padding: 10px 10px 10px 10px;
	background: #f1f1f2;
	text-align: left;
	width: 210px;
}

#itemContent .right .Links a
{
	color: #00529b;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	text-decoration: none;
	font-size: 0.9em;
}

#itemContent .right .Links a:hover
{
	text-decoration: underline;
}

#itemContent .right .flags
{
	background: #f5f6f6;
	width: 210px;
	padding: 10px 10px 10px 10px;
	font-size: 0.7em;
	margin-top: 10px;
	text-align: center;
}
	
#itemContent .right .flags a
{
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	color: Black;
	text-decoration: none;
}

#itemContent .right .flags a:hover
{
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	color: Black;
	text-decoration: underline;
}

#itemContent .right .spares
{
	margin-top: 10px;
	background: #f5f6f6;
	width: 200px;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
	padding: 10px 10px 10px 20px;
	font-size: 0.7em;
}

#itemContent .right .spares a
{
	color: Black;
	text-decoration: none;
}

#itemContent .right .spares a:hover
{
	color: Black;
	text-decoration: underline;
}

.stockistSearch
{
	background: url(../images/Find_Stockist_200.gif) 30px 0px no-repeat;
	width: 260px;
	height: 200px;
	margin-left: 25px;
}

.stockistSearch #stockistForm
{
	position: relative;
	top: 100px;
	
}

.stockistSearchHome
{
	background: url(../images/Find_Stockist_200.gif) 50px 5px no-repeat;
	width: 292px;
	height: 207px;
	background-color: White;
	margin-bottom: 3px;
}

.stockistSearchHome #stockistForm
{
	position: relative;
	top: 110px;
	text-align: center;
	
}

/* For Homepage */
#centercontent_body
{
	background: #d8d8d8;
	width: 930px;
	min-height: 99.9%;
	height: 99.9%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 20px 5px 20px 20px;
	height: 668px;
	clear: both;
}

#centercontent_body .homeleft 
{
	width: 600px;
	float: left;
	margin-right: 10px;
}

#centercontent_body .homeright 
{
	width: 295px;
	float: left;
	padding: 0 0 0 0;
}

#centercontent_body .homerightoldie 
{
	width: 295px;
	float: left;
	padding: 0 0 0 0;
	margin-right: -80px;
	margin-left: -18px;
}


.ToolPoint-HomeButton
{
	width: 580px; 
	text-align:right; 
	padding-top: 21px; 
}

.toolpoint-completion
{
	z-index: 99;
}

.ToolPoint-HomeButtonOther
{
	z-index: 0;
	position: absolute;
	top: 725px;
	left: 470px; 
}

.homeContent
{
	width: 280px;
	background: #ffffff;
	text-align: left;
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
}

.homeContent .homeContentHeader
{
	background: url(../images/CategoryGraphic.gif) 0px 0px repeat-x;
	color: White;
	padding: 5px 2px 5px 10px;
	width: 295px;
	text-align: left;
	height: 16px;
	min-height: 16px;
}

.homeContentHeader a,
.homeContentHeader a:visited
{
	color: White;
	text-decoration: none;
}

.homeContentHeader a:hover,
.homeContentHeader a:active
{
	color: White;
	text-decoration: underline;
}

.homeContent .homeContentBody
{
	color: Black;
	padding: 10px 10px 10px 10px;
	width: 272px;
	height: 250px;
	background: url(../images/ToolPoint.jpg) 0px 0px no-repeat;
}
.homeContent .homeContentBody .row
{
	width: 272px;
	clear: both;
}



.homeContent .homeContentBody .row .key
{
	font-size: 0.9em;
	text-align: left;
	width: 120px;
	float: left;
	padding-left: 15px;
}

.homeContent .homeContentBodyToolpoint
{
	border: solid 1px black;
	
}

.homeContent .homeContentBodyToolpoint .row
{
	width: 272px;
	clear: both;
}

.homeContent .homeContentBodyToolpoint .row .key
{
	font-size: 0.9em;
	text-align: left;
	width: 120px;
	float: left;
	padding-left: 15px;
}

.homeContent .homeContentBody input
{
	vertical-align: middle;	
}

.altcolor
{
	color: #FFFFCC;
}

.homeContentBody a,
.homeContentBody a:visited
{
	color: #00529b;
	text-decoration: none;
}

.homeContentBody a:active,
.homeContentBody a:hover
{
	color: #00529b;
	text-decoration: underline;
}


.homeContent .homeContentNewProduct
{
	color: Black;
	padding: 0 0 0 0;
	width: 295px;
	background: #ffffff;
}

.homeContentNew
{
	background: #ffffff;
	text-align: left;
	float: left;
	margin-bottom: 3px;
	width: 295px;
}

.homeContentNew .homeContentHeader
{
	background: url(../images/CategoryGraphic.gif) repeat-x;
	color: White;
	padding: 5px 2px 5px 10px;
	width: 588px;
	text-align: left;
	height: 16px;
	min-height: 16px;
}

.homeContentNew .homeContentBodyAdvert
{
	color: Black;
	padding: 0px 0px 0px 0px;
	width: 600px;
	background: #ffffff;
	height: 187px;
}

.homeContentNew .homeContentBodyAdvertAlt
{
	color: Black;
	padding: 0px 0px 0px 0px;
	width: 600px;
	background: #ffffff;
	height: 208px;
}

.homeContentNew .homeContentBody
{
	color: black;
	padding: 10px 10px 10px 10px;
	width: 580px;
	background: #ffffff;
	height: 187px;
	background: url(../images/ToolPoint_Autodata_logo.jpg) 0px 0px no-repeat;
	
}

.homeContentNew .homeContentBody .left
{
	float: left;	
	width: 260px;
	color: White;
}

.homeContentNew .homeContentBody .right
{
	float: right;
	width: 280px;
	color: White;
}

 .rowtp
{
	width: 260px;
	clear: both;
	padding-bottom: 1px;
}

.rowtp .col1
{
	width: 90px;	
	float: left;
	font-size: smaller;
}

.rowtp .col2
{
	width: 160px;
	float: right;	
}

.rowtpr
{
	width: 280px;
	clear: both;
	padding-bottom: 4px;
	color: Black;
}

.rowtpr .col1
{
	width: 110px;
	float: left;
	font-size: smaller;
	color: white;
}

.rowtpr .col2
{
	width: 120px;
	float: right;
}

.homeContentNew .homeContentBodyAdvert img
{
	border: 0;
}

.homeContentNew .homeContentBody .row
{
	float: left;
	clear: both;
	width: 550px;
	text-align: center;
	padding-left: 26px;

}

.homeContentNew .homeContentBody .row .key,
.homeContentNew .homeContentBody .row .label
{
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	text-align: left;
}

.homeContentNewSmall
{
	width: 285px;
	background: #ffffff;
	text-align: left;
	float: left;
	margin-right: 23px;
	margin-bottom: 3px;
}

.homeContentNewSmall .homeContentBody
{
	color: Black;
	padding: 10px 10px 10px 10px;
	width: 285px;
	background: #ffffff;
	height: 187px;
}

.homeContentNewSignup
{
	width: 600px;
	background: #00529b url(../images/Newsletter_Signup.jpg) no-repeat;
	text-align: left;
	float: left;
	margin-right: 23px;	
	margin-bottom: 3px;
	font-size: larger;
	height: 207px;
	color: White;
}

.homeContentNewSignup .homeContentBodyLeft
{
	width: 280px;
	float: left;
	height: 187px;
	padding-top: 10px;
	padding-left: 10px;
	color: White;
	font-size: smaller;
}

.homeContentNewSignup .homeContentBodyLeft a
{
	color: White;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

.homeContentNewSignup .homeContentBodyLeft a:hover
{
	color: White;
	text-decoration: underline;
}

.homeContentNewSignup .homeContentBodyRight
{
	width: 265px;
	float: right;
	text-align: center;
	padding: 105px 0px 0px 15px;
	color: Black;
}


.homeContentNewSmallAlt .homeContentBody
{
	color: white;
	padding: 15px 5px 5px 15px;
	width: 285px;
	background: #00529b;
	height: 187px;
}

.homeContentNewSmallAlt .homeContentBody a
{
	color: White;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

.homeContentNewSmallAlt .homeContentBody a:hover
{
	color: White;
	text-decoration: underline;
}

.newProduct
{
	width: 295px;
	height: 90px;  /* changed from 100 */
	float: left;
	font-family: helvetica arial, sans-serif, serif;
	font-size: 0.8em;
	padding: 6px 6px 6px 6px;
	border-bottom: solid 3px #d8d8d8;
	background: #ffffff;
}

.newProduct span {
    top: 50%;
    bottom: 50%;
}


.newProduct a 
{
	color: Black;
	text-decoration: none;
}

.newProduct a:hover 
{
	color: Black;
	text-decoration: underline;
}

/* so that the item code has a grey background: */
.newProduct a.itemcode
{
	color: Black;
	background: #d8d8d8;
	text-decoration: none;
	padding: 3px 3px 1px 10px;
	font-weight: bold;
	font-family: helvetica arial, sans-serif, serif, Sans-Serif;
}

.newProduct .itemdesc
{
	clear: both;
	width: 135px;
	float: left;
	padding: 3px 0px 0px 10px;
}

.newProduct .left
{
	float: left;
	text-align: left;
	width: 135px;
}

.newProduct .right
{
	float: right;
	width: 126px;
	height: 80px;
	text-align: center;
	margin-top: -13px;
	*margin-top: 0px;
}

.newProduct img
{
	border-width: 0px;
	position: relative;
	margin-top: expression(( 100 - this.height ) / 2); 
}

/* for Testimonial */
.testimonial
{
	margin-top: 10px;
	width: 265px;
	background: #f5f6f6;
	padding: 10px 10px 10px 10px;
	font-family:  Lucida Handwriting, Comic Sans MS, Corsiva, script;
	font-size: 0.8em;
	text-align: left;
}

.testimonial img
{
	padding: 2px 3px 3px 2px;
}

/* For News & Blog Items */

#news
{
	background: #d8d8d8;
	padding: 15px 15px 15px 15px;
	font-size: 0.9em;
	width: 625px;
}

#news .newsitem
{
	width: 625px;
	background: #ffffff;
	margin-bottom: 10px;
	text-align: left;	
}

#news .newsitem .newsitemheader
{
	background: url(../images/CategoryGraphic.gif) repeat-x;
	color: #ffffff;
	clear: both;
	height: 16px;
	min-height: 16px;
	padding: 5px 2px 5px 10px;
	font-size: 0.9em;
}

#news .newsitem .newsitemheader a,
#news .newsitem .newsitemheader a:visited
{
	color: White;
	text-decoration: none;
}

#news .newsitem .newsitemheader a:hover,
#news .newsitem .newsitemheader a:active
{
	text-decoration: underline;
}

#news .newsitem .newsitemheader .newsHeader
{
	float: left;
}

#news .newsitem .newsitemheader .newsHeader a,
#news .newsitem .newsitemheader a:visited
{
	color: white;
	text-decoration: none;
}

#news .newsitem .newsitemheader .newsHeader a:hover,
#news .newsitem .newsitemheader a:active
{
	text-decoration: underline;
}

#news .newsitem .newsitemheader .newsDate
{
	float: right;
	padding-right: 5px;
}

#news .newsitem .newsitembody
{
	padding: 10px;
	text-align: left;
	overflow: auto;
}

#news .newsitem .newsitembody img
{
	padding: 10px;
	border: solid 0px white;
	display: inline-block;
}

#news .newsitem .newsitembody img.pdf
{
	padding: 0 0 0 0;
	border: solid 0px white;
}

#news .newsitem .newsitembody a,
#news .newsitem .newsitembody a:visited
{
	color: #00529b;
	text-decoration: none;
}

#news .newsitem .newsitembody a:active,
#news .newsitem .newsitembody a:hover
{
	color: #00529b;
	text-decoration: underline;
}

.press
{
	font-size: 0.9em;
	padding: 10px 10px 0px 13px;
}

#news .newsitem .newsitemfooter
{
	font-size: 0.7em;
	border-top: solid 1px #d8d8d8;
	padding-top: 3px;
}

/* for newsletter */

.newsletter_form
{
	width: 630px;
}

.newsletter_form .row
{
	clear: both;
	width: 630px;
	padding-bottom: 10px;
}

.newsletter_form .row .left
{
	float: left;
	text-align: left;
	padding-right: 20px;
}

.newsletter_form .row .right
{
	float: right;
	text-align: left;
}

/* For contact us */
.form 
{
	background: #f1f1f1;
}

.myForm 
{
	padding: 10px;
}


.form a,
.form a:visited
{
	color: #00529b;
	text-decoration: none;
}

.form a:hover,
.form a:active
{
	color: #00529b;
	text-decoration: underline;
}

.form .row
{
	clear: both;
	padding: 2px 2px 2px 2px;
}

p.notes
{
	font-size: x-small;
	color: #000;
	text-align: left;
	width: 630px;
}

.form .left
{
	float: left;
	width: 150px;
	text-align: left;
}

.form .right
{
	float: left;
	width: 400px;
	text-align: left;
}

.form .right .small
{
	font-size: 0.7em;
}

.form .row
{
	text-align: center;
}

/* for blog comments */

.blogComment
{
	padding-bottom: 20px;
	font-size: 0.9em;
}

.blogComment .row
{
	width: 645px;
	background: #d8d8d8;
	padding-left: 20px;
}

.blogComment .row .left
{
	float: left;
	width: 150px;
}

.blogComment .row .center
{
	width: 300px;
	text-align: center;
	padding-bottom: 20px;
}

/* For comments */
.comment
{
	font-size: 0.9em;
	border-top: solid 1px #d8d8d8;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px 10px 0px 10px;
}

.comment .commentfooter
{
	font-size: 0.9em;
}


/* for toolpoint */

.toolpoint
{
	background: #cccccc;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	width: 658px;
	margin-right: -30px;
}

.toolpoint p 
{
	padding: 10px 10px 10px 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.toolpoint .row
{
	clear: both;
	margin: 0 0 0 0;
	width: 628px;
	padding-left: 53px;
}

.toolpoint .dg
{
	width: 618px;
	text-align: center;
	margin-left: 10px;
}

.toolpoint .row .left
{
	width: 133px;
	float: left;
	padding: 2px 2px 2px 2px;
}

.toolpoint a,
.toolpoint a:visited
{
	color: #00529b;
	text-decoration: none;
}

.toolpoint a:hover,
.toolpoint a:active
{
	text-decoration: underline;
}

/* End Toolpoint */

/* Autodata */

.autodata
{
	background: #cccccc;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	width: 658px;
	margin-right: -30px;
}

.autodata p 
{
	padding: 5px 5px 5px 5px;
	margin-left: 0px;
	margin-right: 0px;
}

.autodata .left
{
	clear: both;
	margin: 0 0 0 0;
	width: 305px;
	padding-left: 10px;
	float: left;
	border-right: groove 2px gray;
}

.autodata .left .row
{
	width: 310px;
}

.autodata .left .row .col1
{
	clear: both;
	float: left;
	width: 120px;
}

.autodata .left .row .col2
{
	padding-bottom: 10px;
}

.autodata .right
{
	clear: both;
	margin: 0 0 0 0;
	width: 316px;
	padding-right: 10px;
	float: right;
	
}

.autodata .right .row
{
	padding-bottom: 10px;
}

.autodata .right .row .col1
{
	float: left;
	width: 120px;
}

.autodata .centrerow
{
	padding-top: 10px;
	width: 628px;
	text-align: center;
}
	
.autodata .dg
{
	width: 618px;
	text-align: center;
	margin-left: 10px;
}

/* End Autodata */

.altitem
{
	background: #f1f1f2;
}

.header
{ 
	background: #f1f1f2;
	font-weight: bold;
}

.eshot
{
	width: 659px;
}

.eshot img
{
	border: 0;
	display: inline-block;
	vertical-align: top;
	padding-left: 17px;
	padding-bottom: 20px;
}

.disclaimer
{
	font-size: small;
	padding-left: 12px;
}

.vehicles
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	width: 390px;
	padding: 0px;
}

.numberplate
{
	background-position: 3px;
	background-image: url(../images/numberplate.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	width: 80px;
	height: 23px;
	font-weight: bold;
	color: Black;
}

.rowtop-D
{
	background-color: black;
	color: White;
}

.rowtop-D td
{
	padding-top: 3px;
}

.rowtop-D td.make
{
	padding-top: 3px;
	font-weight: bold;
	padding-left: 3px;
}



.rowtop-D td img
{
	padding-top: 3px;
}

.rowbottom-D
{
	background-color: black;
	color: White;
}

.rowbottom-D td
{
	border-bottom: solid 2px white;
	padding-bottom: 3px;
}

.rowbottom-D td.engine
{
	padding-left: 3px;
}

.rowtop-P
{
	background-color: #00A84F;
	color: White;
}

.rowtop-P td
{
	padding-top: 3px;
}

.rowtop-P td.make
{
	padding-top: 3px;
	font-weight: bold;
	padding-left: 3px;
}

.rowtop-P td img
{
	padding-top: 3px;
}

.rowbottom-P
{
	background-color: #00A84F;
	color: White;
}

.rowbottom-P td
{
	border-bottom: solid 2px white;
	padding-bottom: 3px;
}

.rowbottom-P td.engine
{
	padding-left: 3px;
}