body
{
	margin: 0;
	background-color: #BBBBBB;
	height: 100%;
	font-family: Verdana;
	font-size: 12px;
}

#maincontainer
{
	width: 760px;
	background-color: #FFFFFF;
	margin: auto;
}

table
{
	border-collapse: collapse;
}

td
{
	padding: 0px;
}

.clear
{
	clear: both;
}

a
{
	color: #0A3F89;
}

#header
{
	background-image: url(../../images/headerbg.jpg);
	min-height: 81px;
}

#header table
{
	height: 81px;
	width: 100%;
}

#header table th
{
	padding: 0px 0px 0px 25px;
	text-align: left;
}


#header table td
{
	padding: 0px 15px 0px 0px;
	text-align: right;
	line-height: 25px;
}


#header a
{
	text-decoration: none;
	color: #0A3F89;
}


#header
{
	color: #0A3F89;
}

#footer
{
	padding: 3px;
}

#footer div
{
	text-align: center;
	line-height: 20px;
	padding: 8px;
	vertical-align: middle;
	background-color: #DDDDDD;
	border-top: 1px solid #2172C9;
}


#footer div span
{
	font-size: 10px;
	color: #666666;
}


#ascx_title
{
	font-size: 20px;
	font-weight: bold;
	color: #0A3F89;
	padding: 0px 0px 10px 15px !important;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0px -10px 0px -15px;
}



#ascx_position
{
	font-size: 10px;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px dotted #CCCCCC;
}



#mainContent
{
    padding: 10px 10px 10px 15px;
}


#default
{
	text-align: center;
	padding-top: 5px;
}

#default_left
{
	margin: 10px 0px 10px 15px;
	padding-right: 15px;
	text-align: justify;
	width: 476px;
	float: left;
	line-height: 20px;
}

#default_left span
{
	font-size: 16px;
	font-weight: bold;
}


#default_right
{
	float: right;
	width: 223px;
	border-left: 1px dotted #333333;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding-left: 15px;
}

#default_right span
{
	font-size: 16px;
	font-weight: bold;
}



#default_right table
{
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}

#default_right table tbody td
{
	padding: 10px 5px 5px 0px;
	border-bottom: 1px dotted #DDDDDD;
	vertical-align: top;
	line-height: 20px;
}


#default_right table tbody td img
{
	border: 1px dotted #333333;
}


#default_right table tbody td h1
{
	font-size: 13px;
	margin: 0px;
}

#default_right table tbody td h2
{
	font-size: 13px;
	font-weight: lighter;
	margin: 0px;
}

#default_right table tbody td h3
{
	font-size: 12px;
	font-weight: lighter;
	margin: 0px;
}



#default img
{
	margin-bottom: 5px;
}

#ascx_menu table
{
	width: 100%;
	height: 35px;
	border-left: 1px solid #FFFFFF;
}

#ascx_menu table td
{
	width: 16%;
	border-right: 1px solid #FFFFFF;
	background-image: url(../../images/menubg.gif);
	text-align: center;
}


#ascx_menu table td a
{
	color: #FFFFFF;
	text-decoration: none;
}


#ascx_menu table td a:hover
{
	color: #0F4A8C;
}


#contact table
{
	width: 100%;
}

#contact table td
{
	padding: 6px;
	line-height: 20px;
	vertical-align: middle;
}

#contact table th
{
	text-align: left;
	white-space: nowrap;
	color: #0A3F89;
	vertical-align: middle;
}



#contact table tfoot td
{
	text-align: center;
}

#contact table span
{
	font-weight: bold;
}

#contact table div
{
	padding-top: 10px;
	font-weight: bold;
	color: #006699;
}

#Member
{
    padding: 10px 10px 10px 15px;
}


#memberTitle
{
	background-color: #DDDDDD;
	padding: 5px 5px 5px 8px;
	font-size: 13px;
	margin-top: 5px;
	font-weight: bold;
}

#member table
{
	width: 100%;
}


#member table td
{
	padding: 6px;
	line-height: 20px;
	vertical-align: top;
}



#member table th
{
	padding: 6px;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}

#member table div
{
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
	font-weight: bold;
	color: #006699;
}

#member table div span
{
	font-weight: bold;
}


#member table td a
{
	text-decoration: none;
	font-weight: bold;
}

#member table td a:hover
{
	text-decoration: underline;
	font-weight: bold;
}


#member table span
{
	font-weight: bold;
}

#memberLoginTitle
{
	font-size: 13px;
	font-weight: bold;
	color: #FF9E24;
}


#memberLoginTitle table
{
	width: 100%;
	border-collapse: collapse;
}

#memberLoginTitle table td
{
	padding: 0px;
}

#memberLogin
{
	text-align: left;
	font-size: 12px;
	border-left: 1px solid #FFCB89 !important;
	border-right: 1px solid #FFCB89 !important;
	padding: 10px;
}

#profile
{
	margin-top: 5px;
	margin-bottom: 20px;
	line-height: 25px;
}

.profileContact
{
	margin-bottom: 20px;
}

.profileContact td
{
	padding: 5px !important;
}


.profileContact th
{
	text-align: left;
}

#product_default
{
    padding: 10px 10px 10px 15px;
	float: right;
	width: 555px;
}

#product table
{
    float: right;
	width: 100%;
}

#product table td
{
	width: 33%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px dotted #DDDDDD;
}

#product table img
{
	border: 1px solid #000000;
	margin-bottom: 10px;
}

#productTitle
{
	background-color: #CCCCCC;
	padding: 5px 5px 5px 8px;
	font-size: 13px;
	margin-top: 1px;
	font-weight: bold;
}

#productMainTitle
{
	background-image: url(../../images/bg_topic_1.gif);
	height: 28px;
	padding-right: 7px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 12px;
	margin: 0px auto;
	cursor: default;
	color: white;
}

/*========================================================================================*/

#productMenu
{
	float: left;
	width: 179px;
	margin-right: 1px;
	height: 500px;
}

#productMenu table
{
	width: 100%;
	background: url(../../images/productmenu/bg_gray04.gif);		
}

#productMenu table thead tr td
{
	background-image: url(../../images/bg_topic_1.gif);
	height: 28px;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	font-size: 12px;
	margin: 0px auto;
	cursor: default;
	color: white;
}

/*========================================================================================*/

#productMenu select
{
    margin:5px 10px 5px 10px;
    width:90%;
}

#productMenu input
{
    margin:5px 10px 5px 10px;
    width:87%;
}



#productList
{
	float: right;
	width: 580px;
}


#productList table tbody td h1
{
	font-size: 13px;
	margin: 0px;
}

#productList table tbody td h2
{
	font-size: 13px;
	font-weight: lighter;
	margin: 0px;
}

#productList table tbody td h3
{
	font-size: 12px;
	font-weight: lighter;
	margin: 0px;
}

#productList table tbody td
{
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dotted #DDDDDD;
	vertical-align: top;
	line-height: 20px;
	text-align: left;
}

#productList table tbody td img
{
	float: left;
	margin-right: 8px;
}

#productList table tbody td a
{
	font-size: 12px;
}

#productDetail
{
	float: right;
	width: 580px;
}

#productDetail table td
{
	padding: 5px;
}


#productDetail table th
{
	padding: 5px;
	padding-right: 0px;
	white-space:nowrap;
}

#productDetail table th
{
	color: #062C5E;
	text-align: left;
}


#productDetail table td img
{
	margin: 0px;
	vertical-align: middle;
}


#productDetail table td a
{
	font-weight: bold;
	text-decoration: none;
}


#productDetail table td a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: Orange;
}


#productDetail table tfoot td
{
	padding-top: 20px;
}
#productDetailImg 
{
    float:left;
    width:260px;
    margin:5px;
    cursor:pointer;
}

#productDetailImg thead td
{
    padding: 5px;
    border:none;
}


#productDetailImg thead td div
{
    height:252px;
    width:250px;
    overflow:hidden;
    border:1px solid #CCCCCC;      
}



#productDetailImg thead td a 
{
    color:#CCCCCC;
}

#productDetailImg thead td a:hover
{
    color:#CCCCCC;
}


#productDetailImg tbody td
{
    padding-right:5px;
}

#productDetailImg tbody td div
{
    width:15px;
    height:15px;
    border:1px solid #FF7300;
    background-color:#FFFFFF;
    color: #FF7300;
    text-align:center;
    float:right;
    margin-left:5px;
    cursor:pointer;
    margin:3px;
    font-weight:normal;
}

#productDetailImg tbody td div:hover
{
    background-color:#FF7300;
    color: #FFFFFF;
    cursor:pointer;    
    margin:0px;
    padding:3px;
    font-weight:bold;
}

#productDetailImg tbody td div a
{
    margin-right:6px;
}


.productfloatmenu 
{
	width:150px;
	text-align:left;
	position: absolute; 
	margin-left: -35px; 
	margin-top: 24px;
	display: none	
}

.productfloatmenu  ul
{
	margin-left: 0px;
	width: 200px;
	background-color: #FFFFFF;
}

.productfloatmenu  li
{
	display:block;
	border: 1px solid #006EBA;
	padding: 5px;
	list-style:none;
	white-space: nowrap;
}

.productfloatmenu  li a
{
	color: #333333 !important;
	font-weight: bold;
}


a:hover.productfloatmenu
{
	background: url(../../images/productmenu/menuBK_blue.gif) 0 -5px;
}



.level
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.level li
{
	margin: 0;
	padding: 0;
	white-space:normal;
}

.level li a
{
    font-size:11px !important;
	white-space:normal;    
}

a.level_0
{
	display: block;
	font-weight: bold;
	border: 1px solid #A8A8A8;
	border-top: none;
	font-size: 12px;
	background: url(../../images/productmenu/bg_menu.gif) left bottom;
	color: #333;
	padding: 8px 0px 8px 20px;
	color: black;
	margin-left: 1px;
	white-space: nowrap;
}

a:hover.level_0
{
	background: url(../../images/productmenu/menuBK_blue.gif) 0 -5px;
	color: #FFFFFF;
	border: 1px solid #36c;
	border-top: none;
}

a.level_1
{
	font-weight: bold;
	background: url(../../images/productmenu/icon_collapsed_yes.gif) no-repeat;
	border-bottom: 1px solid #D2D2D2;
	color: #06C;
}

li.level_1_num, a.level_1
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0px 8px 35px; 
	background-position: 20px 50%;
}

a:hover.level_1, a:hover.level_2
{
	color: #F60;
}

a.level_2
{
	color: #333;
	padding: 8px 0px 8px 40px; 
	background: url(../../images/productmenu/icon_struct.gif) 20px 4px no-repeat;
}

a.level_2, li.level_2_num
{
	font-size: 12px;
	display: block;
	margin: 0;
	border-bottom: 1px solid #D2D2D2;
	font-weight: normal;
	background-position: 20px 50%;
}


#CatalogueList
{
    padding: 10px 10px 10px 15px;
	float: right;
	width: 555px;    
}

#CatalogueList table tbody td h1
{
	font-size: 13px;
	margin: 0px;
}

#CatalogueList table tbody td h2
{
	font-size: 13px;
	font-weight: lighter;
	margin: 0px;
}

#CatalogueList table tbody td h3
{
	font-size: 12px;
	font-weight: lighter;
	margin: 0px;
}

#CatalogueList table tbody td
{
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dotted #DDDDDD;
	vertical-align: top;
	line-height: 20px;
	text-align: left;
}

#CatalogueList table tbody td img
{
	float: left;
	margin-right: 8px;
}

#CatalogueList table tbody td a
{
	font-size: 12px;
}


#InquiryList
{
    padding: 10px 10px 10px 15px;
	float: right;
	width: 555px;    
}



#InquiryList table
{
    margin-top:10px;
    width:100%;
}

#InquiryList table thead tr
{
    background-color:#CCCCCC;
}

#InquiryList table thead tr td
{
    border: 1px solid #FFFFFF;
    padding:5px;
}


#InquiryList table tbody tr td
{
    padding:5px;
    border: 1px solid #CCCCCC;
}


#InquiryList table tfoot tr td
{
    padding:5px;
    border: none;
    text-align:center;
}

#Inquiry_Step01 td
{
    border:none !important;
    vertical-align:top;
    white-space:nowrap;
}


#Inquiry_Step01 th
{
    text-align:left;
}

#Inquiry_Step02 td
{
    border:none !important;
    color: #0A3F89;
    font-weight:bold;
    white-space:nowrap;    
    vertical-align:top;    
}


#Inquiry_Step02 tfoot td
{
    text-align:center;
}

#Inquiry_Step03
{
    line-height:20px;
    word-spacing:3px;
    padding:5px;
}


#ImageShow
{
    width: expression(document.body.offsetWidth + "px");
    height:expression(document.body.offsetHeight + "px");
    position:absolute;
    top:0px;
    left:0px;
    background-image:url(../../images/transbg.gif);
    text-align: center;
    display:none;
}


#ImageShow table
{
    height:100%;
}

#ImageShow table td
{
    text-align:center;

}

#ImageShow table td img
{
    float:left;
    cursor:pointer;
}


#ImageShow table td div
{
    width:16px;
    padding:4px;
    background-color:#FF7300;
    color:#FFFFFF;
    margin-left:605px;
    margin-bottom: 5px;
    font-weight:bold;
    cursor:pointer;
}

#Paging
{
    border-bottom: 1px dotted #DDDDDD;
    border-top: 1px dotted #DDDDDD;
    padding-bottom: 1px;
    padding-top: 5px;
    color: #CCCCCC;
}

#Paging .label
{
    float: left; 
    padding:5px
}

#Paging .button
{
    float: right; 
    padding-right:5px;
}