* {margin: 0; padding: 0;}

body {background: #ddd; color:#000; font-size: 10pt; font-family: Verdana, sans;}
html, body {height:100%;}

#outer {width: 840px; margin: 0 auto; padding: 0; background: #fff; min-height: 100%; border: 1px solid #eee; border-width: 0px 10px;}
#inner {width: 800px; margin: 0 auto; padding: 30px 5px 5px 5px; background: #fff;}

#menu {color: #000; margin-left: -25px; margin-bottom: 10px; width: 850px; padding: 5px 0; font-weight: bold; font-size: 10pt; background-color: #f7f7f7; text-align: center;}
#menu a:link, #menu a:visited {color: #888; margin-left: 8px; margin-right: 8px; text-decoration: none; border: 1px dotted #555; border-width: 0 0 1px 0;}
#menu a:hover {border-width: 0px; color: #555}
#menu a:link.active, #menu a:visited.active {border-width: 0px; color: #333; cursor: default;}

#logo {width: 80px; height: 80px; position: absolute; top: 2px; background-color: transparent; background-image: url(/i/logo.png);}
#logo.active {cursor: pointer;}

#detailed {margin-left: 55px;}
#detailed img {height: 200px; border: 1px solid #888;}
#detailed a:hover img {border-color: #eee;}

.preview {width: 700px; margin: 0 auto;}
.preview img {width: 100px; height: 100px; border: 1px solid #888; margin: 5px;}
.preview.tall img {width: 100px; height: 150px; border: 1px solid #888; margin: 5px;}
.preview img.new {border: 2px solid #ffa500; margin: 4px;}
.preview a:link, .preview a:visited {border: 0px;}
.preview a:hover img {margin: 1px; border: 5px solid #eee;}

#fullview {text-align: center;}
#fullview img {border: 1px solid #888;}

#fullpreview {text-align: center;}
#fullpreview.tall {width: 80px;}
#fullpreview img {width: 60px; height: 60px; margin: 5px; border: 1px solid #888; -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; filter: alpha(opacity=75); }
#fullpreview .current img {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
#fullpreview.tall img {height: 90px;}
#fullpreview a:link, #fullpreview a:visited {border: 0;}
#fullpreview a:hover img {margin: 1px; border: 5px solid #eee; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
#fullpreview a.current {cursor: default;}
#fullpreview a.current:hover img {margin: 5px; border: 1px solid #888;}

.preview img, #fullpreview img {background: transparent url(/i/loading.gif) 50% 50% no-repeat;}

#fullpreview #selection img {height: 10px; width: 60px; border-color: #fff; margin: 0px 5px; background: transparent;}
/*#fullpreview.tall #selection img {width: 60px; padding: 0 10px;}*/

#legend {width: 690px; margin: 0 auto; color: #888;}
#legend a:link, #legend a:visited {color: #888; border-color: #888;}

img.previewIcon {background: transparent; border-width: 0px; margin-left: -23px; margin-top: -13px; padding-bottom: 2px; padding-right: 2px; width: 16px; height: 13px;}

#description {width: 700px; margin: 0 auto; margin-bottom: 15px;}

#footer {margin: 30px 0;  color: #555; text-align: center; font-family: Tahoma; font-size: 10pt; font-weight: bold; line-height: 12pt;}
#footer a:link, #footer a:visited {color: #555; border-width: 0;}
#footer a:hover {text-decoration: underline;}
#footer span {font-size: 8pt; font-weight: normal;}

#navBottom {text-align: center; color: #888;}
#navBottom a:link, #navBottom a:visited {color: #888; text-transform: lowercase; border-color: #888;}

/*#pager {width: 700px; margin: 0 auto; padding-right: 200px; text-align: right; line-height: 24px; font-size: 16pt; color: #888;}*/
#pager {width: 700px; margin: 0 auto; text-align: center; line-height: 24px; color: #888;}
#pager a:link, #pager a:visited {color: #888; border-color: #888; font-weight: bold;}
#pager a:hover {text-decoration: none;}
#pager .page {padding: 5px 3px 0px 3px;}
#pager .active {background-color: #eee; padding-bottom: 5px; border-width: 0px; cursor: default;}

h1 {margin-bottom: 15px; font-size: 18pt; font-weight: normal;}
h2 {margin-bottom: 15px; font-size: 16pt; font-weight: normal;}
h2.minMargin {margin-bottom: 0px;}
h2 span {color: #ccc; font-size: 14pt;}
h2 span a:link, h2 span a:visited {color: #aaa; text-decoration: none; border-width: 0;}
h2 span a:hover {color: #333;}
h3 {margin-bottom: 10px; font-size: 10pt; font-weight: normal; color: #aaa; font-family: Arial, sans;}

p {margin-bottom: 10px;}
table.wrap {margin-left: auto; margin-right: auto;}
table.wrap td {vertical-align: top;}
table.wrap td.mirror {width: 80px;}
table.wrap td.fullview {padding-right: 75px;}

table.friends td, table.shops td {vertical-align: top;}
table.friends td.img, table.shops td.img {width: 240px;}

a:link, a:visited {color: #000; border: 1px dotted #000; border-width: 0 0 1px 0; text-decoration: none;}
a:hover {border-width: 0;}

a.mail {padding-right: 15px; background: transparent url(/i/mail.gif) 100% 5px no-repeat;}
a.link {padding-right: 11px; background: transparent url(/i/link.gif) 100% 3px no-repeat;}
a.nb, a.nb img {border-width: 0;}


ul {}
ul li {}
ol {}
ol li {}

ul {padding: 0 0 7px 0; margin: 0px;}
ul li {margin-left: 18px; list-style: square;}

.center {text-align: center;}
.right {text-align: right;}

.red {color: #ff3333;}
.hidden {color: #ffffff; font-weight: bold;}

.hiddenText {width: 700px; background: #f7f7f7; padding: 5px 5px 5px 30px; border: 1px dotted #888; border-width: 0 1px 1px 1px; cursor: hand; cursor: pointer;}
.htHeader {background-image: url(/i/plus_ico.gif); background-position: 10px 8px; background-repeat: no-repeat; border-width: 1px 1px 1px 1px; cursor: hand; cursor: pointer;}
.author {margin-top: 5px; font-style: italic; font-size: 8pt;}
.purchaseToy {font-weight: bold;}
.purchaseMK {font-size: 12pt; font-weight: bold; text-align: center;}