/**  Contains all of the classes that deal with displaying proofs.  **/

/** Proof sizes, for use when proofs are scaled in the browser **/
img.TinyProof.Vertical {
	width: 48px;
}
img.TinyProof.Horizontal {
	width: 70px;
}

/** Proofs Index View: Handles Proofs displayed as a background image. **/
.ProofWrapper {
    float: left;
    width: 193px;
    height: 240px;
    text-align: center;
}

.ProofBackground {
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    background-color: #bbb;
    border: solid 1px #999;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.FeaturedPackageBackground {
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.FeaturedPackageBackground.Vertical {
    width: 128px;
    height: 185px;
}

.FeaturedPackageBackground.Vertical img.ProofImage {
    width:118px;
    top:4px;
    left:5px;
}

.ProofBackground.Vertical {
    width: 128px;
    height: 185px;
}

.ProofBackground.Horizontal {
    height: 121px;
    width: 175px;
	margin-top: 29px;
	margin-bottom: 29px;
}

img.ProofImage {
    position:absolute;
}
.ProofBackground.Horizontal img.ProofImage {
    width:165px;
    top:5px;
    left:6px;
}
.ProofBackground.Vertical img.ProofImage {
    width:118px;
    top:4px;
    left:5px;
}

img.Overlay {
    border: 0px none #fff;
	-moz-opacity:.25; 
	filter:alpha(opacity=25); 
	opacity:.25;
	position:relative;
	height:100%;
}

div.OverlayZoom {
	width:100%;
	height:100%;
	-moz-opacity: .25;
	filter: alpha(opacity=25);
	opacity: .25;
}

.ProofInfo {
	text-align: center;
	margin-top:.3em;
}
.ProofInfo div.Zoom {
	padding-top: 3px;
}
.ProofInfo div.Zoom a {
	color: #0000ff;
	padding-top: 4px;
}
a.Zoom {
	padding-left: 20px;
	background: url(../images/icons/zoom.png) no-repeat center left;
}
.ProofInfo .FrameID { 
	font-size: 93%;
	color: #999;
	margin-bottom: 0.5em;
}

div.Zoom.Vertical {
	text-align: center;
	width: 416px;
	height: 619px;
	background-repeat: no-repeat;
}
div.Zoom.Horizontal {
	width: 625px;
	height: 416px;
	text-align: center;
	background-repeat: no-repeat;
}

.CustomerServiceCartImage {
    position: relative;
    float: left;
    margin-right: 5px;
}

.OrderImages {
   position: relative;
}