/*General body style*/
*		{margin:0; padding:0;}	/*No margin, no padding, no show overflow by default*/
img		{border:0;}

body	{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

a { text-decoration:none; color:#ff0000;}
a:hover { color:#FF6600;}
h1 {
	background:url(../img/hline_left.png) no-repeat bottom left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:normal;
	color:#333333;
}
	
h2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:normal;
	border-bottom:#000000 thin solid;
	border-top:#000000 thin solid;
	color:#333333;
	text-align:center;
}

h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:normal;
	color:#000000;
}

h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:normal;
	color:#333333;
}

p {padding: 8px 8px 8px 0px; }
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px solid #999999; border-bottom:0px solid #abb0b5; height : 1px; }



.clear_left { clear:left;}
.clear { clear:both;}
/*
body	{margin-top:100px; margin-bottom:50px;}
*/

div#header_wrap	{width:100%; height:73px; position:fixed; top:0; left:0;
				background:url(../img/bg_topnav.png) repeat-x;
				z-index:9000;}

div#navigation_wrap {width:900px; height:73px; margin-left:auto; margin-right:auto; background:url(../img/bg_topmenu.png) no-repeat; margin-top:3px;
				z-index:9200;
				}

/*http://webdesign.about.com/od/css/ht/htcsscenterfix.htm*/
/*Set display area width 900px at the center of the browser page*/
div#body_wrap	{width:900px; text-align:left; margin-left:auto; margin-right:auto;
				}
body			{text-align:center;} /*Fix for Netscape 4, and IE 4 - 6 (quirks mode)*/

div#footer_wrap	{width:100%; height:90px; bottom:0; left:0; margin-left:auto; margin-right:auto;
				z-index:9100;
				}
				/*20100706:Tony:Move position:fixed; to index.css (Tiesda's requested to fix positon only front page)*/
/*
div#footer { width:900px; height:90; background:url(../img/bg_footer.png) no-repeat bottom center; margin-left:auto; margin-right:auto;}
*/

div#body_fillup		{width:900px; height:90px;}
div#content_top		{width:900px; height:73px;}
div#body_bottom		{clear:both; height:40px;} /*Successfully put a box to push the content up*/

div#content_wrap	{ margin:0px;}

/*
div#mainbanner_wrap	{width:900px; height:400px; position:relative; top:60px;}
*/
div#mainbanner_wrap	{width:900px; height:340px; margin-top:73px;}

/*============================================================================*/
/* After this line Tiny will manage where to put them or just leave them here */


/* Shop list */

.shoplist { display:block; width:100%; position:relative; }
.shoplist ul { list-style:none; }
.shoplist li { padding:8px; margin:4px; display:block; float:left; width:150px; height:150px; font-size:11px; border-top:#000000 solid 1px;}


/* End Shop list */

/* colume layout fit to 900 pixel */
#pd-content-wrap { display:block; position: relative; top:0px; width:100%; float:left; text-align: left; font-size: 11px; }

#two-content-wrap { display:block; padding: 8px 0px 0px 8px; position: relative; top:0px; width: 446px; float:left; text-align: left; font-size: 11px; }

#three-content-wrap { display:block; padding: 8px 0px 0px 8px; position: relative; top:0px; width: 280px; float:left; text-align: left; font-size: 11px; }

#four-content-wrap { display:block; padding: 8px 0px 0px 8px; position: relative; top:0px; width: 215px; float:left; text-align: left; font-size: 11px; }

div#pd-content-wrap em { display:none;}
div#pd-content-wrap ul { display:list-item; list-style:none;}
div#pd-content-wrap ul li {}

/* colume layout */

/* Start product assistance css */

.yearlist { display:block; width:100%;}
.yearlist ul { list-style:none;}
.yearlist ul li { padding:0px; margin-right:4px; margin-left:4px; display:block; float:left;}
.yearlist ul li a { text-decoration:none;}

div.asst_content { width:100%; height:350px; overflow:auto;}

/* End product assistance css */