/************************ RIGHT PANEL ********************/
.logo-temp a, .logo-temp a img {
	display: block;
    margin: auto;
    max-width: 137px;
    padding-top: 0;
    width: 100%;
}

.logo-temp a:hover{text-decoration:none;}



/************** Image Gallery *****************/
 

.Gallery-BG {
    display: block;
	width: 100%;
}

#img-gallery {
    display: block;
    margin: auto;
    text-align: center;
    width: 100%;
	margin-top: 0px;
}

.img-responsive2 {
    background: none repeat scroll 0 0 #f5f5eb;
    border: 1px solid #d5d5d5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: block;
    margin: auto;
    width: 100% !important;
    max-width: 700px !important;
	height: 100% !important;
    max-height: 700px !important;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}

.small-images-thumbs {
    margin: 30px 0 0;
    padding: 0;
}

img.thum-resize {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #d5d5d5 !important;
    cursor: pointer !important;
    display: inline-block !important;
    height: 85px !important;
    padding: 8px !important;
	margin-right: 10px;
	margin-bottom: 10px;
    width: 100px !important;
    transition: all 0.5s ease-in-out 0s !important;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}

img.thum-resize:hover {
    border: 1px solid #27B5D9 !important;
}

.title-prod {border-bottom: 1px solid #CCC;}


/************************************* NEW CSS IMAGE GALLERY *******************/

/*Pc image module style start*/
input[name='thumb_click'] {
	display:none;
}
.pc_img_module {
	width: 100%;
	margin: 0px auto;
	border:0px solid red;
	position:relative;
}
.pc_main_img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 0px;
}
.pc_main_img > div {
	display:none;
	text-align:center;
}
.pc_main_img div img {
    border: 1px solid #d5d5d5;
    display: block;
    margin: auto;
    width: 100% !important;
    max-width: 700px !important;
	height: auto !important;
    max-height: 700px !important;
    padding: 10px;
    transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.pc_thumb_img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 20px;
    text-align: center;
    border: 0px solid;
    display: block;
}
.pc_thumb_img label {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #d5d5d5 !important;
    cursor: pointer !important;
    display: inline-block !important;
    padding: 8px !important;
	margin-right: 10px;
	margin-bottom: 10px;
    width: 70px !important;
	height: 60px;
    transition: all 0.5s ease-in-out 0s !important;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.pc_thumb_img label:hover {
    border: 1px solid #f3c412 !important;
}
.pc_thumb_img label img{
    display: block;
    width: 70px !important;
    height: 45px !important;
    height: auto;
    width: auto;
    margin: 0 auto;
}
#thumb-id1:checked ~ .pc_main_img #pc_main_img1,
#thumb-id2:checked ~ .pc_main_img #pc_main_img2,
#thumb-id3:checked ~ .pc_main_img #pc_main_img3,
#thumb-id4:checked ~ .pc_main_img #pc_main_img4,
#thumb-id5:checked ~ .pc_main_img #pc_main_img5,
#thumb-id6:checked ~ .pc_main_img #pc_main_img6,
#thumb-id7:checked ~ .pc_main_img #pc_main_img7,
#thumb-id8:checked ~ .pc_main_img #pc_main_img8,
#thumb-id9:checked ~ .pc_main_img #pc_main_img9,
#thumb-id10:checked ~ .pc_main_img #pc_main_img10 {
	display:block;
}
#thumb-id1:checked ~ .pc_thumb_img .thumb-id1,
#thumb-id2:checked ~ .pc_thumb_img .thumb-id2,
#thumb-id3:checked ~ .pc_thumb_img .thumb-id3,
#thumb-id4:checked ~ .pc_thumb_img .thumb-id4,
#thumb-id5:checked ~ .pc_thumb_img .thumb-id5,
#thumb-id6:checked ~ .pc_thumb_img .thumb-id6,
#thumb-id7:checked ~ .pc_thumb_img .thumb-id7,
#thumb-id8:checked ~ .pc_thumb_img .thumb-id8,
#thumb-id9:checked ~ .pc_thumb_img .thumb-id9,
#thumb-id10:checked ~ .pc_thumb_img .thumb-id10{
	border:1px solid #0a63a7;
	opacity: 1;
}
/*thumb image unbroken hide */
.pc_thumb_img label[rel=""],
.pc_thumb_img label[rel="{#?ImageFileMedium?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL01?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL02?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL03?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL04?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL05?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL06?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL07?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL08?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL09?#}"],
.pc_thumb_img label[rel="{#?SupplementalImageURL10?#}"] {
	display: none !important;
}
/*Pc image module style end*/
.images-all[href= ""] {visibility: hidden;}


/***********************************************************/





.desc-head {
    display: block;
    color: #f3c414;
    text-transform: uppercase;
    font-family: "Oswald",sans-serif;
    font-size: 33px;
    margin-top: 15px;
    font-weight: bold;
    margin-bottom: 20px;
	line-height: 35px;
}


.desc-body {
    display: block;
    background: #F8F8F8;
    color: #555;
    padding: 15px;
    border: 1px solid #ddd;
    margin-top: 25px;
    font-family: calibri;
    font-size: 14px;
}


.cross-sell-container {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    margin-top: 10px;
}

.cross-sell-wrap {
  display: flex;
  flex-wrap: nowrap;
}

.cross-sell-wrap > div {
    width: 100%;
    text-align: center;
    background: #FFF;
    margin-right: 15px;
    padding: 1.5%;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}

@media only screen and (max-width: 500px) and (min-width: 10px){
	.cross-sell-wrap {display: block;}
}

.cross-sell-head {
    display: block;
    color: #868686;
    text-transform: uppercase;
    font-family: "Oswald",sans-serif;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    padding: 25px;
    line-height: 35px;
    background: #eeeeee;
}

.sell-head2 {color: #f3c414;}


.crossIMG {max-width: 400px;}


.btn {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    background: #f3c412;
    display: block;
    border-radius: 7px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    text-align: center !important;
}
.btn:hover {
	background: #333;
	color: #FFF !important;
}



/*************************************************************************************************************/
/******************************************** OTHER INFO TABs CSS *******************************************/
/*************************************************************************************************************/
main {
    background: none repeat scroll 0 0 #fff;
    margin-top: 0px;
    padding: 0;
    width: 100%;
}

.tabs-bar {
    display: block;
    background: #333;
    height: 60px;
    position: relative;
    top: 50px;
}

section {
    border: 1px solid #ddd;
    color: #555;
    display: none;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px !important;
    padding: 18px;
    width: 100%;
	margin-top: -10px;
}

input {
  display: none;
}

main label {
    border: 1px solid rgba(0,0,0,0);
    color: #ccc;
	background: #333;
    display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding-left: 3%;
    padding-right: 3%;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    height: 60px;
    bottom: 10px;
    line-height: 60px;
    margin-left: 1%;
	transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}


input[type="radio"]:hover+label {
	background: #565656 !important;
	text-decoration: none;
    cursor: pointer;
}

input[type="radio"]:checked+label {
    background: #f3c412 !important;
    color: #000 !important;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
  display: block;
}



.deliveryTable {
    border-collapse: collapse !important;
    width: 50% !important;
}

.deliveryTable th, .deliveryTable td {
    text-align: center !important;
    padding: 8px !important;
}

.deliveryTable td {
    border: 1px solid #DDD;
}

.deliveryTable tr:nth-child(even){background-color: #f2f2f2 !important;}

.deliveryTable th {
    background-color: #333 !important;
    color: white !important;
	border: 1px solid #555;
}

.bullets {
	margin: 0;
	padding: 0;
	margin-left: 16px;
}

.bullets li {
	list-style-type: circle;
}

@media only screen and (max-width: 640px) and (min-width: 401px){
	.deliveryTable {width: 100% !important;}
	
	main label {
	font-size: 14px;
    padding-left: 1%;
    padding-right: 1%;
	margin-left: 0;
	}
}

@media only screen and (max-width: 400px) and (min-width: 10px){
	main label {
    display: block;
    font-size: 16px;
    padding-left: 3%;
    height: 40px;
    line-height: 40px;
    margin-left: 0%;
	}
}


#branding {height: 542px!important;margin-bottom: 18px;}

.links-wrap {top: 115px;}
.ban-txt1 {top: 1px;}
.ban-txt2 {top: -11px;}


@media only screen and (max-width: 518px) and (min-width: 10px) {
	.nav-trigger + label {top: 240px;}
	#branding {height: 276px !important;}
}

@media only screen and (max-width: 992px) and (min-width: 519px){
	#branding {height: 600px !important;}
	.links-wrap {top: 1px;}
	.ban-txt1 {top: -50px;}
	.ban-txt2 {top: -61px;}
}

.social-links2 {
	display: block;
    text-align: right;
    color: #FFF;
    position: relative;
    top: 16px;
}

.social-links2 a {
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 13px;
    height: 16px;
    letter-spacing: 0.9px;
    margin: 0;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.social-links2 a:hover {
	color: #f4c413 !important;
}

@media only screen and (max-width: 992px) and (min-width: 10px){
.social-links2 {display: block; text-align: center; margin-bottom: 20px;}
}


.flex-wrap-container {
  display: flex;
  flex-wrap: wrap;
}

.flex-wrap-container > div {
    width: 100%;
    max-width: 200px;
    font-size: 36px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0);
    font-weight: bold;
    margin: auto;
    height: auto;
    min-height: 100px;
	transition: all 0.5s ease-in-out 0s;
}
.flex-wrap-container > div:hover {
    border: 1px solid #f3c414;
}

@media only screen and (max-width: 480px) and (min-width: 10px){
	.flex-wrap-container > div {max-width: 100px; min-height: 50px;}
}






.flex-ship-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 96%;
    border: 1px solid #CCC;
    color: #27BEC5;
    font-size: 36px;
    background: linear-gradient(#F2F2F2, #E0E0E0);
    border-radius: 200px;
    padding: 10px;
    margin: auto;
    transition: all 0.3s ease-in-out 0s;
    margin-top: 20px;
    margin-bottom: 20px;
}


.flex-ship-wrap > div {
    width: 100%;
}

.flex-ship-wrap img {
    width: 100%;
    max-width: 135px;
    margin: auto;
    transition: all 0.3s ease-in-out 0s;
    float: left;
}

.flex-ship-wrap a {
    font-size: 100%;
    border: 1px solid rgba(0,0,0,0);
    font-weight: bold;
    transition: all 0.3s ease-in-out 0s;
    color: #ff6600 !important;
    text-decoration: none;
    line-height: 36px;
    text-transform: uppercase;
    font-family: "Oswald",sans-serif;
    display: block;
    text-align: left;
    padding-left: 6%;
}

.flex-ship-wrap a:hover {
	color: #343432 !important;
}

@media only screen and (max-width: 604px) and (min-width: 456px){
	.flex-ship-wrap a {font-size: 70%;}
}

@media only screen and (max-width: 455px) and (min-width: 10px){
	.flex-ship-wrap a {font-size: 40%; line-height: 15px;}
}




.free-shipping {
	font-size:200% !important;
	border:1px solid transparent;
	font-weight:700;
	transition:all .3s ease-in-out 0s;
	text-decoration:none;
	line-height:36px;
	text-transform:uppercase;
	font-family:oswald,sans-serif;
	display:block;
	text-align:	left;
	padding-left:6%
}
@media only screen and (max-width:654px) and (min-width:518px){
	.free-shipping {font-size:150% !important;}
}
@media only screen and (max-width:517px) and (min-width:10px){
	.free-shipping {font-size:100% !important;}
}



.sell-head3 {
    display: block;
    color: rgba(0,0,0,0.7);
    font-family: Calibri;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    line-height: 24px;
    background: #F2F2F2;
	margin-bottom: 10px;
}

.cross-sell2-wrap {
  display: flex;
  flex-wrap: nowrap;
}

.cross-sell2-wrap > div {
    width: 100%;
    text-align: center;
    background: #F2F2F2;
	border: 1px solid #DDDDDD;
    margin: 15px;
    padding: 1.5%;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}

.cross-sell2-wrap img {
	border-radius: 10px;
}

@media only screen and (max-width: 500px) and (min-width: 10px){
	.cross-sell2-wrap {display: block;}
}




.boot-container {
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
}

.boot-container > div {
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0,0,0,0);
	align-self: flex-start;

}

@media only screen and (max-width: 480px) and (min-width: 321px){
	.boot-container {flex-wrap: wrap;}
	.boot-container > div {width: 25%;}
}

@media only screen and (max-width: 320px) and (min-width: 10px){
	.boot-container {flex-wrap: wrap;}
	.boot-container > div {width: 33%;}
}



.boot-tbl-head {
	display: block;
	font-size: 12px;
	padding: 5px;
	background: #343432;
	color: #FFF;
	height: 50px;
}

.boot-tbl-rows {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.boot-tbl-rows li {
    display: block;
    font-size: 13px;
    color: #797979;
    padding-top: 5px;
    padding-bottom: 5px;
}

.boot-tbl-rows li:nth-child(even) {background: #DDD;}

.boot-tbl-rows li:nth-child(odd) {background: #F2F2F2;}


.quest-head {
	display:block;
	color: #888;
	text-transform:uppercase;
	font-family:oswald,sans-serif;
	font-size:18px;
	margin-top:35px;
	font-weight:700;
	margin-bottom:10px;
	line-height:25px;
	letter-spacing: 0.5px;
}

.quest-content {
	display:block;
	color: #737373;
	font-family:calibri,sans-serif;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:20px
}