/* CSS Document */

img{
	border-width:0px;
}

.purchase_warning {
	top:75px;
	left:25px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	line-height:13px;
}
	
  /*/////////////////////////////////////////*/
 /*////////// CATEGORY PROPERTIES //////////*/
/*/////////////////////////////////////////*/


/*////////// style, when a category is selected -> active //////////*/

.categories a.active {
	font-size:10px;
	text-decoration:none; 
	color:#666666;
	font-weight:bold;
	line-height:16px;
}

/* style the links for the top level */
.categories a, .categories a:visited {
	font-size:10px;
	text-decoration:underline; 
	color:#006699; 
	padding-right: 3px;
	line-height:16px;
}

/*////////// width of each category header //////////*/
.categories ul ul {
	width:50px;
}

/*////////// margins of each category //////////*/

/* float the list to make it horizontal and a relative positon so that you can control the dropdown categories positon */
.categories li {
	float:left;
	padding-right: 3px;
	position:relative;
}

  /*/////////////////////////////////////////*/
 /*///// THUMBNAIL & IMAGE PROPERTIES //////*/
/*/////////////////////////////////////////*/

/*////////// 1. affects the entire thumbnail gallery, 2. affects the thumbnail on an individual level, 3. affects the thumbnail image itself //////////*/

.thumbs {
	position:absolute;
	left: 0px;
	top: 160px;
	width: 390px;
	height: 40px;
}

.thumb {
	position:relative;
	float:left;
	width: 130px;
	min-height:230px;
	height:230px;
	margin-bottom:10px;
}

.thumb img{
	border:1px solid #999999;
}

.picture img{
	border:1px solid #999999;
}

/*////////// 1. positioning of picture title, 2. picture title text style //////////*/

.pic_title{
	position:relative;
	width: 120px;
	top:5px;
	font-weight:bold;
	margin-bottom:10px;
	height:16px;
	overflow:hidden;
}

.cont_title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #cc0000;
	position:absolute;
	left:15px;
	top: 10px;
	width: 112px;
	max-width: 112px;
	min-width: 112px;
	z-index: 1;
}

.picture .pic_title{
	position:relative;
	width: 120px;
	top:5px;
	font-weight:bold;
	margin-bottom:10px;
	height:16px;
}

/*////////// 1. positioning of picture attribute text, 2. picture attribute text style //////////*/

.pic_txt{
	position:relative;
	height:57px;
	width: 119px;
	padding-left:4px;
	overflow:hidden;
	display:block;
	background:#E8E8E8;
}

.cont_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	position:absolute;
	left:15px;
	top: 75px;
	width: 112px;
	max-width: 112px;
	min-width: 112px;
	z-index: 1;
}

/*////////// artwork catalogue number style and positioning //////////*/

.pic_nr {
	position:relative;
	top: 1px;
	text-align:right;
	vertical-align:middle;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	margin-bottom:15px;
	padding-right:3px;
	padding-bottom:8px;
	display:block;
	background:#86A3C0;
	height:8px;
	width: 120px;
}

  /*/////////////////////////////////////////*/
 /*////////// PAGE NUMBER PROPERTIES ///////*/
/*/////////////////////////////////////////*/

/*////////// refers to the "next page" in the gallery //////////*/

.sitenumbers {
	position:absolute;
	top: -35px;
	left: 400px;
	display:block;
	background:#CCCCCC;
	height:13px;
	width: 16px;
	padding-bottom:2px;
	padding-top:2px;
	padding-right:3px;
	padding-left:3px;
}

  /*/////////////////////////////////////////*/
 /*////////// ALIEN TRASH! – BEWARE! ///////*/
/*/////////////////////////////////////////*/

/* remove all the bullets, borders and padding from the default list styling */
.categories ul {
padding:0;
margin:0;
list-style-type:none;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .categories a, * html .categories a:visited {
width:50px;
w\idth:39px;
}
/* style the second level background */
.categories ul ul a.drop, .categories ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the second level hover */
.categories ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.categories ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.categories ul ul ul a, .categories ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.categories ul ul ul a:hover {
background:#b2ab9b;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.categories ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:50px;
}
/* another hack for IE5.5 */
* html .categories ul ul {
top:30px;
t\op:31px;
}
/* position the third level flyout categories */
.categories ul ul ul{
left:50px; 
top:0;
width:50px;
}
/* position the third level flyout categories for a left flyout */
.categories ul ul ul.left {
left:-50px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.categories table {position:absolute; top:0; left:0;}

  /*/////////////////////////////////////////*/
 /*////////// ALIEN TRASH! – BEWARE! ///////*/
/*/////////////////////////////////////////*/