/* for use by SMC Product admins*/

p {
Margin-top: 0.5em;
}

.humpday-title  {
	font-size:130%;
	text-align:left;
	font-weight:bold;
	color: red;

}

.clearance-warning  {
	font-size:90%;
	text-align:left;
	font-weight:bold;
	color: red;

}

.quote-header{
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222222;
padding:4px;
text-align:left;
line-height:125%;
}
.solid-gray{
background:#5c5c5c;
color:#FFFFFF;
font-weight:bold;
padding:4px;
text-align:center;
font-size:150%;
}
.triangle-right {
	position:relative;
	padding:10px;
	margin:1em 0 3em;
	color:#fff;
	margin-right:18cm;
	background:#5c5c5c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#a4a4a4), to(#5c5c5c));
	background:-moz-linear-gradient(#a4a4a4, #5c5c5c);
	background:-o-linear-gradient(#a4a4a4, #5c5c5c);
	background:linear-gradient(#a4a4a4, #5c5c5c);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size:150%;
	text-align:center;
	font-weight:bold;
}

.triangle-right:after {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#5c5c5c transparent; 
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.faq-list  {
	line-height:90%;
	font-size:90%;
}
ul.niceList { 
  margin-left:0em; 
  padding-left:0.2em; 
  margin-bottom:1em; 
}


ul.niceList li { 
 padding-left: 0.8em; 
  list-style: none;
  margin-bottom:0.5em;

} 

.strike-through { 
        font-size:110%;
        text-align:left;
        font-weight:bold;
        text-decoration: line-through;
}

.note{
background:#d2d2d2 ;
border:solid 2px #666666;
border-radius: 8px;
text-align:center;
font-style:italic;
padding:4px;
font-size:98%;

}

#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	vertical-align:middle;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #000000;
        border: 1px solid black;
	vertical-align:middle;
}
#hor-zebra td
{
	padding: 8px;
	color: #000000;
	border: 1px solid black;
	vertical-align:middle;

}
#hor-zebra .odd
{
	background: #E8E8E8; 
	vertical-align:middle;
}

.deal-expired{
border:solid 4px #DEDEDE;
background:#EFEFEF;
color:#222222;
padding:4px;
font-size:110%;
text-align:left;
line-height:125%;
}

.thumbnail 
{
float:left;
margin:5px;
}

.handsetswatchflatblack {
    background-color: #231f20;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px;
	}
.handsetswatchglossblack {
    background-color: #302d2e;
       border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchdarkgray {
    background-color: #48484a;
     border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}

.handsetswatchvoadavigray {
    background-color: #626161;
      border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}

.handsetswatchmediumgray {
    background-color: #6d6e70;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchgray {
    background-color: #bcbdbf;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchlightgray {
    background-color: #f5f5f5;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchwhite {
    background-color: #fffffb;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchcherryred {
    background-color: #B43143;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchbrown {
    background-color: #3A281A;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchash {
    background-color: #C2B388;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchntash {
    background-color: #DDD7B7;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchdarkash {
    background-color: #E1DBC3;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchoffwhite {
    background-color: #EAE6C0;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchbeige {
    background-color: #DDAD87;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
}
.handsetstyle2 {
	color: #4A6C8F;
	font-size: 17px;
        font-family: inherit;
}

/*------------------TOOLTIP------------*/

.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}


/*----------------------CODE CANYON TOOL TIP-------------- */
/* --- Base --- */
.qlabs_tooltip_right,
.qlabs_tooltip_diagonal_right
	{
	position: relative !important;
	display: inline-block !important;
	text-decoration: none !important;
	border: 1px solid #C0C0C0;
    	cursor: help;
    	font-size: 14px;
   	font-weight: bold;
    	padding: 1px 3px;
	background: none repeat scroll 0 0  rgb(255, 236, 177);
	color: #000000;
	font-family: arial,sans-serif;
	white-space: normal;
	}

/* --- Container --- */
.qlabs_tooltip_right span,
.qlabs_tooltip_diagonal_right span
	{
	min-width: 180px; /* Tooltip Width */
	font-family: arial, sans-serif !important; /* Tooltip Base Font Family */
	font-size: 13px !important; /* Tooltip Base Font Size */
	font-weight: normal;
	line-height: normal !important;
	text-align: left !important;
	padding: 10px 10px 12px 10px !important;
	visibility: hidden;
    opacity: 0;
	position: absolute;
	z-index: 1000;

	/* CSS3 Transitions */
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-moz-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-o-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-ms-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	}

/* --- Arrow --- */	
.qlabs_tooltip_right span:before,
.qlabs_tooltip_diagonal_right span:before
	{
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	}

/* --- Header --- */
.qlabs_tooltip_right span strong,
.qlabs_tooltip_diagonal_right span strong
	{
	width: 100%;
	padding: 8px 10px 8px 10px;
	display: block;
	position: relative;
	left: -10px;
	top: -10px;
	
	/* CSS3 Borders */
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	}

/* --- Iframe & Images --- */		
.qlabs_tooltip_right span img,
.qlabs_tooltip_right span iframe,
.qlabs_tooltip_diagonal_right span img,
.qlabs_tooltip_diagonal_right span iframe
	{
	margin: 0px 0px 10px 0px !important;
	border: 5px solid #ffffff !important;
	float: left !important;
	}
/* =========================================================================================== */
/* ========================================= RIGHT =========================================== */
/* =========================================================================================== */

/* --- Container --- */	
.qlabs_tooltip_right span,
.qlabs_tooltip_focus_right span
	{
	left: 100%;
	top: -7px;
	margin-left: 35px; /* Start Position */
	
	/* CSS3 Transitions */
	-webkit-transition-property: opacity, margin-left, visibility;
	-moz-transition-property: opacity, margin-left, visibility;
	-o-transition-property: opacity, margin-left, visibility;
	-ms-transition-property: opacity, margin-left, visibility;
	transition-property: opacity, margin-left, visibility;
	}
	
/* --- Arrow --- */
.qlabs_tooltip_right span:before,
.qlabs_tooltip_focus_right span:before
	{
    border-left: 0 !important;
    border-right: 8px solid #000;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	top: 11px;
	left: -8px;
	}

/* --- On Hover --- */
.qlabs_tooltip_right:hover span
	{	
	margin-left: 15px; /* End Position */
	visibility: visible;
	opacity: 1;
	}

/* --- On Focus --- */
.qlabs_tooltip_focus_right input:focus + span,
.qlabs_tooltip_focus_right textarea:focus + span
	{	
	margin-left: 15px; /* End Position */
	visibility: visible;
	opacity: 1;
	}

/* =========================================================================================== */
/* =================================== DIAGONAL RIGHT ====================================== */
/* =========================================================================================== */
	
/* --- Container --- */	
.qlabs_tooltip_diagonal_right span,
.qlabs_tooltip_focus_diagonal_right span
	{
	left: 100%;
	top: 100%;
	margin-top: 35px; /* Start Position */
	margin-left: 15px; /* Start Position */
	
	/* CSS3 Transitions */
	-webkit-transition-property: opacity, margin-left, margin-top, visibility;
	-moz-transition-property: opacity, margin-left, margin-top, visibility;
	-o-transition-property: opacity, margin-left, margin-top, visibility;
	-ms-transition-property: opacity, margin-left, margin-top, visibility;
	transition-property: opacity, margin-left, margin-top, visibility;
	}
	
/* --- Arrow --- */
.qlabs_tooltip_diagonal_right span:before,
.qlabs_tooltip_focus_diagonal_right span:before
	{
    border-left: 0 !important;
    border-right: 10px solid transparent !important;
	border-top: 0 !important;
	border-bottom: 10px solid #000;
	top: -10px;
	left: 5px;
	}

/* --- On Hover --- */
.qlabs_tooltip_diagonal_right:hover span
	{	
	margin-top: 15px; /* End Position */
	margin-left: -5px; /* End Position */
	visibility: visible;
	opacity: 1;
	}
	
/* --- On Focus --- */
.qlabs_tooltip_focus_diagonal_right input:focus + span,
.qlabs_tooltip_focus_diagonal_right textarea:focus + span
	{	
	margin-top: 15px; /* End Position */
	margin-left: -5px; /* End Position */
	visibility: visible;
	opacity: 1;
	}
/* ==================================== STYLE 2 ==================================== */
/* --- Container --- */
.qlabs_tooltip_style_2 span
	{
	color: #ffffff !important;
	
	/* CSS3 Gradients */
	background: #31598a; /* Old browsers */
	background: -moz-linear-gradient(top,  #37659d 0%, #31598a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37659d), color-stop(100%,#31598a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #37659d 0%,#31598a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #37659d 0%,#31598a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #37659d 0%,#31598a 100%); /* IE10+ */
	background: linear-gradient(top,  #37659d 0%,#31598a 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37659d', endColorstr='#31598a',GradientType=0 ); IE6-9 - disabled due to lack of compatibility with pseudo-elements */

	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* CSS3 Text-shadow */
	text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
	}

/* --- Arrow --- */	
.qlabs_tooltip_style_2 span:before
	{
	border-color: #31598a;
	}
	
/* --- Decorative Line --- */
.qlabs_tooltip_style_2 span:after
	{
	content: "";
	display: block;
	border-top: 1px solid #6591c3;
	position: absolute;
	left: 0px;
	top: 1px;
	width: 100%;
	height: 10px;
	
	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
/* --- Header --- */
.qlabs_tooltip_style_2 span strong
	{
	background: #2d548a;
	border-bottom: 1px solid #284b7b;
	}
	
/* ==================================== STYLE 3 ==================================== */
/* --- Container --- */
.qlabs_tooltip_style_3 span
	{
	color: #ffffff !important;
	
	/* CSS3 Gradients */
	background: #1a6998; /* Old browsers */
	background: -moz-linear-gradient(top,  #367ca5 0%, #1a6998 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#367ca5), color-stop(100%,#1a6998)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #367ca5 0%,#1a6998 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #367ca5 0%,#1a6998 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #367ca5 0%,#1a6998 100%); /* IE10+ */
	background: linear-gradient(top,  #367ca5 0%,#1a6998 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367ca5', endColorstr='#1a6998',GradientType=0 ); IE6-9 - disabled due to lack of compatibility with pseudo-elements */


	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* CSS3 Text-shadow */
	text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
	}

/* --- Arrow --- */	
.qlabs_tooltip_style_3 span:before
	{
	border-color: #1a6998;
	}
	
/* --- Decorative Line --- */
.qlabs_tooltip_style_3 span:after
	{
	content: "";
	display: block;
	border-top: 1px solid #4a97c4;
	position: absolute;
	left: 0px;
	top: 1px;
	width: 100%;
	height: 10px;
	
	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
/* --- Header --- */
.qlabs_tooltip_style_3 span strong
	{
	background: #246894;
	border-bottom: 1px solid #205c85;
	}
/* ==================================== STYLE 13 ==================================== */
/* --- Container --- */
.qlabs_tooltip_style_13 span
	{
	color: #ffffff !important;
	
	/* CSS3 Gradients */
	background: #0081c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #0091d5 0%, #0081c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091d5), color-stop(100%,#0081c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0091d5 0%,#0081c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0091d5 0%,#0081c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0091d5 0%,#0081c6 100%); /* IE10+ */
	background: linear-gradient(top,  #0091d5 0%,#0081c6 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d5', endColorstr='#0081c6',GradientType=0 ); IE6-9 - disabled due to lack of compatibility with pseudo-elements */

	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* CSS3 Text-shadow */
	text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
	}

/* --- Arrow --- */	
.qlabs_tooltip_style_13 span:before
	{
	border-color: #0081c6;
	}
	
/* --- Decorative Line --- */
.qlabs_tooltip_style_13 span:after
	{
	content: "";
	display: block;
	border-top: 1px solid #46b2e5;
	position: absolute;
	left: 0px;
	top: 1px;
	width: 100%;
	height: 10px;
	
	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
/* --- Header --- */
.qlabs_tooltip_style_13 span strong
	{
	background: #007ec7;
	border-bottom: 1px solid #0071b3;
	}
/* ==================================== STYLE 18 ==================================== */
/* --- Container --- */
.qlabs_tooltip_style_18 span
	{
	color: #3f2710 !important;
	
	/* CSS3 Gradients */
	background: #ffecb1; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffefbc 0%, #ffecb1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefbc), color-stop(100%,#ffecb1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffefbc 0%,#ffecb1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffefbc 0%,#ffecb1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffefbc 0%,#ffecb1 100%); /* IE10+ */
	background: linear-gradient(top,  #ffefbc 0%,#ffecb1 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefbc', endColorstr='#ffecb1',GradientType=0 ); IE6-9 - disabled due to lack of compatibility with pseudo-elements */
	
	border: 1px solid #f1d586;

	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* CSS3 Text-shadow */
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
	}

/* --- Arrow --- */	
.qlabs_tooltip_style_18 span:before
	{
	border-color: #ffecb1;
	}
	
/* --- Decorative Line --- */
.qlabs_tooltip_style_18 span:after
	{
	content: "";
	display: block;
	border-top: 1px solid #ffffff;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 10px;
	
	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
/* --- Header --- */
.qlabs_tooltip_style_18 span strong
	{
	background: #ffebae;
	border-bottom: 1px solid #f1d586;
	}
/* ==================================== STYLE 21 ==================================== */
/* --- Container --- */
.qlabs_tooltip_style_21 span
	{
	color: #882300 !important;
	background: #fffae8; /* IE */
	background: rgba(255,249,230,0.9);
	border: 1px solid #ffda8a;

	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* CSS3 Text-shadow */
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	}

/* --- Arrow --- */	
.qlabs_tooltip_style_21 span:before
	{
	border-color: transparent;
	}
	
/* --- Decorative Line --- */
.qlabs_tooltip_style_21 span:after
	{
	content: "";
	display: block;
	background: transparent;
	}
	
/* --- Header --- */
.qlabs_tooltip_style_21 span strong
	{
	background: #fff4d5;
	border-bottom: 1px solid #ffda8a;
	}
/* ==================================== STYLE 32 ==================================== */
/* --- Container --- */
.qlabs_tooltip_style_32 span
	{
	color: #ffffff !important;
	background: #298ac2; /* IE */
	background: rgba(18,125,187,0.9);
	border: 1px solid #006ba8;

	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* CSS3 Text-shadow */
	text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
	}

/* --- Arrow --- */	
.qlabs_tooltip_style_32 span:before
	{
	border-color: transparent;
	}
	
/* --- Decorative Line --- */
.qlabs_tooltip_style_32 span:after
	{
	content: "";
	display: block;
	background: transparent;
	}
	
/* --- Header --- */
.qlabs_tooltip_style_32 span strong
	{
	background: #2184bd;
	border-bottom: 1px solid #006ba8;
	}
/* ==================================== STYLE 37 ==================================== */
/* --- Container --- */
.qlabs_tooltip_style_37 span
	{
	color: #555555 !important;
	background: #ffffff;
	border: 5px solid #99c9df; /* IE */
	border: 5px solid rgba(0,120,176,0.4);
	
	/* Transparent border fix */
    -moz-background-clip: padding; /* Firefox 3.6 */
    -webkit-background-clip: padding; /* Safari 4, Chrome 6 */
    background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */

	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

/* --- Arrow --- */	
.qlabs_tooltip_style_37 span:before
	{
	border-color: #99c9df; /* IE */
	border-color: rgba(0,120,176,0.4);
	}

.qlabs_tooltip_top.qlabs_tooltip_style_37 span:before,
.qlabs_tooltip_focus_top.qlabs_tooltip_style_37 span:before
	{
	bottom: -13px;
	}
	
.qlabs_tooltip_bottom.qlabs_tooltip_style_37 span:before,
.qlabs_tooltip_focus_bottom.qlabs_tooltip_style_37 span:before
	{
	top: -13px;
	}
	
.qlabs_tooltip_right.qlabs_tooltip_style_37 span:before,
.qlabs_tooltip_focus_right.qlabs_tooltip_style_37 span:before
	{
	left: -13px;
	}
	
.qlabs_tooltip_left.qlabs_tooltip_style_37 span:before,
.qlabs_tooltip_focus_left.qlabs_tooltip_style_37 span:before
	{
	right: -13px;
	}
	
.qlabs_tooltip_diagonal_right.qlabs_tooltip_style_37 span:before,
.qlabs_tooltip_focus_diagonal_right.qlabs_tooltip_style_37 span:before
	{
	top: -15px;
	}
	
.qlabs_tooltip_diagonal_left.qlabs_tooltip_style_37 span:before,
.qlabs_tooltip_focus_diagonal_left.qlabs_tooltip_style_37 span:before
	{
	top: -15px;
	}	
	
/* --- Decorative Line --- */
.qlabs_tooltip_style_37 span:after
	{
	content: "";
	display: block;
	border-top: 1px solid rgba(255,255,255,1);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 10px;
	
	/* CSS3 Borders */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
/* --- Header --- */
.qlabs_tooltip_style_37 span strong
	{
	color: #000000;
	
	/* CSS3 Text-shadow */
	text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
	
	/* CSS3 Gradients */
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(top,  #efefef 0%,#e9e9e9 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e9e9e9',GradientType=0 ); IE6-9 - disabled due to lack of compatibility with pseudo-elements */

	border-bottom: 1px solid #cdcdcd;
	
	/* CSS3 Borders */
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	}

a.qlabs_tooltip_right qlabs_tooltip_style_18
	{
	border: 1px solid #C0C0C0;
	}
	
/* ==================================SPECS TABLE ===================================================*/

.specsTable
	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	white-space: nowrap;
	/* background: #94B7D9; */
	}
.specsTable th
	{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 8px;
	color:  #666666;
        border: none;
	text-align: center;
	background-color: #FFFFFF;
	}
.specsTable td
	{
	padding: 8px;
	color: #000000;
	border-top: 1px solid #CFCFCF;
	}

/*=========================================Telephone Handsetcord Color Guide =========================================*/
.handsetswatchflatblack {
    background-color: #231f20;
    border-style:solid;
    border-width:2px;
    border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
    text-align: center;
    width: 20px;
	}
.handsetswatchglossblack {
    background-color: #302d2e;
       border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchdarkgray {
    background-color: #48484a;
     border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}

.handsetswatchvoadavigray {
    background-color: #626161;
      border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}

.handsetswatchmediumgray {
    background-color: #6d6e70;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchgray {
    background-color: #bcbdbf;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchlightgray {
    background-color: #f5f5f5;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchwhite {
    background-color: #fffffb;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchcherryred {
    background-color: #B43143;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchbrown {
    background-color: #3A281A;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchash {
    background-color: #C2B388;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchntash {
    background-color: #DDD7B7;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchdarkash {
    background-color: #E1DBC3;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchoffwhite {
    background-color: #EAE6C0;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}
.handsetswatchbeige {
    background-color: #DDAD87;
    border-style:solid;
	border-width:2px;
	border-radius: 15px 15px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 20px;
    width: 60px;
	text-align: center;
	width: 20px
	}

.handsettitle {
	color: #FFFFFF;
	font-size: 24px;
}

.connectortable {
width: 800px;
padding: 0px;
margin: auto;
}

.connectortable td {
padding: 0px;
}

.connectortable th {
padding: 0px;
}

#top-align {
vertical-align: top;
}
.customcableadv {
    background: none repeat scroll 0 0 #c6c6c6;
    border:none 5px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 110%;
padding: 20px;
    text-align: left;
    -moz-box-shadow: 5px 5px 0px #868686;
    -webkit-box-shadow: 5px 5px 0px #868686;
    box-shadow: 5px 5px 0px #868686;


}
#product-equiv
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	vertical-align:middle;
}
#product-equiv th
{
	padding: 10px 8px;
	color: #000000;
        border: 0px solid black;
	vertical-align:middle;
}
#product-equiv td
{
	padding: 8px;
	color: #000000;
	border: 0px solid black;
	vertical-align:middle;
}
#product-equiv .odd
{
	background: #E8E8E8; 
	vertical-align:middle;
	font-size: 14px;
	font-weight: bold;
}

blockquote {
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}

div.tab_wrapper{
    width: 100%;
}

div.my_left_box{
    float: left;
    padding: 10px;
    width: 50%;
}

div.my_right_box{
    float: right;
    padding: 20px;
    width: 50%;
}

.resourcelink {
    background: none repeat scroll 0 0 #c6c6c6;
    border:none 5px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 130%;
padding: 10px;
    text-align: center;
    -moz-box-shadow: 5px 5px 0px #868686;
    -webkit-box-shadow: 5px 5px 0px #868686;
    box-shadow: 5px 5px 0px #868686;


}

/* ==================================HDMI Landing Page ===================================================*/

.hdmibackgrounddiv {
background: url("../images/hdmi-bar.png") repeat scroll 0 0 transparent;
margin-top: 5px;
padding: 7px 10px;
color: white;
font-size: 16px;
text-align: center;
font-family: 'Roboto Slab', serif;
}

.hdmititle {
font-size: 24px;
font-family: 'Roboto Slab', serif;
}

.hdmisubtitle {
font-size: 18px;
font-weight: 800;
margin-left: 10px;
}

.youtuberight {
float: right;
margin: 10px;
}

.hdmigraybox {
background-color: #D8D8D8;
width: 960px;
height: 400px;
padding-top: 10px;
}


.column1 {
width: 270px;
float: left;
margin: 10px 10px 10px 40px;
}


.column2mid {
width: 270px;
float: left;
margin: 10px 10px 10px 40px;

}

.column2last {
width: 270px;
float: right;
margin: 10px 10px 10px 40px;

}

.column23b2s {
width: 620px;
float: left;
margin-bottom: 25px;
margin-top: 5px;


}

.column2lastb2s {
width: 300px;
float: right;
margin-bottom: 25px;
margin-top: 5px;

}

.column1b2s {
width: 100%;
float: left;
}

.column12b2s {
width: 450px;
float: left;
margin-bottom: 25px;
margin-top: 5px;

}

.column12lastb2s {
width: 450px;
float: right;
margin-bottom: 25px;
margin-top: 5px;

}
.hdmilandingbuttons1 {
   border-top: 1px solid #757575;
   background: #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
   background: -webkit-linear-gradient(top, #000000, #000000);
   background: -moz-linear-gradient(top, #000000, #000000);
   background: -ms-linear-gradient(top, #000000, #000000);
   background: -o-linear-gradient(top, #000000, #000000);
   padding: 6px 12px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 17px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }

.hdmi ul {
 list-style-image: url("../images/hdmibullet.png");
line-height: 200%;
font-size: 13px;
margin-top: 15px;
 }

.hdmilearn {
color: red;
float: right;
font-size: 16px;
text-decoration: none;
}

.hdmilogo {
  font-size: 48px;
font-family: 'Roboto Slab', serif;
padding-top: 100px;
  background: -webkit-linear-gradient(#eee, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hdmiheaderblock {
  height: 232px;
}

#top-table
{
	vertical-align:top;
}

#top-table th
{
vertical-align:top;
}

#top-table td
{
vertical-align:top;
}


.proddivleft {
float:left;
width:450px;
margin-right:10px;
}
.proddivright {
float:right;
width:235px;
}

.learningleftdiv {
float:left;
width:390px;
margin-right:10px;
}
.learningrightdiv {
float:left;
width:390px;
}

.learningfulldiv {
width:800px;
}
.learning14div {
float:left;
width:190px;
margin: 5px;
}
.learning13div {
float:left;
width:250px;
margin: 5px;
}
.learning13divlast {
float:right;
width:250px;
margin: 5px;
}
.learning h1 {
font-size: 24px;
color: black;
padding-bottom: 5px;
padding-bottom: 10px;
font-weight:700;
}

.learning h2 {
font-size: 18px;
color: #333333;
font-weight:600;
margin-bottom: 6px;
margin-top: 10px;
}

.learning ul {
font-size: 15px;
list-style-type: disc;
padding-left: 14px; 
color: #333333;
}
.learning li{
font-size: 15px;
margin-bottom: 4px;
line-height: 1.3;
}

.learning p {
font-size: 15px;
}

.faq {
    counter-reset: my-badass-counter;
}
.faq dt {
    font: bold 16px arial;
    padding: 4px 0 10px;
    position: relative;
}
.faq dt:before {
    content: counter(my-badass-counter, decimal);
    counter-increment: my-badass-counter;
    font: bold 50px/1 Sans-Serif;
    left: 0;
    position: absolute;
    top: 0;
}
.faq dd {
    margin: 0 0 50px;
font-size: 15px;
line-height: 1.3em;
}
.faq dt, .faq dd {
    padding-left: 50px;
}
.firstcharacter { float: left; color: #333333; font-size: 55px; line-height: 45px; padding-top: 1px; padding-right: 8px; padding-left: 3px; font-family: Arial; }

.learning_button {
  background-image: -moz-linear-gradient(center top , #DDDDDD 0%, #7F7F7F 100%);
    border: 1px solid #5B5B5B;
    color: #000000 !important;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #DDDDDD), color-stop(1, #7F7F7F) );
  border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   height: 43px;
    padding: 0 30px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
display: inline-block;
text-decoration: none;
font-weight:700;
font-size: 15px;
line-height: 3;
}
.learning_featured_product_titles {
font-size: 15px;
font-weight: 700;
text-align: center;
}


/**  MENU  **/

.learningnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.learningnav ul li {
	background: url(../images/listBg.png) bottom no-repeat;
}

.learningnav ul li a {
	color: black;
	display: block;
	text-decoration: none;
	padding: 21px;
	width: 149px;
	position:relative;
font-weight:700;
font-size: 14px;
}

.learningnav ul li:hover {
	background: url(../images/listBgAqua.png) no-repeat;
}

.learningnav ul li a:hover, .learningnav ul li:hover a {
	color: white;
}


/**  SUB MENU  **/

.learningnav ul li ul.submenu {
	display: none;
	z-index: 500;
	top: 0;
	position: relative;
}

.learningnav ul li:hover ul.submenu {
	display: block;
}


.learningnav ul li ul.submenu li {
	background: url(../images/subMenuBg.png) bottom no-repeat;
}

.learningnav ul li ul.submenu li a {
	background: none;
	width: 148px;
padding: 13px;
font-size: 12px;

}

.learningnav ul li ul.submenu li.last {
	border-bottom: 1px solid #54575b;
	background: url(../images/subMenuBg.png) top no-repeat;
}

.learningnav ul li ul.submenu li.last a {
	padding: 12px;
}

.learningnav ul li:hover ul.submenu li a {
color: black;	
}

.learningnav ul li ul.submenu li:hover {
	background: url(../images/subMenuBgHover.png) bottom no-repeat;
}

.learningnav h2 {
font-size: 16px;
text-align: center;
background: #002266;
padding: 5px;
}
#mainContent #sideBar {
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 0;
    width: 148px;
}
.headercompact {
    font-size: 12px;
    padding: 0.42em 1.5em 0.4em;
	line-height: 18px;
}

.headerboxbg {
background-color: #405982; 
padding: 10px;
}

.headerboxtitle {
text-align: center; 
font-size: 24px; 
color: #fff; 
line-height: 36px;
}

.headerboxtitleblack {
text-align: center; 
font-size: 24px; 
color: #000; 
line-height: 36px;
}
.headerboxinner {
background-color: #fff; 
height: 150px; 
text-align: center;
}

.headerboxcolumnfifth {
width: 20%; 
float: left;
}
.headerboxcolumntenth {
width: 10%; 
float: left;
}
.headerboxcolumneleventh {
width: 9.09%; 
float: left;
}
.headerboxcolumnfourth {
width: 25%; 
float: left;
}
.headerboxcolumnthird {
width: 33%; 
float: left;
}
.headerboxcolumnhalf {
width: 33%; 
float: left;
margin-left: 75px;
}
.headerboxcolumntwothirds {
width: 66%; 
float: left;
}
.headerboxcolumnonethird {
width: 33%; 
float: left;
}
.headerboxcolumnsixth {
width: 16.66%; 
float: left;
}
.headerboxcolumnseventh {
width: 14.28%; 
float: left;
}

.headerboxcolumnthirdrowtwo {
width: 25%; 
float: left;
margin-left: 5%
}

.headerboxcolumnfourthrowtwo {
width: 20%; 
float: left;
margin-left: 4%
}

.headerboxcolumnfifthrowtwo {
width: 16.66%; 
float: left;
margin-left: 3%
}

.headerboximg {
max-width:90%;
margin-top: 10px;
}

.headerboxinnertwo {
background-color: #fff; 
height: 115px; 
text-align: center;
}
.headerboxinnertwo-three {
background-color: #fff; 
height: 130px; 
text-align: center;
}
.headerboxinnertwojumbo {
background-color: #fff; 
height: 150px; 
text-align: center;
}

.headerboxinnertwofourth {
background-color: #fff; 
height: 130px; 
text-align: center;
}

.headerboxinneronefourth {
background-color: #fff; 
height: 170px; 
text-align: center;
}

.headerboxinneronethird {
background-color: #fff; 
height: 200px; 
text-align: center;
}

.headerboxinneronehalf {
background-color: #fff; 
height: 200px; 
text-align: center;
}

.headerboxinneronesixth {
background-color: #fff; 
height: 135px; 
text-align: center;
}

.headerboxinneronesixth-three {
background-color: #fff; 
height: 165px; 
text-align: center;
}

.headerboxinneroneseventh {
background-color: #fff; 
height: 135px; 
text-align: center;
}

.headerboximgtworowfourth {
margin-top: 10px;
max-width:60%;
}

.headerboximgtworowfifth {
margin-top: 10px;
max-width:60%;
}

.headerboximgtworowtenth {
margin-top: 10px;
max-width:85%;
}


.headerboxcolumnfourteenththrowtwo {
    float: left;
    margin-left: 7%;
    width: 15%;
}


.headerboxcolumnthirteenthrowtwo {
    float: left;
    margin-left: 13.5%;
    width: 15%;
}

.ETA {
color: red;
font-weight: 700;
}

.ETAbox {
background-color: #e8e8e8;
padding: 20px;
}

#footertext li {
margin: 5px;
list-style-type: circle;
list-style-position: inside;
}

#footertext ul {
padding: 5px;
}

#footertext h2 {
font-weight: 700;
font-size: 18px;
line-height: 24px;
}

#footertext p {
padding: 5px;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
