body {
	font-family: Tahoma;
	background-color: #F5F5F5;
	margin: 10px 0;
	padding: 0;
	font-size: 12px;
	color: #444444;
}

/*************************/
/*                       */
/* special for index.php */
/*                       */
/*************************/

#container {
	width: 976px;
	margin: 0 auto;
	background-color: #F5F5F5;
}

#middle {
	float: left;
	width: 770px;
}

#right {
	float: right;
	width: 202px;
}




#header {
	background-image: url(images/bg-header.jpg);
	color: #666666;
	font-size: 14px;
	height: 91px;
	padding: 0px;
	width: 770px;
	margin: 0 auto;
	border: 1px solid #666666;
	border-bottom: none;
	font-style: italic;
	font-weight: bold;
}

#wrap {
	overflow:hidden;
	width: 770px;
	margin: 0 auto;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #FFFFFF;
} 

#sidebar {
	float: left;
	width: 140px;
	background-color: #CFEDFC;   
	background-image: url(images/bg-sidebar.gif);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	padding-bottom:3000px;margin-bottom:-3000px;
}

#content {
	float: right;
	width: 630px;
	background-color: #fff;
}

#con-home {
	margin: 0;
	padding: 6px 12px 0 13px;
}

#con-home p{
	margin: 6px 0;
	padding: 0;
}

/*                          */
/* Table format of content  */
/*                          */
#con-tbl {
	margin: 0;
	padding: 0 10px 0 10px;
}

#con-tbl h2{
	margin: 0;
	padding: 20px 0 20px 15px;
	font-size: 15px;
	text-transform: uppercase;
}

/* Special for paging  */
#con-tbl h5{
	margin: 0;
	padding: 5px 0 10px 280px;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}

#con-tbl h5 a{
	color: #333333;
}

#con-tbl h5 a:hover{
	color: #666;
	text-decoration: none;
}

.mySpace {
padding: 10px 0 0 0;
}

.vSpace {
	border-left: 1px dotted #666666;
}

#con-tbl table tr td {
	text-align: center;	
	font-size: 14px;
	font-weight: bold;
}

#con-tbl table tr td a {
	color: #333333;
	text-decoration: none;
}

#con-tbl table tr td a:hover {
	color: #666666;
	text-decoration: none;
}

/*                          */


#nine {
width:604px;
border-top:1px #666666 solid;
border-left:1px #666666 solid;
}
.three {
width:200px;
height:200px;
border-right:1px #666666 solid;
border-bottom:1px #666666 solid;
	text-align: center;	
	font-size: 14px;
	font-weight: bold;
float:left;
} 





#footer {
	background-image: url(images/bg-footer.jpg);
	color: #FFFFFF;
	font-size: 11px;
	height: 16px;
	padding: 3px 0 0 8px;
	width: 762px;
	margin: 0 auto;
	border: 1px solid #666666;
	border-top: none;
}


#KCL {
	left: 12px;
	top: -92px;
	position: relative;
	width: 770px;
	margin: 0 auto;
}



.box-hardware {
	color: #FFFFFF;
	background-color: #00ADEF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	border: 1px solid #006FA5;
	padding: 0 0 0 7px;
}

.box-hardware a{
	color: #FFFFFF;
	text-decoration: none;
}



#box-text-home {
	font-size: 11px;
	padding: 5px 0 0 2px;
}

#box-text-home a{
	color: #444444;
	text-decoration: none;
}

#box-text-home a p{
padding: 0;
margin: 0;
}

/*                          */
/* Single Product Page      */
/*                          */

#products {
	margin: 0;
	padding: 0 12px 0 13px;
}

#products h1{
	margin: 0;
	padding: 18px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #3162A6;
}

#products-left {
	float: left;
	width: 300px;
}

#products-right {
	float: right;
	width: 305px;
}

.box-grey {
	padding: 2px 0 2px 4px;
	margin: 10px 0 5px 0;
	background-color: #E4E4E4;
	border: 1px solid #0066FF;
	width: 270px;
	color: #0066FF;
	font-size: 13px;
	font-weight: bold;
}

.txt-blue {
	font-size: 13px;
	color: #0066FF;
	font-weight: bold;
}

#products h5{
	float: right;
	margin: 0;
	padding: 10px 0 4px 0;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

#products h5 a{
	color: #333333;
}

#descri {
	min-height: 130px;
	margin: 5px 0 8px 0;

}

#attri {
	min-height: 40px;
	line-height: 1.3em;
	margin: 5px 0 5px 0;
}

/*                                */
/* End of Single Product Page     */
/*                                */

#search {
	margin: 0;
	padding: 0 12px 0 13px;
}

#search h1{
	margin: 0;
	padding: 12px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

#search {
	margin: 0;
	padding: 0 12px 0 13px;
}

#search table tr th{
	text-align: left;
	border-bottom: 1px solid #999999;
	font-size: 11px;
	line-height: 1.5em;
	color: #666666;
}

#search table tr td{
	line-height: 1.7em;
}

#search table tr td a{
	color: #0066FF;
	text-decoration: none;
}

#search table tr td a:hover{
	color: #0066FF;
	text-decoration: underline;
}

#search h5{
float: right;
	margin: 0;
	padding: 10px 0 4px 0;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

#search h5 a{
	color: #333333;
	text-decoration: none;
}


/*                                */
/* End of Search Page             */
/*                                */



#message {
	margin: 0;
	padding: 0 12px 0 13px;
}

#message h1{
	margin: 18px 0 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}

#message p{
	color: #FF0000;
	margin: 8px 0;
	padding: 0;
}

#message table tr td{
	line-height: 1.9em;
}



#news {
	margin: 0;
	padding: 0 12px 0 13px;
}

#news h1{
	margin: 0;
	padding: 20px 0 20px 15px;
	font-size: 15px;
	font-weight: bold;
}

#news h3{
	margin: 8px 0 8px 17px;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #0066CC;
}

#news ul{
	margin: 10px 0 0 25px;
	padding: 0;
	list-style-type: square;
}

#news ul li{
	margin: 12px 0 0 20px;
	padding: 0;
}

#news ul li a{
	font-size: 13px;
	color: #000;
	text-decoration: none;
}

#news ul li a:hover{
	font-size: 13px;
	color: #0066CC;
	text-decoration: underline;
}


#thanks {
	margin: 0;
	padding: 0 12px 0 13px;
}

#thanks h1{
	margin: 0;
	padding: 12px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}

#thanks p{

}

/*                                */
/* Products listing               */
/* 2008-03-05                     */

#productsListing {
	margin: 0;
	padding: 0 12px 0 13px;
}

#productsListing h1{
	margin: 20px 0 12px 5px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#productsListing h3{
	margin: 0px 0 20px 5px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

#productsListing h3 a{
	color: #666666;
}

#productsListing h3 a:hover{
	color: #0066CC;
}



#productsListing table tr th{
	text-align: left;
	border-bottom: 1px solid #999999;
	font-size: 11px;
	line-height: 1.5em;
	color: #666666;
}

#productsListing table tr td{
	line-height: 1.7em;
	border-bottom: 1px dashed #CCCCCC;	
}

#productsListing table tr td a{
	color: #0066FF;
	text-decoration: none;
}

#productsListing table tr td a:hover{
	color: #0066FF;
	text-decoration: underline;
}

#doc ul{
	margin: 0 0 16px 0;
	padding: 0;
	list-style-type: none;
}

#doc ul li{
margin: 0;
padding: 0;
}

#doc ul li a{
	color: #555;
	text-decoration: none;
}

#doc ul li a:hover{
	color: #333;
	text-decoration: underline;
}

/*                                */
/* End of Products listing        */
/*                                */



#paging {
	font-size: 11px;
	text-align: center;
	margin: 8px 0 3px 0;
	padding: 5px 0;
	background-color: #EEEEFF;
}

#paging a{
	color: #333333;
	text-decoration: none;
}


#paging-2 {
	font-size: 12px;
	text-align: center;
	margin: 0px 0 8px 0;
	padding: 5px 0;
	background-color: #EEEEFF;
}

#paging-2 a{
	color: #333333;
	text-decoration: none;
}


.page-box {
	border: 1px solid #CCCCCC;
	padding: 1px 4px 1px 4px;
	margin: 0px;
	background-color: #FFFFFF;
}

.page-next {
	border: 1px solid #CCCCCC;
	padding: 1px 4px 1px 4px;
	margin: 0px;
	background-color: #FFFFFF;
}

.page-prev {
	border: 1px solid #CCCCCC;
	padding: 1px 4px 1px 4px;
	margin: 0px;
	background-color: #FFFFFF;
}

#back-to-top {
	font-size: 10px;
	text-align: center; 
}

#back-to-top a{ 
	text-decoration: underline; 
	color: #666666; 
}

#back-to-top-2 {
	text-align: center; 
	margin: 0px 0 12px 0;
}

#back-to-top-2 a{ 
	text-decoration: underline; 
	color: #666666; 
	font-size: 11px;
}

#back-to-bottom {
	font-size: 10px;
	text-align: center; 
	margin: 0px 0 10px 0;
}

#back-to-bottom a{ 
	text-decoration: underline; 
	color: #666666; 
}

.headline {
	padding: 0;
	margin: 6px 0 6px 20px;
	font-size: 13px;
	font-weight: bolder;
}

.headline a{
	color: #006699;
	text-decoration: none;
}

.headline a:hover{
	color: #0099FF;
	text-decoration: underline;
}

.headline2 {
	padding: 0;
	margin: 6px 0 6px 20px;
	font-size: 14px;
	font-weight: bolder;
	color: #006699;

}







#whatsnew {
	margin: 0 12px 0 13px;
	padding: 0;
}

#whatsnew h1{
	margin: 20px 0 20px 15px;
	padding: 0;
	font-size: 15px;
}

#whatsnew h3{
	margin: 8px 0 8px 17px;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #0066CC;
}

#whatsnew ul{
	margin: 10px 0 0 15px;
	padding: 0;
}

#whatsnew ul li{
	margin: 12px 0 0 20px;
	padding: 0;
	font-weight: bold;
}

#whatsnew ul li a{
	font-size: 13px;
	color: #0066CC;
	text-decoration: none;
}

#whatsnew ul li a:hover{
	font-size: 13px;
	color: #0066CC;
	text-decoration: underline;
}

#whatsnew ul ul{
	margin: 10px 0 0 0px;
	padding: 0;
}

#whatsnew ul ul li{
	margin: 12px 0 0 20px;
	padding: 0;
	font-weight: normal;
}

#whatsnew ul ul li a{
	font-size: 13px;
	color: #0099CC;
	text-decoration: none;
}

#whatsnew ul ul li a:hover{
	font-size: 13px;
	color: #0066CC;
	text-decoration: underline;
}


.related-products-name {
	font-size: 11px;
	margin-top: 4px;
}

.related-products-name a {
	text-decoration: none;
	color: #666666;
}

.related-products-name a:hover {
	color: #333333;
	text-decoration: underline;
}


#news h2{
	font-size: 12px;
	margin: 6px 0 0 5px;
	padding: 0;
	font-weight: normal;
}

#news h2 a{
	color: #000;
	text-decoration: none;
}

#news h2 a:hover{
	color: #0066CC;
	text-decoration: underline;
}
