/* // Dershr */
body {
    background-color:white;
    margin:0px;
    padding:0;
    font-size:12px;  /* 12 */
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color:#663300;
	font-size:24px;
	}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:30px 0 10px 0;
	padding: 0;
	color:#D41F55; /* same a:hover */
	font-size:16px;
	font-weight:bolder;
	}
h1 + h2 {
	margin-top:0px;
	}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 0 0 16px 0;
	padding: 0 10px 0 0;
	}
img {
	border:0;
	}
table {
	border:none;
	}
p:hover, h2:hover, .noindent:hover, .noindenttopmargin:hover, .footnote:hover, .details:hover {
	background-color:#FFFFCC;
	}

/* Links */
a {
    color:#663300;  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration:none;
	}
a:link, a:visited {
    color:#663300;
	}
a:hover, a:active {
	text-decoration:underline;
	color:#D41F55;
	}

/* Top and btm banner */
#banner-holder {width:100%}
.tbl-736 {
	width:736px;
	}
.td-bg-banner {
	background-image:url(/img/bg-banner.jpg);
	}
.td-corner {
	width:10px;
	height:10px;
	}
#td-corner-tl {
	background-image:url(/img/bg-crnr-tl.jpg);
	}	
#td-corner-tr {
	background-image:url(/img/bg-crnr-tr.jpg);
	}	
#td-corner-bl {
	background-image:url(/img/bg-crnr-bl.jpg);
	}	
#td-corner-br {
	background-image:url(/img/bg-crnr-br.jpg);
	}	

#banner-logo {
	width:595px;
	height:105px;
	vertical-align:top;
	text-align:left;
	}
#banner-search {
	width:141px;
	padding-top:5px;
	vertical-align:top;
	text-align:left;
	font-size:8px;
	background-image:url(/img/bg-banner.jpg);
	}
.ctl-search {
	font-size:10px;
	}

.tbl-divider {
	background-image:url(/img/bg-menubar.jpg);
	}
	
.tbl-menubar {
	background-image:url(/img/bg-menubar.jpg);
	}

.td-leftborder {border-left:#CCCCCC solid 1px;vertical-align:top}
.td-rightborder{border-right:#CCCCCC solid 1px}
.td-menubtn {
	width:122px;
	height:20px;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	background-image:url(/img/bg-menubtn.jpg);
	}
.td-menubtn-selected {
	background-image:url(/img/bg-menubar.jpg);
	}
.td-menubtn a:link, .td-menubtn a:hover, .td-menubtn a:active, .td-menubtn a:visited {
	font-size:12px; /* same as menubtn */
	color:white;
	}

#td-navleft {width:155px;text-align:left;vertical-align:top}
.td-contentpadding {
	padding-top:20px;
	margin-top:20px;
	padding-bottom:40px;
	margin-bottom:40px;
	background-image:url(/img/bg-clear.gif);
	}
.td-content-rightpadding {
	width:170px;
	}

.navleft-5px  {margin-left:5px}
.navleft-itm  {margin-left:5px;margin-top:5px;line-height: 1.5em}
.navleft-itm2 {margin-left:25px;margin-top:2px;font-size:10px;color:#0000FF}
	
#td-content {
	text-align:left;
	vertical-align:top;
	}
.tbl-footer-bottombar{
	background-image:url(/img/bg-menubtn.jpg);
	}	
#td-copyright {
	height:45px;
	text-align:center;
	vertical-align:top;
	font-size:10px;
	color:#663300;
	}
	
/* Special cases */
img.floatleft {
	float:left;
	padding-left:0;
	padding-right:10px;
	}
img.floatright {
	float:right;
	padding-left:10px;
	}
em {
    font-style:normal;
    font-weight:bold;
    color:#330000;
	}
.noindent {
	margin-top:0; /* Same as content > p */
	}
.noindenttopmargin {
	margin-top:15px; /* Same as content > p+p */
	}
.quotation {
	margin-left:30px; /* same as content p+p */
	margin-top:10px; /* same as content p+p */
	font-style:italic;
	font-size:.9em;
	font-weight:bold;
	}
.quotation:hover{
	background-color:#FFFFCC;
    color:#663300;
	}
.details {
	margin-left:31px;
	font-size:10px;
	font-weight:bold;
	}
.chineseT {
	font-family: PMingLiU,MingLiU, serif;
	font-size:13px;
	}
.hide-me {display:none}
.show-me {display:block}
h2.h2afterh1 {
	margin-top:0;
	}
.td-adv-search {
	width:155px;
	padding-right:5px;
	line-height:2.2em;
	text-align:right;
	}
.td-FCL {
	text-align:center;
	width:120px;
	}
td.italics {
	font-style:italic;
	text-align:center;
	}
td.bold {
	font-weight:bold;
	text-align:center;
	width:120px;
	}
tr.bgdarkyellow {
	background-color:#FFFF00;
	}
tr.bglightyellow {background-color:#FFFFCC}
tr.blue          {color:#009933;background-color:#FFFFCC}
.firstwords {font-weight:bold;font-size:1.1em;color:#CC3333;margin-left:0}

li        {line-height:1.5em}
li:hover  {background-color:#FFFFCC}
.footnote {font-style:italic}

.breadcrumbs, .breadcrumbs a, breadcrumbs a:visited, breadcrumbs a:hover, breadcrumbs a:active {padding:5px 0 5px 2px;color:#454545}
.breadcrumbs a, breadcrumbs a:visited, breadcrumbs a:hover, breadcrumbs a:active {font-weight:bold}

.pleftimg	{padding-left:10px}
.prightimg	{padding-right:10px}
.pitalics 	{font-style:italic}

/**** search box + search_results.php *****/
.search					{text-align:right}
.search_showing			{margin:1.5em 0 0 0}
.search_hrm0 			{margin:0}
.search_results			{margin:0 0 1em 0;font-size:larger}
.search_results h5		{color:#555;margin:1em 0 0 0}
.search_results h5 a	{color:#663300;font-weight:700}
.search_results h5 a:hover{color:#D41F55}
.search_results p		{margin:0;padding:0 0 0 18px;font-size:10px;color:#555}
.search_results p a		{font-size:smaller;font-style:normal}

/*=============================================================================*/
/* Products */
/* pr-main - thumbnails only */
#tbl-list {margin-bottom:15px;border:0;background-image:url(../img/bg-banner.jpg)}
.td-paddingrow {height:15px;}
.td-paddingcol {width:15px;}

/* pr-plastic - */
.tbl-products {width:410px;margin-top:8px;margin-bottom:16px;background-image:url(../img/bg-banner.jpg);}
.td-product-title {padding:5px 0 5px 5px;color:white;font-weight:bold;background-image:url(../img/bg-menubar.jpg);}
.td-product-thumbnail {
	padding:10px 10px 0 10px;
	}
.td-product-header {
	padding-left:10px;
	padding-top:12px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	}
.td-product-details {
	padding-left:10px;
	padding-top:12px;
	padding-bottom:10px;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	vertical-align:top;
	}
.td-product-links {
	padding-left:10px;
	padding-bottom:10px;
	font-size:smaller;
	font-style:italic;
	font-weight:normal;
 	}
#td-details-learnmore {
	padding-left:10px;
	}
.products-tbl-details a:link, .products-tbl-details a:hover, .products-tbl-details a:active, .products-tbl-details a:visited {
	font-weight:normal;
	color:black;
	}
.products-tbl-details:hover {
	background-color:#E6D7C4;
	}
.products-aftertablespacer {
	font-size:1px; /* There's a div with a space. Text height = space after table */
	}
.tbl-list-thumbnails {
	width:95px;
	height:95px;
	}

/* Single Product page */
 .page-container {
 	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:500px;
	} 
	
.close-window {
	position:absolute;
 	margin-left:auto;
	margin-right:auto;
	width:500px;
	top:15px;
	text-align:right;
	}

.products-title {
	margin-top:20px;
	padding:5px 0 5px 5px;
	color:white;
	font-weight:bold;
    background-image:url(../img/bg-menubar.jpg);
	}

.mainimage-center-l {
	margin:10px 50px 0px 50px;
	}
.mainimage-center-p {
	margin:10px 163px 0px 163px;
	}

.products-tbl-header {text-indent:50px; width:140px; font-weight:bold; text-align:left; vertical-align:top; padding-top:10px}
.products-tbl-details {font-style:italic; font-weight:normal; text-align:left; vertical-align:top; padding-top:10px}
	
.navbtns {
	height:2em;
	margin-top:10px;
	text-align:center;
	}



/*=============================================================================*/
/* Sliding Buttons */
/* Taken from the excellent tutorial at http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button, a.button-gray {
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button {
    background: transparent url('/img/bg-button-a.gif') no-repeat scroll top right;
	}
a.button-gray {
    background: transparent url('/img/bg-button-a-gray.gif') no-repeat scroll top right;
	}
a.button span, a.button-gray span {
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button span {
    background: transparent url('/img/bg-button-span.gif') no-repeat;
	}
a.button-gray span {
    background: transparent url('/img/bg-button-span-gray.gif') no-repeat;
	}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
a.button:active, a.button:hover {
	text-decoration:none;
	}



/*=============================================================================*/
/* FAQs */
.faq-q {padding-top:18px; font-weight:bold;	color:#663300 }
.faq-a {font-style:normal }
.faq-a:hover {background-color:#FFFFCC	}
.totop {padding-top:6px; padding-bottom:12px; font-size:smaller }