﻿/* Gallery */

#mainimage.gallery {
	padding: 10px;
	background: #6F6D65 url(../Images/Models/Gallery/gallery_gradient.gif) repeat-x;
	color: #fff;
	font-size: 11px;
}

#mainimage.gallery textarea {
	background-color: #434037 !important;
}

#mainimage.gallery h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

#mainimage.gallery .wallpaper-text {
	padding: 0 28px 0 42px;
}

#mainimage.gallery .wallpaper-text .download-instruction {
	border-top: solid 1px #fff;
	padding-top: 13px;
	color: #ccc;
}

.download-instruction p {
	margin: 0 0 1em 0;
}

ul#wallpaper-list li {
	position: relative;
	float: left;
	margin-right: 9px;
	background-image: none;
	padding: 0;
}

#wallpaper-list li a {
	position: absolute;
	top: 0;
	left: 0;
}

#wallpaper-list li a img {
	width: 70px;
	height: 52px;
}

#wallpaper-list li a.active {
	background-image: url(../Images/Models/Gallery/wallpapers_activeimage.gif);
}

#wallpaper-list li a:hover {
	background-image: url(../Images/Models/Gallery/wallpapers_hoverimage.gif);
}

#mainimage.gallery #download-links {
	padding: 1px 0 10px 0;
}

#mainimage.gallery #download-links:after {
	content: "."; display: block;height: 0; clear: both; visibility: hidden;
}

#mainimage.gallery #download-links div {
	display: none;
}

#mainimage.gallery #download-links div.active {
	display: block;
}

#mainimage.gallery #download-links ul {
	clear: both;
	height: 1%;
	margin: 6px 0;
}

#mainimage.gallery #download-links ul li {
	float: left;
	margin-right: 13px;
	color: #fff;
}

#mainimage.gallery #download-links ul a {
	background: transparent url(../Images/Models/Gallery/wallpapers_downloadarrow.gif) no-repeat 0 50%;
	display: block;
	color: #999;
	padding: 0 0 0 7px;
	float: left;
	font-weight: bold;
}

#mainimage.gallery #download-links ul a:hover { color: #fff; }

/* Gallery - videos */

#mainimage.video { padding: 0; text-align: center; position: relative; height: 1%; }

#mainimage.video .default-texts {
	position: absolute;
	top: 46%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	font-family: arial, helvetica, Sans-Serif;
	font-size: 12px;
}

#mainimage.video .default-texts .default-text-1 {
	font-family: arial, helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 16px;
}

#mainimage.video h2 {
	width: 480px;
	margin: 0;
	padding: 15px 0 0 0;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
}

#mainimage.video #moviecontainer {
	padding: 10px 0;
}

ul#video-list li {
	float: left;
	background-color: #DEDBD2;
	width: 220px;
	margin-right: 17px;
	position: relative;
	background-image: none;
	padding: 0;
}

#video-list li.last {
	margin: 0;
}

#video-list li img { float: left; display: inline; }

* html #video-list li img { margin: 0 0 0 -3px; }

#video-list li .text { float: left; padding: 5px 9px; width: 92px; font-size: 10px; }

#video-list li h3 {
	color: #000;
	font-weight: normal;
	font-size: 11px;
	margin: 0 0 3px 0;
	padding: 0;
}

#video-list li .time {
	color: #666;
	margin: 0 0 3px 0;
}

#video-list li img.active {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#mainimage {
	position: relative;
}

#control {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px;
	
}

#control ul {
	height: 1%;
	float: right;
	background-color: #333;
	clear: both;
}

#control li {
	float: left;
	background: transparent url(../Images/Photos/interactivegallery_control_sep.gif) no-repeat right 50%;
}


#control a {
	color: #ccc;
	display: block;
	padding: 5px 10px 6px 10px;
}

#control .disabled a {
	/*opacity: 0.50;*/
	cursor: default;
	color: #666;
}

* html #control .disabled {
	filter: alpha(opacity=50);
	color: #666;
}

#control .disabled a:hover { text-decoration: none; }

#control li#description { display: block; }

#control li#description a {
	background: transparent url(../Images/Photos/interactivegallery_control_arrow.gif) no-repeat right 50%;
	padding-right: 28px;
}

#control li#previous a {
	background: transparent url(../Images/Photos/interactivegallery_control_left.gif) no-repeat 10px 8px;
	padding-left: 25px;
}

#control li#next a {
	background: transparent url(../Images/Photos/interactivegallery_control_right.gif) no-repeat right 8px;
	padding-right: 25px;
}

#control li#next { background-image: none; }

#description-text {
	clear: both;
	float: right;
	background: transparent url(../Images/Photos/interactivegallery_description_bg.png) repeat-x bottom left;
	color: #fff;
	padding: 0 10px 3px 10px;
	display: none;
}

* html #description-text {
	padding: 10px;
	background: #666 none;
	border-bottom: solid 1px #000;
}

#thumbnail-list {
	height: 1%;
	clear: both;
}

ul#thumbnail-list li {
	float: left;
	margin: 0 1px 1px 0;
	width: 88px;
	height: 36px;
	position: relative;
	background-image: none;
	padding: 0;
}

#thumbnail-list li img.flash-icon {
	position: absolute;
	top: 22px;
	right: 4px;
}

#thumbnail-list a img {
	width: 88px;
	height: 36px;
}

#thumbnail-list a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 88px;
	height: 36px;
	z-index: 2;
}

#thumbnail-list a:hover {
	background: transparent url(../Images/Photos/interactivegallery_hoverimage.gif) no-repeat;
}

#thumbnail-list a.active {
	background-image: url(../Images/Photos/interactivegallery_activeimage.gif);
}

#disclaimer {
	clear: both;
	color: #999;
}

.gallery-360 #disclaimer {
	padding: 0 12px 10px 0;
}

#disclaimer p {
	margin: 0;
	padding: 10px 0 10px 0;
}

/* 360 */

.gallery-360 #nav-bar {
	position: absolute;
	top: 384px;
	width: 100%;
	z-index: 2000;
}

.gallery-360 #sub-nav {
	position: absolute;
	top: 423px;
	z-index: 3000;
}

.gallery-360 #rightcontent {
	position: absolute;
	right: 10px;
	top: 423px;
	z-index: 2000;
}
