html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body {
	margin: 0px; padding:0; font-family:Arial, Helvetica, sans-serif; line-height: 1;  
}
img{ border:none; }
#Form{ 
	padding:0 10px; margin:0 auto;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color: #666666; width:96%;
}
#Form ol, #Form li{
	list-style:none;
	padding:0;	margin:0; position:relative;
	float: left;  
	clear: both;  
	width: 100%;  
}
#Form li{
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.4em; padding-top:0.4em; 
}

#Form li.no_border{
	border:none;
}
#Form li.bottom{
	border:none;
	margin:0.8em auto 0 auto; text-align:center;
}

#Form div.bottom{
	padding:20px auto;	margin:auto auto;
	float: left;
	clear: both; 
}
#Form li.bottom_right{
	padding:10px 0;	margin:auto 0;
	text-align:right; float: left;
	clear: both; border:none;
}
#Form li label {  
	float: left;  
	width: 10em;
	margin-right: 1em;
	text-align: right;
	font-size:12px; font-weight:bold;
}
#Form li div.rhs{
	float:left; clear:right; width:70%; position:relative;
}

#Form li div.rhs p.note{
	padding:0; margin:3px 0; float:left; clear:both;
	font-size:11px; 
	line-height: 150%;
	text-align:justify; display:inline;
}
#Form li div.rhs div.note{
	display:inline; position:relative; clear:left; 
	margin:0; padding:0; width:28em; font-size:10px;
}
#Form input, #Form select, #Form textarea, textarea {
/*	float:left; */
	font-family:Arial, Helvetica, sans-serif; font-size:12px;color: #666666;
}
#Form input{
/*	font-size:12px; font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF; color: #666666; border: 1px solid #CCCCCC;
	margin:auto 0px; padding:auto 0px;
	*/
}
#Form input[type='text']{
/*	height:1.5em; font-size:12px;
	padding:auto; color:#666666;
	*/
}
#Form .input_set_width{
	width: 30em;
}
#Form input[type='checkbox']{
/*	padding:0; margin:0;*/
}

/*Add remarks*/
#Form li.addremarks{
	padding-bottom: 1.2em; padding-top:0.7em; 
}
#Form li.addremarks label{
	text-align:left;
}

/*enquiry basket*/
#Form li.pdt_list label img{
	clear:none; float:left; display:inline;
}
#Form li.pdt_list label.pdt_name{
	text-align:left; font-size:18px; margin:0; margin-right:3px;
}
#Form li.pdt_list div.rhs{
	width:31em; 
	text-align:left; position:relative; vertical-align:top;
}
#Form textarea.remarks{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666; 
	width:30em;
}

/*enquiry history*/
#Form li.enq_list_b{
}
#Form li.enq_list{
}
#Form li.enq_list div.lhs{
	text-align:center; position:relative; float:left; clear:none; width:25%; display:inline;
}
#Form li.enq_list div.rhs{
	text-align:left; position:relative; float:left; clear:right; width:75%;  display:inline;
}
#Form li.enq_list div.rhs p.remarks{
	margin:5px 0 5px 0; padding:0; text-align:justify;
	display:inline; float:left; width:90%;
}

table#zoom{
	width:100%;
	border:none;
}
table#zoom td.left_col{
	width:	65%;
	padding-bottom:20px;
}
table#zoom td.right_col{
	width: 35%;
	padding-bottom:30px; padding-left:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999999; 
}
table#zoom td.right_col div.title{
	font-weight:bold; clear:right;
	margin-bottom: 10px; padding:0;
}
div#zoom_pdt{
	position: relative;
	width:200px; height:200px;
	overflow:auto;
}
div.zoommenu{
	position:absolute;
	top: 450px;
	left:0;
}
div.page_content{
	font-size:11px;
	text-align:justify;
	line-height: 160%; clear:right;
}

/**Enquiry Basket - product listings**/
div.tabs{ width:100%; margin:0 auto; height:500px;}
div.tabs2{ width:100%; margin:0 auto; }
div.tabNavigation{background:url(images/content_bottom.gif);	background-repeat:repeat-x;	background-position:bottom; position:relative; }
div.tabNavigation span{ float:left; margin-right:5px;  font-size:14px; position:relative;  }
div.tabNavigation span a{ color: #666; padding: 5px 8px; text-decoration: none; position:relative; background-color:#CCC; }
div.tabNavigation span a.selected,
div.tabNavigation span a:hover { color: #FFF; background-color:#666;}
div.tabNavigation span a:focus {  }
div.page{ clear:both; }
p.col_1, p.col_2, p.col_3{ margin:0 auto; padding:0; float:left; text-align:center; }
p.col_1{ width: 80px; clear:left; text-align:left; color:#DDDDDD; font-size:60px; font-style:italic; }
p.col_2{ width: 110px; text-align:center; color:#333333; font-size:14px; }
p.col_3{ width: 150px;   }
p.col_4{ width: 1px;  clear:right; }

p.col_3 a{ text-decoration:none; color:#666666;}

h3{
	clear:right; margin:3px 0 5px 0; padding:0;
	font-size:16px;
}


h2{
	padding:0; margin:0 0 20px 0; 
}
a.button{
	padding:3px 10px; margin:0;
	text-decoration:none;
	font-size:13px;	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bt_bg.gif);
	background-repeat:repeat-y; background-position:left top;
	color: #FFFFFF;
	position:relative;
}
span.highlight{
	color:#FF0000;
}
span.highlight_b{
	color:#0066CC;
}
div.vspacer{
	width:0;
	padding:0; margin:5px; border:none;
	position:relative;
	display:inline; clear:none; float:left;
}
div.hspacer{
	padding:0; margin:0 0 0 0;
	width:90%;
	height:10px;
	border:none;
	clear:both;
	position:relative;
}
.left_spacer{
	margin-left:3px;
}
a.next{
	background:url(images/next.gif); background-repeat:no-repeat;
	width:21px;
	height:21px;
	position:relative;
}
.setinput{
	font-size:12px; font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF; color: #666666; border: 1px solid #CCCCCC;
	width:15em; /*height:1.5em;*/
	/*margin:auto 0px; */padding:3px; vertical-align:middle;
}
.setinput_s{
	width:10em;
}
div.pagediv{
	padding:0; margin:10px 0 0 0;
	width:100%;
	height:10px;
	border:none;
	border-top: 1px solid #CCCCCC;
	clear:both;
}
.rhs2 { float: left; margin:0; padding:0; }
.note_div{
	display:inline; clear:none; float:left;
}