/***********************************************/
/********* GLOBAL MODULES CLASSES **************/
/***********************************************/

.dk_module             
{
	width: auto;
}
.dk_module .dk_header h3 {
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 11px;
	font-weight      : bold;
	text-align       : center;
	height           : 24px;
	cursor           : default;
	line-height      : 24px;
	color            : #FFFFFF;
	border-left      : 1px solid #FFFFFF;
	border-right     : 1px solid #FFFFFF;
	background-image : url(images/header.png);
	padding: 0;
	width: 100%;
	margin: 0;
}
.dk_module .dk_content      
{
  padding-left     : 3px;
  padding-right    : 3px;
}
/********* GLOBAL COMPONENTS CLASSES **************/

.dk_component      
{
  width:100%;
}
.dk_component .dk_header h2
{
	font-family      : Arial, Helvetica, sans-serif;
	letter-spacing   : 3px;
	font-size        : 14px;
	font-weight      : bold;
	height           : 22px;
	line-height      : 22px;
	padding-left     : 10px;
	text-align       : left;
	color            : #FFFFFF;
	width            : 100%;
	margin: 0;
	padding-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	text-indent: 10px;
	background-image: url(images/header.png);
}
.dk_component .dk_content
{
	width            : 100%;
	border-spacing   : 0px;
	text-indent: 50px;
	margin: 0px;
	padding: 0px;
}
/********* GLOBAL FORM OBJECTS CLASSES **************/

.dk_form        
{
  padding-top:10px;
  padding-left:15px;
}
.dk_form .dk_content 
{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
.dk_button             
{
	font-family       : Arial, Helvetica, sans-serif;
	font-size         : 12px;
	border            : 1px solid #FFCC33;
	background-color  : #7DB4D2;
	color             :#FFFFFF;
	padding           : 2px;
	font-weight: bold;
}
.dk_inputbox           
{
  background-image   :url(images/inputback.jpg);
  border             : 1px solid #666;
}
.dk_radio
{
}
.dk_select
{
}
/********* GLOBAL GENERIC CLASSES **************/
.dk_content             
{
}
.dk_header             
{}
.dk_aligncenter
{
  text-align:center;
}
.dk_alignleft
{
  text-align:left;
}
.dk_alignright
{
  text-align:right;
}
.dk_small
{
  font-size        : 10px;
  color            : #333333;
}
.dk_label
{  
}
.dk_clr
{
}
/*******************************************************/
/************** GENERICS CUSTOM CLASSES ****************/
/*******************************************************/

body {
	color            : #000000;
	padding          : 0px;
	background-color : #FFFFFF;
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 12px;
	margin: 10px;
}
td, tr, p, div {
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 12px;
	color            : #333333;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

h1.title {
	font-family      : Arial, Helvetica, sans-serif;
	font-weight      : bold;
	text-indent      : 8px;
	font-size        : 20px;
	text-align       : left;
	color            : #666666;
}
h1.title a:link, h1.title a:visited {
  font-size        : 20px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : bold;
}
h1.title a:hover {
  font-size        : 20px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : bold;
}
a:link, a:visited {
  font-size        : 12px;
  color            : #000080;

  /*text-decoration  : none;*/

 /* text-decoration  : none;*/

  font-weight      : normal;
}
a:hover {
	font-size        : 13px;
	color            : #FF9900;
	/*text-decoration  : none;*/

 /* text-decoration  : none;*/

  font-weight      : bold;
}



a.readon:link, a.readon:visited {
	color            :#404F59;
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 10px;
	white-space      : normal;
	font-weight      : normal;
	padding-bottom   : 4px;
	padding-left     : 4px;
	padding-right    : 4px;
	padding-top      : 4px;
	float            : left;
	line-height      : 10px;
	text-decoration  : none;
	border           : 1px solid #AABBBF;
	background-image : url(images/but.png);
  }
a.readon:hover {
	color            :#FF9900;
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 10px;
	white-space      : normal;
	font-weight      : normal;
	padding-bottom   : 4px;
	padding-left     : 4px;
	padding-right    : 4px;
	padding-top      : 4px;
	float            : left;
	line-height      : 10px;
	text-decoration  : none;
	border           : 1px solid #AABBBF;
}
ul {
  margin           : 2px;
  padding-left     : 0px;
  list-style       : none;
}
li {
	line-height      : normal;
	background-image : none;
	background-repeat: no-repeat;
	background-position: 0px center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: left;
	height: 48px;
	width: 95px;
}  
form { display:inline; }

/**************************************************************/
/************ TEMPLATE CLASSES (index.php) ********************/
/**************************************************************/

.createdate, .modifydate { 
	font-size : 10px;
	color : #666666;
	text-align: right;
	margin-right: 20px;
	}
.date {
	font-family  : Arial, Helvetica, sans-serif;
	font-size   : 10px;
	color: #333333;
	text-align: right;
}
.copyright {
	color : #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
}
.pathway { font-size : 10px; text-decoration : none; color : #333333;  padding-left : 10px;}
a.pathway:link, a.pathway:visited { color: #FF9900;  font-size : 10px; padding-left : 0px;}
a.pathway:hover { font-size : 10px; padding-left : 0px;}

.tpl_maintable { background : #ffffff;}
.tpl_headerspace { background : url(images/space.png);}
.tpl_topcenter { background   : url(images/center3.jpg);}
.tpl_topleft1 { background    : url(images/left1.png);}
.tpl_topleft2 { background    : url(images/left2.jpg);}
.tpl_topright1 { background   : url(images/right1.png);}
.tpl_topright2 { background   : url(images/right2.jpg);}
.tpl_headercenter1 { background : url(images/center1.jpg);}
.tpl_headercenter3 { background : url(images/center3.jpg);}
.tpl_footercenter2 { background : url(images/center2.jpg);}
.tpl_footercenter4 { background : url(images/center4.jpg);}
.tpl_footerleft3 { background   : url(images/left3.png);}
.tpl_footerright3 { background  : url(images/right3.png);}
.tpl_toolbar { background : #E5E5E5; border-bottom: 1px solid #99A0AA;}
.tpl_headerfill { }
.tpl_header_logo { background   : url(images/top.png);}
.tpl_footer { background     : url(images/bottom.png);}
.tpl_tablecenter {	border: 1px solid #99A0AA;}
.tpl_columnleft { background  : url(images/modulback.png); border-right: 1px solid #99A0AA;}
.tpl_columnright { background : url(images/modulback.png); border-left: 1px solid #99A0AA;}
.tpl_columncenter { border-left: 1px solid #FFF; border-right: 1px solid #FFF; background:#EEF0F0;}
.tpl_modulecenter {	border-bottom: 1px solid #CCCCCC;}

/**************************************************************/
/********************* COMPONENTS SHARED CLASSES ***************/
/**************************************************************/

.dkcom_tablerow1
{
	vertical-align   : middle;
	padding          : 3px;
	background       : #E6EEF2;
	border-top       : 1px solid #FFFFFF;
	border-bottom    : 1px solid #999999;
}
.dkcom_tablerow2
{
	vertical-align   : middle;
	padding          : 3px;
	border-top       : 1px solid #FFFFFF;
	border-bottom    : 1px solid #999999;
}
.dkcom_tableheader {
  font-size        : 11px;
  font-weight      : normal;
  letter-spacing   : 1px;
  background       : #D8E0E4;
  color            : #333333;
  padding          : 4px;
}
.dk_category-icons
{
  margin-right:10px;
}
.dkcom_section
{
	width            : 98%;
	padding-left     : 3px;
	padding-right    : 3px;
	padding-top      : 3px;
	border-spacing   : 0px;
	margin-bottom    : 5px;
	clear:both;
	text-indent: 15px;
}
.dkcom_section .dk_header
{
	font-family      : Arial, Helvetica, sans-serif;
	letter-spacing   : 1px;
	background       : url(images/header.png);
	font-size        : 12px;
	font-weight      : bold;
	height           : 22px;
	line-height      : 22px;
	padding-left     : 10px;
	text-align       : left;
	color            :  #FFFFFF;
	width            : 100%;
	margin: 0;
	padding: 0;
	padding-left: 4px;
}
.product {
	background-image: url(http://www.kws.com.tw/media/products_photo_flash/prduct_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 290px;
	width: 222px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}