* {
 margin: 0;
 padding: 0;
}
img {
 border: 0;
}
body {
 font-size: 13px;
 font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
 text-align: center;
 background: #e8e8e8 url(bg-body_2007-12-04.gif) repeat-y center top;
}

a {
 color: #0070A0;
 text-decoration: none;
}
a:visited {
 color: #4d8ed8;
}
a:hover {
 background-color: #7ED900;
 color: #fff;
}

h1, h2, h3, h4 {
 font: 23px arial,helvetica,sans-serif;
 padding: 4px;
 color: #2ebffb;
}
h1.okay {
 background: url(checkmark_2007-11-14.png) no-repeat;
 padding: 7px 0 6px 46px;
}
h1.book {
 font-size: 20px;
}
h2 {
 font-size: 18px;
 clear: both;
 color: #50C900;
 margin-top: 10px;
}
h3 {
 font-size: 16px;
 margin-top: 10px;
}
h4 {
 font-size: 14px;
 margin-top: 10px;
}
p {
 padding: 4px;
 line-height: 17px;
}
ul {
 list-style-type: none;
}
em {
 font-style: normal;
 color: #E77C00;
}

#wrap {
 margin: 0 auto;
 width: 850px;
 background: #fff;
}
#userinfopart {
 font-size: 11px;
 color: #bbb;
 text-align: right;
 overflow: hidden;
 margin-bottom: -23px;
}
#logobar {
 border-top:5px solid #6FD5FF;
 height:100%;
 overflow:hidden;
 padding: 0 10px 0 10px;
 text-align:left;
}
#logobar h2 {
 margin: 5px 0 0 5px;
 padding: 0;
 width: 195px;
 height: 75px;
 float: left;
}
#logobar h2 a {
 background: none;
}
#logobar p {
 padding: 0;
}
#logobar form {
 float: left;
 padding: 0 10px;
 width: 390px;
 height: 44px;
 white-space: nowrap;
}
#logobar form label {
 font-size: 11px;
 display: block;
}
#logobar form input {
 width: 75px;
 border: 2px solid #2ebffb;
 background: #6FD5FF;
 color: #fff;
 font-weight: bold;
}
#logobar form input.text {
 width: 300px;
 margin: 0 10px 0 0;
 padding: 1px;
 color: #666;
 border: 2px solid #2ebffb;
 background: #fff;
}
#logobar form p {
 font-size: 12px;
 color: #999;
}
#navsearch {
 float: left;
 width: 630px;
 overflow: hidden;
}
#navbar {
 overflow: hidden;
 height: 100%;
 height /**/: auto;
 clear: both;
}
#navbar ul {
 text-align: left;
 margin: 0 auto;
 padding: 0;
}
#navbar li {
 margin-top: 1px;
 margin-right: 2px;
 font-weight: bold;
 font-size: 12px;
 float: left;
 background: #2ebffb;
}
#navbar a {
 display: block;
 float: left;
 color: #fff;
 padding: 4px 10px;
}
#navbar a:hover {
 color: #fff;
 background: #6FD5FF;
 border-top: 1px solid #6FD5FF;
 padding: 3px 10px 4px 10px;
}
#navbar a.current {
 color: #fff;
 background: #6FD5FF;
 border-top: 1px solid #6FD5FF;
 padding: 3px 10px 4px 10px;
}
#main {
 padding-top: 10px;
 border-top: 5px solid #6FD5FF;
 margin: 0 auto;
 width: 834px;
 width /**/: 830px;
}
#content {
 clear: both;
 overflow: hidden;
 text-align: left;
 margin: 0 auto;
 padding-bottom: 20px;
}

.dc p, p.dc {
 clear: both;
 line-height: 17px;
 width: 490px;
}
.fi {
 clear: both;
}
.fi a {
 background: #7ed900;
 padding: 1px 10px;
 color: #fff;
}
.fi a:hover {
 background: #eee;
 color: #333;
}

#areanavigator {
 padding: 0 10px;
 border-bottom: 1px solid #9FEB00;
 height: 24px;
}
#areanavigator li {
 float: left;
}
#areanavigator a:link, #areanavigator a:visited, #areanavigator a:active, #areanavigator a:hover {
 display: block;
 float: left;
 padding: 3px 10px;
 margin: 3px 5px 0;
 height: 15px;
 background: #9FEB00;
 color: #fff;
}
#areanavigator li.current a:link, #areanavigator li.current a:visited, #areanavigator li.current a:active {
 background: #fff;
 height: 17px;
 margin: 0 5px;
 color: #666;
 border: 1px solid #fff;
 border-color: #9FEB00 #9FEB00 #fff;
}
#areanavigator li a:hover {
 background: #7ed900;
}
.sidenav li {
 overflow: hidden;
 font-size: 11px;
}
.sidenav a:link, .sidenav a:visited, .sidenav a:hover, .sidenav a:active {
 padding: 3px 4px 5px;
 border-bottom: 1px solid #eee;
 display: block;
}
.sidenav .f1 {
 width: 122px;
 float: left;
}
.sidenav .f2 {
 width: 62px;
 float: left;
}
.dosearch {
 padding: 10px 4px 0 4px;
 font-size: 11px;
 color: #999;
}
.dosearch #id_q {
 width: 215px;
 margin: 0 5px;
 border: 1px solid #999;
 font-size: 13px;
}
.dosearch .submit {
 font-size: 11px;
}
.dosearch span {
 margin: 0 5px;
}

.instruction {
 list-style-type: disc;
 margin: 0 10px 0 20px;
}
.instruction li {
 line-height:16px;
 margin: 5px 0;
}
.calendar {
 width: 34px;
 height: 40px;
 display: block;
 text-align: center;
 background: #fff;
}
.calendar .month {
 display: block;
 background: #F66;
 color: #fff;
 padding: 1px 0;
}
.calendar .day {
 border: 1px solid #bbb;
 border-top: 0px;
 display: block;
 padding: 4px 0;
 font: bold 14px arial,helvetica,sans-serif;
}

.t-b {
 padding: 0 0 10px 0;
 height: 100%;
 overflow: hidden;
}
#content .t-l h2 {
 margin: 0;
 padding: 0 4px;
}
.t-l {
 float: left;
 width: 200px;
}
.t-l label {
 width: 99px;
 float: left;
 font-size: 11px;
 color: #666;
}
.t-l input.vTextField, .t-l input.vPasswordField {
 width: 190px;
}
.t-l h2 span {
}
.t-l a.reg {
 text-decoration: underline;
 font-size: 11px;
}
.t-l form a {
 font-size: 11px;
 text-decoration: underline;
 display: block;
 float: left;
 width: 120px;
}
.t-s {
 background: url(bg_books.gif) no-repeat bottom right;
 height: 100%;
 overflow: hidden;
 margin-bottom: -20px;
 padding-bottom: 20px;
}
.t-r {
 width: 470px;
 float: left;
 color: #2ebffb;
}
.t-r ul {
 margin: 20px 0 10px 20px;
}
.t-r li {
 background: url(checkmark_2007-06-01.gif) no-repeat;
 font-size: 18px;
 padding: 10px 10px 10px 40px;
}
.t-r p {
 margin: 0 0 0 60px;
}
.t-r a {
 display: block;
 width: 230px;
 background: transparent url(button_2007-06-01.gif) no-repeat top center;
 padding: 10px 0 0 0;
 font-size: 20px;
 text-align: center;
 height: 60px;
 color: #fff;
}
.t-r a:hover {
 background-color: none;
}
.checkmarklist  {
 margin-bottom: 2px;
}
.checkmarklist li {
 background: url(checkmark_2008-01-20.png) no-repeat 1px 0;
 padding: 3px 4px 2px 24px;
}
.checkmarklist li.marked {
 background: url(checkmark_hl_2008-01-20.png) no-repeat 1px 0;
}
.t-special1 {
 background: url(ipodnanogreen_front.jpg) no-repeat;
 width: 270px;
 height: 300px;
 float: right;
 margin-top: 20px;
}
.t-special2 {
 background: url(macbook-s.jpg) no-repeat 0 30px;
 width: 270px;
 height: 300px;
 float: right;
 margin-top: 20px;
}
.t-special1 p, .t-special2 p {
 color: #2ebffb;
 font-size: 20px;
 width: 160px;
 width /**/: 180px;
 margin: 0 0 0 110px;
}
.t-forfree {
 float: left;
 padding: 50px 0 0 50px;
}
.t-search {
 margin-top: 10px;
 background: #D5F6FA;
}
.teasepictxt {
 margin-bottom: 10px;
}
.teasepictxt img {
 float: left;
 margin: 0 0 0 10px;
}
.teasepictxt p {
 margin-left: 75px;
}
#content .t-search h2 {
 color: #666;
 font-weight: bold;
 font-size: 19px;
 padding: 3px 10px 3px 107px;
 margin: 0;
}
.t-search label {
 margin: 0 20px 0 105px;
 padding: 0 3px 0;
}
.t-search input.text {
 width: 299px;
 margin-right: 10px;
}
.searchb {
 white-space: nowrap;
 padding: 7px 10px 10px;
 margin-bottom: 10px;
 text-align: center;
}
.searchb label {
 text-align: left;
 font-weight: bold;
 font-size: 13px;
 display: block;
 margin: 0 0 6px 23px;
}
.searchb input {
 width: 75px;
 border: 1px solid #2ebffb;
 background: #6FD5FF;
 color: #fff;
 font-weight: bold;
}
.searchb input.text {
 width: 460px;
 margin: 0 10px 0 0;
 padding: 1px;
 color: #666;
 border: 1px solid #2ebffb;
 background: #fff;
}
.commentlist p {
 font-size: 11px;
}
.commentlist .img {
 text-align: center;
}
.commentlist .meta {
 color: #999;
 font-size: 11px;
 padding-bottom: 0;
}
.adel {
 background: url(icon_16_delete.png) no-repeat;
 padding-left: 20px;
}
.aadd {
 background: url(icon_16_add.png) no-repeat;
 padding-left: 20px;
}

.spantabs span {
 width: 65px;
 display: block; 
 float: left;
 color: #666;
}
.st2 span {
 width: 105px;
}
.hilight {
 background: #ffa;
 color: #555;
}
p.hilight {
 margin: 4px 0;
}
.note {
 background: #BFEDFF;
}
.warn {
 background: #fee;
 font-size: 11px;
 line-height: 13px;
}
.warn a {
 color: #666;
 text-decoration: underline;
}
.warn a:hover {
 background: #f66;
 color: #fff;
}
.popswitch {
 overflow: hidden;
 height: 100%;
 height /**/: auto;
 border-bottom: 2px solid #50C900;
}
.popswitch li {
 float: left;
}
.popswitch li a {
 display: block;
 padding: 2px 5px;
 margin-right: 8px;
}
.popswitch li.current {
 margin-botton: -1px;
}
.popswitch li.current a {
 background: #50C900;
 color: #fff;
}
.popbooksbox h2 {
 display: none;
}
.popbooksbox {
 margin-top: 5px;
 overflow: hidden;
 border-bottom: 2px solid #50C900;
}

form.standard p {
 padding: 3px 5px;
 overflow: hidden;
}
form.standard p strong {
 color: #fff;
 background: red;
 padding: 1px 4px;
}
form.standard label {
 display: block;
 width: 195px;
 float: left;
 text-align: right;
 margin-right: 10px;
 padding: 2px 0 0 0;
}
form.incolumn label {
 width: auto;
 text-align: left;
 float: none;
}
form.standard span {
 display: block;
 margin-left: 205px;
 color: #777;
 border-left: 3px solid #ddd;
 font-size: 11px;
 padding: 4px;
 width: 402px;
}
form.standard input.submit {
 margin: 10px 0 0 210px;
}
form.incolumn input.submit {
 margin: 4px;
}
form.standard ul {
 overflow: hidden;
 margin: 0 0 10px 210px;
}
form.incolumn ul, form.narrow ul {
 margin: 0 0 10px 10px;
}
form.standard ul li {
 width: 300px;
 float: left;
}
form.narrow ul li {
 width: auto;
}
form.standard ul li label {
 display: inline;
 float: none;
 text-align: left;
}
form ul.errorlist li {
 color: red;
 font-weight: bold;
 margin: 3px;
}
form.standard p.errord {
 background: #fdd;
}
form.narrow label {
 text-align: left;
 float: none;
}
form.narrow span {
 margin-left: 0;
 width: auto;
}
form.narrow input.submit {
 margin: 0;
}

ul.list-3 {
 padding: 0 0 10px;
 clear: both;
}
ul.list-3 li {
 float: left;
 width: 180px;
}
ul.list-3.c {
 padding: 0 0 10px 0;
 overflow: auto;
}
ul.list-3.b li {
 width: auto;
}
ul.list-4 {
 margin: 10px 0;
}
ul.list-4 ul {
 margin-top: 5px;
}
ul.b li a {
 display: block;
 margin: 0 6px 2px 0;
 padding: 1px 3px 2px 3px;
 white-space:nowrap;
 border:1px solid #eee;
}
ul.c li a, ul li a.selecs {
 display: block;
 margin: 0 6px 2px 0;
 padding: 1px 3px 2px 3px;
 white-space:nowrap;
 color: #fff;
 background: #2EBFFB;
}
ul.d {
 padding: 0 0 10px 0;
 margin: 0;
}
ul.d li a {
 margin: 0 6px 0 0;
}
ul.d li a.selecs {
 color: #fff;
 background: #f8a139;
}
ul.list-6 {
 float: left;
 clear: none;
}
ul.list-6 li {
 float: none;
}
ul.list-6 li a {
 font-size: 11px;
 overflow: hidden;
 width: 87px;
 margin-right: 10px;
}
ul.list-6.e li a {
 margin-right: 0;
}
.s {
 font-size: 11px;
}
.s p {
 padding: 3px 4px;
 line-height: 15px;
}
.csc {
 height: 100%;
 overflow: hidden;
}
.cf {
 float: left;
}
.cfr {
 float: right;
}
.c1 {
 width: 200px;
}
.c12 {
 width: 410px;
}
.c123 {
 width: 620px;
}
.ct1 {
 width: 95px;
}
.ct123 {
 width: 305px;
}
.ct12345 {
 width: 515px;
}
.ct1234567 {
 width: 725px;
}
.cpre {
 margin-left: 10px;
}
.cfollow {
 margin-right: 10px;
}
.notop {
 margin-top: 0;
}
.ctop {
 margin-top: 20px;
}
.cbot {
 margin-bottom: 20px;
}
.clh p {
 line-height: 17px;
}
.clh .pic img {
 float: left;
 margin: 0 20px 10px 0;
}
.m1 {
 padding-left: 210px;
}
.m12 {
 padding-left: 420px;
}
.mt1 {
 padding-left: 105px;
}
.hl {
 background: #F0FBFF;
 padding-bottom: 5px;
 border: 1px solid #e9f3f7;
}
.hl h2 {
 color: #000;
 padding: 4px;
 font-size: 15px;
 font-weight: bold;
 margin: 0 0 5px 0;
}
.hl p {
 padding: 0 4px 4px;
 line-height: 15px;
}
.hla {
 background: #fff url(bg_grad-bluewhite.png) repeat-x;
 border: 1px solid #e9f3f7;
}
.ratebox {
 margin-top: 10px;
}
.ratebox strong {
 color: #666;
}
.ratebox .meta {
 color: #999;
 font-size: 10px;
}
.wcidn {
 border: 1px solid #BFEDFF;
 margin: 0 30px 30px;
 padding: 0 20px 20px 20px
}
.smalltf textarea {
 height: 70px;
}
.actnl {
 padding-top: 10px;
 padding-bottom: 10px;
}
.actnl a {
 border: 1px solid #f8a139;
 color: #f8a139;
 font-weight: bold;
 font-size: 11px;
 padding: 3px 5px;
 margin: 5px 10px 5px 0;
 background: #fff;
}
form.sellform {
 text-align: center;
}
form.sellform label {
 font-size: 16px;
}

ul.actions li {
 background: #bfedff;
 padding: 2px;
 margin: 4px 0;
}
ul.authors {
 padding: 3px 15px;
}
ul.authors li {
 display: inline;
 padding: 3px;
}

p.book-image {
 text-align: center;
 overflow: hidden;
 background: #F7F7F7;
 padding: 8px 0;
}
.book-details div {
 margin-left: 250px;
}
.book-info li {
 padding: 1px 0;
}

table.def th {
 font-size: 11px;
}
table.def .c1 {
 width: 192px;
 padding: 4px;
}
table.def .c12 {
 width: 402px;
 padding: 4px;
}
table.def .ct1 {
 width: 87px;
 padding: 4px;
}
table.def .ct123 {
 width: 297px;
 padding: 4px;
}
table.def .cfollow {
 padding-right: 14px;
}
table.def td {
 padding: 4px;
}
table.def tr.sep td {
 border-top: 1px solid #eee;
}
table.def tr.minor td {
 color: #999;
 font-size: 11px;
}
table.lstd td {
 border-bottom: 1px solid #ddd;
}

.searchform {
 border: 1px solid #7ed900;
 padding: 10px;
 text-align: center;
}

#content .checkout-details {
 clear: both;
 margin: 0 0 10px 0;
}
#content .checkout-details h2 {
 font-size: 14px;
 float: left;
 margin: 0;
}
.checkout-details p {
 margin-left: 200px;
}
.checkout-details ul {
 margin: 0 0 0 200px;
}
.checkout-finish {
 background: #BFEDFF;
 overflow: hidden;
 height: 36px;
 margin: 10px 0;
}
.checkout-finish p {
 float: left;
 padding: 10px;
}
.checkout-finish input {
 float: right;
 margin: 5px 10px;
}
.booklisting {
 list-style-type: none;
 overflow: auto;
}
.booklisting li {
 height: 100%;
 overflow: hidden;
 padding: 6px 0 10px;
 border-top: 1px solid #bfedff;
}
.booklisting li:hover {
 background: #FAFAFA;
}
.booklisting li div {
 width: 515px;
 float: left;
}
.bl2 li div {
 width: 240px;
}
.bl3 li div {
 width: 404px;
}
.booklisting li div.a {
 padding: 0;
 width: 95px;
 float: right;
}
.booklisting.b2 li {
 width: 360px;
}
.booklisting h3 {
 line-height: 15px;
 margin: 0;
}
.booklisting h3 a {
 font-weight: bold;
 font-size: 13px;
}
.booklisting h3 span {
 font-size: 10px;
 margin: 0pt 4px;
}
.booklisting h3 span a {
 font: 10px tahoma, helvetica, sans-serif;
 margin: 0;
}
.booklisting p {
 font-size: 11px;
 padding: 2px 4px;
}
.booklisting p.author {
 color: #999;
}
.booklisting p.meta span {
 color: #999;
}
.booklisting p.offers a {
 text-decoration: underline;
}
.booklisting p.price {
 text-align: right;
 margin: 6px 10px 0 0;
 font-size: 14px;
}
.booklisting p.fac {
 text-align: center;
 border: 1px solid #9FEB00;
 border-width: 1px 0;
}
.booklisting p.fac a {
 display: block;
}
.booklisting p.img {
 margin: 0 10px 0 0;
 background: #fff;
 float: left;
 width: 85px;
 text-align: center;
 padding: 0 5px;
 clear: both;
}
.booklisting a:visited.lookupoffer, .booklisting a:link.lookupoffer {
 font-size: 10px;
 line-height: 10px;
 margin: 6px 6px 0 0;
 padding: 1px;
 background: #FCFCFC;
 display: block;
}
.booklisting a:hover.lookupoffer {
 background: #E77C00;
}
.booklistingsmall {
 width: 630px;
 float: left;
 margin: 0 -5px 0 -10px;
 margin /**/: 0 -5px;
}
.booklistingsmall li {
 float: left;
 width: 200px;
 margin: 0 5px 10px 3px;
 margin /**/: 0 5px 10px 5px;
}
.booklistingsmall li.d2 {
 background: #F6F6F6;
}
.booklistingsmall li.d3 {
 background: #F9F9F9;
}
.booklistingsmall li a {
 display: block;
 height: 80px;
 overflow: hidden;
 font-size: 11px;
}
.booklistingsmall li a .img {
 float: left;
 width: 84px;
 height: 80px;
 padding: 3px;
 text-align: center;
}
.booklistingsmall li a .title {
 float: left;
 width: 104px;
 height: 37px;
 overflow: hidden;
 padding: 3px;
}
.booklistingsmall li a .price {
 float: left;
 width: 104px;
 padding: 3px;
 color: #393;
}
.booklistingsmall li a strike {
 color: #c99;
 display: block;
}
.booklistingsmall li a .price em {
 color: #393;
 font-weight: bold;
}
.bookcoverlisting {
 margin: 0 -5px;
 overflow: hidden;
}
.bookcoverlisting li {
 float: left;
 width: 95px;
 margin: 0 5px;
}
.bookcoverlisting li a {
 display: block;
 text-align: center;
 padding: 11px;
}
.bookcoverlisting li a:hover {
 border: 1px solid #ccc;
 padding: 10px;
 background: #FAFAFA;
}
.bookcoverlisting li a:hover .title {
 color: #000;
}
.bookcoverlisting .img {
 display: block;
 height: 80px;
}
.bookcoverlisting .title {
 font-size: 11px;
 display: block;
 line-height: 11px;
 overflow: hidden;
}
.fakecover span {
 border: 1px solid #333;
 margin: auto;
 background: #666;
 overflow: hidden;
 height: 64px;
 display: block;
 color: #ddd;
 padding: 1px;
 width: 46px;
 font: 8px georgia,times,serif;
 line-height: 9px;
}
.blurbbrowse li {
 margin-bottom: 10px;
 height: 140px;
 overflow: hidden;
}
.blurbbrowse h3 {
 font-size: 14px;
}
.blurbbrowse p {
 font-size: 11px;
 line-height: 15px;
 margin-left: 60px;
}
.blurbbrowse .img {
 float: left;
 margin: 0;
}
.covertitlebars p {
 margin-bottom: 3px;
 padding: 2px;
 border: 1px solid #eee;
 border /**/: 1px dotted #ddd;
 font-size: 11px;
}
.covertitlebars a {
 display: block;
 background-repeat: no-repeat;
 padding: 4px 4px 4px 90px;
}
.covertitlebars a strong {
 color: #666;
 font-weight: normal;
}
.bls li {
 width: 240px;
 float: left;
}
.bls li.z {
 margin-right: 10px;
}
.bls li div {
 width: 165px;
}
.bls p.img {
 width: 50px;
}
.bls p.price {
 margin: 0;
}
.pgntnnav {
 border-top: 1px solid #eee;
 margin: 10px 0;
 text-align: center;
}
.pgntnnav .pages {
 color: #666;
 font-size: 11px;
 padding: 4px 0 10px 0;
}
.pgntnnav .jump a, .pgntnnav .jump span {
 border: 1px solid #9feb00;
 padding: 2px 6px;
 margin: 0 5px 0 0;
 font-size: 11px;
 color: #444;
}
.pgntnnav .jump a.brw {
 border-width: 2px;
 margin: 0 10px;
}
.pgntnnav .jump span {
 color: #333;
 background: #fff;
 border: none;
}
.pgntnnav .jump span.num {
 color: #7ed900;
 font-weight: bold;
}
.pgntnnav .jump span.brwg {
 color: #666;
 margin: 0 10px;
}
p.offer_price, p.offer_condition, p.offer_comment {
 margin-top: 5px;
 font-size: 11px;
 font-weight: bold;
 background: #bfedff;
 padding: 2px 5px;
}
p.offer_condition {
 margin-top: 0;
 margin-bottom: 5px;
}
p.offer_condition em, p.offer_price em {
 font-size: 14px;
 color: #000;
}
.offer_comment {
 overflow: hidden;
 margin: 10px 0;
 background: #F0FBFF;
}
.offer_comment .meta {
 color: #666;
 font-size: 11px;
}
.offer_bottom {
 padding-top: 10px;
}
.offer_bottom a:link, .offer_bottom a:visited, .offer_bottom a:active, .offer_bottom a:hover {
 font-size: 11px;
 background: #f0fbff;
 padding: 2px 5px;
 margin-right: 5px;
}
.offer_bottom a:hover {
 background: #666;
}
.offer_bottom a.ico_branch {
 background-image: url(arrow_branch.png);
 padding-left: 20px;
 background-repeat: no-repeat;
}
.book-expose p.buy {
 margin: 0 10px;
}
.hlinfbar {
 text-align: center;
 padding: 4px 10px;
 border: 1px solid #ccc;
 border-width: 1px 0;
}
ol.steps {
 list-style-type: none;
 margin: 12px 0 12px 0;
}
ol.steps li {
 font-weight: bold;
 color: #ccc;
 background: #fff no-repeat;
 margin: 5px 0;
 padding: 5px 5px 5px 34px;
}
ol.steps li.active {
 color: #444;
}
ol.steps li.step1 {
 background-image: url(steps-1.gif);
}
ol.steps li.step2 {
 background-image: url(steps-2.gif);
}
ol.steps li.step3 {
 background-image: url(steps-3.gif);
}
.picbox p {
 float: left;
}
.picbox img {
 border: 1px solid #ccc;
 padding: 2px;
}

p.hl-price {
 font: bold 18px arial,helvetica,sans-serif;
}
p.buy {
 text-align: center;
}
p.buy a {
 font-size: 18px;
 font-family: arial,helvetica,sans-serif;
 color: #fff;
 width: 205px;
 height: 24px;
 margin: 0 auto;
 padding: 15px 0;
 display: block;
 background: green url(button_2_2007-06-05.gif) no-repeat;
}
a.btn, a.btn-cart, a.btn-go {
 background: url(button_blank.gif);
 width: 162px;
 height: 16px;
 display: block;
 color: #fff;
 padding: 8px 0 10px 27px;
 font: bold 14px arial,helvetica,sans-serif;
}
a.btn-cart {
 background: url(button_cart.gif);
}
a.btn-go {
 background: url(button_go.gif);
}
a.btn-s-cart {
 background: url(button_s_cart.gif);
 width: 65px;
 height: 10px;
 display: block;
 color: #fff;
 padding: 4px 0 10px 30px;
 font: bold 15px arial,helvetica,sans-serif;
}

table.offers {
 width: 735px;
}
table.offers th {
 color: #e77c00;
}
table.offers td {
 padding: 1px 0;
}
table.offers td.price {
 color: #555;
 width: 100px;
}
.warning {
 background: #FAFAFA;
 border: 2px solid red;
 margin: 0 0 20px;
}
#content .warning h2, #content .warning p {
 padding: 0 10px;
 color: #000;
}
#content .warning p {
 margin: 3px 0;
}

.coverlist li {
 float: left;
 width: 115px;
 margin: 2px;
 padding: 2px;
 text-align: center;
}
.messages td {
 vertical-align: top;
 border-bottom: 1px solid #ddd;
}
.messages tr {
 background: #FAFAFA;
}
.messages p {
 background: #fff;
}
.messages .msgsub {
 display: block;
}
.messages .msgsub span {
 display: block;
 color: #999;
}
#content .message h1 {
 margin: 0;
 font-size: 20px;
}
.message {
 margin-top: 10px;
}
.message .c1 {
 background: #FAFAFA;
}
.message .c12 p {
 line-height: 18px;
}
.canceloffer {
 font-weight: bold;
}
.assert {
 font-weight: bold;
}
.assert a {
 display: block;
}
a.orderlink {
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 background: #09F;
 color: #FFF;
 font-size: 90%;
 padding: 1px 3px;
}
a.offerlink {
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 background: #f8a139;
 color: #FFF;
 font-size: 90%;
 padding: 1px 3px;
}
.userlink {
 background: url(user-avatar_2008-01-10.gif) no-repeat;
 padding: 0 0 0 16px;
}
.usermail {
 background: url(icon_10_mail.png) no-repeat 3px 3px;
 padding: 0 0 0 16px;
}
.icomments {
 background: url(icon_16_comments.png) no-repeat 4px 3px;
 padding-left: 24px;
}
.iredo {
 background: url(http://www.bookya.de/media/icon_10_redo.png) no-repeat 1px 2px;
 padding-left: 15px;
}
.cat li a {
 display: block;
 margin: 1px 0;
 padding: 1px 4px 3px 4px;
 font-size: 11px;
 border-bottom: 1px solid #eee;
}
#usernameavailable, #usernameavailable em {
 background: none;
 border: 0;
 display: inline;
 margin: 0;
}
#usernameavailable em {
 color: #fff;
 font-size: 11px;
 padding: 2px 10px;
}
.deleteitem {
 background: url(cross.png) no-repeat center left;
 padding: 2px 0 2px 20px;
}
.getmore {
 background: url(add.png) no-repeat center left;
 padding: 2px 0 2px 20px;
}
.getless {
 background: url(delete.png) no-repeat center left;
 padding: 2px 0 2px 20px;
}
.cartorder {
 margin: 10px 0;
}
.cartorder tr th {
 background: #FAFAFA;
 border-bottom: 1px solid #ddd;
 padding: 4px;
}

.rating-stat {
 width: 200px;
 margin-right: 10px;
 background: #FAFAFA;
 float: left;
}
.rating-stat p.meta {
 font-size: 11px;
 color: #666;
}
.rating-stat .rating-total {
 font-size: 22px;
}
.rating-list ul {
 margin-bottom: 10px;
 border-top: 2px solid #eee;
}
.rating-list ul li {
 overflow: hidden;
 height: 100%;
 margin-bottom: 5px;
}
.rating-list ul p {
 background: #FAFAFA;
 line-height: 18px;
 margin-right: 10px;
 float: left;
 width: 402px;
}
.rating-list ul p.rating-usr {
 background: none;
 float: none;
 width: 192px;
 margin: 0 0 0 420px;
}

p.star-small-rating {
 background: url(star_s.gif) left -1000px repeat-x;
 height:18px;
 width:70px;
 overflow:hidden;
 margin:0 4px;
 padding:0;
 background-position: left top;
 position: relative;
}
p.star-small-rating .current-rating {
 background: url(star_s.gif) left -1000px repeat-x;
 position:absolute;
 top:0;
 left:0;
 text-indent:-1000em;
 height:18px;
 line-height:25px;
 outline:none;
 overflow:hidden;
 border: none;
 z-index:1;
 background-position: left center;
}

ul.star-rating,
ul.star-rating a:hover,
ul.star-rating a:active,
ul.star-rating a:focus,
ul.star-rating .current-rating{
 background: url(star.gif) left -1000px repeat-x;
}
ul.star-rating{
 width:125px;
 height:25px;
 overflow:hidden;
 list-style:none;
 margin:0;
 padding:0;
 background-position: left top;
 position: relative;
}
ul.star-rating li{
 display: inline;
}
ul.star-rating a,
ul.star-rating .current-rating{
 position:absolute;
 top:0;
 left:0;
 text-indent:-1000em;
 height:25px;
 line-height:25px;
 outline:none;
 overflow:hidden;
 border: none;
}
ul.star-rating a:hover,
ul.star-rating a:active,
ul.star-rating a:focus{
 background-position: left bottom;
}
ul.star-rating a.one-star{
 width:20%;
 z-index:6;
}
ul.star-rating a.two-stars{
 width:40%;
 z-index:5;
}
ul.star-rating a.three-stars{
 width:60%;
 z-index:4;
}
ul.star-rating a.four-stars{
 width:80%;
 z-index:3;
}
ul.star-rating a.five-stars{
 width:100%;
 z-index:2;
}
ul.star-rating .current-rating{
 z-index:1;
 background-position: left center;
}

.hide {
 display: none;
}

#footer {
 background: none;
 border-top: 4px solid #6fd5ff;
 margin: 0 auto;
 padding: 10px 0;
 width: 830px;
 overflow: hidden;
 text-align: left;
}
#footer ul {
 text-align: left;
 font-size: 11px;
}
#footer ul li {
 padding: 2px 4px 4px;
 border-bottom: 1px solid #eee;
 border-bottom /**/: 1px dotted #ccc;
}
#footer h2 {
 font-size: 11px;
 font-weight: bold;
 border-bottom: 1px solid #ddd;
 padding: 2px 4px 2px;
 margin: 0 0 2px;
}
#footer p {
 color: #ccc;
 text-align: left;
 margin: 0 auto;
 width: 830px;
}
#footer-m p.an {
 font-size: 9px;
 line-height: 8px;
}
#footer-m {
 padding: 10px;
 font-size: 11px;
 color: #9F9F9F;
}