#\33 three {
float: right;
padding-right: 111px;
margin-top: -35px;
}
/*MEDIA ONLY=================small screens*/
@media screen and (max-width: 568px) {
.mobile-show {
display: block;
}
.mobile-hide {
display: none !important;
}
}
@media only screen and (max-width: 768px) {
.mobile-show {
display: block;
}
.mobile-hide {
display: none !important;
}
}
.desktop-hide {
display: none;
}
.label {
display: inline-block;
margin: 0 0 -1px;
padding: 10px 15px;
font-weight: 600;
text-align: center;
}
.label:hover, .thumb_Label:hover {
cursor: pointer;
} /* Header and Nav */
#productImages li {
list-style: none;
padding: 2px;
margin: 0 1px;
}
#productImages li img {
max-width: 82px;
height: auto;
}
.images img {
display: none;
max-width: 457px;
width: 100%;
height: auto;
}
.desktopthumb_s.thumb_Images.mobile-hide.area2d {
/*max-width: 150px;*/
}
#productImages label {
float: left;
}
#thumb_1:checked ~ img[data-id="image1"], #thumb_2:checked ~ img[data-id="image2"], #thumb_3:checked ~ img[data-id="image3"] {
display: block;
max-width:300px;
}
.thumb_Images li {
float: left;
list-style: none;
padding: 2px;
margin: 0 1px;
}
.thumb_Images li img {
max-width: 100px;
width: 100%;
height: auto;
}
#productImages input {
display: none;
}
.label {
display: inline-block;
margin: 0 0 -1px;
padding: 10px 15px;
font-weight: 600;
text-align: center;
}
.label:hover {
cursor: pointer;
} /* Header and Nav */
.tabs {
background: #fff;
color: #373737;
font-size:12px;
max-width:99%;
}
.tabs > div {
display: none;
border: 1px solid #ddd;
}
.tabs ul {
margin-left: 40px;
padding-left: 0;
}
#tabarea input, #productImages input {
display: none;
}
#tabarea .label {
color: #bbb;
border: 1px solid transparent;
background: #e0e0e0;
font-size:16px;
text-transform:uppercase;
}
#tabarea .label:hover {
color: #20bfb1;
}
#tabarea input:checked + label {
color: #000;
background: #fff;
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
#tab1:checked ~ .tabs #tabContent1, #tab2:checked ~ .tabs #tabContent2, #tab3:checked ~ .tabs #tabContent3 {
display: block;
}
@media only screen and (max-width: 1220px) {
#productImages li img {
width: 100px;
margin: 0;
}
.desktopthumb_s {
display: none;
}
.mobilethumb_s {
display: block;
}
}
@media only screen and (max-width: 980px) {
#productImages li img {
width: 49px;
}
}
@media only screen and (max-width: 768px) {
.mobile-show {
display: block;
}
.mobile-hide {
display: none !important;
}
.images {
width: 100%;
}
.images img {
margin: 0 auto;
}
#productImages li img {
width: 82px;
}
}
@media only screen and (max-width: 500px) {
#productImages li img {
width: 42px;
}
}
@media only screen and (min-width: 768px) {
.area1d {
float:left;
}
.area2d {
width: 100%;
float: left;
max-width: 300px;
}
}
@media only screen and (max-width: 768px) {
#tabarea .label {
display: block;
border: 1px solid #ddd;
}
}
@media only screen and (min-width: 600px) { /* For tablets: */
.area2tm {
width: 100%;
}
}
@media only screen and (min-width: 768px) { /* For desktop: */
.area1t {
width: 96.66%;
padding:10px;
}
.area2t {
width: 100%;
padding:10px;
}
}
#mysearch {
float: left;
}
#\31 one {
width: 33%;
}#\32 two {
width: 33%;
text-align:center;
}
#logic1 {
max-width: 20%;
margin-top: 60px;
}
#tabarea {
max-width: 80%;
float: left;
margin-top: 20px;
}
/*Selected image display*/
/*on select image dusplay none the default image*/
/*Shoe Default Image in first load*/
/*other styles*/
/*reset CSS*/
.area2t {
width: 90%;
padding: 10px;
float: left;
}
.tabs > div {
display: none;
max-width: 100%;
}
#tabarea {
max-width: 70%;
}
.area2t {
width: 97%;
padding: 10px;
float: left;
border: 1px solid green;
border-top: none;
}
#tabarea {
max-width: 80%;
float: left;
}
.tabs {
color: #373737;
font-size: 12px;
font-family: arial;
}
#agwide {
background:none;
height:80px;
}
#logic1 {max-width:20%; margin-top:20px;}
.outline {color:#999999;}
.thumb_Images li img {
max-width: 100px;
width: 100%;
height: auto;
border: 1px solid #e0e0e0;
}
#tabarea .label {
color: #bbb;
border: 1px solid transparent;
background: #e0e0e0;
font-size: 16px;
text-transform: uppercase;
font-family: arial;
}
.tabs {
color: #373737;
font-size: 12px;
font-family: arial;
line-height: 20px;
}
#logic1 {
max-width: 20%;
margin-top: 60px;
}
#\32 two {
width: 33%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#logic1 {
max-width: 20%;
margin-top: 60px;
}
.image-gallery{
width:355px !important;
height:300px !important;
background-color:#fff;
padding:5px;
}
.image-gallery .big-image{
width:auto !important;
height:300px !important;
border:1px solid #e0e0e0;
border-color: none;
padding:0px;
margin:0 auto;
background-color:white;
float:left;
}
.image-gallery .big-image img{
display:none;
margin:0 auto;
}
/*Selected image display*/
.image-gallery .big-image a:target img{display:block;}
/*on select image dusplay none the default image*/
.image-gallery .big-image a:target ~ img#default{display:none; width:1px;}
/*Shoe Default Image in first load*/
.image-gallery .big-image img#default{display:block;}
.image-gallery ul{margin-top:0px;margin-left: 0; float:right; max-width:50px;}
.image-gallery li{float:left;
background-color:rgba(255,255,255,0.5);margin-right:3px;max-height:100px;}
.image-gallery li:hover{
background-color:rgba(255,255,255,0.8);
}
/*other styles*/
.title{font-size:20px;font-weight:bold;color:#633317;text-align:center;margin-bottom:15px;}
.by{clear:both;display:block;font-size:12px;text-align:right;color:#633317;padding-top:5px;}
.example2{font-size:16px; color:red; font-weight:bold;}
/*reset CSS*/
#image-wrap ul{list-style:none;margin:0;padding:0;}
#image-wrap li {list-style:none;margin:0;padding:0;}
#image-wrap {
width: 350px;
display: block;
margin-left: auto;
margin-right: auto;
}
.image-gallery li img {
border: 1px solid #ccc;
}
#pdfsp2 > a{
background: #00968d none repeat scroll 0 0;
color: white;
font-size: 14px;
margin-left: 40px;
padding: 10px;
text-transform: uppercase;
width: 180px;
}
#pdfsp2 > a {
margin-left: 0px;
padding: 0px;
}
#pdfsp2 > a[href=""] {
display: none;
}
.area2t {
width: 90%;
padding: 10px;
float: left;
}
.tabs > div {
display: none;
max-width: 100%;
}
#tabarea {
max-width: 70%;
}
.area2t {
width: 97%;
padding: 10px;
float: left;
border: 1px solid green;
border-top: none;
}
#tabarea {
max-width: 80%;
float: left;
}
.tabs {
color: #373737;
font-size: 12px;
font-family: arial;
}
#agwide {
background:none;
height:80px;
}
#logic1 {max-width:20%; margin-top:20px;}
#mainimage1 {-webkit-box-shadow: 0px 3px 5px 2px rgba(94,93,94,0.3);
-moz-box-shadow: 0px 3px 5px 2px rgba(94,93,94,0.3);
box-shadow: 0px 3px 5px 2px rgba(94,93,94,0.3);}
.outline {color:#999999;}
.thumb_Images li img {
max-width: 100px;
width: 100%;
height: auto;
border: 1px solid #e0e0e0;
}
#tabarea .label {
color: #bbb;
border: 1px solid transparent;
background: #e0e0e0;
font-size: 16px;
text-transform: uppercase;
font-family: arial;
}
.tabs {
color: #373737;
font-size: 12px;
font-family: arial;
line-height: 25px;
}
#logic1 {
max-width: 20%;
margin-top: 60px;
}
#\32 two {
width: 33%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#menusz {
float: left;
display: block;
font-family: arial;
font-size: 13px;
font-weight: bold;
padding: none;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 10px;
padding-right: 30px;
}
#menusz:hover a {color:#0eb8ad;}
#menusz img {
margin-top: -15px;
margin-bottom: 0px;
padding-bottom: 0px;
margin-bottom: -5px;
}
#menusz a {
color: #303030;
text-decoration: none;
/* margin-top: 20px; */
}
#mymenu {
margin-top: 40px;
border-top: 2px solid #bfbfbf;
border-bottom: 2px solid #bfbfbf;
height: 50px;
padding-left:11px;
}
.ageniusclass {
font-family: arial;
}
.houtline {font-size:22px;}
#litor LI {
font-weight: normal;
list-style: none;
background-image: url('https://d3d71ba2asa5oz.cloudfront.net/12029016/images/greendot.jpg');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}
#litor {
padding-left: 0px;
}
.desktopthumb_s.thumb_Images.mobile-hide.area2d {
/* max-width: 150px; */
padding-left: 10px;
font-family: arial;
font-size: small;
}
div#agwide {
max-height: 50px;
}
.desktopthumb_s.thumb_Images.mobile-hide.area2d {
/* max-width: 150px; */
padding-left: 10px;
font-family: arial;
font-size: small;
width: 100%;
min-width: 400px;
}