/* -------------------------------------------------------------- 
  
   Djweilai Screen Styles
   * Version:   0.5 (2008-6-6)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

/* Page
-------------------------------------------------------------- */

body { background-color:#fff; }
#page { margin: 0 auto; width: 1002px;}
#pager td { text-align:center; border:none; }

#productList img {padding:2px;border:1px solid #ccc; width:220px; overflow:hidden; height:160px;}
#productList div { float:left;padding:2px; width:226px; height:216px; margin:20px 7px; display:inline; }
#productList h5 { text-align:center; text-align:center;margin:2px 0; line-height:20px;}

#HomeProductsList{}
#HomeProductsList div{ float:left;padding:2px; overflow:hidden; width:126px; height:172px; }
#HomeProductsList img{padding:2px;border:1px solid #ccc; width:126px; overflow:hidden; height:122px;}
#HomeProductsList h5{ line-height:20px;text-align:center;}

/* Header
-------------------------------------------------------------- */

#header { margin: 0; background:url(../../images/top_bg.gif) bottom no-repeat; height:120px; }
#header img { float:left; }

#header .tabs { float:right; margin:60px 0px 0px 10px; width:650px; }
#header .tabs li { background-image:url(../../images/menu_middle.gif) }
#header .tabs a { font-weight:bold; padding: 7px 14px; color: #fff; text-decoration: none; }

#banner { }

/* Body
-------------------------------------------------------------- */

#body { margin: 15px 0; }
#introduction { background-color:#fff; float: right; width: 740px;  }
#introduction #pageContent { padding: 0 6px; background-color:#fff; }
#banner { text-align:center; }
#resources { height:100%; background-color:#fff; float: left; width: 187px; padding:3px; margin:0 6px 0 3px; }
#resources h3 { color: #006fd6; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

/* Navigation
-------------------------------------------------------------- */
h2 { height:20px; font-size:13px; color:#FFFFFF; background-color:#FF0000; border-bottom:2px solid #119BE4; padding:0 0 0 40px; background:url(../../images/title_h2_bg.gif) no-repeat left center;}
h3 {font-size:12px; background-color:#fafafa; color:#000; border-bottom:1px solid #d6d6d6; margin:0; padding:6px 0 6px 30px; background:url(../../images/title_h3_bg.gif) no-repeat 10px center; }
h4.news_title,h4.product_title{ text-align:center;}
#page_navigation { background-color:#fafafa; }
#page_navigation ul { margin:6px auto; width:180px; list-style:none; }
#page_navigation ul li { margin:3px 0; width:156px; height:25px; padding:1px 0 1px 20px; background:url(../../images/page_navigation_bg.gif) no-repeat left center;}
#page_navigation ul li a { display:block; padding:5px 5px; color:#000; }

#product_navigation { border:1px solid #ccc; padding:1px;}
#product_navigation ul { margin:0; list-style:none;  }
#product_navigation ul li { width:160px; height:25px; border-bottom:1px dashed #ccc; background:url(../../images/pro_arrow_bg.gif) no-repeat 15px center; padding-left:25px;}
#product_navigation ul li a { display:block; padding:5px 5px;}

#friend_links ul { margin: 16px auto; width: 193px;}
#friend_links ul { list-style:none; }
#friend_links ul li { margin:5px 20px; padding:6px 20px; width:100px; border:1px solid #ebebeb;}

/* Content
-------------------------------------------------------------- */
#newsList { padding:0 6px; }
#newsList ul { margin:0; list-style:none; }
#newsList ul li { padding:5px 16px; border-bottom:1px dashed #ccc; background:url(../images/news_bg_arrow.gif) no-repeat left center;}
#newsList ul li a {  color:#000; }
#newsList ul li span { text-align:right; color:#ccc; padding:0 20px;}

/* Footer
-------------------------------------------------------------- */
#footer { height:77px; margin: 0px; text-align:center; background-image:url(../../images/bottom_bg.gif); }

#footer .tabs { width: 405px; margin:0 auto; }
#footer .tabs a { padding: 10px 15px; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }