/************************* General ************************************************/

html, body {
	margin: 0;
	padding: 0;
	background-color: #EBEBEB;
	font-family:"verdana","µ¸¿ò";	
	color: #333;
	font-size:9pt;
	line-height:180%;
	}

a:link, a:visited {
	text-decoration: none;
	color: #017BB2;
	}

a:hover {
	text-decoration: underline;
	color: #017BB2;
	}


tr, td {
	font-size: 9pt;
	line-height:180%;
	}

/***************** Homepage *********************************************************/

#leftcontent {
	padding: 8px 15px 10px 20px;
	font-size: 12px; 
	line-height: 1.3em;
	}

#leftcontent ul {
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 0px;
	/*background-color: #ccc; */
	margin-bottom: 5px;
	}

#leftcontent li {
	list-style-image: url(/english/images/bullet_diamondblue.gif);
	line-height: 1.7em;
	font-size: 13px;
	vertical-align: middle;
	}


/*********** Korean About Us ****************************************************/
#kr_content {
	margin-top: 10px;
	margin-left: 20px;
	/*font-family:"verdana","µ¸¿ò";	*/
	font-size:10pt; 
	line-height:180%;
	/*(color: red; */
	}

.style6 {color: #FF6600;font-family:µ¸¿ò;}
.style7 {
	color: #99CC00;
	font-size: 10pt;
}
.style8 {font-size: 9pt}
.style13 {font-size: 10pt; color: #006699; }
.style14 {font-family: "µ¸¿ò"}




/***************** entire Content Area below header and menu bar ********************/
#contentBody {
	text-align: left;
	background-color: #fff;
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 25px;
/*	z-index: 0;
	font-size: 12px; */
	}

/*.contentTitle {
	font-size: 18px;
	width: 600px;
	font-family: Arial, µ¸¿ò, sans-serif;
	font-weight: bold;
	color: #006699;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
*/

/*************************** About Us **********************************************/
.lightbluebox {
	margin-top: 25px;
	background-color: #D6EBEB;
	border: 1px solid #999;
	width: 480px;
	font-size: 12px;
	padding: 10px 15px 0px 15px;
	}

.header {
	border-bottom: 1px solid #333;
	display: block;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
	}

.contentAll {
	margin-top: 0;
	font-size: 12px;
	line-height: 2.6ex;
	width: 650px;
	margin-bottom: 14px;
	/*background-color: #ccc; */
	}

.contentTitleSmall {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006699;
	/*letter-spacing: 0.1em; */
	margin-bottom: 10px;
	}

ul.list2 {
	margin-top: 5px;
	margin-left: 15px;
	padding: 0px;
	}

ul.list2 li {
	padding-bottom: 10px;
	}


/********************* Product feature - narrower content area *******************/
#contentFeature {
	font-size: 12px;
	background-color: #C9DBED; 
	/*background-color: #fff; */
	width: 480px;
	text-align: left;
	margin-bottom: 50px;
	/*border-top: 1px solid #000; */
	padding: 20px 20px 10px 10px;
	line-height: 180%;
	z-index: 1;
	}

#contentFeatureClear {
	font-size: 10px;
	/*background-color: #999; */ 
	width: 480px;
	text-align: left;
	margin-bottom: 30px;
	/*border-top: 1px solid #000; */
	padding: 0;
	z-index: 1;
	}

.subtitle2 {
	font-size: 13px;z
	font-weight: bold;
	margin: 0px;
	/*background-color: yellow;	*/
	padding-left: 0px;
	line-height: 2.8ex;
	/*border-bottom: 1px solid #000; */
	}

.subtitle3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	/*background-color: yellow;	*/
	padding-left: 0px;
	padding-bottom: 5px;
	line-height: 2.8ex;
	/*border-bottom: 1px solid #000; */
	}


#contentFeatureClear p {
	margin-top: 0;
	font-size: 12px;
	line-height: 180%;
	font-family:"verdana","µ¸¿ò";
	}

.bluebarTitle {
	background-image: url(/english/images/bg_bluebar.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	font-family:"verdana","µ¸¿ò";
	width: 472;
	height: 24;
	padding-left: 13px;
	padding-top: 2px;
	}

ul.bluebar {
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 15px;
	}

ul.bluebar li {
	list-style-image: url(/english/images/bullet_bluesquare.gif);
	line-height: 1.6em;
	font-size: 12px; 
	}

.orangebarTitle {
	background-image: url(/english/images/bg_orangebar.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	width: 472;
	height: 24;
	padding-left: 13px;
	padding-top: 2px;
	/*clear: both; */
	}

ul.orangebar {
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 15px;
	}

ul.orangebar li {
	list-style-image: url(/english/images/bullet_orangesquare.gif);
	line-height: 1.6em;
	font-size: 12px; 
	padding-bottom: 10px;
	}

.bluebar2Title {
	background-image: url(/english/images/bg_bluebar2.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	width: 472;
	height: 24;
	padding-left: 13px;
	padding-top: 2px;
	}

ul.bluebar2 {
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 15px;
	}

ul.bluebar2 li {
	list-style-image: url(/english/images/bullet_bluesquare2.gif);
	line-height: 1.6em;
	font-size: 12px; 
	padding-bottom: 10px;
	}


/****************************** Product feature section ******************************/
.subtitle {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	/*background-color: yellow;	*/
	padding-left: 15px;
	padding-bottom: 10px;
	}

#contentFeature ul {
/*	margin: 0px;
	padding: 0px; 
	background-color: yellow;*/
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 15px;
	}

#contentFeature li {
	font-size: 13px;
	line-height: 3ex;
	/*background-color: pink; */
	padding-left: 0px;
	}


/************************** Product table area on bottom *******************************/

.productTable {
	border: 1px solid #666;
	border-collapse: collapse;
	}

.productTable td {
	/*border: 1px solid #666; */
	padding: 4px 4px 4px 14px;
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

/* Quietside Water Heater products */
.productTableSmall {
	border: 1px solid #666;
	border-collapse: collapse;
	}

.productTableSmall td {
	/*border: 1px solid #666; */
	padding: 2px 2px 2px 2px;
	vertical-align: top;
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.productTableSmall tr.rowheader {
	font-size: 1em;
	background-color: #FFCC66;
	vertical-align: top;
	}

/************** Product Side Menu Box ***************************************/

#navarea {
	margin-top: 0px;
	font-size: 13px;
	width: 170px;
	text-align: center;
	float: right; 
	/*background-color: #ccc; */
	}

#navbox {
	border: 1px solid #069;
	background-color: #fff;
	}

.navboxheader {
	/*background-color: #999; */
	padding-left: 5px;
	padding-bottom: 6px;
	padding-top: 6px;
	display: block;
	font-size: 13px;
	border-bottom: 2px solid #89BAD8;
	/*border-top: 2px solid #89BAD8; */
	line-height: 2.5ex;
	font-weight: bold;
	/*margin-left: 5px;
	margin-right: 5px;*/
	text-align: left;
	}

.navboxheader a:link, .navboxheader a:visited {
	text-decoration: none;
	color: #333;
	}

.navboxheader a:hover {
	text-decoration: none;
	color: #06c;
	}

#navbox ul {
	margin: 0px;
	padding: 0px;
	}

#navbox li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #999;
	/*border-left: 5px solid #999;
	border-right: 1px solid #999;*/
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 2.6ex;
	/*background-color: #EBEBEB; */
	}

#navbox li.last {
	border-bottom: none;
	}

#navbox li.notselected {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: none;
	display: block;
	color: #333;
	}
#navbox li.selected {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #EBEBEB;
	color: #333;
	}

#navbox li.selectedlast {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #EBEBEB;
	color: #333;
	border-bottom: none;
	}


#navbox li a:link, #navbox li a:visited {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #333;
	display: block;
	}

#navbox li a:hover {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	background-color: #EBEBEB;
	display: block;
	}

/*************************** Services - left section ******************************/
#contentLeft {
	font-size: 14px;
	background-color: #fff; 
	width: 400px;
	text-align: left;
	margin-bottom: 50px;
	padding: 0;
	margin-top: 30px;
	}

ul.orangedot {
	margin-top: 7px;
	margin-left: 15px;
	padding-left: 15px;
	margin-bottom: 20px;
	}

ul.orangedot li {
	list-style-image: url(/english/images/bullet_orangedot.gif);
	line-height: 1.6em;
	font-weight: bold;
	padding-left: 5px;
	}


ul.bluearrow {
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 20px;
	}

ul.bluearrow li {
	list-style-image: url(/english/images/bullet_bluearrow.gif); 
	line-height: 1.2em; 
	font-weight: bold;
	padding-left: 5px;
	font-size: 13px;
	color: #039;
	width: 330px;
	padding-bottom: 7px; 
	padding-top: 5px;
	vertical-align: middle; 
	/*background-position: top; */
	}

/**************************** Right section ***************************************/
#contentRight {
	font-size: 13px;
	background-color: #fff; 
	width: 260px;
	text-align: left;
	margin-bottom: 50px;
	padding: 0;
	margin-top: 30px;
	float: right;
	}

.topbox {
	margin-bottom: 20px;
	background-image: url(/english/images/bg_bluebox.gif);
	background-repeat: no-repeat;
	height: 186px;
	}

ul.checkbox {
	margin-top: 15px;
	margin-left: 25px;
	padding-left: 20px;
	padding-top: 0px;
	}

ul.checkbox li {
	list-style-image: url(/english/images/bullet_checkbox.gif); 
	line-height: 1.2em; 
	font-weight: bold;
	padding-left: 5px;
	font-size: 13px;
	color: #039;
	width: 180px;
	padding-bottom: 2px; 
	padding-top: 5px;
	vertical-align: middle; 
	/*background-position: top; */
	}

.bluebox {
	background-color: #C2E0E0;	
	width: 240;
	padding: 0px;
	margin-top: 20px;
	}

.highlight {
	font-style: italic;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: bold;
	background-color: #CCFFCC;
	display: block;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	font-family: Verdana, Helvetica, sans-serif;
	}

ul.list1 {
	margin-left: 20px;
	padding-left: 20px;
	width: 200px;
	margin-top: 10px;
	}

ul.list1 li {
	list-style: disc;
	}




/***************************** Contact ***************************************/
.address {
	font-weight: bold;
	border-bottom: 2px solid #f90;
	padding-bottom: 2px;
	margin-top: 15px;
	margin-bottom: 3px;
	}

/*input {
	font-size: 12px; */
/*	border: 1px solid #333;
	padding: 2px 4px 2px 4px; 
	}*/

.formtable td {
	font-size: 12px;
	font-weight: bold;
	}

.error {
	font-size: 11px;
	color: #f30;
	font-weight: normal;
	}


/********************* Footer section **********************************************/
.footer {
	text-align: center;
	font-size: 11px;
	padding-bottom: 20px;
	padding-top: 8px;
	}

