﻿.whitefont{font-family:Arial;font-size:12px;color:#ffffff;}
.blackfont{font-family:Arial;font-size:12px;color:#000000;}
.bluefont{font-family:Arial;font-size:12px;color:#0066CC;}
.redfont{font-family:Arial;font-size:12px;color:#B90000;}
.tealfont{font-family:Arial;font-size:12px;color:#008080;}
.yellowfont{font-family:Arial;font-size:12px;color:#FFFF00;}
.lrgblackfont{font-family:Arial;font-size:14px;color:#000000;}
.lrgbluefont{font-family:Arial;font-size:14px;color:#0066CC;}
.lrgredfont{font-family:Arial;font-size:14px;color:#B90000;}
.lrgbluefont{font-family:Arial;font-size:14px;color:#003264;}
.extlrgbluefont{font-family:Arial;font-size:18px;color:#003264;}
.smtealfont{font-family:Arial;font-size:10px;color:#008080;}
.extlrgbluefont{font-family:Arial;font-size:18px;color:#003264;}
.smblackfont{font-family:Arial;font-size:11px;color:#000000;}
.purplefont{font-family:Arial;font-size:12px;color:##800080;}
.lrgpurplefont{font-family:Arial;font-size:16px;color:##800080;}
.smgrayfont{font-family:Arial;font-size:11px;color:#808080;}
.litebluefont{font-family:Arial;font-size:12px;color:#0000FF;}
.lrgtealfont{font-family:Arial;font-size:13px;color:#008080;}
.bold{font-weight:bold}
.xsmbluefont{font-family:Arial;font-size:11px;color:#003264;}
.medwhitefont{font-family:Arial;font-size:16px;color:#ffffff;}
.lrgwhitefont{font-family:Arial;font-size:17px;color:#ffffff;}

.red-background {background-color:#B90000;}

html, body { 
	height: 100%;
	min-height: 100%;
	margin-bottom: 0px;
	position: relative;
}

.page-container {
  position: relative;
  min-height: 100%;

 }

.subnav{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:16px; 
	color:#ffffff;
	}

.subnav A:hover{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:16px; 
	color:#ffffff;
	}		

.subnavall{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:16px; 
	color:#FFFF00;
	}

.subnavall A:hover{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:16px; 
	color:#FFFF00;
	}	
	
	
.textinput{
	border-style: solid;
	border-width: 1px;
	color: 003333;
	background-color: white;
	font-family: Arial;
	font-size: 11px;
	}

.textinput_r{
	border-style: solid;
	border-width: 3px;
	color: 003333;
	border-color: red;
	background-color: white;
	font-family: Arial;
	font-size: 11px;
}

.gray_border
{
	border:1px solid #efefef;
	height:50px;
	color:#008080;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;	
	
}

.gray_border_pic
{
	border:1px solid #C0C0C0;
	height:50px;
	color:#C0C0C0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;	
	padding-right:5px;	
	padding-top:5px;	
	padding-bottom:5px;		

}

.sold_border_pic
{
	border:1px solid #b90e0e;
	height:50px;
	padding-left:5px;	
	padding-right:5px;	
	padding-top:5px;	
	padding-bottom:5px;		
	background-image: url('../images/sold.png');
	background-position:bottom right;
	background-repeat:no-repeat;	
	z-index:2;
}

.a_img {
	border-width: 0;
	z-index:0;	
}


#watermark_box {
position:relative;
display:block;
}

img.watermark {
position:absolute;
bottom: 5px;
right: 4px;
} 

.gray_tab
{
	background-image:url(../images/gray_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #efefef;
	height:50px;
	color:#161616;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:15px;
}


#summarySpecs {margin-top:4px; border:1px #eaeaea solid; margin-bottom:20px;}
#summarySpecs h2 {
    color: #121212;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 12px 15px 12px 15px;
    position: relative;
    display: inline-block;
    font-family: 'Saira Condensed', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fbe122;
    margin-top: 0px;
    min-width: 150px;
text-align:center;
}

#summarySpecs h2:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 100%;
    transform: skew(-35deg);
    right: -35px;
    top: 0;
    background-color: inherit;
    z-index: 0;
}

#summarySpecs>table>tbody>tr, .spec-sub-ctr table>tbody>tr {
    width: 100%;
    float: left;
	font-size:14px;
	padding:10px 10px

}

#summarySpecs>table>tbody>tr.odd {background-color: #f8f8f8;}

.spec-row .label-spec {
    color: #333;
	position:relative;    
	width:50%;
	float:left;
	font-size: 16px;
	font-weight:700;

}

.spec-row .label-spec .coln {
    position: absolute;
    right: 10px;
    font-weight: 300;
    top: 0;
	color:#999;
	font-weight: bolder;	
}

.spec-row .value-spec {
    color: #000;
    padding-right: 19px;
	width:50%;
	float:left;
	font-size: 16px;	
}


/* Price */
.price {
	font-size: 14px;
	color: #333;
	white-space: nowrap !important;
	font-family:'Saira Condensed', sans-serif
}

.price-box {
	margin: 0;
	padding: 0px 0px 10px 0px;
}

.pagebanner {
	text-align: center; 
	width:100%; 
	background-image:url('../assets/images/Hero.jpg'); 
	background-size: 100%; 
	background-repeat:no-repeat;
	height: 220px;
}

.banner-outer {
	display: inline-block; 
	width: 100%; 
	margin: 0 auto;
}
	
.banner-text {
	z-index: 2; 
	display: inline-block; 
	margin-top: 6.5%;	
}	

.indexbanner {
	text-align: center; 
	width:100%; 
	/* background-image:url('../assets/images/Hero_1.jpg'); */
	background-size: 100%; 
	background-repeat:no-repeat;
	height: auto;
}

.indexbanner-outer {
	display: inline-block; 
	width: 100%; 
	margin: 0 auto;
}
	
.indexbanner-text {
	z-index: 2; 
	display: inline-block; 
	margin-top: 6.5%;	
}	
	
		
.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
   

.btn-lg {
    padding: 25px 40px;
    font-size: 20px;
    border-radius: 10px;
}


@media screen and (min-width: 0px) and (max-width: 720px) {
  #ebay { display: none; }
  .mobile-hide{ display: none; }

}

@media screen and (min-width: 0px) and (max-width: 720px) {
  #itemdesc { display: none; }
  .mobile-hide{ display: none; }
}


.mobileShow {display: none;} 
  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
  }

h2 {
  font-size: 22px;
  line-height: 31.88px;
  letter-spacing: -0.0045em;
  -webkit-text-stroke-width: 0.24px;
  text-align:justify;
}

h3 {
  font-size: 20px;
  line-height: 30px;
}

h6 {
  font-size: 35px;
  line-height: 30px;
}

.callus {
  display: none;
}


a.btn {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #004d7d;
  font-size: 20px;
  padding: 10px 40px 10px 40px;
  border: solid #004d7d 2px;
  text-decoration: none;
}

a.btn:hover {
  background: #f7f7f7;
  text-decoration: none;
}


a.button1{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.button1:hover{
 color:#000000;
 background-color:#FFFFFF;
}
@media all and (max-width:30em){
 a.button1{
  display:block;
  margin:0.4em auto;
 }
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
 margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

.header {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.callus {
	 display: inline;
	 position: relative;
	font-size:25px;
	text-align:right !important;
	vertical-align:top;
}	

}
/* ============ small devices .end// ============ */


/* ============ small devices ============ */
@media (max-width: 380px) {

.callus {
	display: inline;
	position: relative;
	font-size:18px;
	text-align:right !important;
	vertical-align:top;
}	
/* ============ small devices .end// ============ */;;;;

p {
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #999;
  	text-align: left;
  	display: inline-block;
}
}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
      
.m-r-100 {
  margin-right: 0px;    	/* smh */
}
	
.m-l-100 {
  margin-left: 0px;	 	/* smh */
}
	
.m-t-35 {
  margin-top: 35px;	 		/* smh */
}
	
.p-t-60 {
    padding-top: 60px !important;	 	/* smh */
}

.p-t-50 {
    padding-top: 50px !important;	 	/* smh */
}
	
.p-b-50 {
    padding-top: 50px !important;	 	/* smh */
}

.logofooter {
	display:inline-block;
}
	
img.alt-sm {
  display: none;
 }

}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
img.alt-sm {
  display: none;
 }
 
  
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

img.alt-sm {
  display: none;
 }


}


/* ----------- iPad----------- */
/* Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.print {
	width: 80%;	
}

img.alt-sm {
  display: none;
 }


}

/* Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.print {
	width: 80%;	
}

img.alt-sm {
  display: none;
 }


}