/* Six Circle Manufacturing Ltd Main Stylesheet 12-12-05 */

body
{
	font: normal 12px/1.25em tahoma, verdana, arial, helvetica, sans-serif;
	color:#000;
/*	background:#c7f081; */
  background:#e2ffaf;
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6
{
	color:#005800;
	background:transparent;
	text-align:left;
	line-height:120%;
}
h1
{
  font-size:1.5em;
  line-height:200%;
}
h2
{
  font-size:1.5em;
  line-height:150%;
}
p
{
	margin-bottom:1em;
}
* p.centre
{
  text-align:center;
}
#wrapper
{
  position:relative;
  min-height:495px;
  height:auto !important;
  height:495px;
  top:0;
  left:0;
}
#content
{
  position:relative;
  width:808px !important;
  width:808px;
  min-height:445px;
  height:auto !important;
  height:465px;
  top:0;
  left:140px;
  padding:20px;
  background:#fff;
  border:2px inset #e2ffaf;
}
#content p
{
	position:relative;
	max-width:30em;
	width:auto !important;
	width:30em;
	text-align:justify;
	color:#000;
}
#content p.wide
{
  max-width:600px !important;
  width:600px;
}
#content p.fullwidth
{
  max-width:810px;
  width:auto !important;
  width:810px;
}
#content p.centre
{
  text-align:center;
}
#content p.query
{
  max-width:555px !important;
  width:555px;
}
p span strong
{
  color:#005800;
}

#rightpane
{
  position:absolute;
  top:0;
  left:400px;
  width:408px !important;
  width:408px;
  height:445px !important;
  height:465px;
  padding:20px 0px  20px 20px;
}
div#rightpane p
{
  max-width:410px;
  width:410px !important;
}
div#rightpane p img
{
  margin:0 0 1em 20px;
}
div#rightpane p img#factory1
{
  float:left;
  clear:left;
  margin:0 20px 1px 0;
}
div#rightpane p img#plaquea,  div#rightpane p img#plaqueb
{
  float:right;
  clear:right;
  margin:0 0 10px 20px;
}
div#rightpane p img#fdacert 
{
	position: relative;
	float:right;
	margin:0 0 10px 20px;
	padding:0;
}
#header
{
  position:relative;
  display:block;
  width:995px;
  height:80px;
  top:0;
  left:0;
  background:#e2ffaf;
  padding:0;
}
#header img
{
  position:absolute;
  top:20px;
  left:20px;
}
#header h1
{
  position:absolute;
  width:750px;
  top:22px;
  left:190px;
  font-size:2em;
  line-height:1em;
  text-align:center;
  color:#005800;
  background:#e2ffaf;
  background:transparent;
  margin:0;
}
#header p
{
  position:absolute;
  width:850px;
  left:140px;
  bottom:5px;
  font-size:1em;
  text-align:center;
  color:#005800;
  margin-bottom:0;
}
#sidebar
{
  position:absolute;
  width:140px;
  top:140px;
  left:0;
  background:#e2ffaf;
  margin:0;
  float:left;
  clear:both;
}
#navbar
{
	position:absolute;
	top:0;
	left:0;
	width:140px;
	background:#e2ffaf;
	margin:0;
	float:left;
	clear:both;
}
div#navbar h3
{
	padding-top:0;
	margin-top:1em;
}
div#navbar form
{
	padding:0;
	margin:0;
}
#navlist
{
	list-style-type:none;
	position:relative;
	width:120px;
	height:100px;
	top:0;
	left:15px;
	font-size:1em;
	line-height:130%;
	color:#005800;
	float:left;
	clear:both;
	padding:0;
	padding-bottom:2em;
}
* html #navlist
{
  margin:0 0 1em 0;
}
#navlist li a
{
  text-decoration:none;
  color:#005800;
}
#navlist li
{
  color:#005800;
}
#navlist li span
{
  color:red;
}
span.red
{
  color:red;
}
#navbar h3
{
  font-size:1em;
  line-height:100%;
  padding:0 0 0 8px;
  margin:5px;
  background:transparent;
}
#catlist, input.searchfield
{
  position:relative;
  width:100px;
  bottom:0;
  left:10px;
  font-size:.8em;
  padding:0;
  margin:0;
}
input.searchfield
{
  position:relative;
  width:98px;
	left:10px;
	float:left;	
}
.go
{
  width:25px;
  padding:0;
  margin:-2px 0 0 10px !important;
  margin:-2px 0 0 8px;
  font-size:.75em;
  background:#e2ffaf;
  border:2px outset #e2ffaf;
}
#footer
{
  position:absolute;
  bottom:-83px;
  width:970px;
  min-height:10em;
  height:auto !important;
  height:10em;
  float:right;
  clear:both;
  color:#005800;
  font-size:.8em;
  font-style:italic;
  background:#e2ffaf;
  background:transparent;
  padding:0 10px;
}
#footer * a, #footer * a:visited
{
  color:#d00;
}
#copyright
{
  position:absolute;
  width:40%;
  left:140px !important;
  left:130px;
  top:0;
  text-align:left;
}
#byline
{
  position:absolute;
  width:40%;
  right:0 !important;
  right:10px;
  top:0;
  text-align:right;
}
input, textarea, select
{
  border:1px solid black;
}
input.radio, input.checkbox
{
  padding:0;
  border-style:none;
}
.catitem
{
  position:relative;
  display:block;
  width:810px;
  min-height:140px;
  height:auto !important;
  height:140px;
  border-bottom:3px solid #e2ffaf;
  margin-bottom:30px;
  clear:both;
}
table.cattable
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:600px;
  min-height:120px;
  font-size:1em;
  border:1px solid #e2ffaf;
  padding:10px 10px 0;
  margin-bottom:30px;
}
table.cattable th
{
  text-align:left;
}
div.catitem img
{
  display:block;
  position:absolute;
  top:0;
  right:0;
  max-width:160px;
  max-height:120px;
  padding:5px;
  border:1px solid #e2ffaf;
  clear:both;
}
div.addtobtn
{
  position:absolute;
  left:15px;
  bottom:15px;
  font-weight:bold;
  color:#005800;
}
* html div.addtobtn
{
  bottom:25px;
}
div.addtobtn input
{
  margin-bottom:-.15em;
}
div.enqsubmit
{
  position:absolute;
  right:220px;
  bottom:15px;
}
div.enqsubmit input
{
  font-size:.8em;
  font-weight:bold;
  color:#fff;
  background:#005800;
}
div.enquiryitem
{
  position:relative;
  display:block;
  width:552px;
  min-height:100px;
  height:auto !important;
  height:140px;
  padding:10px 0;
  border-bottom:3px solid #e2ffaf;
  margin-bottom:30px;
  clear:both;
}
div.enquiryitem img
{
  position:absolute;
  top:0;
  left:0;
  padding:10px;
  border:1px solid #e2ffaf;
  margin-right:5px;
}
div.enquiryitem div.prodname
{
  position:absolute;
  top:0;
  left:108px;
  width:437px;
  height:1.5em;
  padding-left:5px;
  border:1px solid #e2ffaf;
}
div.enquiryitem div.prodcode
{
  position:absolute;
  top:87px;
  left:0px;
  width:100px;
  height:1.5em;
  text-align:center;
  border:1px solid #e2ffaf;
}
div.enquiryitem div.qty
{
  position:absolute;
  top:24px;
  left:480px;
  width:60px;
  height:71px;
  padding:5px;
  border:1px solid #e2ffaf;
}
div.enquiryitem div.enquirymemo
{
  position:absolute;
  top:24px;
  left:108px;
  width:355px;
  height:71px;
  padding:5px;
  border:1px solid #e2ffaf;
}
div.enquirymemo textarea
{
  width:352px !important;
  width:347px;
  height:50px !important;
  height:48px;
}

div.qty input
{
  position:absolute;
  top:22px;
  width:56px !important;
  width:51px;
}
div#info form
{
  width:352px;
}
#contactform, #registrationform
{
  margin-top:3em !important;
  margin-top:0;
}
#contactform textarea
{
  width:355px !important;
  width:355px;
  height:100px !important;
  height:98px;
  float:left;
}
fieldset
{
  border:1px solid #005800;
  width:430px;
  padding:20px;
}
fieldset.email
{
  width:560px;
  height:270px;
  max-height:270px !important;
  height:260px;
}
legend
{
  color:#005800;
  font-size:1.2em;
  font-weight:bold;
  padding:0 1em 0 1em !important;
  margin:0 !important;
  margin-bottom:2em;
}
div#info form label
{
  text-align:right;
}
/* FORMFIELD CLASS STYLES */
.formfield
{
  position:relative;
  width:100%;
  height:22px;
  padding:0 0 0 10px;
  float:left;
  clear:both;
}
.labelfield
{
  position:absolute;
  top:0;
  left:0;
  width:120px;
  text-align:right;
  padding-left:10px;
}
.datafield, .messagefield
{
  position:absolute;
  top:0;
  left:131px;
  width:420px;
  padding-left:10px;
  float:right;
  clear:both;
}
.messagefield
{
  width:260px;
  float:left;
  clear:both;
}
.text
{
  margin-bottom:1px;
}
form#registration datafield.text
{
  margin-bottom:.5em;
}
.preradio
{
  margin-bottom:1em;
}
.radio
{
  vertical-align:text-bottom !important;
  vertical-align:middle;
  margin-top:.2em !important;
  margin-top:0;
}
div.textarea
{
  position:relative;
  display:block;
  height:100px;
  margin-bottom:10px;
}
select
{
  width:164px;
}
input.text
{
  width:160px;
}
input.submitbtn
{
  width:auto;
  font-size:.8em;
  font-weight:bold;
  color:#fff;
  background:#005800;
  margin:0;
}
select.idd, select.salutation
{
  width:4.5em;
}
select.datetime
{
  width:4em;
}
select.hourmin
{
  width:3.5em;
}
p.registration
{
  max-width:450px !important;
  width:450px;
}
ul.errorlist
{
  list-style-type:disc;
}
hr
{
  display:block;
  width:100%;
  visibility:hidden;
  clear:left;
}
div#confirm
{
  width:400px;
  padding:30px;
  margin:30px 0;
  background:#e2ffaf;
  border:1px solid #005800;
  float:left;
  clear:both;
}
input.readonly
{
  color:#000;
  background:#fff;
  border-style:none;
}
div#errorbox
{
  width:510px;
  padding:20px;
  margin-bottom:3em;
  border:1px solid #005800;
}
div#errorbox h3
{
  color:#c00;
  text-align:center;
}
div#errorbox p
{
  min-width:100% !important;
  width:500px;
  color:#c00;
  font-weight:bold;
  text-align:center;
}
table.enqryreport
{
  width:555px;
}
table.enqryreport th
{
  text-align:left;
  padding-right:1em;
}
table.enqryreport th, table.enqryreport td
{
  vertical-align:top;
}
.divider
{
  border-bottom:1px solid #005800;
}
div#homebgnd
{
  position:absolute;
  width:100%;
  height:100%;
  background-image:url(../images/montage.jpg);
  background-position:90% 80%;
  background-repeat:no-repeat;
}
input#login
{
  position:relative;
  margin-top:1em;
  left:50%;
}
div#loggedin
{
  background:#fff;
  width:90%;
  background:#ffeeee;
  border:2px inset #005800;
  margin:1em auto;
}
div#loggedin p
{
  line-height:.25em;
}
img#hkgmap
{
	position:relative;
	display:block;
	padding:5px;
	border:1px solid #000;
	margin:auto;
}
input.abort
{
  position:relative;
	margin:1em 0 0 5em;
}