﻿body{margin: 0 auto 0 auto;   font-family: verdana,sans-serif;font-size: 10pt;color: #808080;height: 100%;background: url( '../images/body_background.jpg' ) repeat left top;height:100%;}
/* General elements */
h1, h2 {font-size:21pt;font-weight:500;font-family:Times New Roman;padding-bottom:10px;color:#666;}
h2{font-size: 14pt;color: #9d0000;line-height:1.1em;letter-spacing:0.02em;}
h3, .h3 {font-family:'Trebuchet MS';color:#666;font-size: 11pt;padding-bottom:5px;font-weight:400;}
.h3 {font-size: 12pt;line-height:25px;padding-bottom:0;color: #9d0000;text-transform:uppercase;float:left;padding-right:10px;}
h1 .highlight{color:#9d0000;}
p{line-height:1.25em;letter-spacing:0.01em;}
a, a:link, a:hover, a:active, a:visited
{
    text-decoration: underline;
   color: #9d0000;
}
a:hover {text-decoration:none;}
.spacer {clear:both;}
.hr {clear:both;height:30px;display:block;background:transparent url('../images/hr.png') no-repeat 50% 50%;}
.FloatLeft{float:left;}
.FloatRight{float:right;}
.btn a, .btnsmall a{width:120px;height:30px;display:block;background:transparent url('../images/btn.png') no-repeat top left;color:#fff !important;text-transform:uppercase;text-align:center;line-height:29px;text-decoration:none;font-size:10pt;font-weight:500;}
.btn a:hover{background-image:url('../images/btn_dn.png');color:#fff !important;}
.btnsmall a{width:115px;height:21px;line-height:20px;font-size:8pt;background-image:url('../images/btn_small.png')}
.strike{text-decoration:line-through;}
.sale{color:Green;}
.table0, .table1 {height:22px;background-color:#fff;vertical-align:middle;}
.table1 {background-color:#eee;}
#popupMyList{display:none;}

/* Positioning elements */
#page {margin: 0 auto 0 auto;width:978px;background:transparent url('../images/page_background.png') repeat-y left top;} /* for dropshadow */
#container {margin: 0 8px 0 8px;width:960px;}

/* Header  */
#header {width:960px;border-bottom:solid 1px #fff;height:186px;background:#9d0000 url('../images/fade_h.png') repeat-y right top;}
.HeaderPreview, .logo {float:left;}
.HeaderPreview {background-repeat:no-repeat;height:186px;background-position:left center;}

/* Search Box */
#search {width:349px;height:141px;margin:25px 10px 0 10px;float:left;background:transparent url('../images/searchbox.png') no-repeat left top;}
#search input{border:solid 1px #fff;height:17px;color:#999;width:230px;margin-top:45px;margin-left:40px;}
#search select{border:solid 1px #666;height:24px;color:#999;width:130px;margin-top:15px;margin-left:35px;}

/* Menu */
#MenuBar {list-style:none;margin-top:12px;margin-bottom:20px;}
#MenuBar li{padding:0px 0px 2px 8px;} /* IE needs smaller height ?? */
#MenuBar a{padding:5px 0 0 5px;display:block;height:23px;width:196px;font-family:'Trebuchet MS';text-transform:uppercase;color:#ccc;font-size:13.5pt;font-weight:600;text-decoration:none;background:transparent url('../images/btn_menu.png') no-repeat 0 0;}
#MenuBar a:hover, #MenuBar .MenuOn{color:#fff;background:transparent url('../images/btn_menu_on2.png') no-repeat 0 0;}


#leftColumn{float:left;width:212px;background:#9d0000 url('../images/fade_v.png') repeat-x left top;color:#fff;min-height:670px;}
#leftColumn p {padding:10px;}

#rightColumn{float:left;background:#fff url('../images/page_header.png') no-repeat 20px 20px;width:665px;padding:35px 40px 0 40px;}
#rightColumn p{padding-bottom:10px;}
#rightColumn a{}

#footer{margin: 0 auto 0 auto;width:978px;height:55px;background:transparent url('../images/footer.png') no-repeat 0 0;font-size:smaller;color:#fff;}
#footer .left {float:left;margin-left:10px;margin-top:20px;}
#footer .right {float:right;margin-right:20px;margin-top:20px;}
/* Products */

.Section {float:left;width:234px;height:183px;background:#fff url('../images/frame.png') no-repeat bottom left;margin:0 40px 30px 0;}
.Section h2 {padding-bottom:5px;}

.ProductPreview{clear:both;padding-top:10px;border:solid 3px #eee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;cursor:default;background-color:#eee;margin:10px 0 10px 0;display:block;width:640px;}
.ProductPreview a, .ProductPreview a:hover,.ProductPreview a:link, .ProductPreview a:visited {text-decoration:none;color: #808080 !important;}
.ProductPreview h2 {float:left;padding:0 10px 8px 10px;}

.on {border: solid 1px #9d0000;background:#fff url(../images/test2.png) repeat-x top left;}
.on h2 {font-size:1.6em;color:#fff;padding-top:0px;}
.infoCard{float:left;width:628px;clear:left;display:block;padding-bottom:10px;}
.infoCard h3 {padding:10px;clear:both;}
.infoCard p  {padding:0;}
.infoCard img {margin:0 0 10px 10px;}
.infoCard:hover {background:#fff url('../images/arrow2.png') no-repeat center right;}
.infoCard:hover h3, .infoCard:hover p{color:#333;}
[disabled] {display:none;}
.prints {width:670px;}
.prints p {line-height:1.1em;padding:5px;vertical-align:middle;font-size:0.8em;}
.prints .table0, .prints .table1 {border:solid 1px #000;}
.prints .table0:hover, .prints .table1:hover {background-color:#9d0000;color:#fff;cursor:pointer;}
.PrintSelect{height:22px;color:#999;margin-top:10px;}
.artists {padding:0px 10px 10px 10px;}
.artists a, .artists a:link, .artists a:active, .artists a:visited{text-decoration: underline;
   color: #9d0000 !important;}
   .artists a:hover {text-decoration:none;color: #9d0000 !important;}




/* Contact form and text boxes */
.ContactForm{width:370px;}
.ContactForm p {padding:6px 0 6px 0;line-height:22px;border-bottom:solid 1px #e3e3e3;}
.TextBox {border:solid 1px #cdcdcd;vertical-align:top;color:#666;font-size:9pt;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;width:250px;height:20px;}
.ContactForm input {}
.ContactForm input:focus,.ContactForm textarea:focus{border:solid 1px 9d0000;}
.ContactText{width:110px;display:block;float:left;}

/* POPUP */

 #backgroundPopup{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
 }  
 #popupMyList{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:250px;  
 width:400px;  
 background:#FFFFFF;  
 border:2px solid #cecece;  
 z-index:2;  
 padding:12px;  
 font-size:13px;  
 }  
 #popupMyList h1{  
 text-align:left;  
 font-weight:700;  
 color:#9d0000;
 border-bottom:1px dotted #D3D3D3;  
 padding-bottom:2px;  
 margin-bottom:20px;  
 }  
 .closebtn{  
 font-size:14px;  
 line-height:14px;  
 right:6px;  
 top:4px;  
 position:absolute;  
 color:#666; 
 font-weight:700;  
 display:block;  
 text-decoration:none;
 cursor:pointer;
 }  






