/**
 * standard style sheet
 *
 * @author Stefan Pöhner <programming@poehner.net>
 * @version 1.0
 */


/**********************************************************/
/* GENERAL */
@charset "UTF-8";


body {
color: #000;
font-size: 10pt;
font-family: Arial,Tahoma,Helvetica,sans-serif;
background-color: #ffffff;
}

table {
margin: auto;
}

h1 {
margin: auto;
text-align: center;
}

a, a:link, a:active, a:visited {
color: #666666;
text-decoration: none;
border: 0;
}

a:hover {
color: #999999;
border: 0;
}

ul {
font-size: 10pt;
}

h3 {
font-size: 11pt;
}

.i {
font-style:  italic;
}

input, textarea, select {
}

fieldset {
border: 0;
}

pre {
font-size: 10pt;
}

.link {
cursor: pointer;
}

.clear {
clear: both;
}

#myself {
margin-top:40px !important;
}
/* /GENERAL */
/**********************************************************/


/**********************************************************/
/* FIREFOX SPECIFIC */
a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}
/* /FIREFOX SPECIFIC */
/**********************************************************/


/**********************************************************/
/* SPACER */
td.spacer10 {
width: 10px;
}

tr.spacer10 {
height: 10px;
}
/* /SPACER */
/**********************************************************/


/**********************************************************/
/* POSITIONS */
.l {
text-align: left;
}

.c {
text-align: center;
}

.r {
text-align: right;
}
/* /POSITIONS */
/**********************************************************/


/**********************************************************/
/* CHECKBOX */
img.checkbox {
margin-bottom: -2px;
cursor: pointer;
}
/* /CHECKBOX */
/**********************************************************/


/**********************************************************/
/* INPUT */
input.readonly {
background: #f4f4f4;
}
/* /INPUT */
/**********************************************************/


/**********************************************************/
/* PAGE */
div#page {
margin: 0 auto;
width: 800px;
}
/* /PAGE */
/**********************************************************/


/**********************************************************/
/* LINKS */
.links a, .links a:link, .links a:active, .links a:visited {
color: #666666;
text-decoration: none;
padding: 0 0.5em;
}

.links a:hover {
color: #999999;
}

a.normal, a.normal:link, a.normal:active, a.normal:visited, a.normal:hover {
color: #0000ff;
text-decoration: underline;
}

a.magenta, a.magenta:link, a.magenta:active, a.magenta:visited {
color: #666;
text-decoration: none;
}

a.magenta:hover {
color: #c06;
}
/* /LINKS */
/**********************************************************/


/**********************************************************/
/* BUTTON */
img.button {
border: 0;
cursor: pointer;
}
/* /BUTTON */
/**********************************************************/


/**********************************************************/
/* HEADER */
div#header {
position: relative;
z-index: 100;
height: 120px;
font-size: 10pt;
}

#header .logo {
position: absolute;
left: 0;
bottom: 10px;
border: none;
}

#header div#headerlinks {
position: absolute;
top: 30px;
right: 0;
z-index: 100;
}

#header div#basket {
float: left;
margin-right: 15px;
}

#header div.links {
float: left;
margin-right: 10px;
text-align: right;
}

#header img.flag {
border: none;
}

div#ticker {
color:#636363;
position:relative;
top: 15px;
}

/* /HEADER */
/**********************************************************/


/**********************************************************/
/* SEARCHBOX */
form#searchbox {
display: block;
position: absolute;
bottom: 25px;
right: 0;
text-align: right;
}

#searchbox table {
        margin-right:           0;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

#searchbox td {
height: 27px;
text-align: center;
vertical-align: middle;
}

#searchbox input, #searchbox select, #searchbox button {
font-size: 8pt;
background-color: transparent;
border: 0;
}

#searchbox button {
cursor: pointer;
}

.searchbox_left {
width: 6px;
background: url("images/search_left.gif") no-repeat;
}

.searchbox_input {
background: url("images/search_1px.gif") repeat-x;
}

.searchbox_input_right {
width: 2px;
background: url("images/search_right.gif") no-repeat;
}

input#searchtext {
width: 200px;
}

div#search_tt {
position: relative;
color: #666666;
cursor: pointer;
visibility: hidden;
}

#search_tt, #search_tt ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}

ul#searchresults {
position: absolute;
top: 21px;
left: -7px;
z-index: 99;
width: 200px;
border: 1px solid #dddddd;
border-top: none;
}

#searchresults li {
padding-left: 15px;
font-size: 8pt;
text-align: left;
background-color: #ffffff;
}

#searchresults li.section {
padding-left: 5px;
font-weight: bold;
}

#searchresults a {
display: block;
position: relative; /*needed for z-index*/
z-index: 20;
color:  #666666;
}

#searchresults a:link, #searchresults a:visited, #searchresults a:active {
color:  #666666;
background:  #ffffff;
}

#searchresults a:hover {
color: #cc0066;
background: #ffffff;
}

.searchbox_button {
padding-bottom: 3px;
background: url("images/search_button_1px.gif") repeat-x;
}

.searchbox_spacer {
width: 3px;
background: url("images/search_line.gif") no-repeat;
}

.searchbox_browse {
width: 65px;
color: #cc0066;
font-size: 8pt;
background: url("images/browse_1px.gif") repeat-x;
cursor: pointer;
}

.searchbox_right {
width: 5px;
background: url("images/browse_right.gif") no-repeat;
}
/* /SEARCHBOX */
/**********************************************************/


/**********************************************************/
/* BROWSE CATEGORIES */
div#browse {
position: relative;
color: #cc0066;
font-size: 8pt;
cursor: pointer;
}

#browse ul { /*delete browser list style*/
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}

ul#browse_list {
display: none;
position: absolute;
right: -4px;
top: 19px;
width: 575px;
color: #444444;
font-size: 9pt;
background-color: transparent;
}

#browse_list li.topcat {
position: relative;
float: left;
margin: 10px 0;
padding: 10px 0;
width: 114px;
text-align: center;
}

#browse_list li.topcat_spacer {
float: left;
margin: 10px 0;
padding: 10px 0;
}

#browse_list li.topcat:hover{
background-color: #f8f8f8;
}

#browse_list ul.subcat {
display: none;
position: absolute;
left: 0;
top: 30px;
background-color: #f8f8f8;
}

#browse ul.artist {
width: 574px;
}

#browse ul.painting {
width: 229px;
}

#browse ul.photo {
width: 229px;
}

#browse ul.illustrations {
width: 229px;
}

#browse ul.stickers {
width: 114px;
}

#browse_list li.topcat:hover ul {
display: block;
}

#browse_list ul.subcat li {
float: left;
width: 107px;
padding: 2px 0;
padding-left: 7px;
font-size: 8pt;
text-align: left;
}

#browse_list a, #browse_list a:link, #browse_list a:visited, #browse_list a:active {
position:relative;
color: #444444;
}

#browse_list a:hover {
color: #cc0066;
}
/* /BROWSE CATEGORIES */
/**********************************************************/


/**********************************************************/
/* ERRORS */
div#errors {
color: #f00;
font-size: 8pt;
padding-top: 20px;
padding-bottom: 20px;
}
/* /ERRORS */
/**********************************************************/


/**********************************************************/
/* MAIN */
div#main {
margin-top: 20px;
min-height: 500px;
}
/* /MAIN */
/**********************************************************/


/**********************************************************/
/* FOOTER */
div#footer {
clear: both;
margin-top: 50px;
font-size: 10pt;
text-align: center;
}

#footer p.copyright {
margin: 7px;
color: #666666;
font-weight: bold;
}

#footer p.footer1 {
margin-top: 0;
margin-bottom: 5px;
}

#footer p.footer2 {
display: block;
margin: 7px;
}

#footer img {
height: 10px;
width: 1px;
}

#footer a {
margin: 0 5px;
}
/* /FOOTER */
/**********************************************************/


/**********************************************************/
/* HOME */
div#home {
position: relative;
}

#home h3 {
margin: 0;
color: #666666;
font-size: 11pt;
font-style: italic;
font-weight: normal;
text-align: left;
padding: 0 0 10px 0;
border: 0;
}

#home img#stickers {
position: absolute;
right: -23px;
top: -20px;
z-index: 2;
width: 94px;
height: 92px;
}

#home div#left {
float: left;
width: 394px;
}

#home div#right {
float: right;
width: 394px;
}

#home div.picture {
padding: 12px;
border: 1px solid #666666;
cursor: pointer;
}

#home .picture p {
margin: 10px 0 0 0;
padding: 0px;
font-size: 13pt;
text-align: center;
text-decoration:underline;
}

#home .picture img {
width: 370px;
height: 245px;
}

#home div.snippets {
margin-top: 30px;
height: 120px;
}

#home .snippets .teaser {
width: 191px;
height: 120px;
cursor: pointer;
}

#home .snippets .left {
float: left;
}

#home .snippets .right {
float: right;
}

#home .snippets .teaser p.headline {
margin: 0;
padding-top: 4px;
padding-left: 5px;
height: 24px;
color: #888888;
font-size: 10pt;
font-weight: bold;
font-family: Rockwell,Times;
text-align: center;
background: url("images/home_snippet_header.gif") repeat-x;
}

#home .snippets .teaser p.text {
margin: 0;
padding: 6px 5px;
width: 181px;
height: 100%;
color: #0099FF;
font-size: 8pt;
text-align: center;
background: url("images/home_snippet_text.gif") repeat-x;
}

#home .snippets .teaser p.text_fr {
margin: 0;
padding: 6px 5px;
width: 181px;
height: 100%;
color: #0099FF;
font-size: 8pt;
text-align: right;
background: url("images/home_snippet_text.gif") repeat-x;
}

#home .snippets .teaser img.image_cooliris {
margin-top: 10px;
margin-left: -13px;
}

#home .snippets .teaser img.image_shipping {
margin-top: -3px;
margin-left: -3px;
}

#home .snippets .teaser img.image_happy {
margin-top: -4px;
margin-left: -6px;
}

#home .snippets .teaser img.image_present {
margin-top: 2px;
margin-left: 0px;
}

#home .snippets .teaser img.image_cooliris_fr {
margin-top: 2px;
margin-right: 20px;
}

#home .intro {
margin-top: 30px;
text-align: left;
color: #666666;
}

/* /HOME */
/**********************************************************/


/**********************************************************/
/* LOGIN */
table#login {
border-spacing: 40px;
}

#login th {
color: #000;
font-size: 13pt;
font-weight: normal;
text-align: left;
}

#login td.sign_in, #login td.register {
width: 450px;
padding: 15px;
border: 1px solid #999999;
}

#login #loginform table {
width:100%;
}

#login #loginform td {
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
text-align:left;
}

#login input#email, #login input#password {
width:150px;
}


#login .button {
float: left;
}

#login #loginform td.forgot {
font-size: 10pt;
text-align: right;
text-decoration:underline;
}

#login td.register {
vertical-align: top;
}

#login p.register_headline {
font-size: 14pt;
}

#login p.register_text {
padding-top: 20px;
font-size: 9pt;
}

#login p.register_submit .button {
float: left;
margin-top: 20px;
}
/* /LOGIN */
/**********************************************************/


/**********************************************************/
/* ADMIN */
div#version {
float: right;
padding-top: 20px;
padding-right: 50px;
color: #666666;
}

div#menu div.links {
clear: both;
float: right;
padding-top: 20px;
padding-right: 50px;
}

table.new_files {
border-spacing: 5px;
}

table.new_files td {
font-size: 8pt;
text-align: center;
}

table.new_files td.error {
background-color: #aa0000;
}

div#admin_cats {
margin: 0 auto;
width: 900px;
text-align: center;
}

div#admin_cats input {
width: 80px;
}

div#admin_cats form td {
text-align: center;
}

table.new_sticker td {
text-align: left;
}

span.error {
color: #a00;
}
/* /ADMIN */
/**********************************************************/


/**********************************************************/
/* STATIC */
div#static {
margin: 0 auto;
width: 800px;
}

div#static div.text {
float: left;
width: 400px;
margin-top: 10px;
}

div#static img.image {
display: inline;
float: right;
width: 330px;
height: 401px;
}

div#static div.buttons {
clear: right;
float: right;
padding-top: 40px;
text-align: center;
}

div#static div.buttons table {
margin: 0 auto;
width: 330px;
border-spacing: 0;
}

div#static div.buttons td {
text-align: center;
height: 24px;
padding: 0 4px;
background: url("images/static_button_1px.gif") repeat-x;
}

div#static div.buttons td.spacer5 {
width: 5px;
background: none;
}

div#static div.buttons a, div#static div.buttons a:link, div#static div.buttons a:visited {
color: #ffffff;
font-size: 8pt;
font-weight: bold;
font-family: Rockwell,Times;
text-decoration: none;
}

div#static div.buttons a:hover {
color: #cc0066;
}

div#static a, div#static a:link, div#static a:visited, div#static a:active, div#static a:hover {
color:#0000ff;
text-decoration:underline;
}

p.static_headline {
margin-top: 15px;
color: #666666;
font-size: 14pt;
font-style: italic;
}

p.static_text {
color: #666666;
font-size: 10pt;
margin-top: -10px;
}

p.static_news {
color: #CC0066;

}

p.static_quote {
margin-top: 25px;
color: #999999;
font-style: italic;
text-align: justify;
}

p.static_quote_author {
margin-top: -12px;
color: #222222;
font-size: 8pt;
font-style: italic;
text-align: right;
}

#static div#voucher {
margin:40px 0;
}

#static #voucherform {
display:inline;
}

#static #voucher span, #static #voucher div {
display:inline;
font-size:9pt;
font-weight:bold;
}

#static #voucher div {
margin:0 10px;
}

#static #voucher input {
width:100px;
text-align:center;
border:1px solid #dddddd;
}

#static .button {
margin-bottom:-5px;
}
/* /STATIC */
/**********************************************************/


/**********************************************************/
/* PIC_UPLOAD */
div#upload {
margin-top: 38px;
}

#upload form {
position: relative;
margin: 0 auto;
width: 400px;
padding: 15px;
border: 1px solid #999;
float: right;
background-color: #EEEEEE;
}

#upload h3 {
margin: 10px auto;
color: #c06;
font-size: 12pt;
font-weight: bold;
text-align: left;
margin-left: 372px;
}

#upload input#txtFileName {
border: 1px solid #999;
background: #fff;
}

#upload span.noflash {
margin-left: 10px;
font-size: 7pt;
}

#upload .noflash a {
color: #00f;
text-decoration: underline;
}

#upload p.info {
float: none;
font-size: 9pt;
font-weight: bold;
}

#upload div.progress {
min-height: 20px;
width: 375px;
margin: 5px 5px;
border: #c06;

-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
-moz-border-radius-topright : 5px;
-webkit-border-top-right-radius : 5px;
-moz-border-radius-bottomleft : 5px;
-webkit-border-bottom-left-radius : 5px;
-moz-border-radius-bottomright : 5px;
-webkit-border-bottom-right-radius : 5px;
}

#upload .button {
position: absolute;
bottom: 10px;
right: 35px;
color: #cc0066;
}

#upload table.certify {
margin-top: 1px;
}

#upload table.certify td {
font-size: 8pt;
font-weight: bold;
vertical-align: top;
}

#upload div.uploaded {
margin: 20px auto;
width: 500px;
}

#upload .uploaded a, #upload .uploaded a:link, #upload .uploaded a:active, #upload .uploaded a:visited, #upload .uploaded a:hover {
color: #0000ff;
text-decoration: underline;
}

#upload .uploaded table {
font-size: 8pt;
}

#upload .uploaded img {
max-width: 100px;
max-height: 100px;
border: none;
}

#upload .images {
margin-top: 65px;
}

#upload .images_sticker {
position: absolute;
margin-top: -30px;
}

#upload .images_image {
margin-top: 60px;
}

#upload .progressWrapper {
width: 357px;
overflow: hidden;
}

#upload .progressContainer {
margin: 5px;
padding: 4px;
border: solid 1px #c06;
background: #F7F7F7;
overflow: hidden;
}

/* Message */
#upload .message {
margin: 1em 0;
padding: 10px 20px;
border: solid 1px #ffdd99;
background-color: #ffffcc;
overflow: hidden;
}

/* Error */
#upload .red {
border: solid 1px #b50000;
background: #ffebeb;
}

/* Current */
#upload .green {
border: solid 1px #ebf6fe;
background-color: #ebf6fe;
}

/* Complete */
#upload .blue {
border: solid 1px #cee2f2;
background: #f0f5ff;
}

#upload .progressName {
font-size: 8pt;
font-weight: 700;
color: #555;
width: 323px;
height: 14px;
text-align: left;
white-space: nowrap;
overflow: hidden;
}

#upload .progressBarInProgress, #upload .progressBarComplete, #upload .progressBarError {
font-size: 0;
width: 0%;
height: 2px;
background: red;
margin-top: 2px;
}

#upload .progressBarComplete {
width: 100%;
background: green;
visibility: hidden;
}

#upload .progressBarError {
width: 100%;
background: red;
visibility: hidden;
}

#upload .progressBarStatus {
margin-top: 2px;
width: 337px;
font-size: 7pt;
font-family: Arial;
text-align: left;
white-space: nowrap;
}

#upload a.progressCancel {
font-size: 0;
display: block;
height: 14px;
width: 14px;
background-image: url('images/cancelbutton.gif');
background-repeat: no-repeat;
background-position: -14px 0px;
float: right;
}

#upload a.progressCancel:hover {
background-position: 0px 0px;
}

#upload .swfupload {
position: relative;
margin-bottom: -5px;
}

/* /PIC_UPLOAD */
/**********************************************************/


/**********************************************************/
/* GALLERY */
div#gallery {
margin: 0 auto;
width: 800px;
}

div#cooliris {
position: relative;
z-index: 1;
}

div#gallery_info {
margin: 0 auto;
margin-top: 10px;
width: 800px;
text-align: center;
}

div#gallery_info table {
margin: 0 auto;
}

div#gallery_info td {
text-align: center;
}

div#gallery_info td.a {
text-align: right;
width: 355px;
}

div#gallery_info td.b {
text-align: left;
width: 445px;
}

div#gallery_info a, div#gallery_info a:link, div#gallery_info a:active,  div#gallery_info a:hover {
color: #0000ff;
text-decoration: underline;
}

#gallery_info .button_artist {
margin-top: 6px;
margin-left: 5px;
border: 0 none;
cursor: pointer;
}

#gallery_info .button_buy {
margin: auto;
border: 0 none;
cursor: pointer;
}

/* /GALLERY */
/**********************************************************/


/**********************************************************/
/* CONFIGURE PICTURE */
div#configure {
}

#configure div.left {
position: relative;
float: left;
width: 380px;
}

#configure div.artist {
width: 310px;
font-size: 11pt;
font-weight: bold;
}

#configure div.artist p {
float: right;
margin-top: 3px;
font-size: 8pt;
font-weight: normal;
}

#configure .artist p a, #configure .artist p a:link, #configure .artist p a:active, #configure .artist p a:visited, #configure .artist p a:hover {
color: #0000ff;
text-decoration: underline;
}

#configure div.description {
font-size: 10pt;
font-style: italic;
}

#configure div.picture {
margin-top: 25px;
width: 100%;
}

#configure div.pic_container {
width: 270px;
height: 270px;
text-align: center;
border: 20px solid #f4f4f4;
background-color: #f4f4f4;
}

#configure img.pic {
max-width: 270px;
max-height: 270px;
}

#configure .height {
position: absolute;
top: 100px;
right: 10px;
}

#configure .height p {
margin: 2px 0px;
color: #cc0066;
font-size: 8pt;
}

#configure .width {
margin: 10px 0;
width: 100%;
height: 20px;
}

#configure .width p {
float: left;
margin-top: 7px;
margin-left: 50px;
margin-right: 5px;
color: #cc0066;
font-size: 8pt;
}

#configure .width span {
display: none;
color: #ff0000;
font-size: 8pt;
}

#configure input {
width: 50px;
color: #cc0066;
border: 1px solid #cc0066;
}

#configure div#type {
height: 100px;
border: 1px solid #ffffff; /*type only gets height with a border*/
}

#configure div#type1 {
display: none;
margin-top: 4px;
text-align: left;
border: 1px solid #ffffff;
}

#configure #type1 h3 {
margin: 0;
width: 100%;
color: #000;
font-size: 12pt;
font-weight: normal;
text-align: left;
}

#configure #type1 table {
margin: 0;
margin-top: 2px;
width: 310px;
}

#configure #type1 table td {
font-size: 9pt;
text-align: right;
}

#configure div#type2, #configure div#type3 {
display: none;
margin-top: 30px;
width: 310px;
text-align: left;
}

#configure div.pricebox {
margin-top: 12px;
padding: 10px;
width: 360px;
height: 64px;
background: url("images/pricebox.gif") no-repeat;
}

#configure #price {
color: #cc0066;
font-size: 17pt;
}

#configure .pricebox .button {
float: right;
}

#configure div.right {
float: right;
width: 350px;
}

#configure .print .headline {
color: #000;
font-size: 12pt;
font-weight: normal;
text-align: right;
}

#configure div.right table {
border-spacing: 0;
}

#configure .print td {
width: 85px;
font-size: 8pt;
vertical-align: top;
}

#configure .print td.image {
width: 63px;
}

#configure .print td.image img {
width: 63px;
height: 78px;
}

#configure .print td.left {
width: 100px;
font-weight: bold;
vertical-align: top;
}

#configure .print td.center {
padding-left: 5px;
}

#configure .print td.right {
text-align: right;
}

#configure a.active, #configure a.active:link, #configure a.active:active, #configure a.active:visited, #configure a.active:hover {
color: #cc0066;
text-decoration: underline;
}

#configure a.inactive, #configure a.inactive:link, #configure a.inactive:active, #configure a.inactive:visited, #configure a.inactive:hover {
color: #cc0066;
}
/* /CONFIGURE PICTURE */
/**********************************************************/


/**********************************************************/
/* SHOPPING CART */
div#cart {
position: relative;
width: 800px;
}

#cart div#loading {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
opacity: 0.8;
}

#cart #loading img {
margin-top: 50px;
}

#cart input {
border: 1px solid #dddddd;
}

#cart #list td.qty {
width:95px;
}

#cart .coupon {
text-align: right;
}

#cart .coupon .button {
margin: 0 0 -6px 0;
}

#cart .couponcode {
padding-right: 10px;
vertical-align: middle;
text-align: right;
}

#cart .coupon input {
margin-right: 5px;
width: 145px;
text-align: left;
}

#buttons {
margin-top: 20px;
}

#buttons img {
margin-left: 10px;
}

#cart #address {
clear: both;
margin-top: 20px;
}


div#billing {
float: left;
margin-top: 20px;
width: 390px;
}

div#delivery {
float: right;
margin-top: 20px;
width: 390px;
}

#address h3 {
margin: 0;
width: 100%;
color: #000;
font-size: 12pt;
text-align: left;
}

#address td {
font-size: 8pt;
min-width: 150px;
}

#address .tab_address img {
margin-right: 5px;
}

#address .tab_address td.supp {
padding-left: 17px;
}

#address input {
width: 200px;
}

#address select {
width: 203px;
}

#address select#b_salutation, #address select#d_salutation {
width: 100px;
}

#address input#b_zip, #address input#d_zip {
width: 60px;
}

#address input#b_location, #address input#d_location {
margin-left: 5px;
width: 133px;
}

#address input#b_prefix, #address input#d_prefix {
width: 42px;
text-align: center;
background-color: #f4f4f4;
}

#address input#b_phone, #address input#d_phone {
width: 156px;
}

#address p {
clear: both;
margin-bottom: 0;
}

#address p img {
margin-right: 5px;
}

div#payment {
margin-top: 25px;
border-top: 1px solid #000;
}

#payment p.header {
margin-top: 5px;
margin-bottom: 0px;
}

#payment table {
margin-top: 5px;
margin-left: 5px;
}

#payment td {
vertical-align: middle;
}

div#notes {
margin-top: 20px;
border-top: 1px solid #000;
}

#notes textarea {
margin-left: 15px;
width: 400px;
height: 70px;
}

div#advance {
margin-top: 15px;
border-top: 1px solid #000;
}

#advance table {
margin: 10px 0 0 6px;
}

#advance td {
font-size: 8pt;
vertical-align: top;
}

#advance td#terms_text {
width: 370px;
}

#advance .button {
float: right;
margin-top: 5px;
}
/* /SHOPPING CART */
/**********************************************************/


/**********************************************************/
/* CONFIRMATION */
div#confirm {
}

#confirm #list td {
text-align: center;
}

#confirm #list .info {
margin: 0 0 0 140px;
}

#confirm #list .desc {
padding-left: 0px;
text-align: left;
}

#confirm #list .desc p {
margin-left: 140px;
}

#confirm #list .info td {
text-align: left;
}

#confirm #list td.sums {
text-align:right;
}


#confirm #list td.total {
text-align:right;
}

#confirm div.section {
margin-top: 10px;
}

#confirm .section hr {
margin: 0;
}

#confirm .section h3 {
margin: 0 0 0 40px;
font-size: 12pt;
}

#confirm .section table {
margin: 10px 0 10px 90px;
}

#confirm .section td {
padding: 5px 0 5px 70px;
font-size: 8pt;
vertical-align: top;
}

#confirm .section td.l {
padding-left: 0;
width: 120px;
font-weight: bold;
}

#confirm .section textarea {
width: 400px;
height: 70px;
}

#confirm .section #total {
width: 300px;
font-size: 10pt;
}

#confirm .section #total span {
font-size: 9pt;
font-style: italic;
font-weight: normal;
}
/* /CONFIRMATION */
/**********************************************************/


/**********************************************************/
/* TABLE FOR CART AND CONFIRMATION */
table#list {
width: 100%;
border-spacing: 0;
}

#list input {
text-align: right;
}

#list th {
height: 25px;
font-size: 9pt;
vertical-align: top;
}

#list td {
font-size: 9pt;
vertical-align: top;
}

#list td.pos {
width: 35px;
}

#list td.pre {
width: 100px;
height: 100px;
text-align: center;
vertical-align: middle;
background-color: #f8f8f8;
}

#list td.pre img {
max-width: 100px;
max-height: 100px;
}

#list td.desc {
padding-left: 140px;
text-align: left;
}

#list td.desc p {
margin: 0;
margin-left: 3px;
font-size: 10pt;
}

#list td.qty input {
margin-right: 5px;
width: 25px;
}

#list td.qty {
width: 80px;
text-align: right;
}

#list td.qty img {
margin-top: 5px;
margin-bottom: -5px;
}

#list td.qty span {
float: left;
margin-top: 9px;
margin-left: 10px;
}

#list td.gros input {
margin-right: 5px;
width: 70px;
background-color: #f4f4f4;
}

#list td.gros {
width: 110px;
}

#list td.sums {
padding-right:10px;
text-align:right;
}

#list .total {
padding-right:10px;
font-weight:bold;
text-align:right;
}

#list #total {
font-weight:bold;
text-align:right;
}

#list .spacer {
height: 5px;
}

table.info {
margin: 0;
margin-top: 8px;
}

table.info td {
font-size: 8pt;
}

table.info td.l {
font-weight: bold;
}
/* /TABLE FOR CART AND CONFIRMATION */
/**********************************************************/


/**********************************************************/
/* STICKER CONFIGURATION */
div#sticker {
}

#sticker h3 {
}

#sticker div#vinyl img {
width:20px;
height:21px;
margin:0 -1px;
cursor:pointer;
}

#sticker #vinyl #frosted {
float:right;
margin:0 5px;
}

#sticker #vinyl #frosted img {
margin-bottom:-5px;
}

#sticker div.left {
float:left;
margin-top:5px;
width:380px;
}

#sticker div#design {
width:300px;
height:300px;
text-align:center;
vertical-align:middle;
background-color:#f4f4f4;
border:30px solid #f4f4f4;
}

#sticker #design img {
width:300px;
height:300px;
}

#sticker #options table {
margin-top:20px;
width:100%;
}

#sticker #options table td {
padding-right:15px;
text-align:right;
}

#sticker table#sizeqty {
margin:0 auto;
margin-top:20px;
border-spacing:0;
}

#sticker #sizeqty td {
height:20px;
font-size:9pt;
text-align:center;
background-color:#fbfbfb;
}

#sticker #sizeqty td.l {
padding-right:10px;
text-align:right;
background-color:#ffffff;
}

#sticker #sizeqty td#qtytext {
width:100px;
font-size:8pt;
font-weight:bold;
}

#sticker #sizeqty td.minus {
width:17px;
background:url("images/minus.gif") no-repeat;
cursor:pointer;
}

#sticker #sizeqty td.plus {
width:17px;
background:url("images/plus.gif") no-repeat;
cursor:pointer;
}

#sticker #sizeqty td.spacer {
height:5px;
background-color:#ffffff;
}

#sticker ul {
list-style-type:none;
margin:0;
padding:0;
display:inline;
}

#sticker ul#sizes, #sticker ul#background {
position:relative;
}

#sticker li {
font-size:8pt;
font-weight:bold;
text-align:right;
cursor:pointer;
}

#sticker #background li span {
margin-right:23px;
}

#sticker li img {
margin:0 3px 0 20px;
}

#sticker li ul {
display:none;
position:absolute;
top:14px;
left:0;
z-index:20;
}

#sticker #sizes li ul li, #sticker #background li ul li {
width:140px;
padding-top:3px;
text-align:center;
background-color:#fbfbfb;
}

#sticker #sizes li ul li:hover, #sticker #background li ul li:hover {
color:#cc0066;
}

#sticker div.right {
float:right;
margin-top:5px;
width:420px;
text-align:center;
vertical-align:middle;
background-color:#ffffff;
border:none;
}

#sticker .right .simulator {
background-color:#f4f4f4;
border:10px solid #f4f4f4;
}

#sticker .right #sim {
text-align:right;
}

#sticker .right img#sticker {
width:380px;
height:380px;
background-color:#000000;
}

#sticker img#simsticker {
background:#000000;
}

#sticker .right #desc td.l {
padding-right:10px;
}

#sticker div.pricebox {
margin-top:20px;
padding:10px;
width:400px;
height:64px;
text-align:left;
background:url("images/pricebox_420px.gif") no-repeat;
}

#sticker #price {
color:#cc0066;
font-size:17pt;
}

#sticker .pricebox .button {
float:right;
}
/* /STICKER CONFIGURATION */
/**********************************************************/


/**********************************************************/
/* REGISTRATION */
div#register {
margin:0 auto;
margin-top:50px;
width:430px;
}

#register h3 {
margin-left:20px;
color:#000;
font-size:13pt;
font-weight:normal;
text-align:left;
}

#register form {
margin-bottom:0;
border:1px solid #999999;
}

#register table.tab_address {
border-spacing:10px;
}

#register .tab_address td {
font-size:8pt;
min-width:150px;
}

#register .tab_address img {
margin-right:5px;
}

#register .tab_address td.supp {
padding-left:17px;
}

#register .tab_address input {
width:200px;
border:1px solid #dddddd;
}

#register .tab_address select {
width:204px;
}

#register .tab_address select#b_salutation {
width:100px;
}

#register .tab_address input#b_zip {
width:60px;
}

#register .tab_address input#b_location {
margin-left:5px;
width:133px;
}

#register input#b_prefix {
width:42px;
text-align:center;
background-color:#f4f4f4;
}

#register input#b_phone {
width:156px;
}


#register table.terms {
margin-top:5px;
}

#register .terms td {
font-size:8pt;
}

#register .terms td.l {
width:20px;
}
/* /REGISTRATION */
/**********************************************************/


/**********************************************************/
/* TERMS */
div#terms {
}

#terms h3 {
}

#terms p.text {
margin-top:10px;
}

#terms p.headline {
margin-top:25px;
font-weight:bold;
}
/* /TERMS */
/**********************************************************/


/**********************************************************/
/* DISCLAIMER */
#disclaimer p {
margin-top:20px;
}
/* /DISCLAIMER */
/**********************************************************/


/**********************************************************/
/* CAREER */
#career h3 {
color:#cc0066;
font-size:12pt;
}

#career h4 {
margin-top:30px;
margin-bottom:0;
font-size:10pt;
}

#career p {
margin-top:10px;
}

#career p.highlight {
margin-top:20px;
margin-bottom:0;
color:#cc0066;
}

#career a, #career a:link, #career a:active, #career a:visited, #career a:hover {
color:#0000ff;
}
/* /CAREER */
/**********************************************************/


/**********************************************************/
/* CONTACT */
div#contactus {
position:relative;
}

#contactus h3 {
margin-left:98px;
color:#cc0066;
font-size:12pt;
}

#contactus p {
margin-left:98px;
}

#contactus input {
width:200px;
border:1px solid #dddddd;
}

#contactus select {
width:203px;
}

#contactus textarea {
width:200px;
height:80px;
border:1px solid #dddddd;
}

#contactus a, #contactus a:link, #contactus a:active, #contactus a:visited, #contactus a:hover {
padding:0;
color:#0000ff;
}

#contactus .tab_address {
margin-left:98px;
}

#contactus .tab_address td {
min-width:150px;
font-size:9pt;
vertical-align:top;
}

#contactus .tab_address td.volun {
padding-left:18px;
}

#contactus img {
margin-right:5px;
}

#contactus .button {
position:absolute;
right:230px;
bottom:23px;
}

#contactus div#hotline {
position:absolute;
top:65px;
left:495px;
padding:20px;
background-color:#dddddd;
border:1px solid #000;
}

#contactus #hotline td {
font-size:9pt;
}

#help {
}

#help a, #help a:link, #help a:active, #help a:visited, #help a:hover {
color:#0000ff;
text-decoration:underline;
}
/* /CONTACT */
/**********************************************************/


/**********************************************************/
/* PARTNERSHIP */
div#partnership {
position:relative;
}

#partnership h3 {
margin-left:100px;
color:#cc0066;
font-size:12pt;
}

#partnership a, #partnership a:link, #partnership a:active, #partnership a:visited, #partnership a:hover {
padding:0;
color:#0000ff;
}

#partnership p.text {
margin-left:100px;
width:300px;
font-size:10pt;
}

#partnership div.picture {
position:absolute;
top:0;
right:100px;
min-width:200px;
min-height:200px;
background-color:#dddddd;
}
/* /PARTNERSHIP */
/**********************************************************/


/**********************************************************/
/* LOCATION */
div#location {
position:relative;
}

#location h3 {
margin-left:10px;
color:#cc0066;
font-size:12pt;
}

#location p {
margin-left: 10px;
margin-bottom: 50px;
width: 300px;
font-size: 10pt;
}

#location div#googlemap {
margin:0 auto;
margin-top:-300px;
margin-left:380px;
width:400px;
height:350px;
}
/* /LOCATION */
/**********************************************************/


/**********************************************************/
/* USER CENTER */
div#usercenter {
}

#usercenter h3 {
margin:0;
}

#usercenter div.left {
position:relative;
float:left;
padding:10px;
border:1px solid #dddddd;
}

#usercenter div.right {
position:relative;
float:right;
padding:10px;
border:1px solid #dddddd;
}

#usercenter .tab_address {
margin-top:20px;
}

#usercenter .update {
position:absolute;
bottom:-25px;
right:0;
}

#usercenter .tab_address td {
font-size: 8pt;
min-width: 150px;
}

#usercenter .tab_address img {
margin-right: 5px;
}

#usercenter .tab_address td.vol {
padding-left: 20px;
}

#usercenter .tab_address input {
width:200px;
border:1px solid #dddddd;
}

#usercenter .tab_address select {
width: 203px;
}

#usercenter .tab_address select#salutation {
width: 100px;
}

#usercenter .tab_address input#zip {
width: 60px;
}

#usercenter .tab_address input#location {
margin-left: 5px;
width: 133px;
}

#usercenter .tab_address input#prefix {
width: 42px;
text-align: center;
background-color: #f4f4f4;
}

#usercenter .tab_address input#phone {
width: 156px;
}

#usercenter .tab_address p {
clear: both;
margin-bottom: 0;
}

#usercenter .tab_address p img {
margin-right: 5px;
}
/* /USER CENTER */
/**********************************************************/


/**********************************************************/
/* ORDER STATUS */
div#orderstatus {
}

#orderstatus div.block {
margin:20px auto;
padding:20px;
width:400px;
border:1px solid #dddddd;
}

#orderstatus h3 {
margin:0 0 10px 0;
color:#cc0066;
}

#orderstatus table {
width:100%;
}

#orderstatus th {
font-size:9pt;
}

#orderstatus th.l {
padding-left:3px;
text-align:left;
}

#orderstatus th.r {
padding-right:15px;
text-align:right;
}

#orderstatus td {
font-size:9pt;
text-align:center;
}

#orderstatus td.l {
text-align:left;
}

#orderstatus td.r {
text-align:right;
}

#orderstatus a, #orderstatus a:link, #orderstatus a:active, #orderstatus a:visited, #orderstatus a:hover {
color:#0000ff;
text-decoration:underline;
}
/* /ORDER STATUS */
/**********************************************************/


/**********************************************************/
/* SITEMAP */
#sitemap {
margin:0 auto;
width:400px;
font-size:10pt;
}

#sitemap p.level1 {
margin:10px 3px 0 0;
}

#sitemap p.level2 {
margin:3px;
}

#sitemap .level2 span {
margin:0 15px;
}

#sitemap a:hover {
color:#cc0066;
}
/* /SITEMAP */
/**********************************************************/


/**********************************************************/
/* VITA */
div#vita {
margin:0 auto;
width:800px;
position:relative;
}

#vita div.text {
float:left;
width:430px;
}

#vita img.image {
float:right;
width:300px;
}

#vita h1 {
margin:0;
color:#666666;
font-size:14pt;
font-style:italic;
text-align:left;
}

#vita p.text {
color:#666666;
font-size:10pt;
}

#vita a.website {
color:#0000FF;
text-decoration:underline;
font-size:10pt;
padding: 0;
}

#vita .links {
position: absolute;
top: 408px;
left: 500px;
}

#vita a.internlink {
position:relative;
top:3px;
}

/*#vita img.button {
} */

/* /VITA */
/**********************************************************/


/**********************************************************/
/* PRESS */
p.press_small_pics {
margin-top: 175px;
}

img.press_small {
width: 73px;
height: 100px;
border: none;
}
/* /PRESS */
/**********************************************************/


/**********************************************************/
/* VOUCHER TO PDF */
div#voucher2pdf {
}

#voucher2pdf table {
margin: 20px 0;
font-size: 11pt;
}

#voucher2pdf input, #voucher2pdf select, #voucher2pdf textarea {
width: 200px;
}
/* /VOUCHER TO PDF */
/**********************************************************/


/**********************************************************/
/* CALCULATOR */
div#calculator {
float: left;
margin-top: -30px;
}

#calculator h3 {
display: inline;
margin-left: 6px;
}

#calculator p {
display: inline;
}

#calculator form {
position: relative;
width: 265px;
height: 133px;
background-color:#EEEEEE;
margin-top: 11px;
margin-right: 70px;
}

#calculator div {
font-size: 10pt;
margin: auto;
}

#calculator input {
width: 28px;
text-align: right;
margin: 8px auto;
}

#calculator span.label {
position: relative;
top: 1px;
}

#calculator span.price {
font-size: 24px;
}

#calculator span#calculator_price {
margin-left: 4px;
font-size: 24px;
font-weight: bold;
color: #c06;
}
/* /CALCULATOR */
/**********************************************************/

/**********************************************************/
/* SITEMAP ARTISTS */

div#sitemap_artists {
margin-top: 20px;
}

#sitemap_artists h1 {
font-weight: bold;
font-size: 14px;
}

#sitemap_artists artistslist {
display: none;
}

#sitemap_artists ul.subcat {
width: 800px;
}

#sitemap_artists ul.subcat li {
display: table-cell;
padding-left: 30px;
}

#sitemap_artists ul.subcat li a {
text-decoration: underline;
}

/* SITEMAP ARTISTS */
/**********************************************************/


/**********************************************************/
/* ERROR 404 */
div#error404 {
margin: 40px auto;
width: 500px;
}

#error404 h3 {
margin-bottom: 40px;
}
/* /ERROR 404 */
/**********************************************************/

