/*
Theme Name: Lihoya
Author: Frank Lam
*/


/* RESET
*/

*			{margin: 0; padding: 0;}


html		{overflow-y: scroll;}


html, body	{height:100%;}

body		{font-size: 12px; font-family: Arial, sans-serif; background:#fff url(images/bg2.jpg) left top repeat-x}

a			{outline: none; text-decoration: none;}

a img		{border: none;}

img			{border: none;}

li		{list-style: none;}

img			{vertical-align:middle;}

table		{border-collapse: collapse;}

hr			{color: #000;
background-color: #000;
height: 1px;
border:0;
width:790px;
margin:0 0 0px 0;
padding:0;}

input {font:Arial, Helvetica, sans-serif; font-size:11px; border:solid 1px #ddd }
textarea {font:Arial, Helvetica, sans-serif; font-size:11px; border:solid 1px #ddd }
select {font:Arial, Helvetica, sans-serif; font-size:11px; border:solid 1px #ddd }



/*
UTILITY
*/

.floatLeft		{ float: left;}
.floatRight		{ float: right;}
.clear			{clear: both;}

.button			{border: 0px solid #666666; background: #666666;

				padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius:5px;

				color: #ffffff; }


.buttun:hover	{background: #cccccc; color: white;}



.hidden {
display:none
}


/*
STRUCTURE
*/


#page-wrap		{width:1003px; margin: 0px auto 0px;
                 min-height:500px; height: auto !important; height:500px; position:relative; background:url(images/bg.jpg) top left no-repeat;
}

#page-wrap:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#push			{height: 291px;}

#main-col		{width:1003px; height:400px; position:relative; padding-top:150px; }

#wrap		{float:left; width:1003px; height:auto; }




/*
TYPOGRAPHY
*/

p, li			{margin: 0px 0 0px 0; color: #666; font-family: Arial, sans-serif; font-size:11px}

a				{color: #888;}

a:hover			{color: #666;}

a.brown-a {color:#965829;}

a.brown-a:hover {color:#666;}

p.ti-head		{color:#fff; font-family:"Times New Roman", Times, serif; font-size:21px}

p.ti-head-2		{color:#000; font-family:"Times New Roman", Times, serif; font-size:21px}

td				{color: #666; font-family: Arial, sans-serif; font-size:11px; padding:2px 8px 2px 0}

#enquiry-tb		{background-color:#eee}

#enquiry-tb	td	{background-color:#eee; padding:5px }

/*
HEADER
*/


#cart  {position:absolute; top:45px; right:75px; z-index:999}
/*
MENU
*/




/*
INDEX
*/

#index-text		{position:absolute; top:200px; right:0px; width:157px; height:279px;}

/*
Aboutus
*/

/*
Product
*/
div.pro-block {width:180px; height:180px; margin:5px 0px 5px 45px ; float:left}

div.pro-block:hover {}

div.pro-block:hover p{color:#000}

div.pro-block p {text-align:center; color:#333; font-size:10px}

#foo {position:absolute; top:170px; left:220px; z-index:999}

div.pro-block-2 {width:180px; height:180px; margin: 100px 0px 0px 45px; float:left}

div.pro-block-2 p {text-align:center; color:#333; font-size:10px; padding-top:5px; font-family:"Times New Roman", Times, serif}

div.pro-block-3 {width:900px; height:20px; margin: 10px 0px 10px 10px; float:left}

div.pro-more	{width:20px; height:20px; position:absolute; right:10px; top:180px}

div.pro-back	{width:20px; height:20px; position:absolute; left:10px; top:180px}



.title1		{font-family:"Times New Roman", Times, serif; color:#000; font-size:28px}


#p-left-2	{float:left; width:100px; height:400px}

#p-left-2 a {text-align:left; color:#222; font-size:21px; padding-top:5px; font-family:"Times New Roman", Times, serif}


#p-right-2	{float:right; width:800px; height:400px}

#p-text		{position:absolute; top:50px; right:0px; width:157px; height:279px;}

/*
Product-des
*/

#p-left		{float:left; width:390px; height:400px; padding-left:90px; z-index:99}

#p-right	{float:right; width:400px; height:400px; padding-right:90px; overflow:hidden; z-index:98}

#p-left-3		{float:left; width:380px; height:400px; padding-left:10px}

#p-right-3	{float:right; width:380px; height:400px; padding-right:10px; overflow:hidden}

p.p-head	{font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.color-sel {display:block; margin:5px 5px 5px 0; border: 1px #000 solid; width:30px; height:30px; float:left; position:relative }

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#666;
    padding:2px 5px;
    border:1px solid #fff;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:none;
    padding:2px 7px;
}


/*
NEWS
*/

#news		{background:#e9e9e9; width:380px; min-height:270px; height:auto !important; height:270px margin-top:60px; padding:10px}


/*
FOOTER
*/


#footer-inside		{ width:1003px;  }


#footer	{width:1003px; margin: 0px auto 0px; clear: both;}