
 /**
 *  XStead Ltd.
 *  info[at]xstead.com
 **/

 @import url(login.css);
 @import url(left.css);
 @import url(shop.css);
 @import url(reg.css);
 @import url(contact.css);
 @import url(static.css);
  ul{padding:0px; margin:0px;}  
 html {
	margin:0; padding:0;
	height:100%;
 }
 form {
   margin: 0px;
   padding: 0px;
   font-size: 1px;
 }
 iframe, div, span {
   border: 0px;
   margin: 0px;
   padding: 0px;
   font-size: 8pt;
   margin: 0 auto;
   color: #000000;
 }
 input, select, textarea {
   font: 10pt arial;
   border: 1px solid #bcb5a0;
   background: #f5eed8;
   padding-left: 2px;
   color: #594c3f;
   margin: 0px;
   text-align: left;
 }
 .radio {
   font: 8pt arial, sans-serif;
   border: 1px solid #b4b4b4;
   background: #ffffff;
   padding-left: 2px;
   color: #444444;
   width:16px; height:16px;
 }
 img {
   border:0;
   vertical-align:top;
   /*text-align:left;*/
 }
 .clr { clear: both; font-size: 1px; }

 ul {
  list-style:none;
 }
 .site-nav {
  padding-left:23px;

 }
 .site-nav li {
  float:left;
 }
 
 .sp_body {
 	margin:0; padding:0;
  background: #400417 url('../design/tail-top.gif') left top repeat-x;
	text-align:center;
	font-family: arial;
	font-size:8pt;
	color:#000000;
	height:100%;
  width: 100%;
 }
 .sp_main {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	width: 980px;

 }
 .sp_top {
  height: 457px;
  text-align: center;
  background: url('../design/header-bg.jpg') left bottom no-repeat;
 }
 .sp_logoholder {
  height: 256px;
 }
 .sp_logo[class] {
   background: url('../design/logo.png') top left no-repeat;
 }
 .sp_logo {
  height: 105px;
  width: 244px;
  position: absolute;
  margin-left: 601px;
  _margin-left: 50px;
  margin-top: 84px;
  background: none transparent top left no-repeat;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/design/logo.png');
 }
 .sp_middlemenu[class] {
   background: url('../design/middlemenubg.png') top left no-repeat;
   text-align: center; 
 }
 .sp_middlemenu {
   height: 135px;
   width: 936px;   
   margin: 0 auto;      
   text-align: center;   
   background: none transparent top left no-repeat;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/design/middlemenubg.png');
 }

 .sp_content {
   width: 936px;
   margin-top: 3px;
  }
 .sp_content #header {
   width: 936px;
   height: 21px;
   background: url('../design/contentheader.gif') top left no-repeat;
   font-size: 1px;
 }
 .sp_content #footer {
   width: 936px;
   height: 21px;
   background: url('../design/contentfooter.gif') top left no-repeat;
   font-size: 1px;
 }
 .sp_content #bg {
   width: 936px;
   min-height: 400px; /* just debug */
   background: url('../design/contentbg.gif') top left repeat-y;
 }

 .sp_footer {
   width: 936px;
   height: 30px;
   margin-top: 3px;
 }
 .sp_footer .txt, .txt a {
   color: #fff;
 }

 .site-middlemenu {
   padding-left:23px;
   padding-top:15px;
 }
 .site-middlemenu li {
   float:left;
   display: block;
   text-align: center;
   font-family: arial;
   font-size: 14pt;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
   padding-left:30px;
   cursor: pointer;
   position: relative; 
 }
 .site-middlemenu li a, .site-middlemenu li a:hover {
   text-decoration: none;
   color: #fff;
   cursor: pointer;
   position: relative;
 }

 .sp_middlemenu .icon1[class] {
   background: url('../design/middleicon1.png') top left no-repeat;
 }
 .sp_middlemenu .icon1 {
   width: 57px;
   height: 58px;
   margin: 0 auto;
   text-align: center;
   margin-top:5px;
   background: none transparent top left no-repeat;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/design/middleicon1.png');
 }
 .sp_middlemenu .icon2[class] {
   background: url('../design/middleicon2.png') top left no-repeat;
 }
 .sp_middlemenu .icon2 {
   width: 167px;
   height: 58px;
   margin: 0 auto;
   text-align: center;
   margin-top:5px;
   background: none transparent top left no-repeat;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/design/middleicon2.png');
 }
 .sp_middlemenu .icon3[class] {
   background: url('../design/middleicon3.png') top left no-repeat;
 }
 .sp_middlemenu .icon3 {
   width: 57px;
   height: 58px;
   margin: 0 auto;
   text-align: center;
   margin-top:5px;
   background: none transparent top left no-repeat;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/design/middleicon3.png');
 }
 .sp_middlemenu .icon4[class] {
   background: url('../design/middleicon4.png') top left no-repeat;
 }
 .sp_middlemenu .icon4 {
   width: 66px;
   height: 58px;
   margin: 0 auto;
   text-align: center;
   margin-top:5px;
   background: none transparent top left no-repeat;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/design/middleicon4.png');
 }

 .sp_leftholder {
   float: left;
   width: 263px;
   margin-left: 8px; 
 }
 .sp_rightholder {
   float: left;
   width: 640px;
   margin-left: 8px;   
 }

 .sp_left {
   width: 263px;
   margin-top: 3px;
  }
 .sp_left .lheader {
   width: 263px;
   height: 15px;
   background: url('../design/leftheader.gif') top left no-repeat;
   font-size: 1px;
 }
 .sp_left .lfooter {
   width: 263px;
   height: 15px;
   background: url('../design/leftfooter.gif') top left no-repeat;
   font-size: 1px;
 }
 .sp_left .lbg {
   width: 263px;
   /* min-height: 400px; /* just debug */
   background: url('../design/leftbg.gif') top left repeat-y;
 }
 .sp_left .spr {
   width: 263px;
   height: 10px;
   font-size: 1px;
  }
  
  
 .sp_left .lheader_new {
   width: 263px;
   height: 15px;
   background: url('../design/leftheader_new.gif') top left no-repeat;
   font-size: 1px;
 }
 .sp_left .lfooter_new {
   width: 263px;
   height: 15px;
   background: url('../design/leftfooter_new.gif') top left no-repeat;
   font-size: 1px;
 }
 .sp_left .lbg_new {
   width: 263px;
   /* min-height: 400px; /* just debug */
   background: url('../design/leftbg_new.gif') top left repeat-y;
 }  


