/* CSS Document */
/*DIV {border:1px dashed #f00;}*/

/*-----------------------------------------------

Author: David Martin
Version: v1.0

/*body
{ 
background: #00FF00 url(stars.gif) no-repeat fixed top
} 

----------------------------------------------- */


/* STANDARD STYLES */
* {margin:0; padding:0;}
body { margin-top:20px; font-size:75%; font-family:  Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif; background-image:url("images/bg.gif");}
a,td,th,p,h1,h2,h3,li,dt,dd {font-size:1em; color:#000;}
p,blockquote,dd {line-height:1.5em;}
img {border:0;}
fieldset {border:solid 1px #cc3366; margin-top:1em; padding:.5em;}
legend {padding:.5em; background-color:#cc3366; color:#fff}
fieldset fieldset {margin:0; border:solid 1px #ccc;}
fieldset fieldset legend {background-color:#FFF; color:#000;}
.end {clear:both;}
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both; }
.hidden {position:absolute; margin-left:-9999px;}


/* STRUCTURE */

#wrapper {width: 713px; margin: 0 auto; padding: 0;}
#leftarea {float:left; width: 287px; _width: 286px; border: 1px solid #938195; border-right:0; padding: 26px 34px 19px 34px; background: url("images/main_left_bg.jpg") no-repeat; }
#rightarea {float:right; width: 335px; border: 1px solid #938195; background-color:#fff; padding: 10px; margin-bottom: 40px;}

#rightarea2 { height:458px;  _height:457px; float:right; width: 335px; border: 1px solid #938195; background-color:#fff; padding: 10px; margin-bottom: 40px;}

/* LEFT AREA */

#logo { width: 287px; height:53px;  background: url("images/logo.gif") no-repeat; }

/* NAV */

#sidebar { font-size: 11px; height: 100%; width: 283px; padding:0; margin:20px 0 10px 2px;}

#sidebar ul
{
margin:0; 
padding:0; 
list-style-type: none; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
ont-size: 12px; 
font-weight: bold; 
width:283px;
border-bottom: 1px dotted #5a1d5f; 
}

#sidebar ul li
{
}

#sidebar ul li a
{
background: url(images/nav_bg.gif) no-repeat 0 0;
padding: 8px 3px 4px 25px; 
display:block; 
width: 255px; 
height:18px;
color: #6f1b76; 
margin: 0;
border:0;
border-top: 1px dotted #5a1d5f; 
text-decoration: none;
}

#sidebar ul li a:hover
{
background: url(images/nav_bg2.gif) no-repeat 0 0;
padding: 8px 3px 4px 25px; 
display:block; 
width: 255px; 
height:18px;
color: #000;
margin: 0;
border:0;
border-top: 1px dotted #5a1d5f; 
text-decoration: none;
}

/* NAV END*/

#sidebar2 { font-size: 11px; height: 100%; width: 283px; padding:0; margin:30px 0 5px 2px;}

#sidebar2 ul
{
margin:0; 
padding:0; 
list-style-type: none; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
ont-size: 12px; 
font-weight: bold; 
width:283px;
border-bottom: 1px dotted #5a1d5f; 
}

#sidebar2 ul li
{
}

#sidebar2 ul li a
{
background: url(images/nav_bg.gif) no-repeat 0 0;
padding: 8px 3px 4px 25px; 
display:block; 
width: 255px; 
height:18px;
color: #6f1b76; 
margin: 0;
border:0;
border-top: 1px dotted #5a1d5f; 
text-decoration: none;
}

#sidebar2 ul li a:hover
{
background: url(images/nav_bg2.gif) no-repeat 0 0;
padding: 8px 3px 4px 25px; 
display:block; 
width: 255px; 
height:18px;
color: #000;
margin: 0;
border:0;
border-top: 1px dotted #5a1d5f; 
text-decoration: none;
}

#collection { height: 100%; width: 100%; padding:0 0 0 1px; margin:0;}

a#fav1 { float:left; background: url("images/decards/d114.jpg") no-repeat; display: block; width: 45px; height: 63px; border: 4px solid #fff; margin:0 4px 0 1px; }
a#fav1:hover  { background: url("images/decards/d114.jpg") no-repeat; border: 4px solid #5a1d5f;}

a#fav2 { float:left;  background: url("images/decards/d115.jpg") no-repeat; display: block; width: 45px; height: 63px; border: 4px solid #fff; margin:0 4px 0 0; }
a#fav2:hover  { background: url("images/decards/d115.jpg") no-repeat; border: 4px solid #5a1d5f;}

a#fav3 { float:left;  background: url("images/decards/d117.jpg") no-repeat; display: block; width: 45px; height: 63px; border: 4px solid #fff; margin:0 4px 0 0; }
a#fav3:hover  { background: url("images/decards/d117.jpg") no-repeat; border: 4px solid #5a1d5f;}

a#fav4 { float:left;  background: url("images/decards/d118.jpg") no-repeat; display: block; width: 45px; height: 63px; border: 4px solid #fff; margin:0 4px 0 0; }
a#fav4:hover  { background: url("images/decards/d118.jpg") no-repeat; border: 4px solid #5a1d5f;}

a#fav5 {  float:left; background: url("images/decards/d105.jpg") no-repeat; display: block; width: 45px; height: 63px; border: 4px solid #fff; margin:0; }
a#fav5:hover  { background: url("images/decards/d105.jpg") no-repeat; border: 4px solid #5a1d5f;}



/* FOOTER */

#footer { width: 283px;  margin: 5px 0 0 2px; border-top: 1px dotted #5a1d5f; }
#footer p { font-weight: bold; color: #c3aaaf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding: 10px 0 4px 0;}

/* RIGHT AREA */

#contentholder { width:335px; background-color: #f8efdd; height: 100%;}
#contentholder h1 { margin: 0 10px; color: #6c1c73; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; padding: 9px 0 17px 0;}
#contentholder p  { margin: 0 10px 10px 10px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666; line-height: 13px;}

#contentholder3 { width:335px; background-color: #f8efdd; padding-bottom:15px;}
#contentholder3 h1 { margin: 0 10px; color: #6c1c73; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; padding: 9px 0 17px 0;}
#contentholder3 p  { margin: 0 10px 10px 10px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666; line-height: 13px;}


.navspacer { height: 125px; _height: 114px;}

#contentholder_cards { width:335px; background-color:#eee8ef; padding-bottom: 1px;}
#contentholder_cards2 { width:335px; background-color:#eee8ef; padding: 4px 0 1px 0;}

.viewbasket_wrap { width:335px; height:30px; background-color:#fff;}
.viewbasket { width: 143; height:24; float:right;}

.cards_maininfo  { width: 290px;  margin:12px 12px 18px 12px; padding:10px;  background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.cards_maininfo h1 { color:#5a1d5f;; font-weight: bold; margin:5px 0 10px 0; padding:0; }
.cards_maininfo p  { color:#999; font-weight:bold; margin:0 0 5px 0; padding:0; line-height: 13px; }

.cards_wrap  { width: 290px;  margin:12px 12px 18px 12px; padding:10px;  background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.cards_wrap h1 { color:#aaaaaa; font-weight: normal; margin:7px 0 0 0; padding:0; }
.cards_wrap h2 { color: #666; font-weight:bold; font-size: 11px; margin:3px 0 0 0; padding:0; }
.cards_wrap p  { color:#5a1d5f; font-weight:bold; font-size: 13px; margin:0 0 20px 0; padding:0; _padding:0 5px 0 0; }

.cards_image { float: left; }

.cards_info  { float: left; padding: 0 0 0 6px; width: 95px; }
.cards_info2  { float: left; padding: 0 0 0 6px; width: 140px; }

.cards_add   { float: right; text-align:right; line-height: 0px;}

#largeview { width:290px; height:24; margin-top:10px;}

a#largeview1
  {
  display: block;
  width: 290px;
  height: 24px;
  margin: 0 0 0 0;
  border: none;
  background: url("images/large_view1.gif") no-repeat;
}

a#largeview1:hover
  {
  background: url("images/large_view2.gif") no-repeat;
  }

a#largeview2
  {
  display: block;
  width: 290px;
  height: 24px;
  margin: 0 0 0 0;
  border: none;
  background: url("images/closelarge_view1.gif") no-repeat;
}

a#largeview2:hover
  {
  background: url("images/closelarge_view2.gif") no-repeat;
  }  
 
 #viewvid { width:335px; height:24; margin-top:10px;}

a#viewvid1
  {
  display: block;
  width: 335px;
  height: 24px;
  margin: 0 0 0 0;
  border: none;
  background: url("images/vid_dem.gif") no-repeat;
}

a#viewvid1:hover
  {
  background: url("images/vid_dem2.gif") no-repeat;
  }
  
  
.largewrapper { margin: 10px 0 5px 0; width: 290px; }
/*.largephoto { margin-top:10px;float: left; padding:10px; width: 105px; background-color:#000;}*/
.largeinfo	{ margin-top:10px; padding: 5px 10px 5px 10px ; width: 270px; font-weight:bold;}
.largeinfo p { color: #595959 ; font-size: 10px; padding:5px 0 7px 0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.5em;}
.largeinfo p2 { color: #5a1d5f; font-size: 10px ; padding:5px 0 7px 0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.5em;}

.videoholder { margin-top:10px; padding: 10px; width:315px; background-color: #f8efdd;}

#tradeholder { width:305px; background-color: #f8efdd; padding: 15px;}
#tradeholder h1 {  color: #6c1c73; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; padding: 0 0 9px 0;}
#tradeholder p  { margin:8px 0 0  0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666; line-height: 13px;}

#tradeholder h2 { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0 9px 0;}

#tradeholder a { color: #ccc;}
#tradeholder a:hover { color:#000;}

.spacer {width:305px; height:10px;}
#formwrapper { width:305px; background-color: #f8efdd; padding: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
#formwrapper h1 { margin:2px 0 10px  0; font-size: 12px;  color: #990000; line-height: 13px;}
#formwrapper p  { margin:2px 0 2px  0; font-size: 10px;  color: #333; line-height: 13px;}
#formwrapper p2  { padding:0; font-size: 10px; color: #666; line-height: 13px; font-weight:normal;}