/*
 * Custom Picture Viewer created by DBits Technology Services, 2012
 *
 * Place this file in the location specified in the link tag described in viewer.js
 */
.screen {
        position: fixed;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        height: 100% !important;
        background-color: black;
  	-webkit-opacity: 0.5;
  	-moz-filter: alpha(opacity=50);
  	filter:alpha(opacity=50);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        opacity:0.5;
        visibility: hidden;
        z-Index: 1 !important;
}

.viewer {
        position: fixed;
        top: 155px;
        left: 300px;
        width: 700px;
        height: 680px;
        border: solid 2px;
        visibility: hidden;
        background-color: #ecf4ff;
        z-Index: 2 !important;

}

.viewerContent {
        position: relative; 
        top:5px;
        left:0px;
        height: 655px;
        width: 670px;
        /* background-color: #ecf4ff; */
        z-Index: 3 !important;
}

.viewerWrapper {
        text-align: center;
        position: relative;
        top:1px;
        left:1px;
        white-space:nowrap; 
        margin-top:30px;
        height:98%;
        width:100%;
        z-index:4 !important;
}

.viewerPrev {
        width:290px; 
        height:100% !important; 
        position: relative;
        float:left;
        left:0px;
        top:0px; 
        z-index:18 !important;
}

.viewerPrevLink {
        position: absolute;
        font-size:48px;
        font-weight:bold;
        height:100% !important; 
        text-decoration:none;
        padding: 240px 160px 180px 10px;
        overflow:visible;
        top:0px;
        left:0px;
        z-index:19 !important;
}

.viewerNext {
        width:290px;
        height:100%;
        position: absolute;
        float:right;
        top:0px;
        left:350px;
        z-index:20 !important;
}

.viewerNextLink {
        font-size:48px;
        font-weight:bold;
        text-decoration:none;
        padding: 240px 10px 180px 160px;
        height:100%;
        float:right;
        top:0px;
        left:350px;
        /* margin-left:-90px; */
        z-index:21 !important;
}

.viewerImage {
        position: absolute;
        top:1px;
        left:1px;
        text-align:center;
        width:100%;
        height:100%;
        z-index:5;
}

.img_shadow {
        box-shadow:4px 0px 3px #c0c0c0;
        -moz-box-shadow:4px 0px 3px #c0c0c0;
        -webkit-box-shadow:4px 0px 3px #c0c0c0;
        border-left:1px solid #c3c3c3;
        border-top:1px solid #c3c3c3;
        z-index:6;
}

.viewerClose {
        position: relative;
        float: right;
        padding-top:5px;
        top:0px;
        width:150px;
        text-align:right;
        z-index:42 !important;
}

#closeLink {
        position: relative;
        text-decoration:none;
        padding:12px 8px 12px 30px;
        font-weight:bold;
        font-size:18px;
        color:#a0a0a0;
        z-index:43 !important;
        height:100%;
        width:100%;
}

.viewer_footer {
        position: relative;
        text-align:left;
        padding-top:20px;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left:15px;
        z-index:14;
}

.viewer_caption {
        text-align:center;
        font-size:13px;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #000064;
        overflow:hidden;
        height: 35px;
        background-color:white;
        z-Index: 7;
        padding-top:15px;
        box-shadow:4px 4px 3px #c0c0c0;
        -moz-box-shadow:4px 4px 3px #c0c0c0;
        -webkit-box-shadow:4px 4px 3px #c0c0c0;
        margin-left:55px !important;
        margin-top:-11px !important;
        border-left:1px solid #c3c3c3;
}

.imageCounter {
        float:right;
        padding-right:10px;
        white-space:nowrap;
}

.current_image {
        display:inline;
        z-index:6;
}

#viewer-loading {
        position: absolute;
        z-index:150 !important;
        width:140px !important;
        height:140px !important;
        margin-top:225px;
        margin-left:250px;
}
.gta-text-block {
    width:50%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff !important;
    background-image: linear-gradient(to right, #000, 15%, #c9c9c9c9, 85%, #000) !important;
    color: #000;
}
.gta-text-block h4 {
    display: inline-block;
    /*! margin-right:20px; */
    width: 100%;
    padding: 5px;
    margin-top: 5px;
}
.gta-text-block .descrip {
    display:inline-block;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    padding-right: 160px;
    padding-left: 160px;
}
.gta-text-block .link {
    display:inline-block;
    float: right;
    margin: 0px 20px 0px 0px;
    margin-top: -50px;
}
.gta-text-block .link p {
    display: inline-block;
    z-index: 9999;
    position: relative;
}
.bid-now-button {
    width: 90px;
    height: 36px;
    /* background-image: linear-gradient(to bottom right, #4B8EBF, #0A4E8F); */
	background-image: -webkit-linear-gradient(bottom right,rgba(65,164,0,.0001) 0,rgba(65,164,0,.5) 100%);
	background-image: -o-linear-gradient(bottom right,rgba(65,164,0,.0001) 0,rgba(65,164,0,.5) 100%);
	/* background-image: -webkit-gradient(linear,left top,right top,from(rgba(65,164,0,.0001)),to(rgba(0,100,0,.5))); */
	background-image: linear-gradient(to bottom right, #41a400 0, #006400 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a400', endColorstr='#006400', GradientType=1);
    display: block;
/*    margin-left: auto;  */
/*    margin-right: auto;  */
    text-align: center;
    line-height: 34px;
    color: #efefef;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: #000000 2px 2px 3px;
/*    margin-top: 20px;  */
/*    margin-bottom: 6px;  */
}
.bid-now-button:hover {
    color: #efefef;
    text-decoration: none;
    font-weight: 700;
}
@media only screen and (max-device-width: 1440px),  screen and (max-width: 1440px) {
    .gta-text-block {
        width:75%;
        background-color: #ffffff !important;
        background-image: linear-gradient(to right, #000, 15%, #c9c9c9c9, 85%, #000) !important;
    }
}
@media only screen and (max-device-width: 992px),  screen and (max-width: 992px) {
    .gta-text-block {
        width:90%;
        background-color: #ffffff !important;
        background-image: linear-gradient(to right, #000, 15%, #c9c9c9c9, 85%, #000) !important;
    }
    .gta-text-block .descrip {
        display:inline-block;
    }
}
@media only screen and (max-device-width: 768px),  screen and (max-width: 768px) {
    .gta-text-block {
        width:100%;
        background-color: #ffffff !important;
        background-image: linear-gradient(to right, #000, 15%, #c9c9c9c9, 85%, #000) !important;
    }
    .gta-text-block .descrip {
        display:inline-block;
    }
}
@media only screen and (max-device-width: 576px),  screen and (max-width: 576px) {
    .gta-text-block {
        width:105%;
		margin-left: -10px;
        background-color: #ffffff !important;
        background-image: linear-gradient(to right, #000, 15%, #c9c9c9c9, 85%, #000) !important;
    }
	.gta-text-block h4 {
	    width: 90%;
	}
    .gta-text-block .descrip {
        display:none;
    }
    .gta-text-block .link {
        float: none;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-right: -10px;
    }
}
@media only screen and (max-device-width: 480px),  screen and (max-width: 480px) {
    .gta-text-block {
        width:110%;
        margin-left: -15px;
        background-color: #ffffff !important;
        background-image: linear-gradient(to right, #000, 15%, #c9c9c9c9, 85%, #000) !important;
    }
	.gta-text-block h4 {
	    width: 90%;
	}
    .gta-text-block .descrip {
        display:none;
    }
    .gta-text-block .link {
        float: none;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-right: -10px;
    }
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}