/*
	General stylesheet for BestWrites
	Author: Rume
	Last Updated on 16 Jun 2010
    Copyright (C) 2008 BestWrites. All rights reserved.
*/

* { padding: 0;	margin: 0; }
body { background-color: #f2f2f2 ; height: 100%; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
img, table { border: 0; }
a:link,a:active,a:visited { color: #999; text-decoration: underline; }
a:hover	{ color: #f60; }

#container { width: 980px; margin: 20px auto 0 auto; background-color: #fff; border: 4px solid #ddd  }
#footer { width: 980px; margin: 0 auto; background: #ddd; border: 4px solid #ddd }
#footer #footer-wrapper { color: #999; font-size: 11px; padding: 6px 10px 10px 10px }
#footer #footer-wrapper #copyright { float: left }
#footer #footer-wrapper #menu { float: right; color: #000; font-size: 12px }
#bg-about { min-height: 450px; background: url(../images/bg.jpg) no-repeat bottom left }
.bg-about-space { width: 270px }

ul#nav { list-style: none; text-align: center }
ul#nav li { position: relative; display: inline; float: left }
ul#nav li a { display: block; padding-left: 30px }
ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited { color: #333; text-decoration: none }
ul#nav li a:hover { color: #f60 } 
ul#nav li a.selected { color: #f60 }
ul#nav li a:focus { outline: none }

#left { float: left; width: 790px }
#right { float: right;  width: 180px }

#box-scroll { overflow: auto; height: 450px }
#box-scroll-wrapper { padding: 0 5px }
.box { border: 4px solid #f93; background-color: #c60; color: #fff }
.box-dialog { border: 4px solid #ddd; background-color: #f2f2f2 }
.box-wrapper { padding: 10px }
#dialog { background: url(../images/bg-dialog.gif) no-repeat }

#eBook { line-height: normal }
#eBook .eBook-header {  }
#eBook .eBook-image { width: 100px; height: 142px }
#eBook .eBook-title { color: #f60; font-size: 13px; margin: 5px 0 }
#eBook .eBook-price-original { color: #666 }
#eBook .eBook-price-now { font-weight: bold; color: red }
#eBook .eBook-button { margin-top: 5px }

/* Misc */
em { color: #fff; }
.small { font-size: 11px; }
.clear { clear: both; height: 1px; font-size: 1px; line-height: 0; overflow: hidden; }

table.tblForm { width: 100%; border: 0; border-collapse: collapse; border-spacing: none }
table.tblForm td { padding: 4px }
table.tblForm.td1 { width: 50px }
table.tblForm.td2 {  }