/* PHOTOVIEWER CSS
Contains all CSS definitions for all pages in "Photo Viewer" frameset for the new Product Page.

CAUTION!!!
Some styles refence .jpg files. Moving this CSS file will require those links be updated
*/


/*  TOP FRAME STYLES  */

.topbox{
    border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #285078;
	border-right-color: #285078;
	border-bottom-color: #285078;
	border-left-color: #285078;
	padding: 2px;
}
.activeTab{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	text-align: center;
	color: #000000;
	padding: 3px;
	border-top: 1px solid #285078;
	border-right: 1px solid #285078;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #285078;
}
.inactiveTab{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #D7DDE4;
	text-align: center;
	border-top: 1px solid #99A2A9;
	border-right: 1px solid #99A2A9;
	border-bottom: 1px solid #285078;
	border-left: 1px solid #99A2A9;
	padding: 3px;
}
.fitzLaw {
	cursor: pointer;
}


/* LEFT MAIN FRAME STYLES */

.target {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	width: 270px;
}
.photoViewerButtons{
	width:272px;
}
.fullbuttonactive{
	float:left;
	cursor: pointer;
}
.fullbuttonactive img{
	visibility:visible;
}
.fullbuttoninactive{
	float:left;
	background-image:url(../images/full_image_off.gif);
}
.fullbuttoninactive img{
	visibility:hidden;
}
.outbuttonactive{
	float:left;
	cursor: pointer;
}
.outbuttonactive img{
	visibility:visible;
}
.outbuttoninactive{
	float:left;
	background-image:url(../images/zoom_out_off.gif);
}
.outbuttoninactive img{
	visibility:hidden;
}
.inbuttonactive{
	float:left;
	cursor: pointer;
}
.inbuttonactive img{
	visibility:visible;
}
.inbuttoninactive{
	float:left;
	background-image:url(../images/zoom_in_off.gif);
}
.inbuttoninactive img{
	visibility:hidden;
}
.instructionsactive {
	font-size: 12px;
	color: #000000;
}
.instructionsinactive {
	font-size: 12px;
	color: #FFFFFF;
}
.leftMainBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	margin-left: 8px;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 4px;
}
.showalert{
	display: block;
	position: absolute;
	left: 53px;
	top: 163px;
}

#photoViewerAlert {
	background-color: #FFFFFF;
	padding: 3px;
}

.hidealert{
	display: none;
}
.hidefabricswatch{
    clear: both;
    visibility: hidden;
}
#alertText {
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7D5400;
	padding: 15px 10px;
	width: 176px;
	border: 1px solid #C1902A;
}

/* RIGHT MAIN FRAME STYLES */

#aboveswatches, #belowswatches {
	padding-left: 4px;
}
.activeinstructions {
	display: block;
	padding-bottom: 3px;
	padding-top: 2px;
}
.activeinstructionsalert {
	display: block;
	color: #000000;
	background-color: #FFD67F;
	padding-bottom: 3px;
	padding-top: 2px;
}
.inactiveinstructions {
	display: none;
}
.colorcontrolactive {
	border: 1px solid #FFFFFF;
	color: #3333CC;
	cursor: pointer;
	margin-right: 4px;
	margin-bottom: 4px;
}
.colorcontrolactive span {
	text-decoration: underline;
}
.colorcontrolinactive{
	border: 1px solid #FFFFFF;
	color: #666666;
	margin-right: 4px;
	margin-bottom: 4px;
}
.targetimg {
	border: 1px solid #666666;
}
.colorcontrol {
	border: 1px solid #FFFFFF;
}
.colorcontrolinactive img, .colorcontrolselected img, .colorcontrolover img {
	border: 1px solid #A2A2A2;
}
.colorcontrolactive img{
	border: 1px solid #3366CC;
}
.colorcontrolselected {
	border: 1px solid #C1902A;
	background-color: #F0F0F0;
	color: #000000;
	margin-right: 4px;
	margin-bottom: 4px;
}
.photocontrol {
	border: 1px solid #FFFFFF;
	background-color: #F0F0F0;
	padding: 4px;
	margin-right: 8px;
	margin-bottom: 8px;
	cursor: pointer;
}
.photocontrolselected {
	border: 1px solid #C1902A;
	background-color: #F0F0F0;
	padding: 4px;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
}
.photocontrol:hover {
	border: 1px dotted #666666;
}
.colorcontrolover {
	border: 1px solid #CCCCCC;
}
.rightMainBody {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#aboveswatches {
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-bottom: -3px;
}
#belowswatches {
	padding-bottom: 8px;
	padding-right: 5px;
	padding-left: 5px;
}


/* FOOTER STYLES */

.leftfooter {
	padding-left: 4px;
}
.rightfooter {
	padding-right: 17px;
}