﻿.accessories {
    padding: 0 15px;
}
.accessoriesContainer {
    padding:20px 0;
}
.detailContainer-body.accessoryPreview {
    text-align:justify;
}
#dlAccessories1 {
    list-style-type: none;
    white-space:nowrap;
    margin: 0;
}
.item-image, .accessories .item-image {
    width:100%;
    height:100%;
    margin:0;
}
.item-image img, .accessories .item-image img, .itemDetails ul.detailsWrapper {
    margin: 0;
}
.itemDetails, .itemDetails:hover {
    width: 100%;
    height:100%;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none;
    padding:0;
    border:none;
    z-index:101;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:none;
    position:fixed;
    top:0;
    left:0;
    margin:0 !important;
}
.itemDetails .itemDetails-inner {
    width: 225px;
    position: relative;
    overflow: hidden;
    background-color:#EBF6FE;
    border: 2px solid #288ED2;
    padding:10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin:0 auto;
}
.itemDetails .checkArea {
    display:table;
    background-image:none;
    border-top:none;
}
.itemDetails .item-image {
    width: 225px;
    display:block;
    margin-bottom:10px;
}
.itemDetails .item-image.has-high-res:after {
	content:'';
	display:block; 
	width:20px; 
	height:20px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(/Content/7907/Media/General/webimage/icons/icons-sprite.png);
    background-position: -20px 0;
}
.itemDetails .checkArea div, .itemDetails ul.detailsWrapper {
    width:100%;
}
.itemDetails .checkArea .uiButton, .itemDetails .checkArea div {
    padding-right: 0;
    white-space: normal;
}
.itemDetails .checkArea h3 {
    margin: 0 0 20px 0 !important;
}
.detailsWrapper p {
    font-size:10px;
}
.description {
    font-size:12px;
}
.grid ul.detailsWrapper {
    margin:10px 0 0 0;
    width:auto;
    white-space:normal;
}
.AccSelected {
    padding:0 6px;
}
.check {
    float: none;
    position:relative;
    top:auto;
    left: auto;
    width:100%;
}
.checkArea .fRight {
    display:table-header-group;
}
.checkArea .check {
    display:table-footer-group;
}
.checkArea, ul.detailsWrapper li .price, .accFilterRow, .checkArea .fRight p {
    display:none;
}
.slideLeft, .slideRight{
	width:35px;
	height:140px;
	cursor:pointer;
	background-color:#F9F9F9;
	position: absolute;
	z-index: 50;
}
#slider {
	width: 100%;
	position:relative;
	overflow:hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#slider .topTittleWrapper, #rightSearchPanel .topTittleWrapper {
	padding-top: 35px;
}
.slideLeft{
	left:0;
    padding-right:10px;
}
.slideLeft span, .slideRight span {
	background: url('../Content/7907/Media/General/webimage/icons/icons-sprite.png');
	background-repeat: repeat;
	background-position: -112px -138px;
	background-color: rgba(0, 0, 0, 0);
	display: block;
	height: 20px;
	left: 12px;
	position: absolute;
	top: 60px;
	width: 20px;
}
.slideRight{
	right:0;
    top:0;
    padding-left:10px;
}
.slideRight span {
	background-position: -90px -138px;
}
.sliderThumbs{
	/*width:630px;*/
	position: relative;
	left:0;
	}
.sliderThumbs ul {
	list-style-type:none;
    /*left:-875px;*/
	left:0;
	position: relative;
	white-space: nowrap;
}
.sliderThumbs ul li {
	display:inline-block;
    position:relative;
	width:110px;
    margin-right:10px;
    padding:2px;
    border:1px solid transparent;
}
.sliderThumbs ul li.added {
	background-color:#EBF6FE;
    border-color:#288ED2;
}
.sliderThumbs ul li img._AccessoriesImage {
	height:auto !important;
    width:100% !important;
}

@media only screen and (orientation: landscape) {

    .sliderThumbs ul li .itemDetails .itemDetails-inner, .sliderThumbs ul li .itemDetails .itemDetails-inner .detailsWrapper .item-image {
        width:95%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }

    .sliderThumbs ul li .itemDetails .itemDetails-inner .detailsWrapper {
        width:50%;
        padding-right: 15px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }

    .sliderThumbs ul li .itemDetails .itemDetails-inner .checkArea {
        width:50%;
        float:left;
        padding-top: 30px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }

}

.sliderThumb li a {
	text-decoration:none;
	color:#666;
}
.inventory_list_wait_image
{
	position:absolute;
	top:5;
	z-index:5;
	width:110px;
	height:85px;
	background-color:#fff;
	margin:0;
	padding:0;
}
.inventory_list_wait_image img
{
	margin:22px 0 0 35px;
}
.sliderContent{
	width:100%;
	float:left;
	position:relative;
	-ms-touch-action: none;}
.imgRoundedBorders{
	background-image: url('../Content/7907/Media/General/webimage/icons/imageFrame.png');
	position:absolute;
	top:5;
	z-index:30;
	width:110px;
	height:85px;}
.sliderThumb-desc
{
	height: 30px;
	white-space:nowrap;
	font-size:10px;
	margin-top:95px;
	text-align:center;}
.sliderThumb-price{
	font-family: 'Lato', sans-serif;
	font-size:18px;
	text-align:center;
	margin:10px 0 8px 0;
	color:#000000;}
.topTittleWrapper{
	width:890px;
	padding:20px 25px;
}
.welcome .topTittleWrapper{
	margin-bottom: 20px;
	width: 70% !important;
	/*width: 61% !important;*/
}
.module{
	display:block;
	padding-top:20px;
	margin:0 0 0 -20px;
	position:relative;}
.moduleTittle{
	/*font-family: 'Quicksand', sans-serif;
	color: black;
	padding: 4px 0 0 0;
	margin: 0;
	font-size: 24px;
	height: 24px;
	overflow: hidden;
	text-align: left;*/
	font-family:"Open Sans";
	font-size:18px;
	font-weight:bold;
	line-height:106%;
	color:rgb(67,67,67);
	text-align:left;
}
.uiButtonNested a
{
	display:block;
	width:100%;
	font-size:10px;
	text-decoration:none;
	color:#fff;
}
.uiButtonNested a:hover
{
	color:#fff;
}
.uiButtonNested a:active
{
	color:#fff;
}
.item-image {
	overflow:hidden;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border:1px solid #ccc;
}
.item-image img {
    width:100%;
    padding:0;
}
ul.detailsWrapper {
	width:240px;
	margin:8px 0 0 30px;
	position:relative;
}
.grid ul.detailsWrapper, .grid ul.detailsWrapper:hover {
	margin:10px 0 0 0;
    padding:0;
    border:none;
    height:50px;
}
.grid ul.detailsWrapper li .productName {
    height:auto;
}
.list ul.detailsWrapper li {
	padding-bottom:10px;
}
.sliderThumb li > div {
    overflow:hidden;
}
.sliderThumbs ul li .detailsWrapper li {
    margin:0;
    width:100px;
}
.sliderThumbs ul li .itemDetails-inner .detailsWrapper {
    margin:0;
    height:auto;
}
.sliderThumbs ul li .itemDetails-inner .detailsWrapper li, .sliderThumbs ul li .itemDetails-inner .checkArea {
    width:100%;
    font-family:Helvetica, Arial, sans-serif;
    font-size:13px;
}
.sliderThumbs ul li .itemDetails-inner .detailsWrapper li h5.name {
    width:80%;
}
.sliderThumbs ul li .itemDetails-inner .close-outer {
    padding: 16px;
    position: absolute;
    display: block;
    top:0;
    right:0;
    z-index:55;
    cursor: pointer;
}
.sliderThumbs ul li .itemDetails-inner .close {
    z-index:55;
    background-image: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png");
    background-position: -455px -97px;
    cursor: pointer;
    height: 10px;
    width: 10px;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    opacity: 1;
    position:relative;
    border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-radius:0;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
.sliderThumbs ul li .itemDetails-inner .price {
    display:inline;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    padding-right: 4px;
}
.itemDetails .checkArea .uiButton, .itemDetails .checkArea .uiButton {
    padding:8px;
    margin-top: 10px;
}
.divRemoveAccessory {
    font-size:10px;
    margin:10px 0;
}
#closeVideo {
    padding: 10px;
    top: -1px;
    right:0;
}
.viewVideo ,.viewPDF {
    color:#288ED2;
    display:initial;
    cursor:pointer;
}
.viewVideo .icon,.viewPDF .icon {
    display:inline-block;
    padding-right:5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #288ED2;
}
.sliderThumb .morepopup-outer {
    padding:10px 10px 80px 72px;
	position: absolute;
    top:0;
    z-index:10;
}
.sliderThumb .morepopup {
	width:24px;
	height:24px;
	background-color:rgba(0,0,0,0.7);
	border-color: rgba(255,255,255,255);
	border-width:2px;
	border-style:solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	cursor:pointer;
	opacity:1;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}
.sliderThumb .morepopup span {
	background:url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) no-repeat -120px -121px;
	width:13px;
	height:13px;
	display:block;
	position:relative;
	top:5px;
	left:5px;
}
.sliderThumb .added .morepopup span {
	background-position: -97px -121px;
}
.accessoryVideo, .accessoryVideo:hover {
    width: 100%;
    height:100%;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none;
    padding:0;
    border:none;
    z-index:102;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:none;
    position:fixed;
    top:0;
    left:0;
    margin:0 !important;
}
.accessoryVideo .close {
    width: 24px;
    height: 24px;
    background:none;
    border:none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    float: left;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
.close .icon {
	background:url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) no-repeat -143px -121px;
	width:13px;
	height:13px;
	display:block;
	position:relative;
	top:5px;
	left:5px;
}
/*.accessoryVideo iframe,
.accessoryVideo object,
.accessoryVideo embed {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}*/
.videoContainer{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin:0 auto;
    top: 50%;
}
.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}
.list ul.detailsWrapper li {
	padding-bottom:10px;
}
ul.detailsWrapper li .price, ul.detailsWrapper li .productName {
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	line-height:1.2em;
	letter-spacing:-0.02em;
	color:#444;
	font-size:14px;
	font-weight:bold;
	padding-right:4px;
}
.grid  ul.detailsWrapper li .productName {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	padding:0;
	height:40px;
	display:block;
}
.grid ul.detailsWrapper li .price {
	float:right;
    position:relative;
    top:24px;
}
.sliderThumbs ul li .detailsWrapper li.image-container
{
    margin-bottom:7px;

}
