*
{
	margin: 0;
	padding: 0;
}

html, body
{
	background-color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 10px;
}

div.clear { 
	clear: both; 
	height:0; 
}

img
{
	border: 0;
	display: block;
}

a, a:visited, a:active, a:hover
{
	color: #000;
	text-decoration: none;
}

#wrapper
{
	position: relative;
	min-width: 970px;
	max-width: 970px;
	margin: 0px auto; /*center hack*/
	text-align: left; /*center hack*/
}

#lang
{
	position: absolute;
	float: left;
}

#lang a.inactive { color: #999; }

#header {
	padding-right: 15px;
	padding-top: 20px;
}

#page {
	padding-top: 40px;
}


#flash-msg, #flash-msg-ajax { position: absolute; left: 220px; top: 120px; display: none; }
#flash-msg p, #flash-msg-ajax p { color: #666; padding: 0; width: auto; }

#logo_left { position: absolute; left: 0; width: 158px; }
#logo_right { position: absolute; left: 220px; }
#header #logo_left img, #header #logo_right img { float: left; }
#header #address img { float: right; }

#navigation
{
	width: 220px;
	float: left;
}

#content
{
	position: relative;
	width: 750px;
	float: left;
}

/* static pages content */
#content h4
{
	height: 20px;
	padding-top: 3px;
}

h4.model
{ color: #c6003d; }

h4.people
{ color: #ffdb00; }

h4.style
{ color: #7b6faa; }

#content p
{
	width: 750px;
	color: #666;
	padding-bottom: 6px;
}

/* newsletter iframe content */

#content iframe.nl
{
    width: 480px;
    height: 480px;       
}

div.newsletter
{
	color: #666;
	padding-top: 3px; 
}

div.newsletter .disclaimer
{
	position: absolute;
	left: 180px;
	top: 110px;
	width: 200px;
}

div.newsletter a  /* inherited */
{}

div.newsletter p
{
	padding-bottom: 6px;
}



/* navigation */

#navigation ul
{
	list-style-type: none;
	width: 220px;
	padding-bottom: 12px;	
}

#navigation ul li 
{
	display: block;
	height: 20px;
	margin-right: 32px;
	text-align: right;
	
}

/* end static pages content */

#navigation a { color: #999; text-decoration: none; }
#navigation ul li:hover>a, #navigation ul li.active a { color: #000; }

#navigation img {display: inline;  padding: 0 0 0 3px;}

#navigation ul li span {
	vertical-align: middle;
	visibility:hidden;
}

#navigation ul li:hover>span, #navigation ul li.active span {
	visibility:visible;
}

div.booklets div.row
{
	clear: both;
	height: 195px;
	padding-bottom: 5px;
}

div.coverholder
{
	position: relative;
	float: left;
	margin-right: 15px;
}

img.outoftown {
	position:absolute;
	z-index:100; 
	top:0;
}

img.has-vimeo {
	position:absolute;
	z-index:101; 
	top: 148px;
	left: 0px;
	padding: 15px 15px 2px 3px;
}

div.nameholder, div.pager .right a
{
	color: #666;
	font-size: 10px;
	height: 15px;
	overflow: hidden;
}

div.pager
{
	margin-top: 25px;
	margin-right: 15px;
	width: 735px;
	position: absolute; 
}

div.pager .left
{ 
	float: left;
	width: 60px;
}

div.pager .right
{
	float: right; 
	width: 45px;
}

div.pager .right img
{
	float: right;
}

/******** start search box **************/
#search {
	float: right;
}

.searchleft, .searchright, .searchcenter {
	float: left;
}

.searchleft {
	width: 20px; 
	height: 19px; 
	background: url(/images/searchfield_leftcap.png) left top no-repeat;
	cursor: pointer;
}

.searchright {
	width: 10px; 
	height: 19px; 
	background: url(/images/searchfield_rightcap.png) right top no-repeat; 
}

.searchcenter {
	border:0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.searchinput {
	width: 250px; 
	height: 19px;
	color: #666;
	background: url(/images/searchfield_repeat.png) center top repeat-x;
	border: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
}

.searchinput_safari {
	-webkit-appearance: searchfield;
	width: 250px; 
	height: 19px; 
	border: 0px;
	margin-top: 0px;
	padding: 0 0 0 0;
	color: #666;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
}

.searchinput_safari_mobile {
	/*background: url(/images/searchfield_repeat_ipad.png) center top repeat-x;*/
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	
}


/** jquery.autocomplete.css **/

.ac_results {
	padding: 0px;
	border: 1px solid #aaaaaa;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 1px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 11px;
	line-height: 12px;
	overflow: hidden;
}

.ac_odd {
	background-color: #f7f7f7;
}

.model .ac_over {
	background-color: #ffdddd;
}
.people .ac_over {
	background-color: #feffc1;
}
.style .ac_over {
	background-color: #ddddee;
}


/*********** end search box **************/


div.book-nav { float: right; margin-right: 15px; }
div.book-nav ul
{
	list-style-type: none;
}	
div.book-nav ul li { padding-left: 10px; float: left; }
div.book-nav ul a {
	color: #999;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
	display: block;
}

div.book-nav ul.model a { background-image: url(/images/model_dot.png); }
div.book-nav ul.people a { background-image: url(/images/people_dot.png); }
div.book-nav ul.style a { background-image: url(/images/style_dot.png); }

div.book-nav ul a:hover, div.book-nav ul a.active { color: #000; }

div.bookholder, div.videoholder {
	padding-top: 0px; 
	height: 510px;
}

div.bookholder div.book {
  position: absolute; 
  padding-left: 15px; 
  padding-top: 0px; 
  clip:rect(0px 735px 510px 0px);
}

div.videoholder #moogaloop {
	position: absolute;
	top: 100px;
	right: 10px;
}

div.alternate { 
	top: 0px;
	text-align: center; 
}
div.alternate img {
	padding-top: 5px;
	display: inline;
}



div.book-details
{
	text-align: right;
	padding-right: 15px;
	color: #999;
}

div.book-details a { color: #999; }
div.book-details a:hover { color: #000; }
div.book-details span.person { font-size: 18px; color: #000; }
div.book-details span.data { padding-left: 5px; }


.backlink { float:left; }



/***************** Send-To Form *****************/

.sendto h4 {
	 color: #999;
}
.sendto table tr th {
	vertical-align: top;
	padding-top: 3px;
	width: 160px;
	font-weight: normal;
}

.sendto table tr td {
	vertical-align: top;
	padding-top: 3px;
	width: 250px;
}

.sendto label {
	width: 160px;
	font-weight: normal;
	color: #999;
}

.sendto input, .sendto textarea, .sendto select {
	width: 240px;
}

.sendto input.submit {
	margin-left: 160px;
	margin-top: 5px;
	width: 100px;
}

.sendto li {
	 color: #999;
	list-style-type: none;
}

/* especially marked links */
#content a.model { color: #c6003d; }
#content a.people { color: #ffdb00; }
#content a.style { color: #7b6faa; }


/***************** JS - Viewer *****************/

#js-viewer {padding-top: 30px; padding-left: 50px;}
#js-viewer .fullscreen-label {position:absolute; height: 225px; width: 300px; top:150px; right: 190px; opacity:0; cursor: pointer;}
#js-viewer .fullscreen-label img {padding-left: 87px; padding-top: 95px}
#js-viewer .images img { float: left; }
#js-viewer .images, #js-viewer .nav { cursor:pointer;}
#js-viewer .images .nav { opacity:0;}
#js-viewer .inactive {visibility: hidden; }
#js-viewer .bottom-nav {padding-top: 10px;}
#js-viewer .bottom-nav .left {float: left;}
#js-viewer .bottom-nav .right {float: right;}

div.staticbookholder { position: relative; height: 400px; margin-left: -20px; margin-top: -5px; }

div.issuu { 
	position: absolute; 
    padding-top: 0px; 	
  	clip:rect(0px 550px 360px 0px);
	/*margin-left: -30px;*/ 
}

dt { font-size: 10px; }
dd { padding-bottom: 5px; }