/*** general ***/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
body {
<!-- BEGIN ProvideSupport.com Graphics Chat Button Code -->
<div id="ciwLQq" style="z-index:100;position:absolute"></div><div id="scwLQq" style="display:inline"></div><div id="sdwLQq" style="display:none"></div><script type="text/javascript">var sewLQq=document.createElement("script");sewLQq.type="text/javascript";var sewLQqs=(location.protocol.indexOf("https")==0?"https":"http")+"://image.providesupport.com/js/tati2001/safe-standard.js?ps_h=wLQq&ps_t="+new Date().getTime();setTimeout("sewLQq.src=sewLQqs;document.getElementById('sdwLQq').appendChild(sewLQq)",1)</script><noscript><div style="display:inline"><a href="http://www.providesupport.com?messenger=tati2001">Online Chat</a></div></noscript>
<!-- END ProvideSupport.com Graphics Chat Button Code -->
	font-family: tahoma;
	margin:0px 0px;
	
}

		#header
		{
			height:;
			background-color: #FFFFFF;
			margin-bottom: 10px;
		}
	
		#gutter
		{
			float: left;
			width: 1.5%;
			height: 1px;
		}
		
		#col1
		{
			float: left;
			width: 57%;
			height: auto;
			background-color: #FFFFFF;
			margin-bottom:20;
			padding:0 0 0 0 0;
			border: 0px dashed blue;
			font-family: tahoma;
			font-size: 11px;
			color: #101010;

	
		}
		
		#col2
		{
			float: left;
			width: 20%;
			background-color: #FFFFFF;
			margin-bottom: 10px;
			margin-left: 0.0%;
			
		}
		
		#col3
		{
			float: left;
			width: 20%;
			margin-right: 0.0%;
			background-color: #FFFFFF;
			margin-bottom: 10px;
		}
		#footer
		{
			clear: both;
			height: 70px;
			background-color: #FFFFFF;
			text-align: center;
		}

		#wrapper 
		{
			background: #FFFFFF;
			width: 760px;
			left: 50%;
			margin-left: -380px;
			position:absolute;
		}

#bodyWrapper {
	
	width: 760px;
	position:absolute;
	left:50%;
	margin-left: -380px;
	border: 0px dashed blue;

}
#flash {

	margin:0;
	padding:0;
	border: 0px dashed blue;
	text-align: center;	
}
/*** header ***/
#companyLogo {
	
	float:left;	
	width:35%;
	background:#FFFFFF;
}

#headerWrapper {
	width:100%;
	height:90;
	position:relative;

}
#banner {	
	float:left;
	width:60%;
	text-align:center;
	margin-left:10px;	
	margin-top:10;
	background:#ffffff;
	
}
#bannerImage {
	margin: 15px 0px 0px 0px;
	border: 1px solid #c0c0c0;
}


/*** navigation ***/
#navigation {	
	width: 100%;
	height:4%;
	background-color: #a0a0a0;
	background-image: url(images/menu_bg.gif);
	margin: 0px 0px;
	position:relative;

}


#navigation a:link {
	color:#FFFFFF;
	text-decoration:none;
	font-family: verdana;
	font-size: .70em;
	font-weight:bold;
	}

#navigation a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-family: verdana;
	font-size: .70em;
	font-weight:bold;
	}

#navigation a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-family: verdana;
	font-size: .70em;
	font-weight:bold;
	}

#navigation a:active {
	color:#FFFFFF;
	text-decoration:underline overline;
	font-family: verdana;
	font-size: .70em;
	font-weight:bold;
	}

#navigation ul {
	margin:0px;
	padding:0px 5px 3px 5px;
	
	}

#navigation li {
	padding:0px;
	list-style:none;
	display:inline;
	padding:0px 3px 0px 0px;

	}


#dropShadow {
	
	background: url(images/drop_shadow_right.gif) repeat-x;
	height:4;	
	margin:0;
	padding:0;
	
}


#leftNav {

	width:100%;
}
#leftNav ul {
	margin:0px;
	padding:2px 5px;
	
	}

#leftNav li {
	list-style:none;
	padding:2px 8px 2px 0px;

	}


#navFooter{
	font-family: tahoma;
	font-size: .75em;
	color: #101010;

}


/*** content ***/
#contentWrapper {
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	border: 0px dashed green;
	width:100%;
	height:100%;
	position: absolute;
	top: 125;
}

#contentLeft {

	position: absolute;
	top:0px;
	left:0px;
	width: 150;
	margin: 0px;
	height:100%;
}

#contentCenter {
	border: 0px dashed green;
	position: relative;
	padding:0px;
	height:100%;
	margin: 0 160 0;
	
}
#contentRight {

	position: absolute;
	width: 150;
	margin: 0px;
	top:0px;
	right:0px;
	height:100%;
}
#content {
	height:auto;
	min-height: 550;
	font-family: tahoma;
	font-size: 11px;
	color: #101010;
	border: 0px dashed green;
	margin-bottom:10;

}

.clear {
	clear:both;
}

/*** box ***/
.box {
	margin: 0px 0px 10px;
	background: #101010;
	padding: 1px;	

}	
.boxHeader {
	height:18;
	background: url(images/navbar_titlebg.gif) #101010;
	font-family: verdana;
	font-size: .8em;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 2px 1px;


}
.boxBody {
	background: #FFFFFF;
	font-family: tahoma;
	font-size: .7em;
	color: #101010;	
	padding: 2 0 2 3;
	text-align:top;
}


/*** footer ***/

#footerWrapper {	

	border: 0px dashed blue;
	width:100%;
	height:10%;
	position:relative;
	text-align:center;

}
#neoFooter {
	border: 0px dashed blue;
	margin: 10 0;
	font-family: tahoma;
	font-size: .7em;
	height:40;
}

/*** form inputs ***/
.textbox {
	font-size: .8em;
}
.textarea {
	font-size: 1.2em;
	
}
.button {
	padding: 0 10 0;
	font-size: 11px;
}
.labelLeft {
	display: table-cell;
	border: 0px dashed blue;
	width: 150;
	vertical-align: top;
}
.labelRight {	
	display: table-cell;
}

/*** components ***/
#categoryList {
	width: 100%;
	padding: 0;
	border: 0px dashed blue;
	font-family: tahoma;
	font-size: 1em;
	color: #ffffff;
	margin: 0 0 0 -20;
}
#categoryList ul{
	border: 0px dashed green;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;	
}
#categoryList li{
	margin: 0;
	list-style:none;
	padding:1px 0px 2px 0px;
}

/* newsComponent */
#newsComponent {
	margin: 0px 0px 10px;
	background: #330066;
	padding: 1px;	
	
}
#newsComponentHeading {
	height:18;
	background: url(images/navbar_titlebg.gif) #FFFFFF;
	font-family: verdana;
	font-size: .8em;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 2px 1px;
}	
#newsComponentBody {
	background: #FFFFFF;
	font-family: tahoma;
	font-size: .7em;
	color: #FFFFFF;	
	padding: 2 0 2 3;
	text-align:top;

}

/* viewCat.asp */


#Paging {
	height:20;
	padding:0;
	border: 0px dashed blue;
	text-align: right;
}
#Paging ul{
	margin: 5 0 0 0;
	height: 10;
	border: 0px dashed blue;
}
#Paging li{
	margin: 2;
	list-style: none;
	display: inline;
	border: 0px dashed blue;
	
}

#viewCatProducts{
	
	border-width: 0px;
	border-spacing:1px;				
	border-style: dashed;
	border-color: gray;
	border-collapse: separate;
	background-color: #330066;

	width:100%;
	height:;
}
#viewCatProducts td{
	
	border-width: 0px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: white;

	font-family: tahoma;
	font-size: .7em;
	vertical-align: top;
}
#viewCat_categoryDetails {
	display:none;
	background: ;
	width:100%;

}
#viewCat_pictureLarge {
}
#viewCat_categoryName {
	font-size:1.2em;	
	font-weight:bold;
}


/* viewProd */
#viewProdImage {
	text-align:center;
}
#viewProdTranslation {
	height: 5;
	border: 0px dashed blue;
	text-align:right;
}
#viewProdButtons {
	text-align:center;
	height: 20;	
	padding: 10 0;
}
#viewProdButtons input{
	margin-right:5;
}
#nav {
	font-size:11px;
	background: #f0f0f0;
	height:20px;
	padding: 3 3 0;
	margin: 0;
}
#viewProdRelated {
	border-width: 0px;
	border-spacing:1px;				
	border-style: dashed;
	border-color: gray;
	border-collapse: separate;
	background-color: #f0f0f0;

	width:100%;
	height:;

}
#viewProdRelated td {
	border-width: 0px;
	padding: 3px;
	border-style: dashed;
	border-color: gray;
	background-color: #f0f0f0;

	font-family: tahoma;
	font-size: .7em;
	vertical-align: top;

}
.picture {
	border:1px dashed #a0a0a0;
}

/* viewProdPrinter */
#viewProdPrinter {
	margin: 10;	
	font-family: tahoma;
	font-size: 11px;
	color: #202020;
}

/* search product */
#searchProdPicture {
	float:left;
	border: 0px dashed blue;
	margin: 0 10 0 0;
}

#searchProdDetails {
	
	font-family: tahoma;
	font-size: .75em;
	color: #101010;
	float: left;
	border: 0px dashed blue;
	width: 200;
	margin: 0 0 0 0;
}

#searchResultsTable {
	border-width: 0px;
	border-spacing:1px;				
	border-style: dashed;
	border-color: gray;
	border-collapse: separate;
	background-color: #f0f0f0;

	width:100%;
	height:;	
}

#searchResultsTable td{
	border-width: 0px;
	padding: 3px;
	border-style: dashed;
	border-color: gray;
	background-color: #f0f0f0;
	
	vertical-align: top;
	
}

/* news */
#newsItem {
	border-bottom: 1px dashed #202020;
	margin:10 0;
	
}
#newsHeader {
	border: 0px dashed blue;

}
#newsTitle {	
	padding: 0 3 0;
	height:20;
	float:left;
	font-size:1.2em;
	background: #f0f0f0;
	width:80%;
}
#newsDate {
	height:20;
	width:80;
	float:left;
	text-align:center;	
	background: #CCCCCC;
}
#newsContent {
	border: 0px dashed blue;
	background: #CCCCCC;
	padding:5 3;
}

/* featured products */
#featuredProductsTable {
	font-family: tahoma;
	font-size: 1em;

	border-width: 0px;
	border-spacing:1px;				
	border-style: dashed;
	border-color: gray;
	border-collapse: separate;
	background-color: #f0f0f0;



	width: 100%;
	
}
#featuredProductsTable td{
	border-width: 0px;
	padding: 3px;
	border-style: dashed;
	border-color: gray;
	background-color: #f0f0f0;
	
	vertical-align: top;

	
}


.productColumnLeft {
	float:left;
	width:30%;

}
.productColumnRight {
	margin: 0 0 0 0;
	float:left;
	background: #ffffff;
	width:68%;

}

/*** enquiryMultiple.asp ***/
.gridEnquiryMultiple {	
	font-size:11px;
	
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	width:100%;
	
}
.gridEnquiryMultiple td {
	
}
.gridEnquiryMultiple th {
	background:#f0f0f0;
}
.enquiryForm {
	margin-top:10px;
}


/*** sections ***/
.sectionGrid {
	font-size:11px;
}

/*** section.asp ***/
.sectionGrid {
	font-size:11px;
}

/*** section component ***/
.sectionComponent {
	font-size:11px;
	margin: 0px 0px 10px;
	background: #330066;
	padding: 1px;
	
}
.sectionComponentHeader {
	height:18;
	background: url(images/navbar_titlebg.gif) #FFFFFF;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 2px 1px;
}
.sectionComponentGrid {
	font-size:11px;	
	font-family:tahoma;
	background:#FFFFFF;
}
