/*** general ***/

h1, h2, h3, h4, h5, h6, form, ul, li{
	margin:0;
	padding:0;
}
body {

	font-family: arial;
	margin:0px 0px; 
	font-size:11px;
}

#bar2{
	margin-top: -13px;	
	margin-left: 381px;
	border: 0px;
}

#bar3{
	display:none;
}

		#header
		{
			
			background-color: #fff;
					}
	
		#gutter
		{
			float: left;
			width: 0%;
			height: 1px;
		}
		
		#col1
		{
			float: left;
			width: 45.5%;
			height: auto;
			background-color: #ffffff;
			margin-bottom:20;
			margin-right: 3px;	
			padding-top: 10px;
			
			font-family: arial;
			font-size: 13px;
			color: #101010;

	
		}
			#col1 a:link {
			color:black;
			text-decoration:none;
			font-family: arial;
			}

		#col1 a:visited {
			color: black;
			text-decoration: none;
			font-family: arial;
			}

		#col1 a:hover {
			color:black;
			text-decoration:underline;
			font-family: arial;
			}

		#col1 a:active {
			color:black;
			text-decoration:underline;
			font-family: arial;
			}

		
		#col2
		{
			float: left;
			width: 32.5%;
			background-color: #ffffff;
			margin-bottom: 10px;
			margin-left: 0.0%;
			padding-top: 10px;
		}

#col2 a:link
		{
			color: #000000;
			text-decoration: none;	
			font-size: 12px;		
		}


#col2 a:active
		{
			color: #000000;
			text-decoration: none;	
			font-size: 12px;		
		}


#col2 a:hover
		{
			color: #000000;
			text-decoration: underline;	
			font-size: 12px;		
		}


#col2 a:visited
		{
			color: #000000;
			text-decoration: none;	
			font-size: 12px;		
		}

		
		#col3
		{
			float: left;
			width: 21.5%;
			margin-right: 0.0%;
			background-color: #ffffff;
			margin-bottom: 10px;
			padding-top: 10px;
			
		}

#col3 a:link
		{
			color: #000000;
			text-decoration: none;	
			font-size: 12px;		
		}


#col3 a:active
		{
			color: #000000;
			text-decoration: none;	
			font-size: 12px;		
		}


#col3 a:hover
		{
			color: #000000;
			text-decoration: underline;	
			font-size: 12px;		
		}


#col3 a:visited
		{
			color: #000000;
			text-decoration: none;	
			font-size: 12px;		
		}
		#footer
		{
			text-align: left;
			width: 100%;
		}

		#wrapper 
		{
			background:#ffffff;
			width: 803px;
			left: 50%;
			margin-left: -380px;
			position:absolute;
		}
		#wrapper2 
		{
			background:#ffffff;
			width: 801px;
			left: 50%;
			margin-left: -402px;
			position:absolute;
			border-right: 1px solid #5e5e5e;
			border-left: 1px solid #5e5e5e;	
			border-bottom: 1px solid #5e5e5e;
			margin-top: -30px;
		}


#bodyWrapper {
	
	width: 799px;
	position:absolute;
	left:50%;
	margin-left: -380px;
	
}

#button-go {

padding-bottom: 0px;
font-size: 10px;

}
#smallbanner {
	margin-top: 0px;
	margin-right: 5px;
	border: 0px solid #969696;

	}

#flash {

	margin:0;
	padding:0;
		text-align: center;	
}
/*** header ***/
#companyLogo {
	
	float:left;	
	width:35%;
	background:#fff;
	height: 91px;
}

#banners {

	background: url(images/back-right.jpg);
	background-repeat: no-repeat;	
	margin-left: -12px;
	padding-left: 17px;


}
#headerWrapper {
	width:100%;
	
	position:relative;

}
#banner {	
	float:left;
	width:60%;
	text-align:center;
	margin-left:10px;	
	margin-top:10;
	background:#fff;
	
}
#bannerImage {
	
	border: 1px solid #c0c0c0;
}


/*** navigation ***/
#navigation {	
	width: 100%;
	height:58px;
	background-image: url(images/E-catalog-back1.jpg);
	background-repeat: no-repeat;
	padding-left: 255px;
	
	font-size:12px;
	position:relative;
	padding-top: 10px;
	
}

#navigation a:link {
	color:#FFFFFF;
	text-decoration:none;
	font-family: arial;
	font-weight:bold;
padding-right: 7px;
padding-left: 7px;
	}

#navigation a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-family: arial;
	font-weight:bold;
	}

#navigation a:hover {
	color:#ffffff;
	text-decoration:underline;
	font-family: arial;
	font-weight:bold;
	}

#navigation a:active {
	color:#ffffff;
	text-decoration:underline;
	font-family: arial;
	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:0px 0px 0px 15px;
	margin:2px 0;
	background:url('images/arrow_right.gif') no-repeat;

	}



#navFooter{
	font-family: arial;
	color: #ffffff;
	clear: both;		
	height: 19px;
	padding-top: 4px;
	background-color: #50b948;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	
}

#navFooter a:link{
	text-decoration: none;
	color: #ffffff;	
	padding-right: 7px;
	padding-left: 7px;
	}

#navFooter a:hover{
	text-decoration: underline;
	color: #ffffff;
}

#navFooter a:active{
	text-decoration: none;
	color: #fffff;
}

#navFooter a:visited{
	text-decoration: none;
	color: #ffffff;
}

/*** content ***/
#contentWrapper {
	padding: 0;
	margin: 0;
	background: #ffffff;
	
	width:100%;
	height:100%;
	position: absolute;
	top: 125;
}

#contentLeft {

	position: absolute;
	top:0px;
	left:0px;
	width: 150;
	margin: 0px;
	height:100%;
}

#contentCenter {
		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: arial;
	font-size: 11px;
	color: #101010;
	margin-bottom:10;

}

.clear {
	clear:both;
}

/*** box ***/

.boxnewsletter {
	margin-left: -18px;
	margin-top: 0px;
	height: 95px;
	background-image: url(images/subscribe.jpg);
	background-repeat: no-repeat;		

}	
.boxnewsletterHeader {
	
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding-top:2px;
	padding-left: 47px;
	margin: 0px -25px 0px;
	
	
}
.boxnewsletterBody {
	
	font-family: arial;
	color: #101010;	
	padding:10px 0px 0px 23px;
	text-align:top;
	font-size: 13px;
}

.box {
	margin-left: 26px;
	margin-top: -30px;
	color: #0909A9;
	width: 83%;
padding-bottom: 0px;
	height: 85px;
	

}	
.boxHeader {
	font-size: 13px;
	background: url(images/search-products.JPG);
	background-repeat: no-repeat;
	font-family: ARIAL;
	font-weight: bold;
	color: #0909A9;
	padding: 0px 20px 0px;
height: 20px;
padding-bottom: 0px;
margin-left: -10px;

}
.boxBody {
	
	font-family: arial;
	color: #101010;	
	padding-top: 7px;	
	padding-left: 11px;
	background: url(images/back-search.jpg);
	background-repeat: no-repeat;
	margin-left: -17px;
		
}

.box1 {
	margin: 0px 10px 10px;
	color: white;

	width: 85%;
padding-bottom: 0px;
	height: 85px;
	

}	
.boxHeader1 {
	font-size: 13px;
	background: url(images/subscribe.jpg);
	background-repeat: no-repeat;
	font-family: ARIAL;
	font-weight: bold;
	color: white;
	padding: 0px 20px 0px;
height: 20px;
padding-bottom: 0px;

}
.boxBody1 {
	background: #ffffff;
	font-family: arial;
	color: #101010;	
	padding:0px 0px 0px 23px;
	vertical-align:top;	
}


/*** footer ***/

#footerWrapper {	

		width:100%;

	position:relative;
	text-align:center;
}

#copyright {
	padding-top: 8px;
	padding-left: 20px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	font-family: arial;
	background-color: white;
	height: 22px;
}
#copyright a:link{
	padding-top: 15px;
	
	font-size: 10px;
	color: black;
	font-weight: bold;
	
	font-family: arial;
	background-color: white;
	height: 32px;
	text-decoration: none;
}

#copyright a:active{
	padding-top: 15px;
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	font-family: arial;
	background-color: white;
	height: 32px;
       text-decoration: none;
}

#copyright a:hover{
	padding-top: 15px;
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	font-family: arial;
	background-color: white;
	height: 32px;
text-decoration: underline;
}

#copyright a:visited{
	padding-top: 15px;
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	font-family: arial;
	background-color: white;
	height: 32px;
text-decoration: none;
}
/*** form inputs ***/

.alternative{
font-size:13px;
padding-left: 95px;


}
#alternative2{
font-size:13px;

text-decoration: underline;
font-weight:bold;
color: black;
padding-left: 145px;
}
#alternative2 a:link{

color: black;

}
.thankyou2{
font-size:14px;
font-weight: bold;
color: red;
padding-left: 95px;
}

.thankyou{
font-size:14px;
font-weight: bold;
color: red;
padding-left: 250px;

}

.textbox {
	font-size: 12px;
	vertical-align: top;
	
}
.textarea {
	font-size: 12px;
	
}

.button {	
	font-size: 10px;	

}
.formbody {
		font-size: 12px;
}
.labelLeft {
	display: table-cell;
	border: 0px dashed blue;
	width: 130px;
	vertical-align: top;
	float:left;
	padding:0 0 5px 0;
	font-size: 12px;

}
.labelRight {	
	display: table-cell;
	float:left;
	padding-bottom: 6px;

}

.formheader{
	font-size: 13px;
	font-weight: bold;
	

}

/*** components ***/
.categoryList {
	width: 85%;
	margin-left: 25px;
	font-family: arial;
	font-size: 11px;
	color: #202020;
	padding-top:20px;
	
	
}
.categoryList ul {
	list-style:none;	
	
	
	
}


.categoryListHeader {
	height:27px;
	background: url(images/ALL-products.jpg);	
	background-repeat: no-repeat;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #0909A9;
	padding-left: 20px;
	margin-left: -5px;
}


.categoryListBody {
	background: url(images/products-back.jpg);	
	background-repeat: repeat-y;
	font-family: arial;
	font-size:11px;
	margin-left: -5px;
	padding-top:10px;
	HEIGHT: auto;
	padding-left: 0px;
	
}

.categoryListFooter {

}

#categoryList_ul_0 {
	padding-top: 15px;

	
}

.categoryList1 {
	padding-bottom: 14px;
	color: #000000;
	
}

.categoryList2 {
	padding:5px 0 5px 15px;
}

.categoryLink1 {
	
	text-decoration:none;
	padding-left: 4px;
}


/* newsComponent */
.newsComponent {
	
margin-top: -30px;
		
	
}
.newsComponent li {
	list-style:none;
	padding-bottom: 15px;
	color: #000000;	
	font-size: 11px;
}

.newsComponent ul {
	padding:0;
	margin:0;
}

.newsComponentHeader {
	height:20px;
	background: url(images/news.jpg);	
	background-repeat: no-repeat;
	font-size:12px;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	padding-left: 18px;	
	margin-left: 10px;
}	
.newsComponentBody {

	background: url(images/back-news.jpg);	
	background-repeat: no-repeat;
	font-family: arial;
	color: #101010;	
	padding-top: 12px;
	padding-left: 30px;
	padding-right: 7px;
	text-align:top;
	height: 158px;
	margin-top: -10px;
	margin-left: -21px;
	font-size: 12px;

}

/* viewCat.asp */
.paging {
	
	border: 0px dashed blue;
	text-align: left;
	clear:both;
	
}
.paging ul{
	margin: 5px 0 0 0;
	height: 10px;
	border: 0px dashed blue;
	
}
.paging li{
	margin: 2px;
	list-style: none;
	display:inline;
	border: 0px dashed blue;
	
}

.viewCatGrid{
	
	border-width: 0px;
	border-spacing:0px;				
	border-style: dashed;
	border-color: gray;
	border-collapse: separate;
	width:100%;
	
	
	
}
.viewCatGrid td{
	padding-bottom: 30px;
	border-width: 0px;
	border-style: solid;
	border-color: gray;
	font-family: arial;
	font-size: 11px;	
	vertical-align: bottom;

	
	
}
.prodItemName {
		font-weight:bold;
	font-size:14px;
	
}
.catName {
	
	color:black;
	font-weight:bold;
	font-size:14px;
	

}
a.catName:link{
	
	color:black;	
	text-decoration:none;
}
a.catName:active{
	color:black;
	text-decoration:none;
}
a.catName:visited{
	color:black;
	text-decoration:none;
}
a.catName:hover{
	color:black;
	text-decoration:underline;
} 

.link{
color: white;
}

a.link:link{
	
	color:white;	
	text-decoration:none;
}
a.link:active{
	color:white;
	text-decoration:none;
}
a.link:visited{
	color:white;
	text-decoration:none;
}
a.link:hover{
	color:white;
	text-decoration:underline;
} 


.viewCatGridLeftColumn {
	float:left;
	padding-right:11px;	
	vertical-align:top;

}
.viewCatGridRightColumn{
	
	
	width:100%;	
	
}

.catShortDesc {
	color: #3f3f3f;
	font-size: 12px;	
	
	
 
}
.prodItemShortDesc{
	font-size: 12px;
	color: #3f3f3f;	
	
}	
	



/* viewProd */
#viewProdImage {
	text-align:center;
}
.viewProdTranslation {
	height: 5;
	
	text-align:right;
}
#viewProdButtons {
	text-align:center;
	height: 20px;	
	padding: 10px 0;
}
#viewProdButtons input{
	margin-right:5px;
}

#productNavigation{
font-size:11.5px;
color:red;
font-weight: bold;
}

#productNavigation a:link {
color:red;
font-weight: bold;
font-size:11.5px;
			}

		#productNavigation a:visited {
			color:red;
font-weight: bold;		
			}

		#productNavigation a:hover {
			color:red;
font-weight: bold;
			}

		#productNavigation a:active {
			color:red;
font-weight: bold;			
			}


.productNavigation {
	font-size:11.5px;
	height:20px;
	padding: 3px 0 0;
	margin: 0;
	color: red;
	font-weight: bold;
	
}





.viewProdRelatedGrid {
	
	background-color: #fff;

	width:100%;
	height:;

}
.viewProdRelatedGrid td {
		padding: 3px;
		background-color: #fff;

	font-family: arial;
	font-size: 11px;
	vertical-align: top;
}

.picture {
	border:1px #bcbec0;
}


.viewProd_picture {

	border: 1px;
	text-align:left;
}

.viewProd_productItemShortDesc {
	width: 100%;
	color: #3f3f3f;	
	font-size: 12px;
}
.viewProd_productItemName{
	font-size:16px;
}

.viewProd_Buttons{
	font-size: 12px;	
	font-weight: bold;
	color: white;	
	
	padding-top: 2px;
}
a.viewProd_Buttons:link{
	
	color:white;	
	text-decoration:none;
}
a.viewProd_Buttons:active{
	color:white;
	text-decoration:none;
}
a.viewProd_Buttons:visited{
	color:white;
	text-decoration:none;
}
a.viewProd_Buttons:hover{
	color:white;
	text-decoration:underline;
} 





/* viewProdPrinter */
#viewProdPrinter {
	margin: 10px;	
	font-family: arial;
	font-size: 11px;
	color: #202020;
}

/* search product */
.searchProdPicture {
	float:left;
	border: 0px dashed blue;
	margin: 0 0 0 0;
	padding-right: 15px;
}

.searchProdDetails {
	
	vertical-align: bottom;
	font-family: arial;
	font-size: 11.65px;
	color: black;
	float: left;
	border: 0px dashed blue;
	
	margin: 0 0 0 0;
}


.searchResultsGrid {
	margin:0 0 0 0;
	border-width: 0px;
	border-spacing:0px;				
	border-style: dashed;
	border-color: gray;		
	width:100%;
	
	
}

.searchResultsGrid td{
	padding-bottom: 30px;
	border-width: 0px;	
	border-style: dashed;
	border-color: gray;
	
}

/* news */
#newsItem {
	border-bottom: 0px dashed #e0e0e0;
	margin:10 0;
	
	
}
#newsHeader {
	border: 0px dashed blue;

}
#newsTitle {	
	padding: 0 3px 0;
	height:20px;
	float:left;
	font-size:12px;
	background: #f0f0f0;
	width:80%;
	color: #107f07;
	font-weight: bold;
	
}
#newsDate {
	height:20px;
	width:100px;
	float:left;
	font-size: 11px;
	text-align:center;	
	background: #e6e6fa;	
	font-weight: bold;
}
#newsContent {
	
	border: 0px dashed blue;
	font-size: 12px;
	padding-top:6px;
	padding-bottom: 10px;
	
}




.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%;
	margin:0 0 10 0;
	
}
.gridEnquiryMultiple td {
	
}
.gridEnquiryMultiple th {
	background:#f0f0f0;
}
.enquiryForm {
	margin-top:10px;
}

.warning {
	color:#ff0000;
}

/*** dynamic pages general style ***/

.pageContent {
	/* wraps around the whole content */	

}
.pageHeader {
	/* header section */
	font-size: 17px;
	font-weight: bold;
	color: black;	
}
.pageSubHeader {
	/* sub header */
	
}
.pageBody {
	/* body */

}

/*** featured products ***/
.featuredProductsHeader {
	padding-left: 20px;
        background: url(images/featured-products.JPG);
	background-repeat: no-repeat;
	font-size:14px;	
	color: #0909A9;
	font-weight: bold;
	height:21px;
	padding-bottom: 2px;
}
.featuredProductsGrid {
	font-family: arial;
	font-size: 11px;
	background-color: white;
	width: 100%;
	border: 0px dashed blue;

}
.featuredProductsGrid td{
border: 0px dashed blue;

	
	background-color: white;
	vertical-align: top;

	
}
.featuredProducts_prodItemName {
	font-weight:bold;
	color:#0909A9;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.featuredProducts_priceLabel {
	color:#555;
}
.featuredProducts_prodItemShortDesc {
	color:#000000;	
	font-size: 12px;
padding-bottom: 10px;
}

.mainCategoryDetails{
	display:none;
}
.dropdownlist {
	font-size:11px;
}
.dropdown {
	width: 235px;
}

/*** section ***/
.sectionGrid {
	font-size:11px;
	width:100%;
}

/*** section component ***/
.sectionComponent {
	font-size:11px;
	margin: 0px 0px 10px;
	background: #D31C16;
	padding: 1px;
	
}
.sectionComponentHeader {
	height:18px;
	background: url(images/navbar_titlebg.gif) #D31C16;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 2px 1px;
}
.sectionComponentGrid {
	font-size:11px;	
	font-family:arial;
	background:#fff;	
	width:100%;
}

/*** productMap ***/

#productMap {
	margin-top: 10px;
	margin-left:10px;
	font-weight: bold;	

	}
#productMap2 {
	margin-left: 30px;
	
}
#productMap3 {
	margin-left: 50px;
	font-weight: normal;
	
}
#productMap ul {
	
	

}
#productMap li {
	margin:0 0px 0px 10px;
	

}



.enquiryFormCommon {
	margin:20px 0 0 0;
}

.divShow {
display:block;
}

.divHide {
display:none;
} 



