@charset "UTF-8";


/* layout and wrappers */
#page-wrapper {width: 1000px; margin: 0 auto; position: relative;}

.pform{float:left;margin:20px 15px;}

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.jcarousel-clip-vertical .pika-thumbs li{width: 125px; height:104px;margin-left:5px;margin-bottom:15px;}
.pika-thumbs li { width: 121px; height: 75px; }

.jcarousel-clip-horizontal #pikachoose{height:405px;}
.jcarousel-clip-vertical #pikachoose{width:260px;height:100%;}

/*Vertical pikas*/

.pikachoose-vertical{width: 723px;}
.pikachoose-vertical .pika-stage{width: 443px;position: relative;border: 3px solid #eee;float:left;margin-top:10px;
	-moz-box-shadow: 2px 2px 2px #888;-webkit-box-shadow: 2px 2px 2px #888;box-shadow: 2px 2px 2px #888;}
.pikachoose-vertical .pika-stage img{border: 5px solid #f1f1f1;max-height:323px;max-width:433px;}
/*End Vertical*/

.pikachoose 
{
    width: 735px; 
    margin: 0 auto;
    background-color: #3E3E3E;
}
/*.pikachoose .pika-stage {position: relative;border: 3px solid #eee;display:table;margin:0px auto;
	-moz-box-shadow: 2px 2px 2px #888;-webkit-box-shadow: 2px 2px 2px #888;box-shadow: 2px 2px 2px #888;}*/
.pikachoose .pika-stage 
{
    position: relative;
    display:table;
    margin:0px auto;
    width: 735px;
    height: 418px;
    background-color: #3E3E3E;
    padding-top: 5px;
}
	
/*if you change the padding on pika-stage you must adjust the top left of this to match! */
.pika-stage .main-image {position: absolute; top: 0px; left: 0px;}
.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
/*.pika-stage img {border: 2px ridge #eee;max-height:405px;max-width:720px;text-align:center;display:block;margin:0 auto;}*/
.pika-stage img 
{
    max-height: 413px;
    max-width: 735px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/*.pika-stage .caption {position: absolute; background: url(/resources/images/75-black.png);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 10px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
*/
/*.pika-imgnav{display:none;}
	.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(/resources/images/orangecontrols.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 15px;cursor:pointer;}
	.pika-imgnav a.next {background: url(/resources/images/orangecontrols.png) no-repeat -50px 45%;height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(/resources/images/orangecontrols.png) no-repeat -135px 50%; height: 100px; width: 44px;top:0;left:50%;cursor:pointer;}
	.pika-imgnav a.pause {background: url(/resources/images/orangecontrols.png) no-repeat -197px 50%; height: 100px; width: 44px;top:0;left:50%;cursor:pointer;}*/
	
	.pika-imgnav{display:block !important;}
	.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(/resources/images/orangecontrols.png) no-repeat left 5%; height: 31px; width: 30px; top: 340px; left: 175px;cursor:pointer;}
	.pika-imgnav a.next {background: url(/resources/images/orangecontrols.png) no-repeat -50px 45%;height: 31px; width: 40px; top: 340px; left: 235px;cursor:pointer;}
	.pika-imgnav a.play {background: url(/resources/images/orangecontrols.png) no-repeat -135px 50%; height: 31px; width: 34px;top:340px;left:212px;cursor:pointer;}
	.pika-imgnav a.pause {background: url(/resources/images/orangecontrols.png) no-repeat -197px 50%; height:31px; width: 34px;top:340px;left:212px;cursor:pointer;}

	.pika-imgnav a.previous-horizontal 
    { 
        background-image: url(/Content/images/property/Arrows-Gallery-Left.png);
        background-size: 22px 31px;
        background-repeat: no-repeat; 
        width: 22px; 
        height: 31px; 
        top: 170px; 
        left: 0px; 
        cursor:pointer; 
	}
	.pika-imgnav a.next-horizontal 
    { 
        background-image: url(/Content/images/property/Arrows-Gallery-Right.png); 
        background-size: 22px 31px;
        background-repeat: no-repeat; 
        width: 22px; 
        height: 31px; 
        top: 170px; 
        right: 0px; 
        cursor:pointer; 
	}
	/*.pika-imgnav a.play-horizontal {background: url(/resources/images/orangecontrols.png) no-repeat -135px 50%; height: 31px; width: 44px;top:420px;left:345px;cursor:pointer;}*/
    .pika-imgnav a.play-horizontal
    {
        display: none;
    }
	.pika-imgnav a.pause-horizontal {background: url(/resources/images/orangecontrols.png) no-repeat -197px 50%; height:31px; width: 44px;top:420px;left:345px;cursor:pointer;}


.pika-textnav {display:none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0;}
.entry .pika-thumbs li {float: left; list-style-type: none;margin: 0 5px; border: 1px solid #000; cursor: pointer;
	-moz-box-shadow: 3px 3px 2px #888;-webkit-box-shadow: 3px 3px 2px #888;box-shadow: 3px 3px 2px #888;padding:0;}

.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip 
{
    position: relative;
    height: 100%;
    text-align: center;
    padding: 0px; 
    overflow: hidden;
}

.pika-thumbs li .clip img
{
    width: 100% !important;
    max-width: 121px;
    max-height: 75px;
}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: -40px;right:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:8px;-moz-border-radius: 5px;border-radius:5px;}
/*.pika-counter-horizontal{position: absolute;bottom: 83px;right:92px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:8px;-moz-border-radius: 5px;border-radius:5px;}*/
.pika-counter-horizontal
{
    display: none;
}
		
		
/* jCarousel Styles */
.jcarousel-container-horizontal { position: relative; width:735px; height: 80px; display: block; margin:0 auto; background-color: #3E3E3E; }
.jcarousel-clip-horizontal { height: 75px; width: 735px; background-color: #5C5C5C; }
/*.jcarousel-item-horizontal { margin-right: 5px; }*/

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal 
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 28px;
    height: 75px;
    cursor: pointer;
    background: transparent url(/Content/images/property/Arrows-Gallery-Right.png) no-repeat 0 0;
    background-size: 22px 31px;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/resources/images/scroller/larrow.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    /*background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 28px;
    height: 75px;
    cursor: pointer;
    background: transparent url(/Content/images/property/Arrows-Gallery-Left.png) no-repeat 0 0;
    background-size: 22px 31px;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/resources/images/scroller/rarrow.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
   /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    /*background-position: -64px 0;*/
}

/*.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
    */
/*VERTICAL*/

.jcarousel-skin-tango .jcarousel-container-vertical{
    width: 260px;
    height: 290px;
    padding: 30px 5px;
    float:right;
    top:0px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  260px;
    height: 296px;
    margin-top: 5px;
    float:right;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 5px;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -7px;
    left: 122px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/resources/images/scroller/Darrow.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 123px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/resources/images/scroller/Uarrow.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* Begin Responsive Changes */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
/* Place your styles for phones and small tablets here */

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 480px) and (orientation : landscape) {

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
/* Place your styles for phones and small tablets here */

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 321px) and (max-device-width : 480px) and (orientation : landscape) 
{

}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* Samsung Galaxy S4/S5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}

/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Place your styles for tablets and tiny laptops here */

}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}


/* iPad 3 (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Place your styles for tablets and tiny laptops here */
    .pikachoose
    {
        width: 478px;
    }
    
    .pikachoose .pika-stage
    {
        width: 478px;
        height: 274px;
    }

    .pika-stage img
    {
        max-width: 478px;
        max-height: 269px;
    }

    .jcarousel-container-horizontal
    {
        width: 478px;
        height: 65px;
    }

    .jcarousel-clip-horizontal
    {
        width: 478px;
        height: 60px;
    }

    .pika-thumbs li
    {
        height: 60px;
    }

    .pika-thumbs li .clip img
    {
        max-width: 80px;
        max-height: 60px;
    }

    .pika-imgnav a.previous-horizontal
    {
        top: 130px;
    }

    .pika-imgnav a.next-horizontal
    {
        top: 130px;
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal
    {
        height: 65px;
    }

    .jcarousel-skin-tango .jcarousel-next-horizontal
    {
        height: 65px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}