/*******************
	Page Layout
********************/
body{ font-size:12px; color:#3F3F41; background:#fff; font-family:Arial,Tahoma; }

a{ color:#4F81D2; text-decoration:none; }

/***********
	Utils
************/
.fLeft { float: left; }
.fRight { float: right; }

.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
.bordertop{ border-top:1px dotted #9c9d9f;  }
.bordertopthin{ border-top:1px dotted #9c9d9f;  }
.borderbottom{ border-bottom:1px dotted #9c9d9f;  }
.borderbottomthin{ border-bottom:1px dotted #9c9d9f;  }
.padtop{ padding:8px 0; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.cart {
  border: 1px solid #ccc;
  border-bottom:0;
}
.cart th {
  background:#FFB216;
  text-align:left;
  color:#fff;
  padding:3px;
  border-bottom:1px solid #ccc;
}
.cart td {
  background:#eee;
  border-bottom:1px solid #ccc;
  padding:3px;
}

#page-container {
  background:#548AE0;
  width:800px;
  margin:20px auto 20px auto;
}
#container-in {
  background:url(../images/header.jpg) no-repeat #fff;
}

#head-title {
  height:140px;
  color:#fff;
}
h1 {
  font-size:20px;
  padding:0; display:block;
  width:400px;
  padding-right:40px;
  padding-top:20px;
  float:right; text-align:center;
}
h2 {
  font-size:18px;
  padding:0 0 20px 0;
}

#menu {
  margin:0; padding:180px 0 0 0;
  font-size:14px;
  list-style:none;
  width:370px;
  height:220px;
  overflow:hidden;
  float:left;
}
#menu li {
  clear:both;
  text-align:left;
  font-weight:bold;
  margin-bottom:5px;
  padding:0;
}
#menu li a {
  padding-left:20px;
}
#menu li a:hover {
  background:url(../images/bullet.jpg) no-repeat 2% 50%;
}
.gray {
  color:#6C6B70 !important;
}
.orange {
  color:#EDAB24 !important;
}
#top-content {
  float:left;
  text-align:left;
  margin-top:30px;
  width:400px;
}
#bottom-content {
  padding:10px;
}
#footer {
  background:url(../images/footer.gif) no-repeat;
  width:800px; height:83px;
}
.product {
  width:600px;
  margin:auto;
}
.pimg {
  float:right;
}
.pdesc {
  float:left;
  background:#ccc;
  width:370px;
  padding:10px;
}
h3 {
  color:#000;
  padding:2px;
  margin:0;
  font-weight:bold;
  font-size:16px;
}

.frm {
  margin-left:50px;
}

.frm label {
  width:170px;
  display:block;
  float:left;
}
.frm input, .frm textarea {
  width:250px;
  float:left;
  margin-bottom:5px;
  border:1px solid #ccc;
}
.frm div.userArea {
  border-top:1px dashed #ccc;
  border-bottom:1px dashed #ccc;
  clear:both;
  margin-bottom:4px;
  width:430px;
  padding:8px 0 5px 0;
}
.add2cart input {
  background:#fff;
  border:1px solid #333;
}