/* tags & tag-like classes */

html, body {
height:90%;
}

body {
font-family: 'Lucida Sans', Arial;
font-size: 62.5%;
letter-spacing:0;
margin:0;padding:0;border:0;
}

a:link, a:visited {
    color:#000;
}

a:hover, a:active {
    color:#000;
    text-decoration:none;
}

a.on_image:link, a.on_image:visited {
    text-decoration:none;
}

/* SEO */
    h1 a, h2 a {
        font-size:1em;
    }
    
ul,ol{
padding:0;
}

dt, dd {
margin:0
}

img {
border:0;
}

ul,ol,li {
list-style-type:none
}

h1,h2 {
    font-weight:normal;
    color:#555
}

select {
    border:1px solid #BBB;
    background-color:#FFF;
}

.submit, .button {
    background-color:#BBB;
    border:1px solid #000;
    border-width:0 1px 1px 0;
    padding:0.2em 0.3em;
    cursor:pointer;
    cursor:hand;
}

.print_specs label {
    font-size:0.7em;
    padding-left:0.2em;
    color:#999;
}

/* sections */

#root {
    width:900px;
    margin:0 auto;
    font-size:1.4em;
    margin-bottom:2em;
    overflow:hidden;
}

#header {
    display:none;
}

.two_third {
    width:560px;
}

.one_third {
    width:300px;
    margin-left:20px;
    padding-left:20px;
}

.col {
    float:left;
    height:1%;
}

.artwork {
    padding:30px 32px;
    border:1px solid #555;
}

.artwork_grid {
width:250px;
height:350px;
margin:4px;
padding:20px;
border:1px solid #DDD;
/*display:inline-block;*/
float:left;
overflow:hidden;
}

.inline_wrap {
overflow:hidden;
}

.inline {
float:left;
}

.hidden {
display:none
}

.no_padding {
padding:0;
}

.no_margin {
margin:0;
}

.bulletted li {
list-style-type:disc;
margin-left:2em;
}
.two_selects .inline {
margin-right:22px;
}

.numbered li {
list-style-type:decimal
}


.basket {
border-collapse:collapse;
border-width:1px;
}   
    .basket td {
        padding:6px 0;
    }
    
    .basket .item_title {
        width: 390px;
    }
    
    .basket input.item_quantity {
        width:26px;
    }
    
    .basket .quantity_total {
        width:52px;
    }
    
    .basket .item_desc {
        padding-top:0;
        font-size:0.7em;
        color:#999;
    }
   
   
    .basket .total {
        text-align:right;
    }
    
    .basket .totals td {
        border-top:1px solid #CCC;
    }
    
    
    .basket .checkout {
        background-color:#333;
        color:#DDD;
        border-color:#000;
    }
    
    .basket .recalculate {
        background-color:transparent;
        color:#999;
        border-color:transparent;
    }
    
.navigation {
    margin:2em 0;
    *overflow:hidden; /*display:inline-block for IE*/
}   
    .navigation li.first {
        border:none;
        padding:0;
    }
    
    .navigation li.far_right {
        float:right;
        border:none;
        padding:0;
    }
    
    .navigation li {
        display:inline-block;
        *float:left;
        *zoom:1;
        border-left:1px dotted #999;
        padding-left:0.4em;
        *padding-right:0.4em;
        margin:0;
    }
    
    .navigation li h2 {
        font-size: 1em;
        margin:0;
    }
    
.pagination {
    text-align: right;
    margin:1em 0;
    *zoom:1;
    clear:both;
}

.pagination a {
    padding:3px 6px;
    border:1px solid #999;
    text-decoration:none;
    *zoom:1;
    *margin-bottom:-6px;
    background-color:#F9F9F9;
}

/* category switcher */

#category_changer {
    margin:0.5em 0;
    *margin-top:1em;
}

#category_changer span {
    float:left;
    line-height:26px;
}

#category_changer ul {
    float:left;
    margin:0 0 0 6px;
}

.changer {
    position:relative
}

.changer ul {
    height:24px;
    overflow:hidden;
    position:relative;
    border-top:1px solid #999;
}

.changer li {
    position:relative;
    top:24px;
}

.changer a {
    padding:3px 21px 3px 6px;
    display:block;
    border:1px solid #AAA;
    border-top:0;
    text-decoration:none;
    width:105px;
    background-color: #F9F9F9;
    color:#555;
    opacity:0.95;
    filter:alpha(opacity=95);
}

/* when one of the nodes is selected */

.changer .selected {
    font-weight:bold;
    position:absolute;
    top:0;
    left:0;
}

.changer .selected a {
    background-image:url('/media/img/arrow_down.png');
    background-repeat:no-repeat;
    background-position:120px center;
}

/* in over state */

.changer:hover ul {
    overflow:visible;
}

.changer:hover li {
    position:static;
}

.changer:hover a {
    background-image:none;
}

/* registration */

.registration {
    text-align:left;
}

.registration input {
    width:200px;
}

.registration select {
    width:204px;
}
.registration #id_username,
.registration #id_password,
.registration #id_password2,
.registration #id_email,
.registration #id_email2,
.registration #id_county,
.registration #id_city,
.registration #id_telephone{
    width:160px;
}

.registration input[type=submit],
.registration #id_post_code{
    width:80px;
}
.registration th {
    width:100px;
}

.registration td {
    font-size:0.7em;
    color:#999;
    height:3em;
}

.registration label {ckgrop
    font-weight:normal
}

.errorlist {
    color:red;
}

.secondary_content {
    color:#555;
    background-color:#EEE;
}

.plus_whitespace {
    padding:1em;
}

.copyright {
    color:#999;
    text-align:center;
}

.clear {
    clear:both;
}

#home_page {
margin:0 auto;
width:416px;
height:278px;
padding:10px;
background-color:#000;
}   

#home_page h2 {
    width:100%;
    height:100%;
    background:transparent url('/media/img/home.jpg') scroll no-repeat 0 0;
    border:1px solid #BBB;
    margin:0;
}
    #home_page h2 a {
        height:100%;
        display:block;
        overflow:hidden;
        text-indent:-999px;
    }
    
#logo {
margin:0 auto;
width:94px;
height:74px;
}   

#logo h2 {
    width:100%;
    height:100%;
    background:transparent url('/media/img/sophoclesalexiou_logo.png') scroll no-repeat 0 0;
    margin:0;
}

    #logo h2 a {
        height:100%;width:100%;
        display:block;
        overflow:hidden;
        text-indent:-999px;
        }

#small_logo {
    float:left;
    font-size:1em;
    margin:0;
    color:#000;
    font-weight:bold;
    padding-right:10px;
    border-right:1px solid #CCC;
    margin-right:10px;
    margin-top:20px;
}

#home_headline {
    color:#000;
    text-align:center;
    font-size:2.4em;
    letter-spacing:-1px;
    margin:0.67em 0;
}

#home_headline span {
    font-size:0.8em
}

#small_logo span {
    font-size:0.7em;
    font-weight:normal;
}

#home_navigation {
    font-size:1.2em;
    float:none;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

/* IE7 only */
#home_navigation li,
#home_navigation h2{
    *display:inline;
    *float:none;
}
.navigation li.first {
*padding-right:0.4em
}

/* ======================================= */
/** POPEYE */
/*
 * jquery.popeye.css 1.0
 *
 * Mandatory CSS classes for jQuery.popeye
 *
 * Copyright (C) 2009 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
.ppy ul {           /* hide everything if js deacitvated */
    height:         0px;
    width:          0px;
    padding:        0px;
    margin:         0px;
    overflow:       hidden;
}
.ppy-stage {
    background:     transparent no-repeat center center;  
}

/*
 * jquery.popeye.style.css 1.0
 *
 * Example styles for jQuery.popeye
 *
 * Copyright (C) 2009 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
#popeye1.ppy-js {
    float:          left;
    margin:         0 30px 10px 0;
}
#popeye1-no-js {
    margin:         0px 30px 10px 0px;
    height:         202px;
    width:          262px;
    float:          left;
    background:     #eee;
    text-align:     center;
    line-height:    202px;
}
#popeye2.ppy-js {
    float:          right;
    margin:         20px 0 20px 30px;
}
.ppy {
    font-size:      0.8em;
}
.ppy-stagewrap {
    background-color:#333;
    border:         1px solid #ccc;
    border-right:   1px solid #aaa;
    border-bottom:  1px solid #aaa;
}
.ppy-stage {
    position:       relative;
    border:         10px solid #eee;
}
.ppy-tools {
    overflow:       hidden;
    zoom:           1;      /* IE float container hasLayout fix */
    position:       absolute;
    padding:        10px;
    top:            0px;
    background:     #000;
    z-index:        100;
    display:        inline;
}
.ppy-tools.ppy-left {
    left:           0px;
    -moz-border-radius: 0 0 6px 0;
    -khtml-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius:  0 0 6px 0;
}
.ppy-tools.ppy-right {
    right:           0px;
    -moz-border-radius: 0 0 0 6px;
    -khtml-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius:  0 0 0 6px;
}
.ppy-tools div {
    width:          25px;
    height:         0px !important;
    padding-top:    35px;
    overflow:       hidden;
    float:          left;
    background:     transparent no-repeat center top;
    cursor:         pointer;
}
.ppy-prev {
    background-image:url(/media/img/popeye/prev.png) !important;
}
.ppy-enlarge {
    width:          49px !important;
    margin:         0 10px;
    background-image:url(/media/img/popeye/enlarge.png) !important;
}
.ppy-compact {
    width:          49px !important;
    margin:         0 10px;
    background-image:url(/media/img/popeye/compact.png) !important;
}
.ppy-next {
    background-image:url(/media/img/popeye/next.png) !important;
}
.ppy-tools div:hover {
    background-position: center -35px;
}
.ppy-cap {
    background:     #f6f9e0;
    color:          #666;
    line-height:    1.2em;
    border:         1px solid #ddd;
    border-top:     0px;
    font-size:      0.9em;
    position:       relative;
    overflow:       hidden;
}
.ppy-textwrap {
    padding:        10px;
}
#popeye1 .ppy-count {
    position:       absolute;
    padding:        3px 7px 0 5px;
    bottom:         0px;
    right:          0px;
    font-style:     italic;
    font-size:      0.9em;
    background:     #000;
    color:          #f7f7f7;
    opacity:        0.7;
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
    filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE7 lte */
    z-index:        100;
    text-align:     right;
    display:        inline;
    -moz-border-radius: 6px 0 0 0;
    -khtml-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius:  6px 0 0 0;
}
#popeye2 .ppy-count {
    display:        inline;
    padding:        0 5px 0 0;
    font-style:     italic;
}
.ppy-loading {
    background:     #333 url(/media/img/popeye/loading.gif) no-repeat center !important;
}

/* ======================================= */

#popeye1 {
    margin-top:20px;
    border:1px solid #EEE;
    padding:20px;
    float:left;
    background-color:white;
    
}

#popeye1 .popeye-tools a {
    color:#000;
    padding:2px 4px;
    border:1px solid #999;
    margin:4px 4px 4px 0;
    float:left;
    height:20px;
    line-height:18px;
    text-align:center;
    text-decoration:none;
}