th.columnHeader {
    border:1px solid black;
    font-size:12px;
}

td.columnFooter {
    background-color:#e0e0e0;
    border:1px solid black;
    color:#000000;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
    text-align:right;
}

/* CSS Document */
body {
    margin: 5px auto 0px auto;
}

a {
    color:black;
}
/* autores ------------------------------------------------------------------ */
a.author {
    text-decoration:none;
    color:black;
}

table.author {
    font-family:times;
    font-size:20px;
    margin:70px 0px 0px auto;
    text-align:center;
    /*text-transform:uppercase;*/
}

/* pie de página ------------------------------------------------------------ */
div.footer {
    color:black;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
    text-align:center;
    width:100%;
}

a.button {
    background-color:black;
    border-bottom:6px solid black;
    border-left: 8px solid black;
    border-right: 8px solid black;
    border-top:9px solid black;
    color:white;
    font-family:sans-serif;
    font-weight:bold;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    height:32px;
    border-spacing:10px
}

input.button {
    background-color:black; 
    border:0px; 
    color:white; 
    font-family:sans-serif; 
    font-weight:bold; 
    font-size:14px; 
    text-align:center; 
    text-decoration:none; 
    text-transform:uppercase; 
    height:32px; 
    border-spacing:10px
}

/*
a.barra_navegacion {
    color:#042eb4;
    font-size:13px;
    vertical-align:middle;
}
*/

table.form {
    background-color:white;
    border:1px solid black;
    border-spacing: 10px;
    font-family:arial;
    margin:1em auto;
    width:80%;
}

/* fondo -------------------------------------------------------------------- */
img.background {
    position:absolute;
    top:0px;
    left:0px;
    /*min-width:1125px;*/
    width:100%;
    height:580px;
    z-index:-1;
}

span.background {
    position:absolute;
    top:0px;
    width:100%;
    z-index:0;
}

table.background {
    position:relative;
    top:20px;
    margin:auto auto;
    width:100%;
    height:540px;
}

/* cesta de la compra-------------------------------------------------------- */
a.cart {
    color:#000000;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;
}

span.cart {
    color:#000000;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;
}

/*
td.cart {
    text-align:right;
    vertical-align:bottom;
}
*/
td.leftShoppingCartSummary {
    font-family:sans-serif;
    font-size:12px;
    text-align:left;
}

td.rightShoppingCartSummary {
    font-family:sans-serif;
    font-size:12px;
    text-align:right;
}

tr.grid {
    vertical-align:top;
}

table.cart {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
}

input.cart {
    height:20px;
    background-color:transparent;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    width:80%;
}
/* barra de navegación ------------------------------------------------------ */
a.navbar {
    font-family:sans-serif;
    color:#000000;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    /*text-transform:uppercase;*/
}

span.navbar {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}

table.navbar {
    font-family:sans-serif;
    font-size:14px;
    text-indent:5px;
    /*text-transform: uppercase;*/
    /*width:220px;*/
    width:290px;
}

a.link {
    color:#606060;
    font-family:sans-serif;
    font-size:10px;
}

a.print {
    color:#0f0f0f;
    font-family:sans-serif;
    font-size:12px;
    font-weight:bold;
}

form.bookshop_content {
    color: #4e6a71;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
}

th.headerTable {
    border-bottom:10px solid transparent;
    font-size:10px;
    text-transform:uppercase;
}

th.cartHeaderTable {
    border:1px solid black;
    font-size:10px;
    text-transform:uppercase;
}

td.leftAlignCol {
    border:1px solid black;
    text-align:left;
}

td.rightAlignCol {
    border:1px solid black;
    text-align:right;
}

/*
table.fondo {
    background-color:#ffffff;
    margin:0 auto;
    width:1000px;
}

table.cabecera {
    height:100px;
    width:100%;
}

table.barra_navegacion {
    border-color:#042eb4;
    height:25px;
}
*/
/* billingInformation ------------------------------------------------------- */
tr.jsfcrud_odd_row {
    background-color: #fefeff;
    color: #4e6a71;
    font-family:sans-serif;
    font-size:10px;
    text-align:right;
}

tr.jsfcrud_even_row {
    background-color:#fefeff;/*#eff5fa;*/
    color: #4e6a71;
    font-family:sans-serif;
    font-size:10px;
    text-align:right;
}

td.columnBook {
    width:25%;
}

td.columnCover {
    width:16%;
}

td.leftColumnDetails {
    width:74%;
}

td.mainColumnDetails {
    width:84%;
}

td.rightColumnDetails {
    text-align:right;
    vertical-align:bottom;
    width:26%;
}

td.leftColumnTitle {
    vertical-align:top;
    width:95%;
}

td.rightColumnTitle {
    vertical-align:top;
    width:5%;
}

/* categories --------------------------------------------------------------- */
a.categories {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

form.categories {
    background-color:#ccccff;
    border:solid black 1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    position:relative;
    top:-15px;
}

label.categories {
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

span.categories {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

/* conditions --------------------------------------------------------------- */
a.shoppingCondition {
    color:#123456;
    font-family:Arial, Helvetica, Sans-serif;
    font-size:12px;
}

/* cover -------------------------------------------------------------------- */
img.cover {
    border:1px solid black;
}

/* details ------------------------------------------------------------------ */
span.availableSoon {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

a.back {
    color:#123456;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

span.code {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

label.default {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

select.default {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

span.detail {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
}

span.promotion {
    color:blue;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

a.inside {
    color:#123456;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
}

span.iva {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

img.language {
    font-size:10px;
}

span.subtitle {
    color:#000000;
    font-family:arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
}

span.summary {
    color:#000000;
    font-family:arial, sans-serif;
    font-size:12px;
    font-style:italic;
}

a.title {
    color:#123456;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
}

a.writer {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

span.title {
    color:#000000;
    font-family:Arial, Helvetica, Sans-serif;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
}

span.type {
    color:#000000;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
}

span.writer {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
/* find --------------------------------------------------------------------- */
form.find {
    background-color:#ffffff;
}

input.find {
    height:14px;
    background-color:transparent;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    height:16px;
    width:80%;
}

/* flag --------------------------------------------------------------------- */
input.flag {
    border:1px solid transparent;
}

/* login -------------------------------------------------------------------- */
a.login {
    color:#606060;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
}

form.login {
    background-color: #123456;
    border:solid black 1px;
    position:relative;
    top:2px;
}

input.login {
    height:24px;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

input.number {
    height:24px;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:right;
}

input.radio {
    height:24px;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

textarea.login {
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

select.login {
    height:24px;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

label.login {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

label.info {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

secret.login {
    height:14px;
    /*background-color:#ccccff*/;
    border-color:#000000;
    border-style:solid;
    border-width:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

span.login {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

td.login {
    color:#d90034;
    font-style:italic;
    text-transform:uppercase;
    font-size:10px;
    font-weight:bold;
    text-align:right;
    vertical-align:bottom;
}

a.legal {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    text-decoration:none;
}

/* mensajes ----------------------------------------------------------------- */
span.errorMessage {
    color:#ff0000;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
}

tr.errorMessage {
    color:#ff0000;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
}

ul.errorMessage {
    color:#ff0000;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
    list-style:none;
}

tr.error {
    background-color:#CC0000;
    /*background-image:url('../images/error.gif');
    background-position:left center;
    background-repeat:no-repeat;*/
    color:#000000;
    font-weight:bold;
    height:30px;
    text-indent:5px;
}

span.infoMessage {
    color:#0000ff;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
}

tr.infoMessage {
    color:#0000ff;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
}

tr.info {
    background-color:#44b044;
    /*background-image:url('../images/info.gif');
    background-position:left center;
    background-repeat:no-repeat;*/
    color:#000000;
    font-weight:bold;
    height:30px;
    text-indent:5px;
}

tr.warn {
    background-color:#FFFF00;
    /*background-image:url('../images/warn.gif');
    background-position:left center;
    background-repeat:no-repeat;*/
    color:#000000;
    font-weight:bold;
    text-indent:5px;
    width:100%
}

tr.warnMessage {
    color:#0000ff;
    font-family:sans-serif;
    font-size:10px;
    font-weight:bold;
}

table.message {
    border:1px solid #000000;
    border-spacing:0px;
    height:40px;
}

table.warningMessage {
    border:1px dashed black;
    font-family:Arial, Helvetica, Sans-serif;
    font-size:14px;
    left:30px;
    position:relative;
    top:10px;
}

/* debe identificarse ------------------------------------------------------- */
strong.mustLogin {
    color:#123456;
}

em.mustLogin {
    color:#123456;
}

td.enabled {
    font-weight:bold;
}
td.disabled {
    color:#505050;
}

/* novedades ---------------------------------------------------------------- */
span.content {
    font-family:Arial, Helvetica, Sans-serif;
    font-size:14px;
    font-weight:normal;
}

table.content {
    border:1px solid black;
    font-family:sans-serif;
    font-size:12px;
    font-weight:normal;
    width:90%
}

label.required {
    color:red;
    font-size:12px;
    font-style:italic;
    font-weight:bold
}

label.requiredfields {
    color:red;
    font-family:Arial, Helvetica, Sans-serif;
    font-size:10px;
    font-weight:bold;
}