﻿#photos-videos ul.secondary
{
	-width:212px;
}
#photos-videos .content-header .toolbar
{
	top:35px;
	width:400px;
}
#photos-videos .content-body .instructions
{
    display:block;
    padding:5px 0;
}

.content-header .toolbar .thumbnail-type
{
	margin-top:30px;
}
	.content-header .toolbar .thumbnail-type a
	{
		margin-left:10px;
		color:#FF7300;
		font-size:10px; text-transform:uppercase; text-decoration:underline;
	}
.content-header .toolbar .thumbnail-help
{
	padding-top:10px;
	color:#999;
	font-size:11px; text-transform:none;
	clear:both;
}

.content-body
{
    overflow:visible;
}

.content-body h4
{
    background:none; margin:0; padding:0;
    text-transform:none; font-size:12px;
}

.content-body .demos h4
{
	height: auto;
	line-height: normal; color:#000;
	margin-bottom: 3px;
}

.thumbnails, .video-thumbnails
{
	position:relative; display:block; clear:both; float:none;
	*zoom:1;
}
.thumbnails:after, .video-thumbnails:after
{
	position:relative; display:block; clear:both; float:none;
	height:0;
	visibility:hidden;
	content:".";
}

.thumbnails
{
	padding:0 0 20px 0;
	*width:740px;
	-width:auto;
}
	.thumbnails li
	{
		display:inline; float:left;
	}
		.thumbnails li a
		{
			display:block;
			overflow:hidden;
			border:3px solid #FFF;
			font-size:0;
		}
		
		.video-thumbnails li
		{
			-width:182px;
		}
		.thumbnails li a:hover,
		.video-thumbnails li a:hover
		{
			border-color:#FF7300;
		}


.video-thumbnails
{
	padding:0 0 40px 0;
}
	.video-thumbnails li
	{
		display:inline; float:left;
	}
	.video-thumbnails li.last
	{
		margin-right:0;
	}
		.video-thumbnails li a
		{
			display:block;
			border:3px solid #FFF;
			font-size:0;
			overflow:hidden;
		}
		.video-thumbnails li p
		{
			margin:0 0 0 5px;
			font-size:11px;
		}
			.video-thumbnails li p a
			{
				display:inline;
				border:none;
				font-size:10px;
				color:#FF7300;
				text-decoration:underline;
			}
			.video-thumbnails li p em
			{
				margin:0 10px 0 0;
				color:#7C7C7C;
				font-size:10px;
			}
	.video-thumbnails h4
	{
		margin:5px 0 0 5px;
		font-weight:bold; font-size:11px;
		width: 168px;
	}
		.video-thumbnails h4 em
		{
			color:#7C7C7C;
			font-weight:normal;
		}
		
h3.video-thumbnails-title
{
	margin:0 0 3px 3px;
	text-transform:none;
}

/*flash objects*/

#photo-gallery-flash
{
	position:absolute;
	top:-109px; left:0px;
	z-index:1;	
}
#video-gallery-flash
{
    position:absolute;
	top:-130px; left:0px;
	z-index:1;
}

.photo-gallery #content, .video-gallery #content
{
    min-height:575px; -height:575px;
}

.content-header-begin 
{
	position:relative;
}

.colors-link, .colors-link:visited, .colors-link:active 
{
	color:#ff7200;
	bottom:7px; -bottom:36px;
	left:235px;
	position:absolute;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:underline;
}
.colors-link, .colors-link:visited, .colors-link:active 
{left:225px;#}

/*new layout*/

.content-body .features, .content-body .demos { *zoom:1; position:relative; border-bottom:1px solid #c9c9c9; margin-bottom:30px; padding-bottom:10px; }
.content-body .features:after, .content-body .demos:after {
    display:block; content:"."; clear:both;
	height:0;
    visibility:hidden;
}

.featured-videos, .commercials, .video { float:left; }

.full .commercials
{
	position:absolute; bottom:10px; margin-left:377px; width: 50%; clear:both;
}

.featured-videos .video {
    width:377px;
}

.commercials .video, .demos .video {
    width:188px;
}

.demos .video a
{
	margin-bottom:3px;
}

.video .title
{
    padding-left:3px;
    color:#000;
}

.video .details {
    font-size:11px; color:#666;
    padding-left:2px;
}

.video .details span {
    padding-left:5px;
}

.video a {
    display:block;
    border:3px solid #fff;
}
.video a:hover {
    border:3px solid #ff7300;
}

.gallery-hdr
{
    margin:25px 0 5px 0;
    padding:0;
    font-weight:bold;
    font-size:14px;
}
.design-story-ZDX
{
    margin:25px 0 0 0;
    padding:60px 0 20px 195px;
    border-bottom:1px solid #D3D3D3;
    position: relative;
	*zoom:1;
}
.design-story-ZDX p
{
    margin-bottom:0;
    font-weight:bold;
    font-size:14px;
}
.design-story-ZDX a.img
{
	left: 0;
	top: 0;
	display:block;
	border:3px solid #FFF;
	font-size:0;
	position:absolute;
}
.design-story-ZDX a.img:hover {
    border-color:#FF7300;
}
.design-story-ZDX a, .design-story-ZDX a:visited, .design-story-ZDX a:active 
{
	color:#ff7200;
	text-decoration:underline;
}
.design-story-ZDX a:hover {
    color:#F95B13;
}


/* Share functionality email modal styles */
#email-gallery-page
{
    width: 300px;
}
#email-gallery-page textarea 
{
    width: 260px;
}
#email-gallery-page .field {
    margin-bottom: 10px;
}
#email-gallery-page label {
    display: block;
    float: none;
}
#email-gallery-page p {
    font-size: 11px;
}
#email-gallery-page .modal-footer .conflict-controls {
    float: right;
    width: auto;
    height: 100%;
    overflow: hidden;
}


