@charset "utf-8";
/* CSS Document */

.photoMurals_mainContainer
{
	background-color: #939aa0;
}

.photoMurals_header
{
	background-repeat: no-repeat;
	width: 917px;
	height: 225px;
	padding: 20px;
	padding-bottom: 10px;
}

.headerDetailContainer
{
	width: 100%;
	margin-left: 500px;
}

.headerDetailTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-bottom: 10px;
}

.headerDetailDescr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a1c7de;
}

.imageThumbOuterShell
{
	border: solid 1px #333333;
	padding: 0px;
}

.imageThumbInnerShell
{
	border: solid 1px #EFEFEF;
	padding: 0px;
}

/* Tab Positioning **************************************************** */
	
	/* Left Table ********************** */
	
	#leftTabContainer
	{
		height:42px;
		margin: 1px auto;
		width:100%;
	}
	
	#leftTabContainer #instantQuoteTab, #leftTabContainer #orderNowTab
	{
		height:0;
		margin: 1px auto;
		position:relative;
		background-image: url('/images/panelTabs.png');
		background-repeat: no-repeat;
		float:left;
		overflow:hidden;
		padding-top:42px;
		width:177px;
	}

	#leftTabContainer #instantQuoteTab
	{
		background-position:0px 0px;
		left: -1px;
		Z-INDEX:100;
	}
	
	#leftTabContainer #orderNowTab
	{
		background-position:-179px 0px;
		left: -5px;
		Z-INDEX:50;
	}
	
	.instantQuoteTabTop
	{
		top: 3px;
	}
	
	.orderNowTabTop
	{
		top: 5px;
	}
	
	.instantQuoteTabTopIE
	{
		top: 2px;
	}
	
	.orderNowTabTopIE
	{
		top: 4px;
	}
		
	#leftContentTable
	{
		position:relative;
		float:left;
		Z-INDEX:75;
	}
	
	/* Right Table ********************** */
	
	#rightTabContainer
	{
		height:42px;
		margin: 1px auto;
		width:100%;
	}
	
	#rightTabContainer #photoLibraryTab, #rightTabContainer #qAndATab
	{
		height:0;
		margin: 1px auto;
		position:relative;
		background-image: url('/images/panelTabs.png');
		background-repeat: no-repeat;
		float:left;
		overflow:hidden;
		padding-top:42px;
	}

	
	#rightTabContainer #photoLibraryTab
	{
		background-position:-358px 0px;
		width: 113px;
		left: 0px;
		Z-INDEX:100;
	}
	
	#rightTabContainer #qAndATab
	{
		background-position:-476px 0px;
		width:155px;
		left: -1px;
		Z-INDEX:50;
	}
	
	.photoLibraryTabTop
	{
		top: 3px;
	}
	
	.qAndATabTop
	{
		top: 5px;
	}
	
	.photoLibraryTabTopIE
	{
		top: 2px;
	}
	
	.qAndATabTopIE
	{
		top: 4px;
	}
	
	#rightTabContainer #myDynamicContent
	{
		POSITION: relative;
		left: 58px;
		top: -34px;
	}
	
	#rightContentTable
	{
		POSITION: relative;
		float:left;
		Z-INDEX:75;
	}
	

/* Content Table Yellow **************************************************************** */

	.contentTableYellowLeftTop
	{
		background-image: url('/images/contentTableYellowLeftTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableYellowBodyTop
	{
		background-image: url('/images/contentTableYellowBodyTop.png');
		height: 6px;
	}
	
	.contentTableYellowRightTop
	{
		background-image: url('/images/contentTableYellowRightTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableYellowRight
	{
		background-image: url('/images/contentTableYellowRight.png');
		width: 6px;
	}
	
	
	.contentTableYellowBody
	{
		background-color: #e3d378;
		padding: 5px 5px 5px 5px;
	}
	
	.contentTableYellowLeft
	{
		background-image: url('/images/contentTableYellowLeft.png');
		width: 6px;
	}
	
	.contentTableYellowLeftBottom
	{
		background-image: url('/images/contentTableYellowLeftBottom.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableYellowBodyBottom
	{
		background-image: url('/images/contentTableYellowBodyBottom.png');
		height: 6px;
	}
	
	.contentTableYellowRightBottom
	{
		background-image: url('/images/contentTableYellowRightBottom.png');
		width: 6px;
		height: 6px;
	}

/* Content Table Green ************************************************************** */

	.contentTableGreenLeftTop
	{
		background-image: url('/images/contentTableGreenLeftTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableGreenBodyTop
	{
		background-image: url('/images/contentTableGreenBodyTop.png');
		height: 6px;
	}
	
	.contentTableGreenRightTop
	{
		background-image: url('/images/contentTableGreenRightTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableGreenRight
	{
		background-image: url('/images/contentTableGreenRight.png');
		width: 6px;
	}
	
	
	.contentTableGreenBody
	{
		background-color: #7ba545;
		padding: 20px 5px 5px 5px;
	}
	
	.contentTableGreenLeft
	{
		background-image: url('/images/contentTableGreenLeft.png');
		width: 6px;
	}
	
	.contentTableGreenLeftBottom
	{
		background-image: url('/images/contentTableGreenLeftBottom.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableGreenBodyBottom
	{
		background-image: url('/images/contentTableGreenBodyBottom.png');
		height: 6px;
	}
	
	.contentTableGreenRightBottom
	{
		background-image: url('/images/contentTableGreenRightBottom.png');
		width: 6px;
		height: 6px;
	}
	
/* Content Table Orange ************************************************************** */

	.contentTableOrangeLeftTop
	{
		background-image: url('/images/contentTableOrangeLeftTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableOrangeBodyTop
	{
		background-image: url('/images/contentTableOrangeBodyTop.png');
		height: 6px;
	}
	
	.contentTableOrangeRightTop
	{
		background-image: url('/images/contentTableOrangeRightTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableOrangeRight
	{
		background-image: url('/images/contentTableOrangeRight.png');
		width: 6px;
	}
	
	.contentTableOrangeBody
	{
		background-color: #b88441;
		padding: 20px 5px 5px 5px;
	}
	
	.contentTableOrangeLeft
	{
		background-image: url('/images/contentTableOrangeLeft.png');
		width: 6px;
	}
	
	.contentTableOrangeLeftBottom
	{
		background-image: url('/images/contentTableOrangeLeftBottom.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableOrangeBodyBottom
	{
		background-image: url('/images/contentTableOrangeBodyBottom.png');
		height: 6px;
	}
	
	.contentTableOrangeRightBottom
	{
		background-image: url('/images/contentTableOrangeRightBottom.png');
		width: 6px;
		height: 6px;
	}
	
/* Content Table Blue ************************************************************** */

	.contentTableBlueLeftTop
	{
		background-image: url('/images/contentTableBlueLeftTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableBlueBodyTop
	{
		background-image: url('/images/contentTableBlueBodyTop.png');
		height: 6px;
	}
	
	.contentTableBlueRightTop
	{
		background-image: url('/images/contentTableBlueRightTop.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableBlueRight
	{
		background-image: url('/images/contentTableBlueRight.png');
		width: 6px;
	}
	
	.contentTableBlueBody
	{
		background-color: #5b7b98;
		padding: 20px 5px 5px 5px;
	}
	
	.contentTableBlueLeft
	{
		background-image: url('/images/contentTableBlueLeft.png');
		width: 6px;
	}
	
	.contentTableBlueLeftBottom
	{
		background-image: url('/images/contentTableBlueLeftBottom.png');
		width: 6px;
		height: 6px;
	}
	
	.contentTableBlueBodyBottom
	{
		background-image: url('/images/contentTableBlueBodyBottom.png');
		height: 6px;
	}
	
	.contentTableBlueRightBottom
	{
		background-image: url('/images/contentTableBlueRightBottom.png');
		width: 6px;
		height: 6px;
	}

/* Photo Mural Quote / Price Table ********************************************************* */

	
	.photoMuralQuoteTableLeft
	{
		background-color: #f5f0c8;
		padding: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		width: 100px;
		
	}
	
	.photoMuralQuoteTableLeftError
	{
		background-color: #F09D9D;
		padding: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		width: 100px;
	}
	
	.photoMuralOrderNowTableLeft
	{
		background-color: #c4d8aa;
		padding: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		width: 100px;
	}
	
	.photoMuralOrderNowTableLeftError
	{
		background-color: #F09D9D;
		padding: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		width: 100px;
	}
	
	.photoMuralQuoteTableRight
	{
		background-color: #FFFFFF;
		padding: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
	}
	
	.photoMuralQuoteTableDivider
	{
		border-top: solid 1px #666666;
		height: 1px;
	}
	
	.instantQuotePrice
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #305500;
		padding: 15px 5px 15px 5px;
		width: 90px;
	}
	
	.selectedPhotoContainer
	{
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #EFEFEF;
		padding: 10px;
		border: solid 1px #DDDDDD;
		display: none;
		width: 310px;
	}
	
	.errorPanel
	{
		background-color: #F09D9D;
		padding: 10px 5px 10px 5px;
		color: #000000;
		display: none;
		border: solid 1px #af6363;
	}

/* Photo Mural Quote / Price Summary Table ********************************************************* */

	.photoMuralQuoteSummaryTableLeft
	{
		background-color: #c4d8aa;
		padding: 0px 15px 0px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		width: 100px;
		padding: 0px 15px 5px 15px;
	}
	
	.photoMuralQuoteSummaryTableRight
	{
		background-color: #FFFFFF;
		padding: 0px 15px 0px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding: 0px 15px 5px 15px;
		
	}

	
/* Photo Library ********************************************************** */

	.stockPhotoSearch
	{
		background-color: #d4b792;
		border: solid 1px #79592e;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		width: 200px;
		height: 20px;
		padding: 4px 3px 3px 3px;
	}
	
	.stockPhotoSearchCat
	{
		background-color: #d4b792;
		border: solid 1px #79592e;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 400;
		padding: 3px;
	}
	
	.browseCatPaging
	{
		padding: 3px 5px 3px 5px;
		margin-right: 4px;
	}
	
	.browseCatPagingHover
	{
		border: solid 1px #79592e;
		padding: 2px 4px 2px 4px;
		margin-right: 4px;
	}
	
	.photoIndexContainer
	{
		background-color: #d4b792;
		border: solid 1px #79592e;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		padding: 6px;
	}
	


/* Photo Library Pane *************************************************** */

	.photoLibraryContainer
	{
		background-image: url('/images/photoLibraryBg.jpg');
		background-repeat: repeat-x;
		border: solid 1px #c3b19a;
		padding: 1px 10px 10px 10px;
		
		background-color: #c29254;
	}
	
	.photoLibraryHeader
	{
		padding: 0px 10px 10px 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #000000;
	}
	
	.photoLibrarySubHeader
	{
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		padding: 0px 10px 10px 10px;
	}
	
	.standardMuralMessage
	{
		background-color: #efefef;
		padding: 10px;
		color: #000000;
		display: none;
	}
	
	.photoContainer
	{
		border: solid 1px #666666;
		background-color: #FFFFFF;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.photoContainerHeader
	{
		border-bottom: solid 1px #DDDDDD;
		background-color: #e7e7e7;
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #353434;
	}
	
	.photoThumbnailsContainer
	{
		padding: 15px;
		width: 312px;
		height: 375px;
		overflow: auto;
	}
	
	.photoPreviewContainer
	{
		padding: 15px;
		width: 300px;
	}
	
	.photoPreviewLabel
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		padding-bottom: 10px;
	}
	
	.photoPreviewImage
	{
		border: solid 1px #DDDDDD;
		margin-bottom: 10px;
	}
	
	.photoImageName
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}
	
	.photoImageDescr
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #1b5ca0;
	}
	
	.photoStockNo
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
	}
	
	.photoPreviewDetail
	{
		margin-top: 15px;
		padding: 10px;
		background-color: #EFEFEF;
		border: solid 1px #DDDDDD;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666666;
	}

/* Q and A Contaienr ******************************* */

	.qAndAContainer
	{
		background-color: #adc2d5;
		border: solid 1px #31465a;
		display: none;
		overflow: auto;
	}
	
	.qAndARow
	{
		border-bottom: solid 1px #557796;
		width: 230px;
	}
	
	.qAndAQuestion
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		padding: 10px;
	}
	
	.qAndAQuestionClicked
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		background-color: #d5e3ef;
		padding: 10px;
	}
	
	.qAndAAnswer
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #FFFFFF;
		padding: 10px;
		display: none;
	}
	
	.qAndAMediaList
	{
		color: #a3610a;
		font-weight: bold;
		padding-right: 10px;
		padding-top: 10px;
	}

/* Footer ******************************* */

	.instantQuoteFooterText
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #444444;
		padding: 5px 0px 0px 0px;
	}