html, body { height:100%; margin:0px; padding:0px; }
body { background: #FFF url(i/bg.jpg) repeat-x; font-size:14px; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
h1,h2,h3,h4,h5,h6,p { margin:0px; padding:0px; }
ul, li { list-style:none; margin:0px; padding:0px; }
a { text-decoration:none; outline:none; }
a img { border:none; }
h1 {
  color:#A45B40;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size:1.2em;
}

/* all */
#all {
  position:relative;
  width:900px;
  height:100%;
  left:50%;
  margin-left:-450px;
  background-color:#E6D1A4;
  border-left:1px solid #7F7E7E;
  border-right:1px solid #7F7E7E;
}

html>body #all {
  height: auto;
  min-height: 100%;
}

/* header */
#header { position:relative; width:100%; height:119px; }

#header h2 {
  padding:5px 0 10px 10px;
  font-size:16px;
  color:#A45B40;
}
#header #slogan {
  width:285px;
  line-height:0.9;
  padding-left:25px;
  font-size:12px;
  color:#A45B40;
}

#headerMenu_1 { position:absolute; top:100px; left:0px; }
#headerMenu_2 { position:absolute; top:87px; left:182px; }
#headerMenu_3 { position:absolute; top:100px; left:229px; }
#headerMenu_4 { position:absolute; top:87px; left:429px; }
#headerMenu_5 { position:absolute; top:100px; left:475px; }
#headerMenu_6 { position:absolute; top:87px; left:676px; }
#headerMenu_7 { position:absolute; top:100px; left:722px; }


#h1 { position:absolute; top:0px; left:290px; }
#h2 { position:absolute; top:0px; left:500px; }
#h3 { position:absolute; top:0px; left:700px; }

/* sidebar */
#sidebar {
  float:left;
  width:186px;
}
#sidebar ul {
  list-style:none;
  margin-top:20px;
  padding-left:2px;
}
#sidebar li {
  font-size:14px;
  border-bottom:1px solid #FFF;
}
#sidebar li span {
  font-weight:bold;
  color:#A45B40;
}
#sidebar li a {
  display:block;
  width:180px;
  padding-left:4px;
  color:#563D1F;
}
#sidebar li a:hover {
  background-color:#FFF;
  color:#40362D;
}

#sidebar .info {
  position:relative;
  margin-top:15px;
  padding-top:25px;
}

#sidebar .blockImg {
  position:absolute;
  top:0px;
  left:0px;
}
#sidebar .blockText {
  list-style:none;
  padding-left:12px;
  margin-top:0px;
}
#sidebar .blockText li {
  font-size:12px;
  border-bottom:none;
  line-height:0.9;
}
#sidebar .blockText li a {
  display:block;
  width:170px;
  padding:4px 0 4px 4px;
  color:#563D1F;
}
#sidebar .blockText li a:hover {
  background-color:#FFF;
  color:#40362D;
}
#counterProducts {
  color:#f02a2a;
  font-weight:bold;
  font-size:16px;
  background-color:#fff;
  padding:0px 7px;
}

/* content */
#content {
  float:right;
  width:680px;
  height:100%;
  margin-left:0px;
  border-left:1px solid #7F7E7E;
  padding:15px 10px;
  background-color:#fff;
}
#content img.mainIr { padding:3px; border:1px solid #A45B40; margin:0px 20px 2px 10px; }
#content img.mainIl { padding:3px; border:1px solid #A45B40; margin:0px 10px 2px 0px; }

#content .textToLeft {
  clear:both;
  margin:10px 0 25px 0;
}
#content .textToLeft img {
  float:right;
}
#content .textToLeft h1 {
  color:#A45B40;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size:1.2em;
  /*width:300px;*/
  padding-bottom:5px; border-bottom:1px dotted #A45B40; margin-bottom:10px;
}
#content .textToRight {
  clear:both;
  margin:10px 0 25px 0;
}
#content .textToRight img {
  float:left;
  margin-right:10px;
}
#content .textToRight h1 {
  color:#A45B40;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size:1.2em;
  /*margin-left:187px;*/
  /*width:300px;*/
  padding-bottom:5px; border-bottom:1px dotted #A45B40; margin-bottom:10px;
}
#content .textToLeft a, #content .textToRight a {
  color:#A45B40;
  border-bottom:1px dotted #A45B40;
}
#content .textToLeft a:hover, #content .textToRight a:hover {
  color:#E6D1A4;
  border-bottom:1px dotted #E6D1A4;
}
/*
#content .textToLeft span, #content .textToRight span {
  float:right;
  padding:0 5px;
}
#content .textToLeft span a, #content .textToRight span a {
  color:#2933e0;
  text-decoration:underline;
  font-weight:bold;
}
#content .textToLeft span a:hover, #content .textToRight span a:hover {
  color:#FFF;
  background-color:#2933e0;
}
*/
#content .gallery li {
  display:inline;
  margin-right:7px;
}
#content .textUl {
  margin:15px 0 10px 40px;
  padding-left:0px;
}
#content .textUl li {
  list-style-type:square;
}
#content .textA  {
  color:#000;
  border-bottom:1px dotted #000;
}
/* productCard */
.productCard {
  clear:both;
  /*position:relative;*/
  margin:5px 0 10px 0;
  font-size:13px;
}
.productCard .imgHolder {
  float:right;
  width:320px;
  height:160px;
  border:1px solid #7F7E7E;
  margin-bottom:10px;
  overflow:hidden;
}
.productCard h2 {
  color:#A45B40;
  font-size:16px;
}
.productCard .productDesc {
  margin-bottom:10px;
}
.productCard .productImg {

}
.productCard .productLevel {
  position:relative;
  padding-left:15px;
}
.productCard .productLevel img {
  position:absolute;
  top:4px;
  left:150px;
}
.productCard .productProperties {
  margin:10px 5px 0 0;
}
.productCard .loadDetails {
  display:block;
  clear:both;
  position:relative;
  color:#A45B40;
  text-align:right;
  border-bottom:1px dotted #7F7E7E;
}
.productDetails {
  display: none;
  border-bottom:1px solid #7F7E7E;
}
.tblDetail {
  width:100%;
}
.tblDetail td {
  text-align:left;
  padding-left:10px;
  font-size:12px;
}
.tblDetail th {
  text-align:left;
  padding-left:10px;
  font-size:12px;
}
.tblDetail .data {
  display:none;
}
.tblDetail .title {
  text-align:left;
  padding-left:10px;
}
.tblDetail .quantity input {
  width:16px;
  height:16px;
  text-align:center;
  font-size:12px;
}
.tblDetail .delete img {
  cursor:pointer;
}
.preView {
  color:#a25119;
  text-decoration:underline;
}

#empty {
  clear:both;
  height:55px;
}
/* footer */
#footer {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:55px;
  background-color:#A45B40;
  text-align:center;
  font-size:14px;
}
#footer a {
  color:#E6D1A4;
  margin-right:4px;
}
#footer ul {
  padding-top:10px;
  margin-bottom:4px;
}
#footer ul li {
  display:inline;
  padding-left:4px;
}
#footer ul li a:hover {
  color:#000;
  background-color:#E6D1A4;
}
#footer #copy {
  position:absolute;
  left:30px;
  top:30px;
  font-size:12px;
}
#footer #developer {
  position:absolute;
  right:30px;
  top:30px;
  font-size:12px;
}
/* startbanner */
#startbanner {
position:absolute; width:500px; height:280px; top:140px; left:210px; z-index:1000; border:1px solid #000; background-color:#E6D1A4; font-size:10px;
}
#startbanner img {
position:absolute; top:0px; left:0px;
}
#startbanner #img2 {
position:relative; left:250px;
}
#startbanner h1 {
margin-left:260px; font-size:15px;
}
#startbanner p {
margin-left:260px;
}
#startbanner #close {
text-align:right;
}
#startbanner ul {
margin-left:260px;
}
