﻿body 
{
    width:1024px;
    margin:0 auto;
	background:url('img/bg.jpg');
	font-family:Tahoma;
	font-size:10pt;
}
#wrapper
{
    position:relative;
    background-color:#fff;
    padding:5px;
    display:inline-block;
    }
#contentLeft
{
    width:400px;
    background:#fff url('../img/bgLogin.png') no-repeat;
    float:left;
    margin:0px 50px;
    /*height:500px;*/
    }
 #contentLeft .box
 {
     font-weight:bolder;
     padding-top:100px;
     padding-left:50px;
     }
#contentRight
{
    padding-top:5px;
    width:514px;
    /*height:500px;*/
    float:right;
   /* background-color:Yellow;*/
    }
#contentRight img
{
    margin-top:20px;
    }
#contentMsg
{
    width:400px;
    height:300px;
    background:#fff url('../img/bgMessage.png') no-repeat;
    margin:50px auto;
    }
#contentMsg .box
{
    padding-top:100px;
    padding-left:50px;
    width:200px;
    }
#orderLeft
{
    width:660px;
    float:left;
    /*background:#fff url('../img/step1.png') no-repeat;*/
    border-right:solid 1px #ccc;
    margin-bottom:100px;
    }
#orderLeft .product
{
    width:620px;
    margin:40px auto;
    border:solid 1px #9d8bb5;
    }
 #orderLeft .product .menu2
 {
    width:614px;
    background-color: #9d8bb5;
    font-size:1.1em;
    font-weight:bold;
    color:#ffffff;
    padding:3px;
     }
  #orderLeft .product .dtail
  {
      margin:10px 80px;
      display:inline-table;
      }
   #orderLeft .product .dtail .tag
   {
       font-weight:bolder;
       text-align:right;
       width:150px;
       }
#orderLeft .product .menu
{
    width:620px;
    background-color: #9d8bb5;
}
 #orderLeft .product .menu ul
{
    padding-left: 0;
    margin: 0;
    background-color: #9d8bb5;
    color: White;
    float: left;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
    }
 #orderLeft .product .menu ul li a
 {
     padding: 0.2em 0.5em;
    background-color: #9d8bb5;
    color: White;
    text-decoration: none;
    float: left;
    border-right: 1px solid #fff;
     }
 #orderLeft .product .menu ul li a:hover
 {
background-color: #fff;
color: #000;
     }
 #orderLeft .product .menu ul li
 {
     display: inline;  
     font-size:1.05em;
     }
#orderLeft .product .cat
{
     border-bottom:solid 1px #9d8bb5;
     padding-bottom:5px;
     line-height:1.5em;
    }
#orderLeft .product .cat .h
{
    color:#7b0099;
    }
#orderRight
{
    width:344px;
    float:right;
    background:#e3bce8 url('../img/hdCartStep2.png') no-repeat;
    margin-bottom:100px;
    }
#orderRightSum
{
    width:352px;
    height:500px;
    float:right;
    }
#orderRightSum .menu
{
    width:352px;
    
        color:#656465;
    }
#orderRightSum .menu a
{
   text-decoration:none;
    }
#orderRightSum .menu a:hover
{
   color:#e9cf3f;
   text-decoration:none;
    }
#orderRightSum .menu img
{
    float:left;
    clear:both;
    border:none;
    }
#orderRightSum .menu span
{
    width:210px;
    height:70px;
    float:right;
    padding:5px;
    border-bottom:solid 1px #9d8bb5;
    }
#orderRightSum .menu span h3
{
    color:#68347d;
    }
#orderRight .cart
{
    margin:90px 5px;
    } 
#orderRight .cart .panelSum
{
    margin:10px 6px;
    float:right;
    width:230px;
    font-weight:bolder;
    }
#orderRight .cart .panelSum span
{
    margin:5px;
    color:Red;
    font-weight:normal;
    }
 .main_util
{
    width:362px;
    margin:0 auto;
    }
 .clearall
 {
     clear:both;line-height:0;height:0;
     }
/*#boxFeedback a{display:block;}
#boxFeedback{
	position:fixed;
	bottom:0;
	right:0;
	height:100px;
	width:100px;
}
* html #boxFeedback{
	position: absolute;
    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) : document.body.scrollTop + (document.body.clientHeight-this.clientHeight));
}*/
#footer
{
    position:fixed;left:0px;bottom:0;width:100%;
    margin-top:50px;
    }
/* table style */
.datagrid
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	width:800px;
	border:solid 1px #ad9e87;
}

/* common cell styles */
.datagrid th, .datagrid td
{
	cursor:default;
	height:20px;
}

/* header cell style */
.datagrid th
{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#ad9e87;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#ad9e87;
    background:#e1d6c7 url(../night/mt_back.gif) repeat-x;
    color:#59483f;	
    font-weight:bold;
    text-align:center;    
}  

/* cell styles */
.datagrid td
{
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

/* mouseover row style */
.datagrid tr:hover{ background-color:#f2e8da; }

