body{
position:static;
width:100%;
height:100%;
margin:0px;
padding:0px;
background:#eccbec;
}

/* WebLogo */
#WebLogo{
width:980px;
margin:0 auto;
padding:0;
height:110px;
background:url('includes/banner.jpg');
background-repeat:no-repeat;
background-position:100%;
}

/* h1 for Web Logo */
h1{
float:left;
font-family:Monotype Corsiva;
font-weight:900;
font-size:90px;
color:#5eb5f8;
margin:0;
padding:0 0 0 40px;
color:#72115f;
}

#WebLogo ul{
list-style:none;
margin:10px 0 0 40px;
padding:0;
float:right;
font-family:ËÎÌå;
}

#WebLogo ul li{
float:left;
margin:0 10px 0 0;
font-size:12px;
font-family:arial;
}

#WebLogo a:link, #WebLogo a:visited{
color:#72115f;
text-decoration:none;
}

#WebLogo ul a:hover{
margin:0;
padding:0;
color:#660033;
text-decoration:underline;
}
/*----- navigation -----*/
#navigation{
width:980px;
height:36px;
background:url('includes/nav_bg.gif');
margin:0 auto 5px auto;
padding:0;
}

#navigation ul{
list-style:none;
margin:0 0 0 180px;
padding:5px 0 0 0;
}

#navigation ul li{
display:inline;
font-family:arial;
font-size:18px;
font-weight:900;
margin:0 20px 0 20px;
padding:0;
}

#navigation ul a:link, #navigation ul a:visited{
margin:0;
padding:0;
color:#72115f;
text-decoration:none;
}

#navigation ul a:hover{
margin:0;
padding:0;
color:#660033;
text-decoration:underline;
}

/* ----- Main ----- */
#main{
position:relative;
width:980px;
margin:10px auto 0 auto;
padding:0;
}

/* ----- Category ----- */
#category {
position:relative;
float:left;
width:218px;
margin:0;
padding:0;
}

#category h3{
margin:0;
padding:0;
height:36px;
line-height:36px;
padding:0 0 0 10px;
background:url('includes/nav_bg.gif');
background-repeat:repeat-x;
font-family:arial;
font-size:24px;
color:#72115f;

}

#category dl{
margin:0;
padding:10px 0 10px 20px;
font-family:arial;
font-weight:900;
border:1px solid #f987e2;
list-style:none;
}

#category dl a:link, #category dl a:visited{
text-decoration:none;
margin:0;
padding:0;
color:#72115f;
}

#category dl a:hover{
text-decoration:underline;
margin:0;
padding:0;
color:#660033;
}

#category span{
display:none;
}

#category dl a:hover span.show_image{
display:block;
position:absolute;
left:150px;
}

#category a img{
border:none;
}

#category dl dt{
font-size:14px;
margin:1px 0 0 1px;
padding:1px 0 1px 25px;
}

#category dl dd{
font-size:16px;
margin:0;
padding:10px 0 3px 0;i
border-bottom:1px solid #f987e2;
width:180px;
}

/* ----- online customers service ----- */
#online_customer_service {
margin:0;
padding:10px 0 10px 10px;
color:#000;
font-weight:900;
font-size:13px;
font-family:arial;
text-align:left;
border:1px solid  #f987e2;
}

.clear{
clear:both;
}

/* ----- right content ----- */
#right_content{
float:left;
width:760px;
background:#fdebfd;
margin:0;
padding:0;
}

/* ----- small content -----*/
#small_content{
width:740px;
margin:0 auto 40px auto;
padding:0;
}

#small_content h3{
float:right;
margin:0;
padding:0;
width:200px;
height:36px;
line-height:36px;
font-family:arial;
font-size:24px;
color:#72115f;
text-align:center;
background:url('includes/nav_bg.gif');
}

#small_content ul{
width:100%;
list-style:none;
text-align:center;
margin:0;
padding:20px 0 20px 0;
border:1px solid  #f987e2;
}

#small_content li{
float:left;
margin:0 0 15px 12px;
padding:0;
font-family:arial;
font-size:12px;
}

#small_content img{
border:none;
width:90px;
height:130px;
}

#small_content a{
text-decoration:none;
line-height:30px;
color:#72115f;
font-family:arial;
font-size:13px;
}

#small_content a:hover{
text-decoration:underline;
}

#small_content span{
text-decoration:line-through;
color:red;
margin:0;
padding:0;
}

/* ----- company profile ----- */
#company_profile{
width:94.5%;
text-align:justify;
margin:0;
padding:20px;
border:1px solid  #f987e2;
font-family:arial;
font-size:24px;
}

#contact_details{
width:94.5%;
text-align:justify;
margin:0;
padding:20px;
border:1px solid  #f987e2;
font-family:arial;
}

/* ----- show item -----*/
#show_item{
width:740px;
margin:0 auto 40px auto;
padding:0;
}

#show_item h2{
margin:0;
padding:0;
font-family:arial;
font-size:24px;
text-align:center;
}

#show_item p{
margin:10px auto 10px auto;
padding:0;
text-align:center;
font-size:14px;
font-family:arial;
}

.description{
margin:0;
padding:0;
word-wrap:break-word;
overflow:hidden;
text-align:center;
font-size:14px;
font-family:arial;
}

#policy{
width:740px;
margin:0 auto;
padding:0;
}

#policy a{
text-decoration:none;
margin:0;
padding:0;
font-family:arial;
font-size:18px;
color:#72115f;
}

#policy a:hover{
text-decoration:underline;
}

#policy h3{
float:right;
margin:0;
padding:0;
width:200px;
height:36px;
line-height:36px;
font-family:arial;
font-size:24px;
color:#72115f;
text-align:center;
background:url('includes/nav_bg.gif');
}

#display_policy{
margin:0;
padding:10px;
border:1px solid #f987e2;;
}

/* ----- contact us ----- */
#contact_us_form{
width:94.5%;
margin:0;
padding:20px;
border:1px solid  #f987e2;
font-family:arial;
}

/* ------------* /
form{
margin:50px auto 0;
padding:0;
width:400px;
}

form input{
border:1px solid #f987e2;
}

form textarea{
border:1px solid #f987e2;
}

/* ------ flash image ------*/
.container {
width:200px; 
height:290px;
margin:0 0 0 10px;
padding:0;
}

.container IMG {
width:200px;
height:290px;
border:none;
margin:0;
padding:0;
}

/* ----- footer ----- */
#footer{
border-top:1px solid #f987e2;;
width:900px;
margin:10px 0 0 40px;
}

#footer p{
margin:0;
padding:10px 0 0 200px;
font-family:arial;
font-size:12px;
color:#000;
}

#footer hr{
color:#c99bca;
}

/* ----- page class -----*/
#page_class{
margin:0 0 0 5px;
padding:0px;
font-family:airal;
}

#page_class a:link, #page_class a:visited{
border:1px solid;
padding:2px 6px 2px 6px;
margin:0 2px 0 2px;
}

#page_class a:hover{
text-decoration:none;
background:#c99bca;
}