007.css

网上购物系统

 /*-------------------- 基本html标记样式 --------------------*/
  body {background-position: 0% 0%; margin:0 auto; padding:0; font-family: Arial;font-size: 12px;color: #333333;text-align: center; background-image:url('body_bg.gif'); background-repeat:repeat;}
  img {max-width: 100%;border:0px;}
  form {margin:0;padding:0;}
  td {font-size: 12px;color: #666;}
  a:link,a:visited {color:#224488;text-decoration:none}
  a:hover,a:active {color:#224488;text-decoration:underline}
  a:link.U, a:visited.U {color:#FFFFFF;}
  a:hover.U, a:active.U {color:#FFFFFF;text-decoration:underline}
  .HackBox {clear: both;font-size:0px;line-height:0px;} /*---清除浮动---*/
  .dotline { border:1px dashed #C0C0C0; height:1px }
  .RightHead {margin:0px;line-height:27px;height:27px;padding-left:10px;font-weight:bold;font-size:12px;background-image:url('menu_m.gif'); color:#FFFFFF}
  
 /*---主体样式---*/
  #container {width:998px;margin:0 auto;padding:0px;text-align:center; background-color:#FFFFFF}
 
  /*---顶部样式---*/
  #container #header{margin:0 auto;width:100%;}
  #container #header #shopheader {margin:0px 0px 2px 0px;overflow: hidden;width: 100%;}
  #container #header #logo {background: #FFF;padding: 1px 5px 1px 6px;float: left;width:40%;text-align:left;}
  #container #header #headnavbar { folat:right;text-align:right;clear:right;margin-top:10px;width:auto;height:30px;}
  #container #header #headnavbar ul li{folat:left;display:inline;margin:0 2px;}
  #container #header #headnavbar .menuDiv { width:1px; height:10px; background:#ccc; }
  #container #header #headsearch {float:right;clear:right;width:400px;text-align:right;margin-bottom:5px;}
  
  /* menu */
  #menu {margin:0px;background:url(menu_m.gif) repeat-x top;text-align: center;height:27px;line-height:27px;font-weight:bold;font-size:12px;}
  #menu ul{margin:0px}
  #menu li{display:inline;}
  #container #header #menu a:link {color: #fff; text-decoration: none; }
  #container #header #menu a:visited {color: #fff; text-decoration: none; }
  #container #header #menu a:hover {color: #fff; text-decoration: underline; }
   .menuL {}
   .menuR {}  
   .menuDiv {padding:0px;margin:10px;width:1px;height:14px;line-height:14px;background:url(menu_div.gif) no-repeat;overflow:hidden;}/*---菜单分割线---*/

  /*---内容样式---*/
  #container #tbody {width:980px;text-align:left;margin-top:10px;}
  
  /*---侧栏--*/
  #sidebar {float:left;width:188px;text-align:center;margin:0px}
  #innersidebar {margin:0px}

  /*---侧栏样式--*/
  .sidepanel {background:#fff;width:188px;padding-bottom: 3px;background: url('pfoot.jpg') bottom left no-repeat;margin-bottom:5px;}
  .Ptitle{margin:0px;line-height:23px;height:23px;padding-left:10px;text-align:left;font-weight:bold;font-size:12px;background: url('ptitle_bg.gif') top left no-repeat;background-color: #3690F2;color:#FFFFFF}  
  .Pcontent{border-left:1px solid #DADADA; border-right:1px solid #DADADA; text-align:left;padding:4px}  
  .Pcontent ul {list-style:none;margin:0px;padding-left:2px;padding-top:10px;padding-bottom:10px;}
  .Pcontent ul li {padding:2px 0;}
  .Pfoot{margin-bottom:5px;}
}  
  
  /*---主内容--*/ 
  #mainContent{margin:0px 0px 10px 0px;float:right;width:780px;}
  #innermainContent{margin:1px}
  .content-width{margin:auto;width:100%}/*--主内容元素的全局宽度--*/
  
  /*---底部样式---*/
  #container #foot {width:1000px;margin:0px auto;text-align:center;background:url('foot_bg.gif') repeat-x;}
  #container #foot #footin {margin-top:10px;}
  
  /*---首页轮显广告样式/首页最新动态样式---*/
  #container #adv_middle {float:left;width:482px;text-align:center;margin:0px}
  #container #news_top10 {margin:0px 0px 10px 0px;float:right;width:270px;}
  #container #link_index {width:980px;margin:0px auto 10px auto;text-align:left;}
  .MainHead {font-weight: bold; background-color: #F5F5F5;padding:4px;2px}