/* mac hide \*/
html, body {height:100%}
/* end hide*/
body     { font-size: 14px; font-family: Arial, sans-serif; line-height: 150%; background-color: white; background-image: url(img/bg.gif); background-repeat: repeat-y; margin: 0; padding: 0 }
.grey { background-color: #707173; background-image: url(img/bg-grey.png); background-repeat: repeat-y }
img { border-width: 0 }
.homepage  { color: #ffb2db; background-color: #e8007b; background-image: url("img/bg-bottom.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: center; display: inline }
.hp-no-show { display: none }
#content-hp { text-align: center; margin: 0 auto 0; padding: 85px 0 0; width: 700px }
a  { color: #e8007b; text-decoration: none }
#bg-top    { background-image: url("img/bg-top.gif"); background-repeat: repeat-x; text-align: center; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 225px }
#jmq-logo-home  { background-image: url("img/jmq-logo-home.gif"); margin-right: auto; margin-left: auto; width: 272px; height: 68px }

#outer { margin-left: 230px; min-height: 95%; }

#left    { background-color: #e8007b; background-image: url("img/bg-bottom.gif"); background-repeat: repeat-x; background-position: left bottom; margin: 0; position: absolute; top: 0; left: 0; width: 230px; height: 98%; min-height: 95%; float: left }

#nav-container  { background-image: url("img/bg-top.gif"); background-repeat: repeat-x; background-position: left top; padding: 34px 19px 0 20px; width: 191px; }

* html #content {height:1%;}/* combat IE's 3 pixel jog */

#content    { padding: 16px 0 0 0px }

ul#home-nav   { color: white; margin: 24px 0 0; padding: 0 }
ul#home-nav li { list-style-type: none; display: inline }
ul#home-nav li a   { color: #ffffff; padding: 10px 8px }
#home-nav a:hover { color: #d1b75e }

ul#pagenav    { color: #808080; margin: 0; padding: 0; float: left }
ul#pagenav .current-page { font-weight: bold; padding-right: 2px; padding-left: 2px }
ul#pagenav li  { list-style-type: none; display: inline }
ul#pagenav li a  { color: #e8007b; list-style-type: none; display: inline; padding-right: 2px; padding-left: 2px }
.grey ul#pagenav li a { list-style-type: none; display: inline; padding-right: 4px; padding-left: 4px }
ul#nav   { list-style-type: none; margin-top: 42px; margin-left: 0; padding-left: 0 }
#nav .active { color: #d1b75e; padding: 3px 0 }
#nav .active a { color: #d1b75e; padding: 0 }
#nav a   { color: #ffffff; display: block; padding: 3px 0; width: 191px }
#nav a { color: #ffffff;text-decoration: none; }
#nav a:hover {color: #d1b75e;}
.en-link {margin-top: 18px;}

ul#collection-nav  { white-space: nowrap; margin: 0; padding: 0; position: absolute; top: 16px; left: 246px; }
#collection-nav li { list-style-type: none; display: inline; padding-right: 8px }


p  { margin: 12px 0; padding: 0 }
.heading { color: #e8007b; font-weight: bold; margin: 0; padding: 0 }
.heading-press   { color: #fff; font-weight: bold }
.grey #content a  { color: #fff }
.grey #content a:hover { color: #808080 }
.intro { color: #e8007b; font-size: 18px }
#main-text     {
	position: absolute;
	top: 127px;
	left: 251px
}
#press { position: absolute; top: 120px; left: 247px; width: 700px }
.press-images img   { margin-right: 15px; border-right: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; }
.caption { color: white }
.code {font-size: 12px}
.footer      { color: #999; font-size: 12px; margin-top: 30px; position: absolute; bottom: 0; left: 0 }
.collection-footer { position: absolute; top: 620px; left: 251px }
.true { font-size: 11px }
.footer a { color: #999 }

#panels   { position: absolute; top: 155px; left: 246px; width: 725px; height:451px }
.image-full { float:left; width:300px; height:451px; display:block; margin-right:8px; }
.floating { width:300px; height:100%; position:relative; float:left; }
.floating div { position:absolute; bottom:-1px; left:2px;}
#panels ul { margin: 0; padding: 0; color: #808080; font-size: 13px; line-height: 140%; }
#panels ul li { list-style-type: none; margin: 0; padding: 0; clear:both }
#panels ul li.description { list-style-type: none; margin-bottom: 8px; padding: 0; line-height: 125% }
#panels ul li span.label { display:block; width:60px; float:left }
#panels ul li span.spec { display:block; width:235px; float:left }
.zoom-vert { position: absolute; top: 155px; left: 554px }
.zoom-hor { position: absolute; top: 155px; left: 726px }
.detail-vert { position: absolute; top: 0px; left: 321px }
.detail-hor { position: absolute; top: 155px; left: 554px }
.mouse-over-vert { position: absolute; top: 460px; left: 0px }
.mouse-over-hor { position: absolute; top: 312px; left: 0px }


a.tip {
	color:#cb6b9f;
	font-size:13px;
	text-decoration: none;
	cursor:pointer;
}

a.tip:hover {
	position: relative;
}

a.tip span {
	display: none;
	white-space:nowrap;
	font-size: 12px;
}

a.tip:hover span {
	display: block;
   	position: absolute; top: -34px; left: -65px;
   	padding: 2px 5px; margin: 10px; z-index: 100;
	border: 1px dotted #cb77a7;
	color:#666;
   	background: #fff;
}