body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12pt; } 
h1 { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 18pt; }
h2 { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 15pt; }

#header {background-color: #fff; width: 100%; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; }
.headername a {border: none; background-color: #fff;}
#header a {float:left; color: #333; text-decoration:none; height: 20px; padding: 2px 5px 2px 5px; margin: 2px; }
#header a:hover {color: #444; background-color: #ddd; }
.headerbox {float:left; color: #333; text-decoration:none; height: 20px; background-color: #eee; border: 1px solid #79719A; padding: 2px 5px 2px 5px; margin: 2px; }
.newdot {float:left; height: 20px; background-color: #DDD;  padding: 2px 5px 2px 5px; margin: 2px; }
#divnewdot { display: none; position: absolute; z-index: 5; margin: 10px; padding: 10px;  width: 260px; border: 1px solid #999999; border-radius: 15px; background-color: #fff; left: 0px; top: 18px; }
#divnewlist { position: relative; clear: left; z-index: 5; margin: 10px; padding: 10px;  width: 260px; border: 1px solid #999999; border-radius: 15px; background-color: #fff;  }
.reviewbox {width: 100%;}
.reviewarea {width: 100%; height:200px;}
.reviewsubmit {width: 100%;}
.mainnav {text-align:right; }

.homepage {margin: 0px; padding: 0px; }
.homepageimg { width: 100%; overflow: hidden; position: relative; left: 0px; top: 0px;  z-index: 1;}
.homepageimg img {width:100%;}

.homepagestory { padding: 10px; position: relative; z-index: 1; }

.homepageintro {position: absolute; background-color: #eee; padding: 10px; z-index: 5; left: 0px; bottom: 0px; width:100%;
	font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 15pt;
	border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #666666; border-bottom-color: #999999; }
.homepageintro a {display:block; text-decoration: none; color: #555; }
.homepageintro img { float: right; border: 1px solid #79719A; border-radius: 15px; margin-right: 20px;}
.page {max-width: 960px; margin: auto;}
.pagewords {max-width: 700px; float: left;}
.pagewords p {margin: 5px; }
.pagelists {padding: 10px; }
.pagelists img {float: left; padding: 5px; margin: 10px; border-radius: 25px; border: none; float: left; max-height: 80px;}
.pagelists a {text-decoration: none; color: #333; }
.pagelists li {list-style-type: none; clear:left; line-height: 35px; }
.selecticon img {float: left; padding: 5px;}
.pagecover {max-width: 100%; }

.lists {width: 100%; padding: 10px 30px 0px 10px; clear: left;}
.listsimg {float: left; width: 300px; }
.listsimg img {width: 280px; margin: 0px 10px 0px 0px; border-radius: 15px; border: none;}
.listswords {float: left; min-width: 200px; max-width: 300px; }
.lists a {display: block; text-decoration: none; color: #666; }
.title { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 15pt; }
.review {font-size: 11pt;}
.content {padding: 10px; }




.listlist {max-width: 330px; min-height: 350px; margin: 10px; padding: 0px 0px 10px 0px; float: left; background-color: #eee; text-align: center; }
.listlist img {width: 310px; height: 232px;}
.listlist a {color: #333; text-decoration: none; display: block;}

.listdot {max-width: 330px; margin: 10px; padding: 0px 0px 10px 0px; float: left; background-color: #eee; text-align: center; }
.listdot img {max-width: 310px; max-height: 232px;}
.listdot a {color: #333; text-decoration: none; display: block;}
.shortlist {min-height: 340px;}

.listdotter {clear: left; text-align: left; border-top: 3px solid #fff;}
.listdotter img {float:left; margin:3px;}
.detail {color: #666; }

.buynow {float: left; text-align: center; margin-right: 10px; }
.buynow a {float: right; text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10pt; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A; }
.storyspot {float: left;  margin: 10px; background-color: #eee; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A;}
.storyspot a {float: right; text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10pt; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 3px; border: 1px solid #79719A; }

.action a {float: right; text-decoration: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10pt; color: #222; background-color: #DDD; border-radius: 5px; margin: 3px; padding: 15px; border: 1px solid #79719A; }
.action a:hover {color: #444; background-color: #EEE; }

.adverted {float: left; width: 260px;}
.adverted img {width: 100%; }
.adverted a {text-decoration: none; color: #666; }
.advertedwords {margin: 0px 10px 10px 10px; font-size: 10pt;}
.advertedlistdot {clear:left;}
.advertedlistdot img { clear: left; float: left; width: 62px; height: 48px; padding: 0px 5px 0px 0px;}

.message {padding: 10px; }
.messagebox {width: 270px; margin: 5px;}
.messagearea {width: 100%; height: 200px; padding: 5px; margin: 5px;}
.messagesubmit {width: 100%; padding:5px;}
.messagecovers {float:left; margin: 10px; padding: 10px; width: 80px; height: 100px; font-size: 10pt; border: 1px solid #79719A; border-radius: 15px; background-color: #fff;  }
.messageconfirm { margin: 10px; padding: 10px; max-width: 320px; font-size: 10pt; border: 1px solid #79719A; border-radius: 15px; background-color: #eee;  }
.messageconfirm img {float: left; padding: 5px; }

.sharestrip img {float:right; padding: 1px; margin: 1px;}

.footer {font-size: 8pt; color: #444; clear: both; }