/****Reset CSS (start)****/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
	font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }

ol, ul { list-style: none;}
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
a, a:hover, a:active, a:link{ text-decoration:none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }
/****Reset CSS (end)****/


.container{ width: 730px; margin:0 auto;}
	.col_1, .row_1, .col_2_1, .col_2_2 { display: inline; float: left; overflow:hidden;}
	.col_1{ width: 730px; }
	.row_1{ height: 20px; }
	


/** background header + body + footer **/
.header{ padding:40px 20px 10px 20px; text-align:right; background: url(images/bg_main_3.gif) repeat-x top;}
.body{ padding:0px 20px; width:690px; }
.footer{ padding:0px 20px; }

.enq_1_1, .enq_2_1, .enq_2_2, .enq_2b_1, .enq_2b_2 { display: inline; float: left; overflow:hidden;}
	.enq_1_1{ width: 690px; }
	.enq_2_1{ width: 145px; margin:0 15px 0 0;}
	.enq_2_2{ width: 530px; }
	.enq_2b_1{ width: 440px;}
	.enq_2b_2{ width: 230px; margin:0 0 0 20px;}


input.setinput{ width:220px;}
input.setwidth{ width:220px; }
input.height{ height:15px; }
/**Form styling**/
.form{ }
	.form li{ list-style:none; padding:0; margin:0; clear:both; display:block; width:690px; }
	.form li{ padding: 5px 0px; vertical-align:top; height: auto;}
	.form li.empty{ height: 10px; background-color:#FFFFFF; }
	.form li label, .form li div.rhs, .form li div.rhs .note{ float:left; display:block; }
		.form li label { margin-right:10px; text-align: right; width:140px;}
		.form li .rhs{ clear:right; width:500px; line-height:150%; }
		.form li div.rhs p.note{ padding:0; margin:3px 0; clear:both; float:left;}



textarea.remarks{ width:380px; height:60px; margin:3px 0; overflow: auto;}
img.add_border { border: solid #999999 1px; }

.red{ color:#FF0000; }
.blue{ color:#003399; }
.org{ color:#ff9900;}
.org_dark{ color:#ff9933;}
.hr_empty{ background:url(images/spacer.gif); height:10px; width:100%; border:0; clear:both; display:block;}
.hr_div{ background:url(images/hr_page-div.gif) repeat-x center; height:10px; width:100%; border: 0; clear: both; display: block;}

/** common used **/
.left_spacer { margin-left:5px; }
.right_spacer { margin-right:5px; }
.align_center{ text-align:center; }
div.clear, span.clear {
	background: none; border: 0; clear: both; display: block; float: none; font-size: 0; 
	margin: 0;	padding: 0;	overflow: hidden; visibility: hidden; width: 0;  height: 0;
}


/**font styling**/
*{ font-family:Arial, Helvetica, sans-serif; }
	.form{ font-size:12px; color: #666666; }
	.form li label { font-size:12px; font-weight:bold; }
	.form li div.rhs p.note, p.note{ font-size:11px; line-height: 150%; }
	input, textarea{ font-size:12px; color:#333333; }
	h2.boxtitle{ float:left; font-style:italic; color:#333; letter-spacing:100%; }
	h2.pdt_name{ font-size:16px; font-weight:bold; color:#003399; line-height:130%; }
	h2.pdt_cag{ font-size:14px; font-weight:bold; color:#003399; line-height:130%; }
	h3.pdt_no{ font-size:14px; font-weight:bold; color:#333333; line-height:130%; }
	.pdt_detail{ font-size:12px; width:380px; text-align:left; margin-top:5px; position:relative; margin-bottom:5px; }
	.pdt_detail a{  width: 121px; height:16px; background:url(images/bt/bt_rm-item.gif) no-repeat; position:absolute; top:0; left:259px;}
	.pdt_detail a.del{ left:0; }
	.snote{ font-size:10px; line-height:130%; }

	.zoom_title{ font-size:12px; font-weight:bold; color:#666666; line-height:130%; }
	.zoom{ margin-top:5px; }

.tabs{}
.tabNavigation{clear:both; }
.tabNavigation span{ float:left; margin-right:5px;  font-size:14px; position:relative;   }
.tabNavigation span a{ color: #666; padding: 5px 8px; text-decoration: none; position:relative;}
.tabNavigation span a.selected, .tabNavigation span a:focus,
.tabNavigation span a:hover { font-weight:bold; }
div.page{ /*clear:both; */}