@import 'form.css';

div#page
{
background: url(images/rust_10_pc.jpg) 0 140px repeat-y;
}


h1.igallery {
padding-left : 0.5em;
float : left;
}
h2.igallery {
padding-right : 0.5em;
float : right;
}

/* COUNTRY LIST */
ul.igallery_countries {
  margin : 2em 0 0;
  padding : 0;
  list-style : none;
}
ul.igallery_countries li {
  margin : 0 0 2em;
  padding : 0;
}
ul.igallery_countries .igallery_image_box {
  width : 270px;
  height : 150px;
  text-align : center;
  float : left;
}
ul.igallery_countries img {
  border : 1px solid #555;
  padding : 1px;
}
ul.igallery_countries a {
  font-size : 130%;
  color : #FF6633;
  text-decoration: none;
}
ul.igallery_countries a:hover {
  color : #FF9933;
}



/* LIST */
ul.igallery_image_list {
  margin : 0;
  padding : 0;
  list-style : none;
}
ul.igallery_image_list li {
  position: relative;
    width : 220px;
  height : 190px;
  float : left;
  margin : 0 10px 10px 0;
  text-align : left;
}
ul.igallery_image_list img {
  border : 1px solid #555;
  padding : 1px;
  margin-top : 5px;
  margin-left : 5px;
}
ul.igallery_image_list li a {
  width : 100%;
  height : 100%;
  text-decoration: none;
  display : block;
  border : 1px solid #000000;
}
ul.igallery_image_list li a:hover  {
  background : #111111;
  border : 1px solid #222;
}

ul.igallery_image_list li.PH35MM img, ul.igallery_image_list li.H35MM img {
  margin-bottom : 0.5em;
}
ul.igallery_image_list li.PV35MM img, ul.igallery_image_list li.V35MM img {
  float : left;
  margin-right : 10px;
}
ul.igallery_image_list li p {
  visibility : hidden;
  color : #888;
  margin : 0.5em 0;
}
ul.igallery_image_list li p.title {
  color : #FFF;
  font-weight : bold;
  margin : 0.25em 0 0.5em;
}
ul.igallery_image_list li p.gold_award, ul.igallery_image_list li p.silver_award, ul.igallery_image_list li p.bronze_award {
  padding-top : 5px;
  padding-right : 18px;
  display : inline;
}
ul.igallery_image_list li p.gold_award {
  color : #FFCC00;
  background : url(images/star_gold.png) no-repeat right;
}
ul.igallery_image_list li p.silver_award {
  color : #CCCCCC;
  background : url(images/star_silver.png) no-repeat right;
}
ul.igallery_image_list li p.bronze_award {
  color : #996633;
  background : url(images/star_bronze.png) no-repeat right;
}
ul.igallery_image_list li a:hover p {
  visibility : visible;
}


/* DETAIL PAGE */

div#award {
  position : relative;
  top : 15px;
  left : 290px;
  display : inline;
}
div#award span {
  padding-right : 18px;
}

span.gold_award {
  color : #FFCC00;
  background : url(images/star_gold.png) right no-repeat;
}
span.silver_award {
  color : #CCCCCC;
  background : url(images/star_silver.png) right no-repeat;
}
span.bronze_award {
  color : #996633;
  background : url(images/star_bronze.png) right no-repeat;
}

.igallery_outer {
position : relative;
}
div#igallery_story {
padding : 0.25em 0.5em 0.5em;
font-size : 1em;
color : #CCCCCC;
text-align : center;
}

#igallery_message {
	font-size : 0.75em;
	text-align : center;
	margin : 0.5em 0.5em 1em;
}
#igallery_message p {
	margin : 0.125em 0 0.25em;
}

div.matt_chip {
	width : 20px;
	height : 20px;
	float : left;
	border : 1px solid #444;
}
img.frame_chip {
	float : left;
	border : 1px solid #444;
}

#igallery_options a {
	color : #FFF;
	text-decoration : none;
	padding-left : 0.25em;
}
#igallery_options a:hover {
	color : #FF6633;
}
#igallery_options a.active {
	color : #FF6633;
}
#igallery_options h2 {
	font-size : 1.4em;
	border-bottom : 1px solid #666;
	background-color : #666;
	color : #FFF;
/*	background-color : #4C2F26;*/
	margin : 0;
	padding : 0.25em;
}
#igallery_options h3 {
	font-size : 1em;
	background-color : #666;
	color : #FFF;
/*	background-color : #4C2F26;*/
	margin : 1em 0 0;
	padding : 0.25em;
	border-bottom : 1px solid #666;
}
#igallery_options h4 {
	font-size : 1.8em;
	margin : 0 0.25em 0.5em;
/*	float : right;
*/}
#igallery_options ul {
margin : 0.5em;
list-style : none;
font-size : 0.9em;
line-height : 1.4em;
}

#fisheye {
position : relative;
left : 20px;
width : 900px;
height : 170px;
	text-align : center;
overflow : auto; 
}
#fisheye table {
	width : 100%;
  padding : 0;
  margin : 0;
}
#fisheye table td {
	vertical-align : bottom;
	text-align : center;
	height : 150px;
  padding : 0;
  margin : 0;
}
#fisheye table td img {
  margin : 0 4px;
}
#magnifier {
	text-align : center;
}
#magnifier a {
	margin : 0 2px;
}
#magnifier img {
	border : 1px solid #666;
}

#sizes, #frames, #matts, #edition {
	border : 1px solid #666;
} 
#sizes {
	position : absolute;
	width : 160px;
	height : 220px;
	top : 0;
	left : 10px;
}
#frames {
	position : absolute;
	width : 160px;
	height : 220px;
	top : 0;
	left : 180px;
}
#matts {
	position : absolute;
	width : 160px;
	height : 220px;
	top : 0;
	left : 350px;
}
#map {
	position : absolute;
	width : 120px;
	height : 220px;
	top : 0;
	left : 520px;
}
#map #marker {
	position : absolute;
}
#map p {
	text-align : center;
	font-size : 0.75em;
	margin : 0.125em 0;
}
#buy {
	position : absolute;
	width : 250px;
	height : 220px;
	top : 0;
	left : 670px;
	text-align: center;
}
#edition {
text-align: left;
	padding : 0.5em;
	margin-top : 2em;
}
#buy .buy_button {
/*float : right;
*/}

#img_shadow_1, #img_shadow_2, #img_shadow_3 {
	position : absolute;
	width : 600px;
	height : 200px;
	border-right : 1px solid #333;
	border-bottom : 1px solid #333;
}
#img_shadow_1 {
	top : 100px;
	left : 100px;
	z-index : 3;
	filter : alpha(opacity=50);
	opacity : 0.5;
}
#img_shadow_2 {
	top : 101px;
	left : 101px;
	z-index : 2;
	filter : alpha(opacity=30);
	opacity : 0.3;
}
#img_shadow_3 {
	top : 102px;
	left : 102px;
	z-index : 1;
	filter : alpha(opacity=10);
	opacity : 0.1;
}
#matt_shadow_1,#matt_shadow_2,#matt_shadow_3 {
	position : absolute;
	border-left : 1px solid #333;
	border-top : 1px solid #333;
}
#matt_shadow_1 {
	top : 65px;
	left : 65px;
	width : 670px;
	height : 270px;
/*
	top : 50px;
	left : 50px;
	width : 700px;
	height : 300px;
*/
	border-right : 1px solid #AAA;
	border-bottom : 1px solid #AAA;
	filter : alpha(opacity=50);
	opacity : 0.5;
}
#matt_shadow_2 {
	top : 66px;
	left : 66px;
	width : 669px;
	height : 269px;
/*
	top : 51px;
	left : 51px;
	width : 699px;
	height : 299px;
*/
	filter : alpha(opacity=30);
	opacity : 0.3;
}
#matt_shadow_3 {
	top : 67px;
	left : 67px;
	width : 668px;
	height : 268px;
/*
	top : 52px;
	left : 52px;
	width : 698px;
	height : 298px;
*/
	filter : alpha(opacity=10);
	opacity : 0.1;
}

/* PH FORMAT */
#PH35MM #igallery_image {
position : relative;
top : 0;
left : 70px;
width : 800px;
height : 400px;
overflow : hidden;
z-index : 1;
}
#PH35MM #frame {
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
#PH35MM #image {
position : absolute;
top : 100px;
left : 100px;
z-index : 4;
}
#PH35MM #igallery_options {
position : relative;
top : 0;
left : 0;
/*width : 100%;*/
height : 250px;
overflow : hidden;
z-index : 1;
}

/* PV FORMAT */
#PV35MM #igallery_image {
position : relative;
top : 0;
left : 40px;
width : 400px;
height : 800px;
float : left;
overflow : hidden;
z-index : 1;
}
#PV35MM #frame {
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
#PV35MM #image {
position : absolute;
top : 100px;
left : 100px;
z-index : 4;
}
#PV35MM #igallery_options {
position : relative;
top : 0;
left : 20px;
width : 520px;
height : 800px;
overflow : hidden;
z-index : 1;
/*border : 1px solid #FFF;*/
}
#PV35MM #sizes {
	top : 0;
	left : 170px;
}
#PV35MM #frames {
	top : 0;
	left : 340px;
}
#PV35MM #matts {
	top : 240px;
	left : 170px;
}
#PV35MM #map {
	top : 240px;
	left : 360px;
}
#PV35MM #buy {
	top : 500px;
	left : 220px;
}
#PV35MM #img_shadow_1, #PV35MM #img_shadow_2, #PV35MM #img_shadow_3 {
	width : 200px;
	height : 600px;
}
#PV35MM #matt_shadow_1 {
	top : 65px;
	left : 65px;
	width : 270px;
	height : 670px;
	border-right : 1px solid #AAA;
	border-bottom : 1px solid #AAA;
	filter : alpha(opacity=50);
	opacity : 0.5;
}
#PV35MM #matt_shadow_2 {
	top : 66px;
	left : 66px;
	width : 269px;
	height : 669px;
	filter : alpha(opacity=30);
	opacity : 0.3;
}
#PV35MM #matt_shadow_3 {
	top : 67px;
	left : 67px;
	width : 268px;
	height : 668px;
	filter : alpha(opacity=10);
	opacity : 0.1;
}


/* H FORMAT */
#H35MM #igallery_image {
position : relative;
top : 0;
left : 145px;
width : 650px;
height : 500px;
overflow : hidden;
z-index : 1;
}
#H35MM #frame {
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
#H35MM #image {
position : absolute;
top : 100px;
left : 100px;
z-index : 4;
}
#H35MM #igallery_options {
position : relative;
top : 0;
left : 0;
height : 250px;
overflow : hidden;
z-index : 1;
}
#H35MM #img_shadow_1, #H35MM #img_shadow_2, #H35MM #img_shadow_3 {
	width : 450px;
	height : 300px;
}
#H35MM #matt_shadow_1 {
	top : 65px;
	left : 65px;
	width : 520px;
	height : 370px;
	border-right : 1px solid #AAA;
	border-bottom : 1px solid #AAA;
	filter : alpha(opacity=50);
	opacity : 0.5;
}
#H35MM #matt_shadow_2 {
	top : 66px;
	left : 66px;
	width : 519px;
	height : 369px;
	filter : alpha(opacity=30);
	opacity : 0.3;
}
#H35MM #matt_shadow_3 {
	top : 67px;
	left : 67px;
	width : 528px;
	height : 368px;
	filter : alpha(opacity=10);
	opacity : 0.1;
}


/* PV FORMAT */
#V35MM #igallery_image {
position : relative;
top : 0;
left : 10px;
width : 500px;
height : 650px;
float : left;
overflow : hidden;
z-index : 1;
}
#V35MM #frame {
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
#V35MM #image {
position : absolute;
top : 100px;
left : 100px;
z-index : 4;
}
#V35MM #igallery_options {
position : relative;
top : 0;
left : 40px;
width : 390px;
height : 700px;
overflow : hidden;
z-index : 1;
/*border : 1px solid #FFF;*/
}
#V35MM #sizes {
	top : 0;
	left : 50px;
}
#V35MM #frames {
	top : 0;
	left : 220px;
}
#V35MM #matts {
	top : 240px;
	left : 50px;
}
#V35MM #map {
	top : 240px;
	left : 240px;
}
#V35MM #buy {
	top : 500px;
	left : 70px;
}
#V35MM #img_shadow_1, #V35MM #img_shadow_2, #V35MM #img_shadow_3 {
	width : 300px;
	height : 450px;
}
#V35MM #matt_shadow_1 {
	top : 65px;
	left : 65px;
	width : 370px;
	height : 520px;
	border-right : 1px solid #AAA;
	border-bottom : 1px solid #AAA;
	filter : alpha(opacity=50);
	opacity : 0.5;
}
#V35MM #matt_shadow_2 {
	top : 66px;
	left : 66px;
	height : 519px;
	width : 369px;
	filter : alpha(opacity=30);
	opacity : 0.3;
}
#V35MM #matt_shadow_3 {
	top : 67px;
	left : 67px;
	height : 528px;
	width : 368px;
	filter : alpha(opacity=10);
	opacity : 0.1;
}

div#scroll_panel {
    width: 960px;
    overflow: hidden;
    text-align: left;
}