/* HTML ELEMENTS */


body {
margin: 0px;
padding: 0px;
background-color: #0e3867;
text-align: center;
background-image: url('images/bg.gif');
background-position: top;
background-repeat: repeat;
}

body, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

img {
border: 0px;
}

a {
color: #1372bb;
text-decoration: underline;
}

a:visited {
color: #003661;
text-decoration: underline;
}

a:hover {
color: #18cc00;
text-decoration: underline;
}

h1 {
color: #be0000;
font-size: 16px;
background-image: url('images/h1-star.gif');
background-position: left;
background-repeat: no-repeat;
padding: 10px 0px 10px 40px;
}

h2 {
color: #1372bb;
font-size: 12px;
font-weight: bold;
margin-top: 0px;
}

.inward {
border: 1px solid #2b7cbb;
background-color: #b8defb;
color: #024c85;
font-size: 10px;
}

.outward {
border: 1px solid #2b7cbb;
background-color: #b8defb;
font-size: 10px;
color: #024c85;
}

.formfieldtitle {
border-top: 1px solid #2b7cbb;
border-left: 1px solid #2b7cbb;
border-right: 1px solid #2b7cbb;
background-color: #e6f4ff;
padding: 2px 2px 2px 4px;
margin: 10px 0px 0px 0px;
font-size: 10px;
width: 150px;
}

a.imageHighlight:hover {
background: transparent;
}

a.imageHighlight img {
border: 2px solid white;
padding: 2px;
}

a.imageHighlight:visited img {
border: 2px solid white;
}  

a.imageHighlight:hover img,
a.imageHighlight:active img {
border: 2px solid #18cc00;
}

#content-nav {
margin: 0px;
padding: 0px;
}

#back {
font-size: 9px;
float: left;
text-align: left;
width: 300px;
}


ul.subcategories {
margin: 10px 0px 10px 15px;
padding: 0px 0px 0px 0px;
}

ul.subcategories li {
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 0px;
}

ul.subcategories li {
list-style-image: url('/images/arrow.gif');
}

.column_title {
font-size: 11px;
}

.posters_page_links {
font-size: 9px;
text-align: center;
margin: 20px 5px 0px 5px;
}


.posters_page_links a, #back a {
border: 1px solid #2b7cbb;
background-color: #b8defb;
font-size: 9px;
color: #024c85;
padding: 1px;
margin: 0px 1px 0px 0px;
text-decoration: none;
}

.posters_page_links a:hover, #back a:hover {
background-color: white;
text-decoration: none;
color: #024c85;
}

.posters_page_links a:visited, #back a:visited {
text-decoration: none;
color: #024c85;
}

#back a {
display: block;
width: 40px;
text-align: center;
}


.posters_page_links .currentpage {
border: 1px solid black;
background-color: white;
font-size: 9px;
color: black;
padding: 1px;
}


.price_text {
font-weight: bold;
}

.price_old {
color: red;
text-decoration: line-through;
}

.price_actual {
color: #0099FF;
}



/*  Multiple Posters Section */

.posters_products {
margin: 0px;
padding: 0px;
}

.posters_row {
clear: both;
margin: 0px;
padding: 20px 0px 0px 0px;
}

.posters_product_box {
text-align: center;
float: left;
width: 168px;
margin: 0px 0px 0px 8px;
}

.posters_title{
font-size: 12px;
}

.posters_menu{
font-size: 10px;
text-decoration: none;
}
.posters_link{
font-size: 12px;
}
.posters_link_single{
font-size: 14px;
}


.posters_error {
text-align: center;
font-size: 12px;
margin: 30px 0px 0px 0px;
padding: 10px;
background-color: #eff6fd;
border: 1px solid #1172b9;
}

/* Navigation CSS */
.posters_navigation{
font-size: 12px;
padding-left: 10px;
}
.posters_navigation_header{
font-size: 12px;
font-weight: bold;
}


/* Main template section */

/* top right bottom left
.posters_sort_box {
text-align: right;
margin: 0px 0px 30px 0px;
}
*/

.posters_small {
font-size: 10px;
}



/* Item template section */

.item-image {
float: left;
margin: 0px 10px 0px 0px;
}

.item-info {
float: left;
border-left: 5px solid #dfdfdf;
border-top: 5px solid #dfdfdf;
padding: 10px 0px 0px 10px;
width: 150px;
}

.item-info a, .item-info a:visited {
text-decoration: none;
}

.item-price {
font-size: 14px;
margin: 10px 0px 10px 0px;
font-weight: bold;
}

.posters_item_box {
margin: 30px 0px 10px 0px;
}

.posters_item_artist {
font-size: 14px;
}

.posters_item_link {
font-size: 12px;
background-image: url('/images/arrow.gif');
background-position: left;
background-repeat: no-repeat;
padding: 0px 0px 0px 20px;
}

.posters_item_small {
font: 14px;
}
.posters_item_similar {
font: 14px;
margin: 5px;
padding: 5px;
background-color: #F8F8F8;
border: 2px solid #E6E6E6;
}
.posters_item_sim_artist {
font: 14px;
margin: 5px;
padding: 5px;
background-color: #F8F8F8;
border: 2px solid #E6E6E6;
}

.posters_title_single {
font-size: 14px;
}




/* 
Suckerfish Dropdowns
http://www.htmldog.com/articles/suckerfish/dropdowns/
version adapted
*/

#menu-top-area {
padding: 10px 0px 0px 25px;
text-align: left;
}


#nav, #nav ul {
padding: 0px;
margin: 0px;
list-style: none;
line-height: 1;
}

#nav li {
float: left;
width: 100px;
margin: 0px;
padding: 0px;
}

#nav li ul {
position: absolute;
width: 150px;
visibility: hidden;
}

#nav li ul li {
background-color: #14ad00;
width: 150px;
}

#nav li a {
display: block;
text-decoration: none;
color: white;
padding: 2px 2px 2px 6px;
margin: 0px;
font-size: 11px;
border-bottom: 1px solid #1cdc03;
cursor: pointer;
}

#nav li a:hover {
background-color: #1cdc03;
}


#nav li ul ul {
margin: -16px 0px 0px 150px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
visibility: hidden;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
visibility: visible;
width: 150px;
}

#nav a.bigcategories {
background-color: #ffe401;
color: black;
}

#nav a.bigcategories:hover {
background-color: #ffcc01;
color: black;
}




/* LAYOUT */

#main {
margin: 0px auto;
padding: 0px;
width: 745px;
}


#top {
width: 745px;
height: 30px;
margin: 0px;
padding: 0px;
background-image: url('images/top.jpg');
background-position: top;
background-repeat: no-repeat;

}

#top-text {
text-align: right;
padding: 7px 20px 0px 0px;
font-size: 10px;
color: #bcd6e9;
}

#top-text a, #top-text a:visited, #footer-text a, #footer-text a:visited {
color: #bcd6e9;
text-decoration: none;
}

#top-text a:hover, #footer-text a:hover {
color: #bcd6e9;
text-decoration: underline;
}

#top2 {
width: 745px;
height: 166px;
margin: 0px;
padding: 0px;
}


#top3 {
width: 568px;
height: 166px;
margin: 0px;
padding: 0px;
float: left;
}

#logo-posters {
width: 177px;
height: 166px;
margin: 0px;
padding: 0px;
float: left;
}

#header-celebrity {
width: 568px;
height: 118px;
margin: 0px;
padding: 0px;
}

#menu-bg {
width: 568px;
height: 48px;
background-image: url('images/menu-bg.gif');
background-position: top;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
text-align: center;
}

#middle-bg {
width: 745px;
height: 11px;
margin: 0px;
padding: 0px;
}

#body {
width: 745px;
margin: 0px;
padding: 0px;
background-image: url('images/body-bg.gif');
background-position: top;
background-repeat: repeat-y;
}

#body-bg-left {
width: 4px;
height: 335px;
float: left;
margin: 0px;
padding: 0px;
}

#column-section {
width: 173px;
float: left;
margin: 0px;
padding: 0px;
}

#column-header {
width: 173px;
height: 55px;
margin: 0px;
padding: 0px;
}

#column-bottom {
width: 173px;
height: 55px;
margin: 0px;
padding: 0px;
}

#column-bg {
width: 173px;
background-image: url('images/column-bg.gif');
background-position: top;
background-repeat: repeat-y;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

#column-text {
text-align: left;
margin: 0px;
padding: 10px;
font-size: 9px;
}

#body-bg-center {
width: 9px;
height: 335px;
float: left;
margin: 0px;
padding: 0px;
}

#body-section {
width: 555px;
float: left;
margin: 0px;
padding: 0px;
}

#body-top {
width: 555px;
height: 55px;
margin: 0px;
padding: 0px;
}

#body-content-bg {
width: 555px;
background-image: url('images/body-content-bg.gif');
background-position: top;
background-repeat: repeat-y;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

#body-text {
text-align: left;
margin: 0px;
padding: 8px;
}

#body-bg-right {
width: 4px;
height: 335px;
float: left;
margin: 0px;
padding: 0px;
}


#bottom {
width: 745px;
height: 57px;
margin: 0px;
padding: 0px;
}

#footer {
width: 745px;
margin: 0px;
padding: 0px;
}

#footer-text {
text-align: center;
padding: 20px 0px 0px 0px;
color: #bcd6e9;
font-size: 9px;
}



/*
hack to correct Containing Floats problem 
http://www.complexspiral.com/publications/containing-floats/
*/
div.clearer {
clear: both; 
margin: 0px;
padding: 0px;
line-height: 0px;
height: 0px;
}