/* GLOBAL SETTINGS */

* { margin:0; padding:0;border:0; }

/*
#707e85 #b0bec5; #cfd8dc; gray table colors
#d6e0e4 blue-gray
#F2E8DA manila
#efebe9 hint of brown
#dfe6f3 blue-gray hint of lavender
#cfd8dc light light gray
#eef2f3 light silver
body { background:#e0e0e8;} gray pink
	color:rgb(187,192,196); light gray
	color:rgb(132,141,149); medium gray
	color:#a61026; rose logo color

*/
body { background:#e4e8ec;
}
html {
	-webkit-text-size-adjust: 100%;
}
@media screen {
	@-ms-viewport { width: device-width; }
}

table {
	border-spacing:0;
	outline:0;
}
#ie7 table {
	border-collapse:collapse;
}
/* disable std hover and item selection */
#bottom h1,
#header input.searchbox,
#header .searchbutton,
#header .livehelp,
.xsubMenu {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-ms-touch-action: none;
	-ms-touch-select: none;
	touch-action: none;
	touch-select: none;
	user-select:none;
}
a:hover {
	color:#f00;
	color:#a61026;
}
#header input.searchbox,
.subMenu {
	-webkit-user-select: text;
	user-select:text;
}
/* hide the dotted lines around an element when it receives focus */
* { _noFocusLine: expression(this.hideFocus=true); } /* ie7 */
::-moz-focus-inner {border:0;}	                     /* firefox */
:focus {outline:none;}                               /* ie8, chrome, etc */

/* PAGE */
#main-container {
	width:100%;
}
/* set page top margin for all pages with height of header banner image 130px + 25px margin*/
#header {
	height:70px;
	margin:0 auto;
	padding:0;
	background:#AA0033;
	border:0;
	background-size: 100% 100%;
	border-bottom:8px solid black;
}
.home,
.selpage,
.htmlpage,
.product-page,
#isotope {
    width:100%;
}
.htmlpage {
	max-width:960px;
	margin:0 auto;
}
#isotope {
	padding-top:20px;
}
#prodContainer,
#isoContainer {
	margin:0 0 0 10px;
	width:calc(100% - 10px);
	display:inline-block;
	overflow:hidden;
	animationEngine : 'css';
}

/* ------------------------- H1 HEADERS ------------------------- */
h1 {
	font-family:Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:16px;
	font-weight:bold;
	
	line-height:1.25;
	color:#000;
	}
.htmlpage h1 {
	font-size:30px;
	margin:20px 1% 10px 1%;
	padding:0;
	color:#AA0033;
	text-transform: uppercase;
}
h1.selector, 
.kvm-secure h1,
.selpage h1 {
	font-size:24px;
	margin:10px 0 -10px 20px;
	padding:0;
	text-transform: uppercase;
}
.accessories h1 {
	margin-bottom:25px;
}
.product-page .pp-row h1{
	font-size:1.7em;
	line-height:1.4em;
	color:#bb0033;
	margin-bottom:5px;
	background:none;
	padding:0;
}
.profile h1 {
	margin-left:10%;
	margin-top:-10px;
}
.glossary h1,
.techsupport h1 {
	margin-left:10%;
	margin-bottom:0;
}
.downloads h1 {
	margin-left:5%;
}
.contact .row,.contact h1,
.techsupport .row {
	width:80%;
	margin: 20px 10% 0 10%;
}
.contact h1 {
	margin-bottom:30px;
}
.app-page  h1{
	margin-left:10%;
}
.new h1{
	display:block;
	background:transparent;
	border-bottom:solid 2px #900;
	margin:0 0 0 20px;
	padding:10px 0 0 0;
	width:calc(100% - 40px);
	font-size:36px
	line-height:1.25;
	color:#910413;
}
.sel-guide h1 span,
.techsupport h1 span,
.reseller-form h1 span,
.contact h1 span,
.catalog h1 span,
.new h1 span{
	white-space: nowrap;
}
.product-block h1{
	display:block;
	font-size:14px;
	background:none;
	color:#b00;
	width:100%;
	margin:0 0 0 5px;
    padding:0;
	border:0;
	text-transform: none;
}
#header .banner {
	height:130px;
	float:right;
	position:relative;
	top:0;
	left:0;
	z-index:0;
}
#header .logo img{
	position:absolute;
	top:10px;
	left:10px;
	border:0;
	width:189px;
	height:54px;
}
#header .banner-text  {
	width:400px;
	color:#fff;
	position:absolute;
	top:64px;
	left:270px;
	font: bold 24px Verdana, Geneva, sans-serif;
	text-align:center;
}
#header .search{
	position:absolute;
	width:200px;
	height:24px;
	top:10px;
	left:230px;
	z-index:401;
	background: white;
	border-radius:4px;
	box-shadow:2px 2px 8px rgba(0,0,0,.5);

}
#header input.searchbox{
	font: 14px/20px bold 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	position:absolute;
	width:175px;
	height:20px;
	top:3px;
	left:26px;
	background: transparent;
	border:0;
	-webkit-appearance:caret;
}
#header .searchbutton {
	position:absolute;
	top:2px;
	left:2px;
	height:20px;
}
/*#header .search{
	position:absolute;
	width:200px;
	height:64px;
	float:left;
	top:0px;
	left:250px;
	z-index:401;
	background: transparent url(search-bg.png) no-repeat left;
	border:0;
}
#header input.searchbox{
	font: 16px/20px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	position:absolute;
	width:155px;
	height:20px;
	top:24px;
	left:24px;
	background: transparent;
	border:0;
	-webkit-appearance:caret;
}
#header .searchbutton {
	position:absolute;
	top:16px;
	left:-12px;
}
*/
#header .livehelp{
	position:absolute;
	top:0;
	left:192px;
	z-index:400;
}
#body-index {

/*background: #FFFFFF url(body-blocks-white.jpg) no-repeat center 500px;
background: #AA0033;
background-attachment:fixed;*/
background:#fff;

}
#body-form {
/*
background: #000 url(body-gold-kb-960.jpg) repeat center;
background-attachment:fixed;
*/
}
#body-html {
/*
background: #a4c2de url(body-blue-kb-960.jpg) repeat center;
background-attachment:fixed;
*/
}
#body-product {
/*
background: #000 url(body-white-kb-960.jpg) repeat center top;
background-attachment:fixed;
*/
}
#body-guide,
#body-selector {
/*
background: #000 url(body-blue-select-960.jpg) repeat center 600px;
background-attachment:fixed;
*/
}
#bottom {
	background:#aa0033;
	width:100%;
	display:block;
	vertical-align:top;
	clear:both;
	border-top:solid 8px black;
	position:relative;
	padding-bottom:10px;
}
#bottom .row {
	width:90%;
	margin:10px 2% 0 8%;
	overflow:hidden;
	position:relative;
}
#bottom .column1, 
#bottom .column2{
	float:left;
	width:25%;
}
#bottom h1 {
	color:#fff;
	font-size:15px;
	margin-bottom:0px;
	font-weight:normal;
}
#bottom li {
	display:block;
	font:12px/1.75  'Nunito', sans-serif;
	font-weight:400;
	font-variant:small-caps;
	list-style-type:none;
	color:#fff;
	margin-right:30px;
	xmargin-left:15px;
}
/*#bottom li:before {
	content:'\25A0';
	content:'\2726';
	display:block;
	xdisplay:inline-block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left:-1.5em;
	top: .15em;
	color: #fff;
	font-size:.8em;
}
*/
#bottom a {
	display:block;
	color:#fff;
	text-decoration:none;
}
#bottom p {
	font:12px/1.25 'Nunito', sans-serif;
	line-height:1.25;
	font-variant:small-caps;
	float:left;
	position:absolute;
	bottom:5px;
	left:0;
	display:block;
	color:#fff;
	width:40%;
}
#bottom p span {
	white-space: nowrap;
}
#bottom a:hover {
	display:block;
	color:#000;
	background:url(menu-item-hover.png) no-repeat;
	background-size:120px 100%;
}
.home p{
	color:#000;
    padding:0 4px 4px 6px;
	font :16px/24px Verdana, Geneva, sans-serif;
	color:#000;
    padding:10px;
}
.home p a,
.home p a:hover {
	color:#008;
	font :16px/24px Verdana, Geneva, sans-serif;
}
.home p a:hover {
	color:#f00;
}
.htmlpage h2 {
	font:18px/1.4 "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    color:#000;
	margin:16px 1% 1% 1%;
	padding:0;
	width:98%;
}
.htmlpage h3 {
    font :16px/1.5 Verdana, Geneva, sans-serif;
	margin:0 10px 5px 1%;
}
.htmlpage ul {
    list-style-type:none;
	padding-left:20px;
	margin-top:-10px;
	margin-bottom:10px;
	line-height:50px;
}
.htmlpage li {
    font :12px/1.4 Verdana, Geneva, sans-serif;
    color:#223;	
	margin-bottom:18px;
}
.htmlpage a:hover,
.htmlpage a {
    font :16px/1.4 Verdana, Geneva, sans-serif;
    color:#008;
}
.htmlpage p a:hover,
.htmlpage p a, 
.htmlpage p {
    font :16px/1.4 Verdana, Geneva, sans-serif;
    color:#223;
	padding:0 10% 15px 10%;
}
.htmlpage p a:hover,
.htmlpage p a {
	padding:0 0 15px 0;
}
.htmlpage p a {
    color:#008;
}
.htmlpage h2 a:hover,
.htmlpage h2 a {
    display:inline-block;
	font :16px/1.5 Verdana, Geneva, sans-serif;
	margin:0 10px 5px 0;
	padding:0;
	color:#008;
}	
.htmlpage h2 a:hover,
.htmlpage p a:hover,
.htmlpage a:hover {
	color:#AA0033;
}
/* shows and profile have big image at top */
.shows .image ,
.profile .image {
	margin-top:0;
	width:100vw;
	height:40vw;
	margin-left:calc((960px - 100vw) / 2);
	padding:0;
	background: url(heading-rose-houston.jpg) no-repeat;
	background-size: 100% 100%;
	overflow:visible;
}
@media only screen and (max-width: 960px) {
.shows .image ,
.profile .image {
	margin-left:0;
}
}
.shows .image {
	background: url(heading-trade-shows.jpg) no-repeat;
	background-size: 100% 100%;
}
.profile .caption{
	font:bold 16px/1.5 "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: transparent none 0 0 no-repeat;
	color:white;
	margin:0 2% 0 2%;
	position:relative;
	width:96%;
	top:-24px;
	text-align:center;
}

/* have to create block formatting context otherwise background of htmlpage is cut off
options are:
 1. overflow hidden - messes up firefox printing by cutting off page has to be overflow:visible
 2. display:inline-block - can cause gap between htmlpage and bottom and firefox printing to skip pages beacuse it groups items bigger than single page
	this is seen if htmlpage is inline-block and next div such as thankyou and others is overflow hidden
	removed display:inline-block from htmlpage and others and use overflow:hidden for nested divs
 3. float:left - will require proper clearing of float otherwise background is cut-off (can be fixed with clearfix)
best solution is to use overflow:hidden for screen and float:left for print
*/
.htmlpage .row,
.new,
.reseller-form,
.sitemap,
.catalog,
.contact,
.techsupport,
.thankyou {
	overflow:hidden;
	width:100%;
}
.htmlpage .column1,
.htmlpage .column2 {
	display:inline;
	float:left;
}
.contact .row {
	margin-bottom:20px;
}
.thankyou .column1 {
	width:42%;
	margin:30px 2% 10px 2%;
}
.thankyou .column2 {
	width:50%;
	margin:30px 2% 20px 2%;
}
.techsupport .column1,
.contact .column1,
.techsupport .column2,
.contact .column2 {
	width:48%;
	margin:0;
	padding:0 2% 0 0;
}
.catalog h2 {
	margin-bottom:15px;
	font-family:Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}
.catalog h3 {
	margin-top:15px;
	font-family:Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}
.htmlpage .catalog {
	margin-left:5%;
}
.catalog-block {
	height:180px;
	margin-left:1%;
}
.catalog img {
	float:left;
	height:150px;
	margin-top:0px;
	margin-right:20px;
}
.catalog  ul {
	margin:20px 0 20px 0;
	padding:0 0 0 20px;
	list-style-type: none;
}
.catalog  li {
	font:16px/1.5 "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: url(bullet-arrow.png) no-repeat 0 .2em ;
	margin:0 0 10px 0;
	padding: 0 0 0 20px;
}
.rform input[type="submit"],
.rform input[type="reset"],
.rform input[type="submit"],
.rform input[type="reset"]:hover,
.rform input[type="submit"]:hover,
.rform input[type="reset"]:hover,
.rform input[type="reset"]:active,
.button a:hover,
.button a {
	font:18px/20px Verdana, Geneva, sans-serif;
	width:80px;
	height:24px;
	margin:10px;
	text-decoration:none;
	color:white;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: solid 1px black;
	text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image: linear-gradient(#404e55,#909ea5);
}
.catalog-block .button a, .catalog-block .button a:hover {
	padding:7px;
	margin:0;
	font:15px/20px Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;;
}
.rform input[type="submit"],
.rform input[type="reset"] {
	font-size :12px;
	color:#613;
	background:#fae09d;
	border: solid 1px #613;
}
.rform input[type="reset"]:active,
.rform input[type="submit"]:hover,
.rform input[type="reset"]:hover,
.button a:hover {
	background-image: linear-gradient(#660033,#BB0033);
	font-size :12px;
}
.rform input[type="reset"]:active,
.rform input[type="submit"]:hover,
.rform input[type="reset"]:hover,
.button a:hover {
	background-image: linear-gradient(#660033,#BB0033);
}
.downloads {
	padding-bottom:10px;
}
.searchbg {
	width:90%;
	padding:10px 5% 10px 5%;
}
.app-page  {
	/*padding:10px 0 0 20px;*/
	display:inline-block;
}
.app-block  h2{
	margin:0 0 10px 0;
	font:20px/1.4 Verdana, Geneva, sans-serif;
}
.app-block img {
		float:left;
		margin:0 30px 20px 0;
}
.app-block p {
 	padding:0 0 15px 0;
}
.app-block {
		width:80%;
		margin-left:10%;
		margin-right:10%;
}
.accessories  {
	margin-top:20px;
}
.techsupport h2.title {
	background:none;
	color:#000;
	font:bold 20px/36px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin:0;
	padding:0;
}
.downloads h2 {
    background:none;
	color:#223;
	font:bold 22px/1.4 "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	width:90%;
	margin-left:5%;
}
.downloads .toc a:hover,
.downloads .toc a {
	font:16px/1.5 "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin:0;
	padding:0 5% 0 5%;
	display:block;
}
.downloads .toc a.title {
	padding:0 2% 0 2%;
}
.contact h2 {
	font-size:20px;
	width:80%;
	margin-left:10%;
}
.siteinfo h2,
.privacy h2,
.legal h2 {
	font-weight:bold;
}
.contact h3 {
	margin:0 0 4px 0;
}
.faq h3 {
	margin:0 0 0 10%;
}
.faq h2 {
	font-weight:bold;
}
.inset {
	margin-left:5%;
	margin-right:5%;
}	
.contact p {
	padding:0;
	margin:0;
}
.siteinfo p,
.legal p,
.privacy p {
	padding:10px 5%;
}

/* LISTS WITH BULLETS*/
.reseller ul {
	margin:-20px 0 0 0;
	padding:0 0 0 10%;
	list-style-type: none;
}
.reseller li  {
	font :14px/1.8 Verdana, Geneva, sans-serif;
	margin:0;
	padding: 0 0 0 30px;
}
.reseller li:before {
	content:'\2714';
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left:-1.5em;
	top: .15em;
	color: #AA0033;
	font-size:.8em;
}
.pp-bullets ul{
	margin:0;
	padding-right:10px;
	list-style-type: none;
} 
.product-page .title h2,
.product-page .title h1{
	font-weight:500;
}
.product-page .title h2{
	font-family: 'Nunito', sans-serif;
}
#oview ul,
#oview p,
.pp-bullets li,
.pp-bullets ul ul li {
	font-family: 'Nunito', sans-serif;
}
.pp-bullets li {
	font-size:1em;
	line-height:1.25;
	margin:0 0 .5em 0;
	padding: 0;
	color:#AA0033;
	color: black;
}
.pp-bullets li:before {
	content:'\25A0';
	content:'\2726';
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left:-1.5em;
	top: .15em;
	color: #AA0033;
	font-size:.8em;
}
.pp-bullets ul ul{
	margin:-.4em 0 .4em 1em;
	padding:0;
	list-style-type: none;
} 
.pp-bullets ul ul li {
	font-size:.8em;
	line-height:1.25;
	display:block;
	margin: 0 0 .25em 0;
	padding:0;
}
.pp-bullets ul ul li:before{
	content:'\25cf';
	content:'\2022';
	content:'\25b8';
	content:'\2726';
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left: -1.7em;
	top: .3em;
	color: #AA0033;
	font-size:.8em;
	margin:0;
}
.siteinfo ul,
.privacy ul,
.legal ul{
	padding-top:5px;
	margin-bottom:5px;
}	
.siteinfo li,
.privacy li,
.legal li{
	font-size:13px;
	list-style-type:square;
	padding-bottom:8px;
	margin:0 10%;
} 
.order table {
	margin-left:1%;
}	
.order ul {
	margin:0 0 10px 20px;
}	
.order li {
	margin:0;
}
.order td {
	vertical-align:top;
}
.sel-guide a:hover,
.sel-guide a {
    font :11px/16px Verdana, Geneva, sans-serif;
	display:block;
}
.reseller h2.hilite {
	color:red;
	font-weight:bold;
}
.thankyou img {
	border-radius:10px 10px 10px 10px;
}
.home {
	position:relative;
	overflow:hidden;
	border:0;
	margin-bottom:0;
}
.home-products {
	margin:1vw 0 1vw calc(2vw - 4px);
	float:left;
	border:0;
	width:calc(96vw + 8px);
}
.home-products img {
	background:transparent;
	border:0 solid black;
	width:60%;
}
.home-block figure {
	position:absolute;
	width:calc(100% - .5vw);
	right:0;
	bottom:0;
	padding-right:.5vw;
	padding-bottom:6%;
}
.home-block figure a {
	font-family:arial;
	width:100%;
	float:right;
	right:1vw;
}
.home-block  figcaption  {
	font:.75vw/1.5 Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-weight:400;
	width:100%;
	text-align:center;
	bottom:3%;
	color:white;
	z-index:20;
	position:absolute;
}
.home-block figure img {
	width:75%;
	margin-left:15%;
	margin-bottom:10%;
	position:relative;
}
.home-block.hb6 figure img {
	width:60%;
	margin-left:20%;
}
.home-products img {
	background:transparent;
	border:0 solid black;
	width:60%;
}
.home-block {
	display:block;
	height:calc(32vw * .6);
	width:32vw;
	border:0px solid black;
	background-color: #b0bec5;
	background-color: white;
	float:left;
	position:relative;
	margin:0 .25vw .25vw 0;
	margin:0;
	border-left:2px solid white;
	border-top:2px solid white;
}
.hb3, .hb6 {
	border-right:2px solid white;
}
.hb4, .hb5, .hb6 {
	border-bottom:2px solid white;
}
#body-index {
	background:black;
}
.home-links {
	position:absolute;
	top:0px;
	right:0;
	width:40%;
	height:calc(32vw * .6 - 3vw);
	background:rgb(0,0,0);
	padding-top:3vw;
	z-index:0;
	font-size:0;
}
.home-block .caption {
	font:2.3vw/1.1 Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color:white;
	xbackground:rgba(0, 0, 0, .25);
	margin:0;
	right:.5vw;
	top:.5vw;
	text-align:right;
	position:absolute;
	padding:0 10px;
	width:calc(100% - 20px);
	text-shadow: .03em .03em .1em rgba(0,0,0,1);
	z-index:10;
}
.home-links a {
	font:bold .8vw/1.6  Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-weight:400;
    text-transform: uppercase;
	font-variant:small-caps;
	display:inline-block;
	text-decoration:none;
	width:45%;
	text-align:left;
	margin:0 0 0 4%;
	padding:0;
	color: #fff;
	width:100%;
}
.home-links .short {
	width:30%;
	margin-right:0;
}
.home-links a:hover {
	color:#F07;
}
.home-links a:active {
	color:#44F;
}
.home-products ul,
.new ul {
	color:#222;
	padding:0 0 0 5%;
}
.home-products li {
	margin:0 10px 8px 0;
	line-height:16px;
	font-size:14px;
}
/* ------------------ color adjust */

/*
.home-links {
	background:white;
}
.home-block {
	border:0px solid black;
}
.home-block .caption {
	color:red;
}
#body-index {
	background:#d0d0e0;
}
.home-links a {
	color:black;
}
.home-block .featprod h1 {
	color:black;
}
*/
.sel-guide .col-pic img {
	margin:0;
	width:125px;
}
.rform {
	float:left;
	overflow:auto;
	background:#b1c7d6;
	width:80%;
	margin:0 10% 25px 10%;
    box-shadow:10px 10px 20px #555;
	border-radius:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:14px;
	border:4px solid #f4c070;
}
.contact .rform {
	margin-top:-20px;
}
.catalog .rform {
	margin-left:1%;
}
.reseller-form .rform {
	margin-top:20px;
}
.rform th {
	font-size:16px;
	font-weight:normal;
	padding:10px;
	text-align:left;
	border-top:2px solid #ffcc7c;
	border-bottom:2px solid #f0c888;
	background:#fad08d url(th-yel.png) repeat-x;
	color:#613;
}
.rform th:first-child {
	border-right:0;
}
.rform .first th {
	border-radius:10px 10px 0 0;
}
.rform .last th {
	border-radius:0 0 10px 10px;
	padding-left:20%;
}
.rform td {
	width:80%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fad08d;
	background:#fdf3d0 url(td-yel.png) repeat-x;
	color:#613;
	}
.rform td:first-child {
	width:25%;
	text-align:right;
	padding-right:10px;
	padding-left:5px;
	border-right:0;
}
.rform p {
	padding:0;
}
label.error,
.rform span {
	color:red;
}
label.error {
	width:300px;
	display:inline-block;
	position:relative;
	top:0;
	left:0;
}
.rform select,
.rform input {
	margin:8px 8px 8px 0;
	padding-left:3px;
}
.rform input[type="text"]  ,
.rform select,
.rform textarea {
	font: 16px/20px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin:8px 8px 8px 0;
	background:#f8f8f8;
	width:60%;
}
.rform textarea {
	width:80%;
}
.rform select{
	width:60%;
	height:27px;
}
.rform input[type="text"]  ,
.rform textarea {
	padding-left:6px;
}
.rform input:focus,
.rform textarea:focus {
	background:#ddd;
}
#oview p{
	font-size:1em;
	line-height:1.5;
	color:#444;
	margin:0 0 .8em 0;
	padding:0;
	width:100%;
	float:left;
}
.profile  h1 + p:first-letter ,
.app-page img + p:first-letter ,
#oview h1 + p:first-letter {
	float:left;
	margin:.1em .1em 0 0;
	font:3em/.7 georgia, serif;
}
#ie7 .profile  h1 + p:first-letter ,
#ie7 .app-page img + p:first-letter ,
#ie7 #oview h1 + p:first-letter {
	line-height:3em;
}
/*.profile  h1 + p:first-letter ,
.app-page img + p:first-letter {
	margin-top:4px;
}*/
.app-page img + p:first-line ,
#oview h1 + p:first-line {
	font-weight: bold;
}
#oview ul{
	font-size:.8em;
	line-height:1.4;
	color:#000;
	margin-top:-1em;
	padding:.1em 0 .6em 0;
	float:left;
} 
#oview li{
	list-style-type:square;
	margin:0 0 0 2em;
	padding:0 0 .2em 0;
	width:85%;
	float:left;
	color:#444;
} 
.pdf a {
    font :10px/16px Verdana, Geneva, sans-serif;
    color:#000080;
	width:185px;
	width:118px;
	float:left;
	margin:20px 5px 0 5px;
}
.pdf a:hover {
    font :10px/16px Verdana, Geneva, sans-serif;
	color:#f00;	
}
.pdf img {
	float:left;
	margin:25px 0 0 5px;
}
.product-page {
	display:block;
	overflow:hidden;
	width:98%;
	margin:0 auto;
}
.product-page .title {
	display:block;
	position:relative;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:1vw;
	border-bottom:2px solid #aa0033;
	padding-bottom:3px;
}
.product-page .title h1{
	vertical-align: bottom;
	display:inline-block;
	float:left;
	font-size:2.5vw;
	line-height:1.35;
	color:#000;
	width:calc(.53 * (100% - 6.0vw) + 6.0vw - (1.1 * 1.2vw));
/*	xtext-shadow: .03em .03em .1em rgba(0,0,0,.8); 
	
xtext-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);*/


} 
.product-page .title h2{
	float:left;
	bottom:0;
	font-size:1.4vw;
	line-height:calc(2.5vw * 1);
	padding-top:calc(2.5vw * .35);
	color:#000;
	margin:0 0 0 0;
	width:calc(100% - (.53 * (100% - 6.0vw) + 6.0vw - (1.1 * 1.2vw)));
	xtext-shadow: .03em .03em .03em rgba(0,0,0,.8);
}
.pp-row {
	width:calc(100% - 0px);
	display:inline-block;
	height:100%;
	margin:0 0 15px 0px;
}
.pp-button,
.pp-content,
.pp-img,
.pp-bullets{
	position:relative;
	float:left;
	display:block;
	margin:0;
	height:auto;
	width:auto;
}
.pp-button{
	/*4.5em(width) + 1em(arbitrary margin) * 1.1(font-size)*/
	/*round-off to 6vw
	width:calc((4.5 + 1) * 1.1vw );*/
	width:6vw;
}
/* gray button with red selection 
.pp-button a:active,
.pp-button a:hover,
.pp-button a {
	font-family:Arial, Helvetica, non-serif;
	font-weight:bold;
	float:left;
	display:inline-block;
	font-size:1.1vw;
	width:4.0em;
	height:2.0em;
	line-height:calc(2.0em + 2px);
	margin:0 0 10px 0px;
	padding:0;
	text-decoration:none;
	color:#446;
	text-align:center;
	cursor:pointer;
	border: solid 1px #788;
	border-radius: 3px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 4px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 4px 5px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 4px 5px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 0 rgba(200, 200, 255, .6), 0 4px 5px rgba(40, 40, 0, 0.3);
 	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image: linear-gradient(#b0bec5,#e0eef5);
}

.pp-button a:hover {
	color:white;
	background-image: linear-gradient(#808e95,#c0ced5);
}
.pp-button a:active {
	color:#aa0033;
	background-image: linear-gradient(#b0bec5,#e0eef5);
}
.xpp-button a {
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: .2s;
}
*/
.pp-button h2{
	font:12px/18px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin:0 0 5px 10px;
	width:100%;
	display:none;
	font-family:Tahoma, Geneva, sans-serif;
	margin-top:16px;
}
.pp-button a:active,
.pp-button a:hover,
.pp-button a {
	cursor:pointer;
	width:4.5vw;
	height:2vw;
	margin:0;
	line-height:2vw;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-family:Arial, Helvetica, non-serif;
	font-size:1.1vw;
	white-space:nowrap;
	color:black;
	display:block;
	text-decoration:none;
	text-align:left;
	padding-left:5px;
	letter-spacing:.0px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	color: #000;
	border-top:1px solid #aa0033;
}
.pp-button a#b9 {
	border-bottom:1px solid #aa0033;
}
.pp-button a:hover {
	color:white;
	background-image: linear-gradient(#808e95,#c0ced5);
}
.pp-content {
	width:100%;
	width:calc(100% - 6.2vw); /*warning chome oscillates when set to 6vw*/
	float:left;
	/*sets size of product page text*/
	font-size:1.2vw;
}
.pp-bullets{
	width:47%;
	float:left;
	left:3%;
}
#pict,
#diag,
#oview,
#pnum,
#spec,
#docs {
	display:none;
	float:left;
	position:relative;
}
#pict {
	display:inline-block;
}
#pict,
#diag,
#oview,
#pnum,
#spec,
#docs {
	width:calc(50% - 2px - 40px);
	margin:0;
	border:1px solid #444;
	border-radius: 6px;
	padding:10px 20px 10px 20px;
	background:#fff;
	webkit-overflow-scrolling: touch;
	/*max-width:1200px;*/
}
#pnum,
#spec,
#docs {
	width:auto;
}
#pict {
	width:50%;
	padding: 0;
	border:0;
}
#diag {
	width:calc(50% - 2px);
	padding:0;
	text-align:center;
}
.diagram,
.picture {
	position:relative;
	width:100%;
	padding-bottom: 80%;
}
.picture img {
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.diagram img {
	position:absolute;
	width:94%;
	top:3%;
	left:3%;
}	
.diagram .caption,
.picture .caption {
position:absolute;
display:block;
top:0;
left:-.5em;
padding-top:5px;
margin:0 .5em;
color:black;
font:1em/1.4 'Lucida Sans', Geneva, sans-serif;
font-weight:bold;
width:100%;
text-align:center;
}
.caption .white {
position:absolute;
display:block;
top:0;
padding-top:5px;
color:white;
xbackground-image:linear-gradient(rgba(0, 0, 0,.7),rgba(0, 0, 0, 0));
width:100%;
height:2.4em;
text-shadow:.1em .1em .2em rgba(0,0,0,0.7);
}
span.white:before {
background:yellow;
}
#docs,
#pnum,
#spec,
#pict,
#pn-table,
#sp-table,
#oview,
#diag {
	box-shadow:0px 3px 8px rgba(0,0,0,.4);
	border-collapse:collapse;
/*	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);	*/
}
/*#oview:before, #oview:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
} 

#oview:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}
*/

#pict img {animation:fadein 01s }@keyframes fadein{0%{opacity:0}100%{opacity:1}}
#xpict img {animation:fadeout 05s 2s }@keyframes fadeout{0%{opacity:0}100%{opacity:1}}
#xpict img {position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
#xpict img{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
#xpict img{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
#xpict img{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
#xpict img {animation:w3-spin .5s linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
#xpict img{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
#xpict img  {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.swapMe img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.swap1, .swapMe:hover .swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } 


#xpict img {transition: all 1s ease-in-out; }
.swap1, .swapMe:hover .swap2 {opacity: 1; }
.swapMe:hover .swap1, .swap2 {opacity: 0; } 

.slide-lbutton,
.slide-rbutton{
	margin:0;border:none;display:inline-block;outline:0;vertical-align:middle;text-align:center;
	overflow:hidden;text-decoration:none;cursor:pointer;white-space:nowrap;
	color:rgba(255,255,255,.5);background-color:#aa0033;font-size:1.5em;font-weight:normal;line-height:.8em;padding:.1em .1em;
	position:absolute;top:50%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%);
	background:rgba(64,64,64,.3);
}
.slide-lbutton{left:0;
}
.slide-rbutton{right:0;
}
.slide-lbutton:hover,
.slide-rbutton:hover{
color:white;
}
.view-gallery,
.view-list {
	width:20px;
	height:20px;
	display:inline;
	background-size: 40px 40px;
	background-image:url(../img/icon-view.svg);
	cursor:pointer;
	margin-left:20px;
	border:0;
	background-position: 0 0;
	background-color:transparent;
}
.view-gallery {
    background-position: 20px 20px;
}
.view-gallery:hover,
.view-list:hover {
	background-color: #eee;
}
.view-gallery:active,
.view-list:active {
	background-color: white;
}
#prodContainer {
	display:none;
	margin-top:20px;
}
.new #prodContainer,
.accessories #prodContainer {
	display:block;
}
.std-table {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	width:90%;
}
.std-table th {
	font-size:13px;
	font-weight:normal;
	padding:6px 4px 6px 4px;
}
.std-table td {
	padding:4px 4px 4px 4px;
	position:relative;
}
.sel-table th ,
.sel-table td {
	padding:4px 4px 4px 4px;
	padding:2px 2px 2px 2px;
	vertical-align:middle;
}
.sel-table th {
	vertical-align:middle;
}
.std-table td img {
	margin:0;
	vertical-align:middle;
	border:2px solid transparent;
}
.std-table td a img:hover {
	border:2px solid red;
}
#pn-table,
#sp-table {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-bottom:1.5%;
	width:100%;
}
#sp-table th,
#sp-table td,
#pn-table th,
#pn-table td {
	border:1px solid #8fa5ee;
	border:0px solid black;
	overflow:visible;
	border:1px solid rgba(144, 158, 165, .4);
}
#pn-table th,
#sp-table th{
	font-weight:bold;
	padding:4px;
	text-align:left;
}
#pn-table td,
#sp-table td{
	font-weight:normal;
	padding:2px 4px 2px 4px;
	line-height:16px;
}
#sp-table td:first-child,
#pn-table td:first-child{
	white-space: nowrap;
}
#docs #sp-table td:first-child{
	white-space: normal;
}
#pn-table td.note{
	color:#000;
	font-style:italic;
	white-space: normal;
}
#sp-table .type{
	color:#333;
	font-weight:bold;
	white-space: normal;
}
#sp-table .note{
	color:#333;
	font-style:italic;
	white-space: normal;
}
.product-block p,
.pp-bullets li{
	position:relative;
}
.tab-rv {
	display:inline-block;
	width:8em;
}
.dl-table {
	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin:0 5% 40px 5%;
	width:90%;
	box-shadow:10px 10px 10px #888;
	box-shadow:2px 2px 8px rgba(0,0,0,.4);
	border:1px solid #8fa5ee;
	border:1px solid black;
	text-align:center;
}
.toc {
	margin:0 0 20px 0;
}
.dl-table select {
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color:#669;
	text-align:right;
	float:right;
	width:100px;
}
.downloads .toc th {
	font: bold 16px/1.5 "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	padding-left:5px;
}
.dl-table .prod-toc a:hover, 
.dl-table .prod-toc-item a:hover ,
.dl-table .prod-toc a, 
.dl-table .prod-toc-item a { 
	font: normal 14px/24px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}
.dl-table .prod-toc a, 
.dl-table .prod-toc-item a { 
	color:black;
}

.dl-table .doc-desc, 
.dl-table .prod-toc, 
.dl-table .prod-toc-item, 
.dl-table .prod-type, 
.dl-table .prod-aux, 
.dl-table .prod-desc, 
.dl-table .prod-name, 
.dl-table .prod-cap {
	text-align:left
}
.dl-table .prod-type {
font-weight:bold;
}
.dl-table th {
	font-size:13px;
	padding:2px 3px 2px 3px;
}
.dl-table td {
	padding:2px 5px 2px 5px;
}
.toc .dl-table th {
	font-size:18px;
	margin-bottom:14px;
	padding-left:2%;
}
.toc .dl-table td {
	padding:0px 4px 4px 4px;
}
.toc .dl-table .first  {
	padding:4px;
}
.dl-table td a  {
	font-size:12px;
	color:#669;
}
.dl-table td a:hover {
	font-size:12px;
    color:#cc0033;
}
#docs #sp-table td a {
	color:#000;
}
#docs #sp-table td a:hover {
    color:#f00;
}
.product-block {
	float:left;
	width:300px;
	margin-bottom:6px;
	padding:0;
	vertical-align:top;
	margin-left:10px;
}
/*
@media only screen and (min-width: 2450px) {.product-block {margin-left:calc((100vw - (8 * 300px)) / 9);}}
@media only screen and (max-width: 2450px) {.product-block {margin-left:calc((100vw - (7 * 300px)) / 8);}}
@media only screen and (max-width: 2150px) {.product-block {margin-left:calc((100vw - (6 * 300px)) / 7);}}
@media only screen and (max-width: 1850px) {.product-block {margin-left:calc((100vw - (5 * 300px)) / 6);}}
@media only screen and (max-width: 1550px) {.product-block {margin-left:calc((100vw - (4 * 300px)) / 5);}}
@media only screen and (max-width: 1250px) {.product-block {margin-left:calc((100vw - (3 * 300px)) / 4);}}
@media only screen and (max-width: 950px) {.product-block {	margin-left:calc((100vw - (2 * 300px)) / 3);}}
@media only screen and (max-width: 650px) {.product-block {	margin-left:calc((100vw - (1 * 300px)) / 2);}}
*/
@media only screen and (min-width: 2430px) {.product-block {width:calc(((100vw - 22px) - (9 * 10px)) / 8);}}
@media only screen and (max-width: 2430px) {.product-block {width:calc(((100vw - 22px) - (8 * 10px)) / 7);}}
@media only screen and (max-width: 2130px) {.product-block {width:calc(((100vw - 22px) - (7 * 10px)) / 6);}}
@media only screen and (max-width: 1830px) {.product-block {width:calc(((100vw - 22px) - (6 * 10px)) / 5);}}
@media only screen and (max-width: 1530px) {.product-block {width:calc(((100vw - 22px) - (5 * 10px)) / 4);}}
@media only screen and (max-width: 1230px) {.product-block {width:calc(((100vw - 22px) - (4 * 10px)) / 3);}}
@media only screen and (max-width: 930px)  {.product-block {width:calc(((100vw - 22px) - (3 * 10px)) / 2);}}
@media only screen and (max-width: 630px)  {.product-block {width:calc(((100vw - 22px) - (2 * 10px)) / 1);}}

.product-block a:hover,
.product-block a {
	display:block;
	text-decoration:none;
	width:300px;
	width:100%;
	border:2px solid transparent;
	background:#fff;
	background-clip: padding-box;
}
.product-block a:hover {
	border:2px solid #888;
	border:2px solid #AA0033;
	background-clip: padding-box;
}
.product-block img {
	border:0 solid #468;
	margin:0px 5px 0 0px;
	padding:0;
	width:100%;
	height:auto;
}
.product-block h2{
	font:11px/15px Verdana, Geneva, sans-serif;
	color:#000;
	width:100%;
	margin:2px 0 6px 5px;
    padding:0;
}
.product-block p{
	font:9px/10px Helvetica, Verdana, Geneva, sans-serif;
	color:#222;
	width:200px;
	margin:3px 0 6px 5px;
    padding:0;
}
.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
/*.clearfix { zoom:1; }*/
.shows .std-table,
.gsa  .std-table ,
.gsaadv img ,
.sewp img {
	box-shadow:10px 10px 20px #555;
	box-shadow:2px 2px 8px rgba(0,0,0,.4);
}
.shows .std-table {
	margin:0 3% 20px 2%;
	width:95%;
}
.gsa  .std-table {
	box-shadow:10px 10px 20px #555;
	box-shadow:2px 2px 8px rgba(0,0,0,.4);
	width:80%;
	margin-left:10%;
}
.gsaadv {
	display:inline-block;
	margin:50px 0 0 10%;
	width:50%;
	height:48px;
	padding:0;
	vertical-align:top;
}
.sewp {
	display:inline-block;
	margin:0 0 20px 0%;
	width:17%;
	height:154px;
}
.sewp a,
.gsaadv a{
	color:transparent;
}
.sel-table .std-table {
	width:auto;
	/*width:100%;*/
	/*white-space: nowrap;*/
	/*border:1px solid #8fa5ee;*/
}
.sel-table {
	margin:20px;
	overflow:auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
/*
.sel-guide  tr:hover td {
	background:#9fb5fe;
}
*/
	
.sel-table  .std-table .left {
	text-align:left;
}
.sel-table  .std-table .center {
	text-align:center;
}
/*.std-table td a {
	color:#008;
}
.std-table a:hover {
	color:#f00;
}*/
.std-table td:first-child,
.std-table th:first-child {
	/*border-right:1px solid #8999ce;*/
	border-left:none;
}
.shows .std-table th,
.gsa .std-table th {
	text-align:left;
}
.shows .std-table th,
.shows .std-table td,
.gsa .std-table th,
.gsa .std-table td  {
	border:0;
}
.glossary table {
	margin: 0 auto;
	width:80%;
	background-color: #dfe8ec;
	box-shadow:2px 2px 10px #AAA;
	box-shadow:2px 2px 8px rgba(0,0,0,.4);
	border:1px solid black;
	border-collapse:collapse;
}
.glossary h2 {
	margin-left:5%;
}

.glossary td {
	border:1px solid #606e75;
	border-collapse:collapse;
	background:transparent;
	height:24px;
	border:1px solid #AAA;
}
.glossary td a:hover,
.glossary td a {
	font:16px/1.25  Helvetica, Geneva, sans-serif;
	text-align:center;
	color:black;
	width:calc(100% - 22px);
	display:block;
	padding:6px 10px;
}
.glossary td:hover {
	background:#b0bec5;
}
.glossary td a:hover {
	color:#aa0033;
}
.glossary p {
	padding:0 0 10px 0;
	margin-left:10%;
	margin-right:10%;
}
.glossary hr  {
    border:0;
    height:0;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
	margin:20px 0 0 0;
}	
.glossary a  {
	text-decoration:none;
}

/* --------	Sitemap ---------- */

.sitemap {
	width:98%;
/*	padding-top:15px; */
}
.sitemap ul {
	padding:0;
}
.sitemap li {
	list-style-type:none;
}
.sitemap a:hover,
.sitemap a {
	display:block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	text-decoration:none;
	text-align:center;
	color:#eee;	
}
.sitemap a:hover {
	color:#000;	
}

/* --------	Home --------- */

.smap1 {
	margin:0 0 10px 5px;
	width:188px;
	height:61px;
}
.smap1 > li {
	background:url(sitemap-red.png);
}
.smap1  > li > a:hover,
.smap1 > li > a {
	font-size:18px;
	line-height:61px;
}
.smap1  > li > a:hover {
	background:url(sitemap-hover-red.png);
}

/* --------	First level red Products, support, ... --------- */

.smap2 {
	width:100%;
	height:100%;
	margin-left:5px;
}
.smap2 > li {
	width:20%;
	float:left;
	background:url(sitemap-red-first.png) no-repeat;
}
.smap2  > li > a:hover,
.smap2 > li > a {
	font-size:18px;
	line-height:61px;
	padding-bottom:12px;
	width:188px;
}
.smap2  > li > a:hover {
	color:#eee;	
}

/* --------	2nd level blue links --------- */

.smap3 > li  {
	margin:auto;
	margin-left:18px;
	width:173px;
	background: url(sitemap-blue.png) no-repeat;
}
.smap3 > li.last {
	background:url(sitemap-blue-last.png) no-repeat;
}
.smap3 > li.first  {
	background:url(sitemap-blue-top.png) no-repeat;
}
.smap3 > li > a:hover,
.smap3 > li > a {
	font-size:14px;
	line-height:61px;
}
.smap3 > li.first > a:hover,
.smap3 > li.first > a{
	padding:0 0 10px 0;
}
.smap3 > li > a:hover {
	background:url(sitemap-hover-blue.png) no-repeat;
}

/* --------	3rd level yellow download --------- */

.smap4 li {
	margin:auto;
	margin-left:22px;
	width:100%;
	background:url(sitemap-gold.png) no-repeat;
}
.smap4 li.last {
	background:url(sitemap-gold-last.png) no-repeat;
}
.smap4 li a:hover,
.smap4 li a {
	font-size:12px;
	line-height:48px;
	padding:0 22px 0 0;
}
.smap4 li a:hover {
	background:url(sitemap-hover-gold.png) no-repeat;
}

/* --------	Search --------- */

.searchbg {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}
.searchheading {
margin-top:8px;
padding-bottom:8px;
font-size:18px;
border-bottom:1px solid #888;
}
.result_title ,
.result_title  a:hover,
.result_title  a{
font-size:14px;
margin-top:10px;
margin-right:50px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-weight:bold;
color:#404040;
}
.result_title  a:hover {
color:#f00;
}
.results .description {
font-size:13px;
margin-right:50px;
color:#666;
padding-top:0;
padding-bottom:8px;
border-bottom:1px solid #888;
}
.result_pages  {
margin-top:14px;
font-size:12px;
font-family: Verdana, Geneva, sans-serif;
}
.result_pages  .thispage, 
.result_pages a:hover,
.result_pages a {
font-size:12px;
padding:0 10px 0 10px;
text-decoration:none;
}
.result_pages  .thispage {
background:#eee;
}
.result_pages image {
border:none;
}
/* common nav properties */
/*.navContainer {width:650px; height:55px; position:absolute; margin:0 auto;top:113px;z-index:499;background: url(menu-bg.png) center no-repeat;}*/
.navContainer {width:600px;
	height:30px;
	position:absolute;
	margin-left:200px;
	top:40px;
	z-index:499;
	background:transparent;}
.nav {list-style:none; }
.nav ul {padding:0 5px 5px 5px; list-style:none;}
.nav ul li a {white-space:nowrap;}
.nav li,
.nav li a {
	text-align:center;
	width:105px;
	float:left;
	position:relative;
	text-decoration:none; 
	color:#FFF;
	font: 13px/35px Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}

/*.nav item width - custom adjusted for text widths */
.nav li a.top {padding:0;margin:0;width:100%;}
li.P1 {width:13%;padding-left:2%;}
li.P2 {width:16%;}
li.P3 {width:15%;}
li.P4 {width:12%;}
li.P5 {width:16%;}
li.P6 {width:13%;}

/*.nav hovering */
.top.pin,
.nav.enabled li a:hover,
.top.myhover {
	color:#000;
	background:url(menu-hover.png) center no-repeat;
	background-size:100% 100%;
	}
/*.nav .subMenu ul.switches li a:hover {
	width:135%;
}
.nav .subMenu ul.last li a:hover {
	width:130%;
	background-size:cover;
}*/

/*.nav sub menus */
.subContainer {position:absolute; top:-9999px;}
.nav :hover .subContainer.enabled,
.subContainer.show {left:-20px;top:35px;}
#ie7 .shadow, #ie8 .shadow {float:left;background:#000; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='7', MakeShadow='true', ShadowOpacity='0.50');}
.subMenu {float:left;position:relative; border:1px solid black; background: rgba(176,0,51,.8);
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.6);
	background-image: linear-gradient(to bottom, rgba(192, 46, 74, 0.7), rgba(86, 26, 37, 0.7));
}
.subMenu.wide {width:480px;} /* 3x(150+10)=480 */
.subMenu ul {
	width:150px;
	float:left;
	display:block;
	padding: 0 5px 5px 5px;
}
/*.subMenu ul.extenders {
	width:120px;
}*/
.subMenu ul.last {white-space: nowrap;}
.subMenu li ,
.subMenu li a {
	text-align:left; 
	line-height:25px;
	padding:2px; 
	font-weight:normal; 
	width: auto;/*125px; */
	color:#FFF;
	font-variant:small-caps;
	font-family:Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	display: block;
	float: none;
}
.subMenu li {
	padding: 0;
}
.subMenu li a {
	padding: 2px 5px;
}
.subMenu .title {
	color:#fff;
	padding: 5px 5px 2px;
	font:bold 14px Montserrat, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}
.nav .subMenu li a:hover {
	color:#000;
	background:url(menu-item-hover.png) no-repeat;
	font-weight:bold;
	background-size:cover;
}
.nav .subMenu li a.whatsnew  {
	width:100px; 
	height:67px; 
	background:transparent url(whats-new.svg) 0 0 no-repeat; 
	margin:15px 0 0 15px; 
	padding:0;
}
.nav .subMenu li a.whatsnew:hover  {background-position: -100px 0;}

/* tagcloud */
#tagcloud {
	background:#000;
	/*border-left:1px solid #ddd;
	border-right:1px solid #ddd;*/
	padding:7px;
	font:12px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	text-align:justify;
	line-height:.9;
}
#tagcloud a {
	text-decoration:none;
	white-space:nowrap;
}	
.thankyou #tagcloud a:hover,
.home #tagcloud a:hover{
	color:#a61026;
}	
#tagcloud a.t1 {font-size:38px;color:#fff;}
#tagcloud a.t2 {font-size:30px;color:#4C6DB9;}
#tagcloud a.t3 {font-size:24px;color:#607EC5}
#tagcloud a.t4 {font-size:18px;color:#86A0DC;}
#tagcloud a.t5 {font-size:12px;color:#ACC1F3;}

/* metric toggle */
span.m {
display:none;
}
span.f {
}
/*metric chekcbox adjust */
label {white-space: nowrap;display:inline-block;}
input#metric {vertical-align:middle;}
/* Start: Recommended Isotope styles */

.isotope-item {
  z-index: 1;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: -1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
/*html,
body {
  height: 100%;

}*/
#options {
  margin:0 20px 20px 20px;
  padding: 0 0 3px 10px;
  background-color: #b0bec5;
  background-color: #f0f2f4;
  display:inline-block;
}
#options .option-combo {
  float: left;
  margin:0 10px 0 0;
  padding:0;
}
#options h1 {
  width:100%;
  padding:0 0;
  font-size:16px;
  font-weight:200;
  color:#000;
  text-align:left;
  margin:0 auto;
  line-height:30px;
}
#options .br1{
	display:inline;
}
#options .br2,
#options .br3 {
	display:none;
}
#features h2, 
#options .option-combo h2 { 
  font: 13px/22px Helvetica, Arial, sans-serif;
  color:#192f7c;
  color:#000;
  margin:5px 0 0 0;
  padding:0;
}
#options ul {
  margin:0 10px 0 0;
  padding:0;
  list-style: none;
  float:left;
  display:inline;
}
#options li {
  float: left;
  margin:0;
}
#options h3{
  font: 13px/22px Helvetica, Arial, sans-serif;
  color:#000;
  margin:0;
}
#options li a {
  margin:0;
  display: block;
  padding: 2px 5px;
  background-color: #ccc;
  background: #efebe9;
  background-color: #cfd8dc;
  color: #222;
  font:10px  Helvetica, Arial, sans-serif;
  text-decoration: none;
  line-height:20px;
}
#options li a:hover {
  background-color: #fff;
}
#options li a:active {
  background-color: #808e95;
  color: #FFF;
}
#options li a {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#options li:first-child a {
  border-left: 1px solid #000;
}
/* swithctype combo-box normalmake */
.force-break {
	display:none;
}

#options li a.selected {
  background-color: #1c3173;
  background: #00f url(selector-chosen-bg-red.png) repeat-x; 
  color: white;
  	float:left;
	text-align:center;
	cursor:pointer;
	text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
#features {
  padding-top:3px;
  display: block;
  clear:both;
}
#features form {
  margin-left:0px;
  margin-right:10px;
}
#features span {
  margin:0 5px 5px 0;
  color:#800;
  white-space: nowrap;
  display:inline-block;
}
#features span:first-child {
  margin-left:-12px;
}
#features input {
  margin-left:-10px;
  padding:0;
}
#features label {
  margin:0;
  font:10px/15px  Helvetica, Arial, sans-serif;
  vertical-align:top;
  display: inline;
  color:#000;
  padding:5px 5px 5px 0;
 }
#features input[type="checkbox"] {
  visibility: hidden;
}
#features label {
  cursor: pointer;
}
#features label:hover {
  color:#000;
  background:#cfd8dc;
  background:#fff;
 }
#features input[type="checkbox"] + label:before {
  border: 1px solid #333;
  content: "\00a0";
  display: inline-block;
  font: 12px/1em sans-serif;
  height: 12px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 12px;
  background: #cfd8dc;
}
#features input[type="checkbox"]:checked + label:before {
  background: #BB0033;
  color: #FFF;
  content: "\2713";
  text-align: center;
}
#pn-table th,
#sp-table th,
.std-table th,
.dl-table th {
	color:#000;
	background:#b0bec5;
/*	gray #707e85 #b0bec5; #cfd8dc; */
/*	blue #707e85 #A7BFDE; #D3DFEE; */
}
#pn-table .even td,
.std-table td,
.dl-table td {
	color:#000;
	background: #b0bbc5;
	background: #e8eaec;
}
#sp-table  span {
	display:block;
}
#sp-table  span.odd {
	background: #e8eaec;
}
#pn-table td,
#sp-table td,
.dl-table .even td {
	background: #cfd6dc;
	background: #fff;
}
.toc .dl-table .prod-toc a {
	font-variant:small-caps;
	font-size:16px;
	line-height:1.6;
	text-decoration:none;
}
.toc .dl-table  .prod-toc a {
	background: #cfd6dc;
}	
.sel-guide .std-table th,
.sel-guide .std-table td {
	border:0;
	border-right:1px solid rgba(144, 158, 165, .4);
	border-bottom:1px solid rgba(144, 158, 165, .4);
	font-family:Arial, Helvetica, non-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-family:Verdana, Geneva, sans-serif;
	line-height:1.5;
	padding:0 6px;
}
.sel-guide .std-table th:first-child ,
.sel-guide .std-table td:first-child {
	padding:0;
}
.sel-guide .std-table {
	border-left:1px solid rgba(144, 158, 165, .4);
	border-bottom:1px solid rgba(144, 158, 165, .4);
}
.sel-guide .std-table td:first-child {
	border-right:0;
}
.sel-guide .kvm-secure .std-table td:first-child {
	border-right:1px solid rgba(144, 158, 165, .4);
	padding:0 6px;
}
.std-table td a img:hover {
	border:2px solid rgba(0,0,0,0);
}
.sel-guide .std-table td.col-cap:hover,
.sel-guide .std-table td.col-pic:hover,
.sel-guide .std-table td.col-ds:hover {
	background:#fff;
}
/* Exception for AOC guide page */
.guide-aoc .sel-guide .std-table td.col-cap:hover,
.guide-aoc .sel-guide .std-table td.col-pic:hover,
.guide-aoc .sel-guide .std-table td.col-ds:hover {
	background: 0;
}
.guide-aoc .product-block {
	background-color: #f0f0f0;
}
.sel-guide .std-table td.col-ds img{
	height:100px;
	width:25px;
}
.sel-guide .kvm-secure .std-table td.col-ds img{
	height:50px;
	width:25px;
}
.col-cap a:hover,
.col-cap a {
	line-height:1.5;
	text-decoration:none;
	color:#000;
	width:100%;
	display:block;
	cursor:pointer;
}
td.col-cap a:hover,
td.col-cap a {
	font-size:11px;
	min-width:150px;
}
.col-cap a .title,
.col-cap .title  {
	font-size:13px;
	line-height:1.4;
	padding:0;	
	color:#aa0033;
	display:block;
}
/*
.product-page {
	position:relative;
}
.product-page .title {
	position:absolute;
	border-bottom:0;
	top:0;
	left:7vw;
	z-index:10;
	width:calc(50% - 6vw);
}
.product-page .title h1{
	color:#fff;
	width:100%;
	text-shadow: .03em .03em .1em rgba(0,0,0,.8); 
	text-align:center;
} 
.product-page .title h2{
	padding-top:0;
	color:#fff;
	width:100%;
	left:0%;
	text-shadow: .03em .03em .03em rgba(0,0,0,.8);
	text-align:center;
}
.pp-bullets{;
	padding-top:1%;
}
*/
/*
.pp-bullets{
	width:56%;
	left:0%;
	background:#445;
	position:absolute;
	margin-left:40%;
	padding-left:10%;
	top:-100px;
	z-index:-5;
	padding-right:20px;
	height:140%;
}
.pp-bullets ul{
	padding-left:5%;
	padding-top:26%;
}
.pp-bullets li {
	color:white;
}
.product-page {
	position:relative;
}
.product-page .title {
	position:absolute;
	border-bottom:0;
	top:8%;
	left:30%;
	z-index:10;
}
.product-page .title h1{
	color:#fff;
	width:100%;
	left:40%;
	text-shadow: .03em .03em .1em rgba(0,0,0,.8); 
} 
.product-page .title h2{
	padding-top:0;
	color:#fff;
	width:100%;
	left:40%;
	text-shadow: .03em .03em .03em rgba(0,0,0,.8);
}
.pp-button{
	width:50vw;
}
.pp-button a {
	display:inline;
}
*/

/* ------------------------- media queries ------------------------- */

/* ------------------------- BIG SCREENS ------------------------- */
@media only screen and (min-width: 1800px) {

/* Resize */
.htmlpage {max-width:1400px;}
.shows .image,.profile .image { margin-left:calc((1400px - 100vw) / 2);}
/* Home page */
/*.home-block .caption {font:bold 28px/36px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
.home-block a {font:18px/30px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
.home-block {height:calc(14.5vw + 160px);}*/

/* Tables */
.std-table td, .std-table th, 
#pn-table td, #pn-table th,
#sp-table td , #sp-table th,
.sel-table a, .sel-table a:hover,
.sel-table th, .sel-table td  {font-size:16px;line-height:24px;}
.rform th {font-size:24px;padding:5px;line-height:40px;padding-left:20px;}
.rform td  {font-size:20px;padding:5px;line-height:36px;}
.glossary td a:hover,.glossary td a {font-size:24px;}
td.col-cap a,td.col-cap a:hover {font-size:16px;}
.col-cap a .title  {font-size:20px;}

/* Headings */
.htmlpage h1 {font-size:40px;}
.htmlpage h2, .htmlpage h2 a, .htmlpage h2 a:hover {font-size:28px;}
.htmlpage h3 {font-size:26px;}
.techsupport h2.title {font-size:30px;line-height:33px;}

/* Paragraphs and lines */
.htmlpage p,.htmlpage p a:hover,.htmlpage p a,.htmlpage a:hover,.htmlpage a,.htmlpage li {font-size:24px;}
.result_pages,
.results .description,
.result_pages a:hover,
.result_pages a ,
.result_title  a:hover,
.result_title  a{font-size:16px;}

/* Captions */
.profile .caption{font-size:24px;top:-34px;}

/* Images */
.sel-guide .col-pic img {width:200px;}
.sel-guide .std-table td.col-ds img{
	height:160px;
	width:40px;
}
}


/* ------------------------- END BIG SCREENS ------------------------- */

/* ------------------------- DESKTOP SCREENS ------------------------- */
@media only screen and (max-width: 1799px) {

}
/* ------------------------- END DESKTOP SCREENS ------------------------- */

@media only screen and (max-width: 1199px) {

}

/* ------------------------- MEDIUM SCREENS ------------------------- */
/* Product page photo 96% wide */
@media only screen and (max-width: 1025px) {

#header .search{top:25px;}

/*.pp-button {
	width:100%;
}
.pp-button a:active,
.pp-button a:hover,
.pp-button a {
	font-size:2vw;
	width:calc(10% - 2px);
	margin-left:1.25%;
}
.pp-button a#b1:active,
.pp-button a#b1:hover,
.pp-button a#b1 {
	margin-left:0;
}*/
.pp-button {
	width:16%;
}
.pp-button a:active,
.pp-button a:hover,
.pp-button a {
	width:80%;
	height:5vw;
	font-size:3vw;
	line-height:5vw;
}
.pp-content {
	/*sets size of product page text, but header title and caption need separate adjustment*/
	font-size:2.8vw;
	width:83.9%;
}
.diagram .caption,
.picture .caption {
	font:2.8vw/1.4 Verdana, Geneva, sans-serif;
}
#pict,
#diag,
#oview,
#pnum,
#spec,
#docs {
	width:calc(100% - 2px - 40px);
	border:1px solid #444;
	padding:10px 20px 10px 20px;
}
.product-page{
	margin-left:2%;
	width:96%;
}
.product-page .title {
	border:0;
	margin-bottom:.5em;
	padding:0;
}
.product-page .title h1{
	font-size:5vw;
	line-height:1.1;
	width:100%;
	border-bottom:2px solid #aa0033;
	padding-bottom:1.25vw;
}
.product-page .title h2{
	font-size:2.5vw;
	line-height:1.2;
	width:100%;
	margin-bottom:1vw;
}
#pict {
	width:100%;
	padding: 0;
	border:0;
}
#diag {
	width:calc(100% - 2px);
	padding:0;
}
.pp-bullets{
	margin-top:20px;
	width:calc(100% + 16vw - 1.2em);
	left:1.2em;
	margin-left:-15vw;
}
.navContainer {margin-left:0px; top:65px;}
#header {height:95px;}

.home-products {
	margin:0 0 0 calc(1vw - 3px);
	width:calc(98vw + 6px);
}
#header {
	border-bottom:calc(1vw - 3px) solid black;
}
#bottom {
	border-top:calc(1vw - 3px) solid black;
}
.home-block,
.new-block {
	width:49vw;
	height:calc(49vw * .6);
	border-right:0;
	border-bottom:0;
}
.home-links {
	height:calc(49vw * .6 - (3vw * 49 / 32));
	padding-top:calc(3vw * 49 / 32);
}
.home-block .caption {
	font-size:calc(2.3vw * 49 / 32);
}
.home-block a {
	font-size:calc(.8vw * 49 / 32);
}
.home-block figcaption {
	font-size:calc(.6vw * 49 / 32);
}
.hb2, .hb4, .hb6 {
	border-right:2px solid white;
}
.hb5, .hb6 {
	border-bottom:2px solid white;
}

}

/* ------------------------- END MEDIUM SCREENS ------------------------- */

/* ------------------------- SMALL SCREENS ------------------------- */
@media only screen and (max-width: 610px) {
/* product page menu  on top bullets on bottom */

/* header and banner */
#header .search{	width:40%;top:calc(10px + 3vw);left:52%;}
#header {height: calc(16vw + 60px);}
#header input.searchbox{width:80%;}

#header .logo img{
	width:45%;
	height:auto;
}
#bottom p {
	bottom:30px;
	width:45%;
	left:55%;
}
#header {
	border-bottom:3px solid black;
}
#bottom {
	border-top:3px solid black;
	padding:0;
}
#body-index #bottom {
	border:0;
}
#bottom .row {
	margin-bottom:0;
}
.product-page{
	margin-left:2%;
	width:96%;
}
.pp-content {
	/*sets size of product page text*/
	font-size:1em;
	font-size:4vw;
}
.diagram .caption,
.picture .caption {
font:3.0vw/1.4 Verdana, Geneva, sans-serif;
}
.product-page .title h1{
	font-size:7vw;
}
.product-page .title h2{
	font-size:3.5vw;
	/*font-weight:normal;*/
}
.pp-button a:active,
.pp-button a:hover,
.pp-button a{
	font-size:3vw;
}

#pict,
#diag,
#oview,
#pnum,
#spec,
#docs {
	width:calc(100% - 2px - 20px);
	margin:0;
	border:1px solid #444;
	padding:10px 10px 10px 10px;
	background:#fff;
	webkit-overflow-scrolling: touch;
}
#pict {
	width:100%;
	padding: 0;
	border:0;
}
#diag {
	width:calc(100% - 2px);
	padding:0;
	text-align:center;
}
.catalog .column1, .catalog .column2 {width:100%; margin-left:0;}

/* nav menu */
.navContainer {margin-left:-10px; top:17vw;width:300px; height:60px; background-size:100% 100%;}
.nav li a {line-height:28px;}
.P2 .subContainer.show, .P3 .subContainer.show {top:62px;}
.P4 .subContainer.show, .P5 .subContainer.show {top:34px;}
.P2 .subContainer {left:-70px;}
.P3 .subContainer {left:-40px;}
.P4 .subContainer {left:20px;}
.P5 .subContainer {left:-20px;}
li.P1 {padding-left:0;}
li.P1,li.P2,li.P3,li.P4,li.P5,li.P6 {width:31%;}
.subMenu.wide {width:320px;}
.subMenu.wide .last {clear:both;}
/* increase menu item spacing for easier touch response */
.subMenu li,.subMenu li a{line-height:36px;}

/* page margin */
.home,
.selpage,
.htmlpage,
.product-page,
#isotope {margin-top:0px;}

/* stack into two columns and increase font size */
#bottom .row {width:100%;padding:10px 0 0 0;margin:0;}
#bottom .column1, #bottom .column2{width:45%;margin:0 0 0 5%;}
#bottom .column2 {padding-bottom:25px;}
#bottom li {padding:5px 10px 0 0;}

/* snap forms to wide size*/
.rform {margin:0 5% 25px 5%;width:90%;}

/* reset to full width */
.techsupport .row {margin:20px 0 0 20px;}
.contact .row {margin:0 0 25px 5%;}
.catalog .row {margin-left:10px;width:100%;}
.techsupport .column1, .techsupport .column2 ,
.contact .column1, .contact .column2 {width:100%;}
.contact .column1 {padding-bottom:25px;}
.spec, .partnum {overflow:visible;height:100%}
.thankyou .column1, .thankyou .column2 {margin-left:25px;width:90%;}
.techsupport .rform textarea {width:50%;}
.new-block {display:block;width:90%;margin:0 auto;}
/*1 column*/
	/* .7 * 49% *.65 + text height roughly 5 * 16px + margin  */
.home-products {
	margin:0vw 0 0 0vw;
}
#body-index #header{
border-bottom:2px solid white;
}
.home-block,
.new-block {
	width:100vw;
	height:calc(100vw * .6);
	border:0;
	border-bottom:2px solid white;
}
.home-links {
	height:calc(100vw * .6 - (3vw * 100 / 49 * 1.4));
	padding-top:calc(3vw * 100 / 49 * 1.4);
}
.home-sidebar {
	width:30vw;
	left:68vw;
}
.home-block .caption {
	font-size:calc(2.3vw * 100 / 49 * 1.4);
}
.home-block a {
	font-size:calc(.9vw * 100 / 49 * 1.4);
}
.home-block  figcaption {
	font-size:calc(.6vw * 100 / 49 * 1.4);
}
/* increase font sizes */
.htmlpage h1 {font-size:32px;margin-left:5%;}
.catalog h1 {margin-left:1%}
.htmlpage h2{font-size:20px;width:90%;margin:0;padding:10px 5% 5px 5%;}
.catalog h2 {margin-bottom:15px;padding:0;}
.order h2 a{font-size:18px;margin-left:10%;}
.htmlpage p {font-size:18px;margin:10px 5%; padding:0;}
.htmlpage h3 {font-size:18px; margin-left:5%;}
.contact h3 {margin-left:0;}
.htmlpage li {font-size:18px;}
.htmlpage p a:hover,.htmlpage p a,.htmlpage a:hover,.htmlpage a {font-size:18px;}
/*.order, .siteinfo, .faq, .gsa, .legal, .privacy, .reseller, .app-page, .glossary  {padding:20px 0 10px 15px;width:100%;}/*
/* restore to original, was reset above */
.contact p {margin-left:0;}
.profile  h1 + p:first-letter,
.app-page img + p:first-letter {
	font-size:40px;
	margin:-4px 2px -5px 0;
	line-height:24px;
}

.profile .caption{
	font-size:12px;
	top:-20px;
}
.app-block {width:90%;margin-left:5%;margin-right:5%;}
.app-block h2 {margin-left:0;padding:0 0 10px 0;font-weight:bold;}
.app-block img {width:100%;margin-left:0;}
.app-block p {margin-left:0;margin-right:0;}

/* adjust to better size */
.catalog h2 {padding-left:0px;}
.siteinfo h2,
.privacy h2,
.legal h2 {margin-left:0px;}
.std-table td {padding:2px;}

/* downloads adjust htc phone css priority overriden by html above */
.dl-table td a:hover,.dl-table td a  {font-size:12px;}

/* table adjust to fit */
.gsa .std-table th,
.gsa .std-table td  {font-size:16px;}

/* search page adjust */
.searchbg{width:90%;}
.result_pages a:hover,
.result_pages a {font-size:14px;}
.results .description,
.result_title,
.result_title  a:hover,
.result_title  a{margin:5px 0 0 0;font-size:14px;}

.glossary table {width:90%;margin-left:5%;margin-right:5%;}
.glossary td a,.glossary td a:hover {font-size:14px;padding:6px 2px;width:calc(100% - 6px);}

.gsa .std-table {width:90%;margin:0 5% 0 5%;}
.gsaadv, .sewp {width:100%;text-align:center;margin:30px 0;}
.rform input[type="text"],
.rform select,
.rform textarea {
	width:95%;
}
/* make switch-type break nicely */
.force-break {
	display:block;
	margin-top:15px;
}
#options .switchtype li:nth-child(5)  {
  border-left: 1px solid #000;
} 
}
/* ------------------------- END SMALL SCREENS ------------------------- */

/* ------------------------- TINY SCREENS ------------------------- */
@media only screen and (max-width: 420px) {

.subMenu.wide {width: 300px;}
.subMenu ul {width: auto; float: none;}

.dl-table {
	width:98%;
	margin:0 1% 20px 1%;
	box-shadow:0 0 0 #000;
}
.dl-table th {font-size:11px;padding:2px 1px 2px 2px;}
.dl-table td {font-size:11px;padding:2px 1px 2px 2px;}

.downloads h1, .downloads h2 {margin-left:3px; padding-left:0;}

}
/* ------------------------- END TINY SCREENS ------------------------- */

/* ------------------------- BEGIN SPECIAL CASES ------------------------- */
/* site map narrows */
@media only screen and (max-width: 1024px) {
	.smap2 > li {width:25%;}
}
@media only screen and (max-width: 800px) and (min-width: 600px) {
	.smap2 > li  {width:33%;}
	.site {margin-top:-72px;}
}
@media only screen and (max-width: 599px) and (min-width: 400px) {
.smap2  > li {width:50%;}
.ssmap2 > li {padding-right:50px;}
.ssmap2 .sales {margin-bottom:20px;}
}
@media only screen and (max-width: 399px) {
.smap2  > li {width:100%;}
}

/* app page adjustments */
@media only screen and (max-width: 800px){
	.app-page p {clear:both;}
}

/* overflow auto on ie9 was causing space to be added every time link was hovered over */
/* turn on webkit horizontal scroll bar */
@media only screen and (max-width: 768px) {
	::-webkit-scrollbar {height: 16px;}
	::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
 	::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
	::-webkit-scrollbar-button:horizontal:decrement,
	::-webkit-scrollbar-button:horizontal:increment {width:20px;background:#ddd url(scroll-arrows.png) center center no-repeat;	background-position: 0 -2px;}
	::-webkit-scrollbar-button:horizontal:increment {background-position: -20px -2px;}
}
/* ------------------------- END SPECIAL CASES ------------------------- */

/* ------------------------- PRINT SETTINGS ------------------------- */

/* keep together */
#bottom,
.app-block,
.product-block {
	page-break-inside: avoid;
}

@media only print {

#oview,
#pnum,
#spec,
#docs {
	float:left !important;
	margin-top:20px !important;
	display:block !important;
	clear:both; !important;
}
.pp-button {
	display:none !important;
}
}