 .clearfix:after {
    content:""; display: block; clear: both; height: 0; visibility: hidden;
 } * html .clearfix {
    height: 1%
 } *+html .clearfix {
    min-height: 1%;
 }
 
 .left { 
    float: left
 }
 
 .right {
    float: right;
 }

 html { height: 100%; }
 body { height: 100%; margin: 0px; padding: 0px;
        font: 14px Arial, Helvetica, sans-serif; color: #E9E5AE;
		background: url(/images/b_05.jpg)
 }
 
 h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; }
 
 h1 { color: #FFFFFF; } h1 span { display:none }
 h2 { color: #CCC028; border-bottom: 2px solid #CCC028; margin: 0px 0px 10px -10px; padding: 5px 10px; font: 32px Arial, Helvetica, sans-serif; }
 
 h2.news { border-width: 0px; font-size: 18px; text-align: center; }
 
 div#container {
     position: relative; float: left;
     min-height: 100%; 
	 min-width: 950px; width: 100%; 
	 border: 0px dashed #FFFFFF;
	 background: url(/images/lamp_02.png) no-repeat 0px 186px;
 }
 
 div#print-order {
     position: relative; float: left;
     min-height: 100%; 
	 min-width: 950px; width: 100%; 
	 background: #FFF; color: #000;
 } * html div#print-order {
     height: 100%;
 }
 
 div#header { 
	 position: relative;
	 height: 131px; min-width: 950px;
	 background: #313739 url(/images/l_02.jpg) repeat-x top;
 }
 * html div#header { padding: 0px 750px 0px 200px; }
 
 img#logo { display: block; position: absolute; left: 0px; top: 0px; height: 131px; width: 189px; float: left; }
 img#top  { display: block; position: absolute; right: 0px; top: 0px; height: 131px; width: 744px; float: right; margin-left: 190px; }

 div.menu-container {
     display: table; margin: 0px auto; padding: 0px;
	 border: 0px solid green;
 }

 ul.menu {
    display: block; float: left;	 
	list-style: none;
	margin: 0px; padding: 0px; 	  
	border: 0px dashed #000;
 }
  
 ul.menu li {
    display: block; float: left;
	list-style: none;
	margin: 0px 2px; padding: 3px 5px; 
	border: 0px solid gray; 
 }
  
 div#menu-wrap { height: 75px; background: url(/images/m_05.png) repeat-x top; }
 
 ul#menu           { height: 42px; border-width: 0px; } 
 ul#menu li        { height: 22px; margin: 0px; padding: 15px; }
 ul#menu li.active { background: url(/images/ma_03.jpg) repeat-x top; }

 div#sidebar {
     position: relative; float: left;
	 min-height: 10px; height: auto !important; height: 10px; padding: 300px 0px 100px 0px;
	 border: 0px dashed #F00;
 } 
 
 div#news {
     position: relative; right: 0px;
	 float: right; width: 220px; padding: 20px 20px 105px 20px; 
	 border: 0px dashed green;
 }
 
 div#news-container {
     background: #1E252E; border: 1px solid #CCC028; padding: 10px;
 }
 
 div#news a   { color: #E9E5AE; text-decoration: none; } 
 div#news img { display: block; margin: 0px auto; }
 
 div.news-date        { font-size: 10px; color: #CCC028; }
 div.news-description { margin: 0px 0px 10px 0px; }
 
 div#content {
     margin: 0px 260px 0px 0px; padding: 20px 20px 310px 205px; 
	 font: 14px Arial, Helvetica, sans-serif; 
	 border: 0px dashed gray;
 } 
 
 div#footer {
     position: absolute; left: 0px; bottom: 0px; height: 305px; width: 100%; 
 }
 
 div#copyright { 
     position: absolute; z-index: 0; left: 0px; bottom: 0px; height: 86px; width: 100%; 
	 background: #17191B; height: 86px;
	 font: 14px Arial, Helvetica, sans-serif; color: #E9E5AE; 
 }
 div#copyright a  { color: #E9E5AE; text-decoration: none; }
 div#customer     { position: absolute; top: 20px; left: 20px;  }
 div#developer    { position: absolute; top: 20px; right: 20px; }
 
 div#sofa {
     position: relative; z-index: 1;
     margin: 0px auto; height: 305px; width: 585px;
	 background: url(/images/sofa_06.png) no-repeat 0% 0%;
	  
 } 
  
 dl.vertical {
	border: 0px dashed #000; margin: 0px;
 }
	
 dl.vertical dt  { margin: 0px; clear: both; border: 0px solid #009966; padding: 5px 0px }
 dl.vertical dd  { margin: 0px; float: left; border: 0px solid #33CCFF; margin: 0px 0px 10px 0px }
 dl.vertical img { float: left; border: 0px solid #CCC028; margin: 0px 10px 10px 0px; }
 
 ul.hor-list      { display: block; float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 150px 0px; border: 0px dashed #FFF }
 ul.hor-list li   { display: block; float: left; list-style: none; margin: 0px 10px 10px 0px; padding: 4px 0px 6px; text-align: center; font-size: 16px; }
 ul.hor-list img { border: 1px solid #CCC028; }
 
 span.price {
     display: block; padding: 3px 0px 0px 0px; 
	 color: #FFF;
 }
 
 a { color: #FFFFFF; }
 
.main_form {width: 250px; margin: 0px;}
 img {border: 0px;}
 form {margin: 0px; padding: 0px;}
 input, select, textarea {
	font: 11px Arial, Helvetica, sans-serif; 
	background: #FFFFFF; 
	border: 1px solid #C8C8C8;
	text-decoration: none !important;
 } 
 
 #cart {
   position: relative; z-index: 100; width: 140px; padding: 10px 10px 10px 10px;
   border: 0px dashed #FFF; text-align: center;
 }
 
 #cart-icon {
   width: 50px; height: 38px; margin: 0px 0px 5px 0px;
   background: url(/images/cart.png) no-repeat;
   cursor: pointer;
 }
 
 div#cart-background {
     position: absolute; left: 0px; top: 0px; bottom: 0px; z-index: 1000; display: none;
	 width: 100%; min-height: 100%; height: auto !important; height: 100%; background: #DADADA;
	 opacity: 0.5; 
 }
 
 div#cart-container {
     position: absolute; left: 0px; top: 0px; z-index: 1000; display: none;
	 width: 100%; min-height: 100%; height: auto !important; height: 100%;
	 color: #315683; 
 }
 
 table#cart-edit {
     width: 70%; height: 300px; margin: 100px auto 40px auto;
 }
 
 div#close-cart {
     text-align: right; padding: 5px; position: relative;
 }
 
 span#cart-title {
      display: block; position: absolute; left: 0px; top: 5px; 
	  font: bold 14px Georgia, "Times New Roman", Times, serif; 
 } * html span#cart-title {
      left: -93%;
 }
 
 div#cart-plate {
     position: relative; z-index: 1001;
	 width: 100%; min-height: 300px; height: auto !important; height: 300px; background: #FFFFFF; opacity: 1;
	 padding: 15px 15px 15px 15px; border: 1px solid #037ACC;
 }
 
 div#order-plate {  
	 background: #FFFFFF; opacity: 1;
	 padding: 15px 0px 15px 0px; 
 }
 
 input.text {
     display: block; width: 200px;
 }
 
 textarea.text {
     display: block; width: 400px; height: 200px;
 }
 
 div#order-plate label {
     display: block; padding: 5px 0px 5px 0px;
 }
 
 .cart-order {
     color: #037ACC;
 }
 
 table.t-cart-list th {
       border-style: solid; border-color: #C5C2CC; border-width: 1px 1px 1px 0px; padding: 5px; background: #C5C2CC;
 }
 
 table.t-cart-list td {
       border-style: solid; border-color: #C5C2CC; border-width: 1px 0px 0px 0px; padding: 5px; text-align: center; background: #EBE3FA;
 }
 
 span#c-list-total {
      display: block; position: absolute; left: 0px; top: 5px; font: 12px Georgia, "Times New Roman", Times, serif;
 } * html span#c-list-total {
      left: -85%;
 }
 
 .tgroups {
	display: block; list-style: none;
	maegin: 0; padding: 0 0 10px 10px; 
 }
	.tgroups li {
		display: inline;
		padding: 0 12px 0 0;
	}
	
	.tgroups a {
		color: #FFF;
	}
	
	.tgroups .active a {
		color: #7EE51E;
	}
	
.tcontainer {
	position: relative;
	float: left;
}
	.tcontainer td {
		vertical-align: top;
	}
	
	.tcontainer .item {
		padding: 0 0 20px;
	}

	.tcontainer .item img {
		width: 200px;  height: 160px;
		margin: 0 10px; padding: 0;
	}
	
	.tcontainer .item .title {
		display: block; padding: 5px 10px;
		margin: 0 10px; text-decoration: none;
		color: #FFF;
	}
	
	.tcontainer .item .title:hover {
		background: #8E909D;
		color: #FFF;
	}
	
	.tcontainer .arrows {
		padding: 0 0 0 10px;
	}
	
		.tcontainer .arrows .img {
			vertical-align: middle;
		}

.item-details {
	position: relative;
}
	.item-details td {
		vertical-align: top;
		padding: 20px 15px 0 0;
	}
	
	.item-details .title {
		font-size: 24px; 
		padding: 0 0 15px 0;
	}
	
	.item-details .item-image {
		position: relative;
		cursor: pointer;
	}
		.item-details .item-image .zoom {
			position: absolute; bottom: 10px; left: 10px;
		}
	
	.item-details .others {
		position: relative;
	}
		.others-wrap {
			position: relative;
			padding: 20px 20px 0 19px;
		}
		
		.item-details .others ul {
			display: block; list-style: none;
			margin: 0; padding: 0;
		}
	
		.item-details .others li {
			display: block;  float: left;
			margin: 0 10px 0 0;
		}
		
		.item-details .others-item img {
			widows: 98px; height: 98px;
			cursor: pointer;
		}
		
		#gallery-prev {
			position: absolute; left: -21px; top: 40px;
			width: 48px; height: 48px; cursor: pointer;
		}
		
		#gallery-next {
			position: absolute; right: -10px; top: 40px;
			width: 48px; height: 48px; cursor: pointer;
		}

 
 
 

