*{
margin:0;
padding:0;
}
html{
height:100%;
}
body { 
height: 100%;
background-color:#ededed;
text-align:center; 
font:9pt/140% Arial,Verdana,Geneva,sans-serif; 
line-height: 150%;
color: #666;
}
/* Frame
----------------------------------------------- */
* html div#frame{
height:100%;
}
div#frame{
background:#fff;
width:778px;
text-align:left;
border-left:solid 1px #999;
border-right:solid 1px #999;
margin:0 auto;
position:relative;
min-height: 100%;
}
body > #frame {
height: auto;
}
div#main { 
width: 756px;
margin:0 10px; 
padding-bottom:100px;
position: relative;
min-height: 100%;
}
#header {
float:left;
background:#fff;
font-size: 10pt;
padding:2px 0;
}
 
#header a {
padding:10px;
text-decoration:none;
color:#333;
font-weight: 700;
}
#header a:hover {
text-decoration:none;
color:#333;
font-weight: 700;
  }
br { 
clear: both; 
}
  
  /* Main Menu
----------------------------------------------- */
#menu {
width:100%;
float:left;
margin:0;
list-style:none;
border:solid #999;
background:#fff;
border-width:1px 0;
font-size: 10pt;
 }
#menu a {
float:left;
padding:5px 10px;
text-decoration:none;
color:#0099cc;
}
#menu a:hover {
text-decoration:underline;
color:#F90;
}
#content-main {
width:576px;
float:right;
padding-bottom:170px;
}
#lnav {
float:left;
width:160px;
}
#rnav {
float:right;
text-align:right;
width:220px;
padding:10px 10px 0 0;
}
#nav-local {
width:100%;
text-align:right;
} 
#nav-local a {
padding:5px;
}

  /* Links
----------------------------------------------- */  
a:link, a:active, a:visited{
text-decoration:underline;
color: #666;
}

a:hover {
color:#0099cc;
text-decoration:underline;
}
a.icon:link, .icon:active, .icon:visited, .icon:hover {
color:#0099cc;
text-decoration:none;
}
.breadcrumb:link, .breadcrumb:visited, .breadcrumb:active, .breadcrumb:hover {
color: #0099cc;
font-weight: 700;
text-decoration:underline;
}

  /* Main
----------------------------------------------- */  
img {
border:0;
}

img.pic {
border: solid 1px #999;
}
.pg-title {
float:left;
padding:16px 0;
font-size:160%;
color: #999;
}
.subTtl{
font-size:125%;
font-weight: 700;
color: #999;
}
.b{
font-weight: 700;
}
.category{
text-decoration:none;
padding-right:30px;
}
p{
padding-top:10px;
}

.li{
padding-left:20px;
}

.proTtl{
font-size:150%;
font-weight: 700;
}
.price{
color: #FF000A;
font-size:125%;
font-weight: 700;
}
.priceL{
color: #FF000A;
font-size:150%;
font-weight: 700;
}
.right{
float:right;
text-align:right;
}
.left{
float:left;
text-align:left;
width:75%;
padding-right:10px;
}
.left02{
float:left;
text-align:left;
width:20%;
padding-right:10px;
}
.left03{
float:left;
text-align:left;
}
hr {
border-width: 1px 0 0; 
border-style: dashed; 
border-color: #999; 
height: 1px; 
}
.pagenav { 
text-align: right;
}
.pagenav a { 
text-decoration: none;
padding-left: 4px;
}
.num{
padding-left: 4px;
font-weight:700;
}
.total{ 
background:#FFC;
font-weight:700;
}
.completed{
background: #BEB;
}
.pending{
background: #FF9;
}
.pendingpayment{
background:#BEBBEB;
}
.notcompletedred {
background: #FF5959;
}
.cancelled{
background: #BCBC7A;
}
.notcompleted{
color: #cacaca;
}
  /* Icon
----------------------------------------------- */  
.favorites {
background: url('../images/favorites.gif') left top no-repeat;
padding: 0 0 2px 20px;
margin-right:5px;
height: 16px;
}
.printer {
background: url('../images/printer.gif') left top no-repeat;
padding: 0 0 2px 20px;
margin-right:5px;
height: 16px;
}
.moreads {
background: url('../images/moreads-seller.gif') left top no-repeat;
padding: 0 0 2px 20px;
margin-right:5px;
height: 16px;
}
.friendmail {
background: url('../images/friendmail.gif') left top no-repeat;
padding: 0 0 2px 20px;
margin-right:5px;
height: 16px;
}
.contact {
background: url('../images/contact.gif') left top no-repeat;
padding: 0 0 2px 20px;
margin-right:5px;
height: 16px;
}
.icon{
float:left;
width:145px;
text-align:center;
}

  /* Table
----------------------------------------------- */
table.result{
width:100%;
border-collapse:collapse;
border-spacing:0;
background-color:#fff;
empty-cells:show;
}
.result th{
border:1px solid #fff;
background-color:#ccc;
padding:0.1em;
white-space: nowrap;
}
.result td{
padding:0.2em;
vertical-align: top;
}
table.list{
width:85%;
text-align:left;
}
.newlistings td{
padding: 0 50px 5px 0;
vertical-align: top;
width:20%;
}
.list th{
vertical-align: top; 
font-weight:700;
white-space:nowrap; 
padding-right: 5px;
}
.list td{
vertical-align: top;
}
.dot{
border-top:1px dashed #999;
}
.err {
color:red;
}
.error {
color:red;
}
.row2{
background-color:#ddd;
}

  /* FAQ
----------------------------------------------- */
ol{
padding-left:18px;
}
ul.faq{
list-style:none;
width: 100%;
padding-bottom: 10px;	
margin-left: 0;
}
li.q{
list-style:none;
padding-left:35px;
margin-bottom:10px;
background:url(../images/q.gif) no-repeat center left;
}
li.q2{
list-style:none;
padding-left:35px;
background:url(../images/q.gif) no-repeat center left;
background-color: #e0e0e0;
border: 1px dashed #999;
border-width: 1px 1px 0;
}
li.ans{
list-style:none;
padding-left:35px;
background:url(../images/a.gif) no-repeat center left;
border: 1px dashed #999;
border-width: 0 1px 1px;
}
.top {
text-align: right;
}

  /* Form
----------------------------------------------- */
label{
display: block;
float: left;
margin: 2px;
width: 100px;
padding-right: 5px;
text-align:right;
}
input {
width:180px;
}
label.long {
width:200px;
}
label.item {
margin: 0;
font-weight:700;
width:80px;
text-align:left;
}
input,textarea,select{
border:1px solid #999;
margin: 2px;
}
input.button{ 
color : #000;
border: 1px solid #999;
background:#ddd; 
margin: 2px;
width: auto;
}
input.long {
width:500px;
}
radio { 
border-style: none; 
}
.checkbox {
border-style: none;
width: auto;
}
.required {
color:red;
}
option {
padding-right:10px;
}
.textarea{
clear: both;
}

/* Footer
----------------------------------------------- */
#footer {
position:absolute;
bottom:0;
height:50px;
width:100%;
float:left;
margin:0;
border-top:1px solid #ccc;
text-align: center;
font-size: 8pt;
top: expression((document.body.offsetHeight - 70) + "px");
}
