﻿/*--------------------General Styles--------------------*/
 h1											{border-bottom: 1px dotted #ccc; height: 60px; width: 690; text-indent:0px; margin: 20px 0; }

.mediacategorylabel							{font-size:150%;}

.mediacategorygridcontainer					{margin:5px;}
.categoryelementcontainer					{vertical-align:top;}
.categoryimagecontainer						{height:201px; margin:4px; overflow:hidden; width:289px;}




.mediaelementcontainer						{padding:5px; vertical-align:top;}
.contentcontainer							{margin-top:3px; overflow:hidden; text-align:center;}

/*Pager*/
.pagercontainer								{border:1px #bcbcbc dotted; padding:3px;}
.pagercontainer a:link, .pagercontainer a:visited, .pagercontainer a:active 
											{color:#000; text-decoration:none;}
.pagercontainer a:hover						{color:#012258; text-decoration:underline;}

/*--------------------Video Styles--------------------*/
.videos .breadcrumbcontainer				{color:#bcbcbc; font-size:13px; padding:0 0 30px 0;}
.videos .breadcrumbcontainer a				{color:#000;text-decoration:none;}

/*Flow*/
.mediagridcontainer .wrapper				{margin:0 0 10px 0;}
.videos .mediaelementflowcontainer			{width:154px; float:left;}
.videos .flowTeaser							{width:450px; float:left; margin:0 0 0 20px;}
.videos .flowTeaser .title a				{}
.videos .flowTeaser .description			{}
.videos .flowDivider						{border-bottom:1px #bcbcbc dotted; padding:10px 0 0 0;}

.videos .imagecontainer						{border: solid 1px #dfcb2f; height:86px; padding:1px 0 0 0; text-align:center; width:152px;}
.videos .imagecontainerhover				{background-color:#dfcb2f; border: solid 1px #dfcb2f; height:86px; overflow:hidden; padding:1px 0 0 0; text-align:center; width:152px;}
.videos .imagecontainerhover img			{overflow:hidden;}

/*Detail*/
.videoDetail								{margin:0px auto; width:970px;}
.videoDetail .left							{float:left; width:470px;}
.videoDetail .right							{border-left:1px #bcbcbc dotted; float:left; min-height:320px; padding:0 0 0 20px; width:475px;}
.videoDetail .title							{color:#fff; font-size:27px; font-weight:bold; padding:30px 0 10px 0;}
.videoDetail .breadcrumbcontainer			{color:#766a0d; font-size:13px; margin:0 0 30px 0;}
.videoDetail .breadcrumbcontainer a			{color:#dfcb2f; text-decoration:none;}
.videoDetail .media							{border:2px #bcbcbc solid;}
.videoDetail .description					{color:#fff; margin:20px 0 0 0;	width:425px;}

.videoDetail .mediagrid .description		{color:#bcbcbc;}

/*Related Grid*/
.videoDetail .right .mediagrid .mediaelementcontainer .imagecontainer {float:left; height:86px; margin:0 10px 10px 0; padding:1px 0 0 0; width:152px;}
.videoDetail .right .mediagrid .mediaelementcontainer .imagecontainerhover {float:left; height:86px; margin:0 10px 10px 0; padding:1px 0 0 0; width:152px;}
.videoDetail .right .name					{float:left; padding:10px 0 0 0; width:300px;}
.videoDetail .right .name a					{color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
.videoDetail .right .divider				{border-bottom:1px #bcbcbc dotted; margin:10px 0 0 0;}

/*--------------------Photo Styles--------------------*/
.photos .breadcrumbcontainer				{color:#bcbcbc; font-size:13px; margin:0 0 30px 0;}
.photos .breadcrumbcontainer a				{color:#000; text-decoration:none;}

/*Flow*/
.photos .submitTrophy						{position:absolute; top:-20px; left:775px;}
.photos .mediaelementflowcontainer			{color:#999; float:left; margin:5px; vertical-align:top; width:104px;}
.photos .imagecontainer						{border: solid 1px #dfcb2f; height:69px; overflow:hidden; padding:2px 0 0 0; text-align:center; width:104px;}
.photos .imagecontainerhover				{background-color:#f7f1bd; border: solid 1px #dfcb2f; height:69px; overflow:hidden; padding:2px 0 0 0; text-align:center; width:104px;}
.photos .imagecontainerhover img			{overflow:hidden;}
.photos .mediaelementflowcontainer .name	{text-align:center; font-size:11px;}
.photos .mediaelementflowcontainer .name a	{color:#7c7c7c; text-decoration:none;}

/*Detail*/
.photoDetail								{margin:0px auto 20px auto; width:970px; position:relative;}
.photoDetail .submitTrophy					{position:absolute; top:-20px; left:775px;}
.photoDetail .breadcrumbcontainer			{color:#766a0d; font-size:13px; padding:10px 0 10px 0;}
.photoDetail .breadcrumbcontainer a			{color:#dfcb2f; text-decoration:none;}

.photoDetail .left							{width:600px; float:left; margin:0 40px 0 0;}
.photoDetail .left .mediaContainer			{width:600px; height:446px; overflow: hidden; text-align:center;}

.photoDetail .right							{width:300px; float:left; margin:70px 0 0 0;}
.photoDetail .right .hunter					{border-bottom:1px #bcbcbc dotted; color:#fff; margin:10px 0 20px 0; padding:0 0 20px 0;}
.photoDetail .right .description			{border-bottom:1px #bcbcbc dotted; color:#fff;  margin:10px 0 20px 0; padding:0 0 20px 0;}

.right .products							{margin:20px 20px 0 0;}
/*Normal State*/
.right .product								{margin:0 0 8px 0; position:relative;}
.right .product .image						{border:2px #454545 solid; overflow:hidden; float:left;}
.right .product .image img					{width:64px; height:62px;}
.right .product .info						{margin:3px 0 0 10px; float:left; width:205px;}
.right .product .category					{color:#474646; font-size:16px;}
.right .product .name						{color:#767676; font-size:18px; font-weight:bold;}
/*Hover State*/
.right .productHover						{width:300px; position:absolute; top:0px; left:0px; visibility:hidden;}
.right .productHover .background			{background:url(/images/site/gallery-fact-bkg-rpt.jpg) repeat-y; padding:5px;}
.right .productHover .bottom				{display:block;}
.right .productHover .top					{display:block;}
.right .product  .image						{border:none; float:left;}
.right .productHover .image img				{width:110px; height:106px;}
.right .productHover .fact					{float:left; width:140px; margin:0 0 0 15px; padding:10px;}
.right .productHover .fact	.name			{font-weight:bold; font-size:14px; color:#000;}
.right .productHover .fact .link			{margin:5px 0 0 50px;}

.photoDetail .navigation					{margin:0 0 5px 0;}
.photoDetail .navigation .link				{padding:7px 0 0 10px;}
.photoDetail .navigation .thumbnail			{text-align:center; margin:3px 0 0 0;}
.photoDetail .navigation .next				{width:113px; height:72px; background:url(/images/buttons/photo-next.jpg) no-repeat; float:left;}
.photoDetail .navigation .previous			{width:113px; height:72px; background:url(/images/buttons/photo-previous.jpg) no-repeat;}
.photoDetail .navigation .previousWrapper	{width:113px; height:72px; margin:0 374px 0 0; float:left;}
.navigation .medianavigationpreview			{height:40px; width:50px;}


.photoDetail #mediatagcontainer				{margin-top:10px; border-top:1px #bcbcbc dotted; padding:30px 0 0 0; margin:30px 0 0 0;}
.photoDetail #mediatagcontainer li			{list-style-image:url(/images/site/double-arrow-black.jpg);}
.photoDetail #mediatagcontainer a:link, #mediatagcontainer a:active, #mediatagcontainer a:visited 
											{color:#fff; margin-right:4px; text-decoration:none;}
.photoDetail #mediatagcontainer a:hover		{color:#fff; margin-right:4px; text-decoration:underline;}

/*--------------------Results Styles--------------------*/
.results .mediaelementflowcontainer			{color:#999; float:left; margin:5px; vertical-align:top; width:104px;}
.results .imagecontainer						{border: solid 1px #dfcb2f; height:69px; overflow:hidden; padding:2px 0 0 0; text-align:center; width:104px;}
.results .imagecontainerhover				{background-color:#f7f1bd; border: solid 1px #dfcb2f; height:69px; overflow:hidden; padding:2px 0 0 0; text-align:center; width:104px;}
.results .imagecontainerhover img			{overflow:hidden;}
.results .mediaelementflowcontainer .name	{text-align:center; font-size:11px;}
.results .mediaelementflowcontainer .name a	{color:#7c7c7c; text-decoration:none;}

