body,html {height:100%; width:100%;}
 body,button,input
{
font-family:"Helvetica","Arial";
font-smooth:always;
-webkit-font-smoothing:antialiased;
}

.no-display
{
display:none!important;
}

 html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p
{
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,pre,code,caption,code,em,strong,th
{
font-size:1em;
font-weight:normal;
font-style:normal;
}

caption,th
{
text-align:left;
}

table
{
border-collapse:collapse;
border-spacing:0;
}

html
{
xbackground-color:#fff;
background-color:#e0e2c1;
}

.clear
{
clear:both;
}

img
{
border:0;
}

body
{
font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
background-color:transparent;
color:#333;
}

a
{
color:#08c;
}

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

a:hover
{
text-decoration:underline;
}

em.more,em.external
{
color:#08c;
font-style:normal;
}

.nowrap
{
white-space:nowrap;
}

em,i
{
font-style:italic;
}

.sosumi
{
font-size:10px!important;
background-color:#f0f2d1;
border-top:#d0d2b1;
height:20px;
color:#888;
}

h1,h2,h3,h4,h5,h6,strong
{
color:#000;
}

h1,h2,h3,h4
{
font-weight:bold;
}

h2,h3,h4
{
line-height:18px;
}

h1,h2
{
margin-bottom:18px;
}

h2
{
font-size:16px;
}

h3
{
font-size:1em;
}

h4
{
font-size:10px;
}

p
{
margin-bottom:18px;
}

ul
{
list-style:none outside;
}

ul.square,ul.circle
{
margin-left:2em;
margin-bottom:18px;
}

ul.square
{
list-style:square outside;
}

ul.circle
{
list-style:circle outside;
}

#productheader
{
border-bottom:1px solid #ddd;
padding:1em 0 .2em;
overflow:hidden;
width:980px;
margin:0 auto;
*position:relative;
*height:39px;
}

#productheader h1,#productheader h2
{
height:32px;
line-height:32px;
display:inline;
float:left;
margin:1px 0 6px 8px;
padding:0;
margin-bottom:6px!important;
}

#productheader h1 a,#productheader h2 a
{
line-height:32px;
background-position:0 0;
background-repeat:no-repeat;
color:#888;
display:block;
font-weight:normal;
height:32px;
outline:none;
text-decoration:none;
text-indent:-9999px;
*position:relative;
}

body
{
font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
background-color:#e0e2c1;
color:#000;
text-align:center;
}

a
{
color:#298cda;
outline:none;
}

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

a:hover
{
text-decoration:underline;
}

p
{
margin-bottom:18px;
}

h1
{
font-weight:bold;
font-size:22px;
line-height:22px;
margin-bottom:18px;
}

h2
{
font-weight:bold;
font-size:1.5em;
line-height:18px;
margin-bottom:18px;
}

h3
{
font-weight:bold;
font-size:1.4em;
line-height:18px;
}

h4
{
font-weight:bold;
font-size:1.4em;
line-height:18px;
}

h5
{
font-weight:bold;
font-size:1em;
line-height:12px;
}


strong,b
{
font-weight:bold;
}

em
{
font-style:italic;
}

img.left
{
float:left;
margin:2px 20px 1em 0;
}

img.right
{
float:right;
margin:2px 0 1em 10px;
}

#main
{
position:relative;
width:980px;
min-width:982px;
height:auto;
margin:0 auto;
text-align:left;
overflow:visible;
background:none!important;
}

#content
{
padding:18px 20px;
position:relative;
color:#333;
}

#main #content
{
position:relative;
width:979px;
margin:0 0 18px 2px;
padding:0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-khtml-border-radius:4px;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;
background:#fff;
}

#main #content h1
{
font-size:22px;
line-height:36px;
margin-bottom:6px;
}

#main #content h1 ul
{
zoom:1;
}

#main #content h1 ul:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#main #content h1 ul li
{
float:left;
margin-right:5px;
color:#474747;
}

#main #content h1 ul li a
{
display:inline;
color:#474747;
}

#main #content .padder
{
margin:0;
padding:35px 40px 5px;
zoom:1;
}

#main #content .padder:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#main #content .padder .intro
{
clear:both;
margin-top:-6px;
margin-bottom:2.5em;
}

#main #content .padder .intro h2
{
font-size:1.5em;
margin-bottom:.5em;
color:#474747;
}

#main #content .padder .intro p
{
margin-bottom:0;
font-size:1.2em;
color:#767676;
}

#main #content #title h1
{
display:inline-block;
*display:inline;
float:left;
color:#474747;
line-height:36px;
margin-right:25px;
}

#main #content #title h2
{
display:inline-block;
*display:inline;
margin-bottom:6px;
font-size:17px;
line-height:40px;
font-weight:bold;
color:#595959;
}

#main #content #title p
{
clear:both;
float:left;
*float:none;
}

#main #content #left-stack
{
float:left;
width:190px;
}

#main #content #left-stack>div
{
margin-bottom:10px;
}

#main #content div.extra-list ul.list>li>a
{
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}

#main #content #left-stack div h4
{
margin-bottom:10px;
}

#content #title
{
position:relative;
margin-bottom:18px;
zoom:1;
}

#content #title:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#content #title h2 a
{
font-weight:bold;
color:#595959;
}

#content div.artwork
{
position:relative;
zoom:1;
}

#content div.artwork:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#content div.artwork img.artwork
{
max-width:190px;
height:auto;
border:1px solid #fff;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);
-moz-box-shadow:rgba(0,0,0,0.3) 0 3px 5px;
border-color:#a2a2a2\9;
}

#main #content .center-stack
{
clear:right;
float:right;
width:683px;
}

#main #content .center-stack h3,#main #content .center-stack h4
{
color:#474747;
}

#main #content .center-stack span,#main #content .center-stack p
{
color:#898989;
}

#main #content .center-stack a,#main #content .center-stack a span
{
color:#298cda;
}

#main #content .center-stack div>div.title h2
{
color:#474747;
text-align:left;
}

#main #content .center-stack a.artwork-link
{
display:block;
position:relative;
cursor:pointer;
}

.other-link { float:left; text-align:middle; background-color:pink;
	border:1px solid red;
}
#main #content .center-stack div.artwork
{
margin-bottom:0;
}

#main #content .center-stack div h4
{
margin-bottom:8px;
}

#content #left-stack
{
float:left;
width:190px;
color:#858989;
}

#content #left-stack h4
{
color:#474747;
font-size:1.3em;
}

#viewport
{
  width: 640px; /*660px; /* viewport width */
  height: 432px; /* viewport height */
  overflow: auto; /* scrollbars */
  background: white; /* contrast */
  white-space: nowrap; /* image flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
}

#viewport img
{
	width : 640px;
  height: 512px; /* max height scaling of images */
  border-width: 0; /* remove a link border on images */
}


#viewport2
{
  width: 190px; /* viewport width */
  height: 362px; /* viewport height */
  border:1px solid black;
  padding:5px;
  overflow: auto; /* scrollbars */
  background: white; /* contrast */
  white-space: nowrap; /* image flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: center; /* IE centering fix */
}

#viewport2 img
{
  height: 110px; /* max height scaling of images */
  border-width: 0; /* remove a link border on images */
}


.show_it
{
display:block;
}

.hide_it
{
display: none; text-overflow:ellipsis;
}

.hide_txt
{
height:100px; overflow:hidden; background-color:transparent;
}

.show_txt
{
height:250px; overflow:hidden; background-color:transparent;
}

div
{
xborder:1px solid red
}

.list1,.list2 {padding:0; margin:0;}
.list2 {text-align:right;}
