* { margin: 0; padding-top: 0em; padding-right: 0em; padding-left: 0em; padding-bottom: 0em; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; outline: none; }
table { border-spacing: 0; border-collapse: collapse; border-right-color: #CCCCCC; border-right-width: 0px; }
caption, th, td {text-align:left; font-weight:normal; vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:none;}
html  {height:100%;  font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {margin: 0; font-size: 1em; line-height: 1.4; }
a img {border:none;}
.clearfix:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
.clearfix {display: block;}
.clear {clear:both;}
.br5 {line-height: 5px;}
.br10 {line-height: 10px;}
.br20 {line-height: 20px;}

.left {float:left;}
.right {float:right;}
.hide {display:none;}
.ctr {margin:0 auto;}

		  body.pageNoCol #content .colLeft, body.pageNoCol #content .colRight, #banner #intro {display:none;}

img, object, embed, video {
	max-width: 100%;
}

#home #banner {height:325px;}
#ftL {height:450px;}

#banner, #content, .noCol, #copy {clear:both;}


.container {max-width:1100px;  margin:0 auto; width:100%;}

#header {text-align:right; min-width:100%; width:100%; background:#eeeeee;  min-height:5.5em; height:auto;  padding-top:.5em; padding-bottom:0.75em; margin:0 auto 1em auto; position:relative;}

	#logo {
	padding-top: 0.6em;
	position: relative;
	text-align:left;
	float:left;
}	

	
.colLeft {float:left; width:20%; padding-right:10px;  background-size: 100% auto;}
.colRight {float:right; width:20%; padding-left:10px;}
.colMain {margin-left:22%; padding-right:15px;}
#content {position:relative; padding-bottom:1em;}
#content .colRight { padding-top: 4.5em;}
#content .colMain {padding-top:3.5em;}

.colMid {margin:0 230px 0 250px; font-size:100%}
.colMain .colMid {margin-left:0;}
.noCol {margin: 0 4em;}





#home #banner {/*padding-top:3em;*/-moz-box-shadow: 0 .5em 1em  rgba(0, 0, 0, .10);
-webkit-box-shadow: 0 .5em 1em  rgba(0, 0, 0, .10);
box-shadow: 0 .5em 1em  rgba(0, 0, 0, .10);}
	
div#banner{position:relative; top:7px; z-index:50;}
#home #banner #internal {display: none;}
#banner img#internal {padding: 0; margin: 0;}
div#banner img#internal  {-moz-box-shadow: 0 .5em 1em  rgba(0, 0, 0, .10);
-webkit-box-shadow: 0 .5em 1em  rgba(0, 0, 0, .10);
box-shadow: 0 .5em 1em  rgba(0, 0, 0, .10);
}


span.slideNav {padding:0 5px; background: #FFF}



#gray {background:#eeeeee; min-width:100%; width:100%; -moz-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .75);
-webkit-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .75);
box-shadow: 0 .25em .25em  rgba(132, 132, 132, .75);}
	#gray .container { padding:20px 0; background-color:transparent;}
	#gray a.btn {margin-bottom:0;}
	#gray .container .colRight a.btn {margin-left:.5em;}

#bottom {background:/*#b0b5b7*/ #a2a7a9; min-width:100%; clear:both;}
	#footer {min-width:100%; overflow:hidden;}
	#ftM, #ftL, #ftR {padding-top:40px;}
	#ftM {margin:0 auto; max-width:600px; padding-left:3em; border:1px solid #959a9c /*#9ca2a4*/; border-top:none; border-bottom:none;}
	#ftM .colFt li ul li{padding-left:10px;}
	#ftL {margin-left:-350px; width:50%;}
	#ftR {margin-right:-349px; width:50%;}
	
		.colFt {float:left; display:block; margin-right:20px;}
			.mid {margin:0}
			.last {margin-right:0; padding-left:3.5em; padding-right:0;}
			.colFt ul {list-style:none; margin-bottom:8px;}
		#ftR .colFt {width: 33%; max-width:200px; padding-left:1.5em;}
			#ftR .colFt li {padding-bottom:5px;}
				
				#ftR .colFt li.first {padding-top:25px;}
		#colQuestions {float:right; width:190px; padding-right:10px;}
			#colQuestions div div {margin:0 0 6px 33px;}
			#colQuestions span {float:left; margin-top:-2px;}
		
		#social form {margin-bottom:12px; margin-top: 1em;}
		#social input[type="text"] {border:1px solid #9ca2a4; margin-right:3px; width:140px; height:20px;}
		#social img {margin:0 8px 8px 0;}
		#social p { margin-bottom:0; padding-bottom:0;}
			#social p b {color:#c3fe34;}
	
	#copy {border-top:1px solid #959a9c; padding:10px 0 30px 0; overflow:hidden}
#newsroom .colMain blockquote {background:none;} 
#newsroom ul#collapsible li div div.caption {display:block; float:right; border:none;}
#newsroom ul#collapsible li div.caption {display:block; float:right; border:none; margin-left:75px;}
	#newsroom ul#collapsible li div div.caption img {text-align:center;}


.colLeft .leftGray {width:89%; background:#f1f1f1; background-size: 100% auto; border:1px solid #d9d9d9; font-size:100%;}
		
	

.dotted {border-top: 1px solid #ccc;}

.widgets {padding-top:4.5em; padding-left: 1px;}

.box {margin-bottom:2em; padding:0 10px 5px 10px; background:#fff; 
	border:1px solid #d9d9d9;}
	
	.box h4 span {background:#404f5e; color:#fff; padding:4px 10px 2px;}

	.box .article {margin:15px 0 5px 0;}
	
	.article {margin:15px 0 5px 15px;}
	.box ul {margin:0 10px 0 20px;}
#boxNews {background:#fff;}	
#boxVideo {color:#fff; background:#09131c -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(64,73,80)), color-stop(1, rgb(9,19,28)));
			  background: -moz-linear-gradient(center top, rgb(64,73,80)25%, rgb(9,19,28)100%);
			  background:-ms-linear-gradient(top,  rgba(64,73,80,1) 25%,rgba(9,19,28,1) 100%); /* IE10+ */
			 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404950', endColorstr='#09131c',GradientType=0 ) ;
			   padding-top:8px; margin-top:15px;}
		  #boxVideo img {margin-bottom:10px;}
	
/*///	Buttons	///*/
a.btn {display:inline-block; width:100%; max-width:202px; height:70px;  margin-bottom:1em; }
	#btnBuy {display:none;}
	#btnSmpl {background:url(../images/btnSample.png) no-repeat; height:94px;}
	#btnCal {background: url(../images/IBtnCal.jpg) no-repeat; background-size:100% auto;}
	#btnWeb {background:url(../images/IBtnWeb.jpg) no-repeat; background-size:100% auto;}
	#btnHot {background:url(../images/btnTech.png) no-repeat; height:94px;}
	#btnWP {background:url(../images/btn-wp.png) no-repeat; height:92px;}
	#btnTCH {background:url(../images/btnTech.png) no-repeat; height:94px;  width:191px; }
	#btnCat {background:url(../images/btnBrochure.png) no-repeat; height:94px;}
	#btnVid {background:url(../images/IBtnVid.jpg) no-repeat; background-size:100% auto;}
	#home .htb {display: none;}
	#home #btnVid {display:none;}
	.training #btnWeb, .buy #btnSmpl {display:none;}


	
blockquote.randQuote {background: none; min-height:92px; padding-right:0px; font-size: 14px; border-bottom: dotted 1px #CCCCCC; }
blockquote {background:url(../images/quote.png) right center no-repeat; min-height:92px; padding-right:45px;}
blockquote img {float:left; margin-right:30px;}

img.right {margin:2px 0 15px 15px;}
img.left {margin:2px 15px 15px 0;}
.flag {margin:0 5px; vertical-align:bottom;}

			  	.0colMain .quo {margin-left:0.4em;}	
		
				  #0image {background:#e6e6e6; height:150px;}
				  #0intro { height:130px; width:185px; padding:15px 10px 5px 16px; color:#fff; line-height:20px; font-size:0.82em; color:#333333}
				  #i0ntro div#starts {font:1.7em/1.1em arial; margin-bottom:5px;}
				  #0image #intro a {color:#fff;}
				  
				  #0imgMain {margin-left:210px; height:150px; background:url(../images/banner.jpg) no-repeat;}
				  
				  #quoteTop {font-size:1em; font-family:georgia;}
				  .quo {margin-left:-0.5em; margin-right: 0.1em}
				  #quoteTopName {font-size:0.8em; line-height:1.2em; margin:3px 15px 0 0px; text-align:right;}
				  #quoteTopName i {font-style:italic;}
			  
			  
/*///	HOME	*/

#home #content .top {margin-top:2em; margin-bottom:0;}
#home #content .colRight {margin-top:0em; width:48%; float:right; margin-right:0; padding:0 1% 1.75% 0;  display:table; margin-left:2em; height:48em;  background-image:url(../images/bgr1.jpg); background-repeat:no-repeat; -moz-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); -webkit-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); border-top: 1px solid #efefef;}	
#home #content .colLeft {width: 48%; margin-top: 0em; margin-right:0em; padding-bottom:1.5%; display:table; background-image:url(../images/bgr1.jpg); background-repeat:repeat; -moz-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); -webkit-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); border-top: 1px solid #efefef;}	
#home #content .colMain {padding-top:0em; margin-left:0; margin-top:0; padding-right:0; margin-right:0;} 
#home #content .colLeft .article  {margin:1.5em 0 0 1.5em; padding:0;}
#home #content .colRight .article  {margin:1.5em 0 0 1.5em; padding:0 2em 0 0; }
#home #content .colMain #buttons {margin-left: 0em; margin-top:1em;}
	#home #content .colMain #buttons a img {margin-right: 0em;  margin-bottom: 2em;  -moz-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); -webkit-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); box-shadow: 0 .25em .25em  rgba(132, 132, 132, .2); }
#home .internal {display:none;}
#home #intro .boldBlue {background:url(../images/gray-arrow.png) right no-repeat; width: 360px; font-size: 1.25em; line-height: 1.29em}
a#tech p {margin:.0em .2em .5em .3em; padding: 0.2em ; text-align:center; font-size:1.2em; color:#fff; background:#757575; letter-spacing: .15em} 
a:hover#tech p {color:#5888BC; text-decoration: none;}
#roofTypes {background:#e6e6e6; margin-top:5px;}
	#roofTypes ul li {display: inline-block; padding:0 10px;}
	#roofTypes ul li:first-child	{background:url(../images/H_BgrRoofTypes.jpg) no-repeat; padding:12px 0 8px 20px; margin-bottom:0; width:300px;}
	#roofTypes ul li:last-child {padding-right:5px;}
#content #headLine { text-align:left; margin-top:0em; margin-bottom:0em; margin-left:2em;} 
	#content #headLine p {padding:0; margin:0 0 0 0;}
.homeSectionGr {padding: .5em 0 .5em 1em; background: #f7f7f7; width:50%; -moz-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .15); -webkit-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .15); box-shadow: 0 .25em .25em  rgba(132, 132, 132, .15);}
#homeVideo p, #homeResources p {margin-bottom:1.5em;}
#home #content .colLeft #homeNews p {margin-top: 0em;}
#home #content .colLeft #homeNews img {float:left; padding: .5em 1.5em 0 0;}
#home #content .colLeft #homeNews.article {margin:2em;}
#home #content .colLeft #homeVideo.article {margin:2em}
.more {text-align:right; display:table-row; vertical-align:bottom; /* Let it be a block */ height:1px;}
	.more a { padding:.25em 1em; background: #f7f7f7; width:35%; margin-right:1em; margin-left: 15em; color:#000;}
#homeEvents p {margin-left:170px;}
#home #content .colRight #homeEvents img, #home #content .colRight #homeProduct img {float:left; padding: 0 1.5em 0 0;}
#home #content .colRight #homeEvents.article {margin:2em 0 2em 2em; padding-right:0;}
#home #content .colRight #homeProduct.article {margin:2em;}
#homeVideo .more {/*margin-top: 1.5em;*/}
#home #gray .colLeft, #home #gray .colRight {width:200px; display:inherit;}
#home ul.pics {list-style:none; margin-top:2.5em;}
	#home ul.pics iframe {float:left;}
	#home ul.pics li {list-style:none; padding:0px 0 10px 0;}
#home #homeProduct ul.pics p {margin-left: 225px;}
#home #homeProduct ul.pics img {margin-top:1em;}
#home iframe {margin-top:1.5em;}
#home #grayHead {background:#eeeeee; height:auto; overflow:hidden; padding-top:2em; margin-bottom:1em; padding-left:2em; }
#home #tags {width:100%; margin-left:1.2em;}
	#home #tags div {display:block; float:left;  margin-right: .5em; padding: 0em 1em .25em 1.25em; margin-bottom: 1.5em; }
		#home #tags div#mounts {width:21%;}
		#home #tags div#superior {width:20%;}
		#home #tags div#fast {width:20%;}
		#home #tags div#industry {width:25%; margin-right:0;}
#home #logoICC {float:left; padding-left:0; margin-left:0;}	



/*///	TYPOGRAPHY	///*/

body {font-weight:normal !important; font-family:"source_sans_proregular", Tahoma, sans-serif; color:#3d444e; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; font-size:100%;}

#header {font-family:Helvetica, Tahoma, sans-serif;} 
a {color:#5888BC; text-decoration:none;}
	.colMain a:hover, .colRight a:hover {text-decoration:none;}
b {font-family: "source_sans_prosemibold"; font-weight:normal;}
strong {font-family: "source_sans_prosemibold"; font-weight:normal;}
em {font-weight:normal; font-family: 'source_sans_proitalic';}
i {font-weight:normal; font-family: 'source_sans_proitalic';}
				  .or {color:#ffa200;}
				  .bl {color:#1073ba;}
				  a.more {font-size:0.9em; text-align:right; display:block; /*margin:5px;*/}
p {margin-bottom:1em; /*line-height:1.5em;*/ line-height:1.7em; font-size:1.2em; }
				  p.firstLine:first-line {font-family: "source_sans_prosemibold"; font-weight:normal;}
				  p.images img {float:left; margin:0.5em 2.5em 1.5em 0; padding: 0; }

p.accented span {z-index:1000}
				  
.colMain ul, .colMain ol {margin:0 1.5em 1.5em 1.5em; font-size:1.2em; }
		.colMain li {padding-bottom:4px;}
				  ul {list-style:url(../images/bullet-blue.gif);}
				  ul ul {list-style:disc; font-size:1em;}
				  ol {list-style-type:decimal; font-size:1em;}
				  ol.colored {color:red;}
				  ol.colored span {color:#000;}
				  ul.simple-tabs {font-size: 1em;}
				  
h1, /*h2,*/ h6 {color:#354752;}
h1, h2, h3, h5  {font-family: "source_sans_proregular"; font-weight:normal;}
				  /*h1, h2 {color:#1073ba;}*/
h1 {font-size:2.5em; margin-bottom:0.8em; line-height:1.3em;}
	h1 div {font-size:0.45em; line-height:2em; color:#000}
	h1 div.iBrow { font-size:0.6em; font-family: "source_sans_prosemibold"; font-weight:normal; font-style:italic; color:#aec556;}
	h1 span {font-size:0.6em; line-height:1.6em;}
h2 {font-size:2em; padding:1em 0;  color:#354752;}
h3 {border-bottom:1px dotted #ccc; font-size:1.4em; line-height:1.2em; margin:1em 0 8px 0;}
h4 {text-transform:uppercase; font-size:1.2em; font-family: "source_sans_prosemibold"; font-weight:normal;}
h5 {}
h6 { font-family: "source_sans_prosemibold"; font-weight:normal; font-size:1.5em; margin-bottom:1em;}
	h6 a.link {color:#fff}
#marketing h3 {font-size: 1.55em;}
.products h1 {margin-top:1.25em}
.products h5 {font-size:1.1em}
.new {color:#da2222; font-size: .75em; font-family: "source_sans_prosemibold"; font-weight:normal; text-transform:uppercase;}
.name {color:#1073ba; font-size:1.3em; line-height:1.4em;}
.blue {color:#1073ba;}
.boldBlue {color:#1073ba; font-family: "source_sans_prosemibold"; font-weight:normal;}
.boldGreen {font-family: "source_sans_prosemibold"; font-weight:normal; color:#aec556;}
.note {font-size:0.75em; color:#888;}
p.blueBgr {background:#1073ba; color:#fff; padding:5px 20px; font-size:1.2em;}

#home #content {font-family: "source_sans_proregular", Tahoma, sans-serif;}
	#home h1 {font-size: 3.75em; margin:0; font-family: "MuseoSans-500"; font-weight:normal; padding-bottom:0; }
	#home b {font-family: "source_sans_prosemibold"; font-weight:normal;}
	#home strong {font-family: "source_sans_prosemibold"; font-weight:normal;}
	#headLine p {font-size:2.1em; font-family: "MuseoSans-500"; font-weight:normal; line-height:1.4em; }
	#roofTypes {font-size: 1.3em; font-family:MuseoSans-300;}
		#roofTypes ul li b {font-family:MuseoSans-700; font-weight:normal;}
		#roofTypes ul li:first-child	{font-family:MuseoSans-300; color:#fff;}
.homeSectionGr	{font-family:MuseoSans-300; font-weight:normal; color:#000; font-size:1.89em}
#homeNews p, #homeEvents p, #homeProduct p, #homeVideo p {font-size: 1.5em; line-height: 1.65em;}
.grMoreLink a, .orMoreLink a {text-transform: uppercase; color:#3d444e; font-size:.9em;}
#home span.icon-chevron-right { font-weight:normal;}
	#home .green { color:#649d19;}
	#home .orange { color:#f4a407;}
	#home .blue { color:#25377a;}
#home .moreLink {color:#666;}


#home .moreLink {font-weight: normal;}
#homeProduct h2, #homeVideo h2  {font-size: 3em; font-family:'source_sans_prolight';}
	#homeProduct h2 span, #homeVideo h2 span {font-size: .85em;}
	#homeProduct h2 sup {font-size: .5em}
#home h3 {border:none; font-family: "source_sans_prosemibold"; font-weight:normal; color:#000; font-size:1.65em; margin-bottom: .2em;}	
#home #tags div p {font-size: 1.6em; line-height:1.3em; color:#000;}
	#home #tags div#mounts h3 { color:#649d19;}
	#home #tags div#superior h3 {color:#f4a407;}
	#home #tags div#fast h3 {color:#3985c5;}
	#home #tags div#industry h3 {color:#25377a; }
.company .caption {margin-left:0; float:none; text-align:center;}
	.company .caption p {text-align: left; margin-left:10px; max-width:175px; }
.caption {margin:10px 0px 10px 115px;  padding: 10px; border: 1px solid #ccc; float:right; line-height: 1.3em;}
	.caption p { padding:5px 10px 0 0; margin:0; font-size:0.9em; color:#888;}
	.photoBorder {margin:0;  padding: 5px; border: 1px solid #ccc; float:right; line-height: 1.3;}
	#trainingTeam {float: left; margin-left: 20px; margin-top:1.25em;}
	
.captionLeft {margin:10px 10px 10px 0;  padding: 10px; border: 1px solid #ccc; float:left; line-height: 1.3;}

.exec {border-bottom: 1px solid #999; padding-bottom: 20px; margin-bottom: 1.5em; line-height: 1.9; margin-left: 14.1em;}
h2.execTitle {margin-left: 10.5em; font-size:1.6em;}
	h2.execTitle span {font-size: 12px; line-height: 1.6em;}
#navTop {font-size:0.75em; color:#404f5e; margin-top:10px; float:right; background:#eeeeee;}
	#navTop a {color:#404f5e; padding:0 8px;font-family: "source_sans_prosemibold"; font-weight:normal;}
	#navTop a:nth-last-child(1) {padding-right:0;}
	#navTop a:hover {color:#668db2;}
#overviewMenu {font-size: .95em; margin-bottom: 0px; color:#ccc; margin-top:10px;}
		#overviewMenu a {color:#757c82; padding:0 8px; font-weight:400;}
		#overviewMenu a:nth-last-child(1) {padding-right:0;}
		#overviewMenu a:hover {color:#668db2;}
#content {font-size:0.8em; line-height:1.5em;}
.colLeft, .colRight {font-size:0.88em;}
.colRight {line-height:1.5em;}


.leftGray ul#navLeft h2.item {margin-top:0; font-size:1.9em; padding:1em 0 0 1em; font-weight: 500; line-height: 1.25em; margin-bottom:0;}
ul#navLeft {margin-top:0em; list-style:none;}
	ul#navLeft .item {display:block; /*border-bottom:1px solid #d9d9d9; border-top:1px solid #fff;*/ cursor:pointer; font-size:1.3em; padding:0.9em 0 0.6em 1.2em; color: #404f5e;}
		ul#navLeft .item:hover {/*border-top:1px solid #d9d9d9; border-bottom:1px solid #fff;*/ padding:0.98em 0 0.55em 1.2em;}
#prodFinish h4 span {font-size: .9em;}	
#accessories h4 span {font-size:.75em; text-transform:uppercase;}
.products ul#navLeft {margin-top:2em;}	
	.products ul#navLeft .item {font-size:1.3em;}
	 .products ul#navLeft .item a {color: #404f5e;}
	 ul#navLeft .itemCurrent {display:block; /*border-top:1px solid #d9d9d9;*//* border-bottom:1px solid #fff;*/ padding:0.98em 0 0.55em 1.2em; cursor:pointer; font-size:1.3em; }
	
		ul#navLeft ul.submenu {background:#f9f9f9; list-style:none; padding:0.5em 0;}
			ul#navLeft ul.submenu a, ul#navLeft ul.submenu .current {display:block; font-size:1.15em; padding:0.5em 0 0.3em 2em; color:#404f5e;}
				ul#navLeft ul.submenu a:hover {color:#5888BC;}
		
.technology .leftGray h2.item {margin-top:0; font-size:1.6em; padding:1.5em 0 1.5em 1em; line-height: 1.35em; margin-bottom:0;}
#featMain {list-style:none; font-size:0.97em; line-height:1.5em;}
	#featMain span {font-size:1.25em;  color:#3c72be; text-transform: uppercase;}  
		#featMain span a {color:#3c72be;}
	#featMain span b {font-weight:500;}
#intro {font-size:0.97em;}
.support h2, #contact h2 {font-size:1.4em; padding-bottom:.5em;}
#featBtn a {font-size:0.7em; color:#000; line-height:1.5em;}
	#featBtn a:hover {text-decoration:none;}
	#featBtn a:hover h4 {color:#5888BC;}
		  
blockquote {font-family:Georgia, "Bitstream Charter", serif; font-size:0.9em; line-height:1.6em;}
	blockquote .qName {text-align:right; margin:-2px 10px 0 0; font-size:0.75em; color:#404f5e; font-style:normal;}
	blockquote .qLong {margin-top: -17px; }
	blockquote #qShort {padding-top: 20px;}
a blockquote {color:#3d444e;} 
a blockquote .qName {color:#404f5e;}
#bottom {font-size:0.77em; color:#fff; line-height:1.3em;}
	#bottom h6 {font-size: 1.19em;}
	#colQuestions div div {font-size:1.2em; line-height:1.2em;}
	#colQuestions span, #colQuestions a {font-family: "source_sans_prosemibold"; font-weight:normal; line-height:1.1em; color:#404f5e;}
	#colQuestions span {font-size:2.5em;}
	#colQuestions a {font-size:1.3em;}

	.colFt ul a, #copy a {color:#fff; font-family: "source_sans_prosemibold"; font-weight:normal;}
	.colFt ul a:hover, #copy a:hover {color:#308AE4;}
	.colFt ul .sub {color:#404f5e; font-size: 1.05em;  line-height: 2.5em;}
		
	.colFt h6 {margin-bottom: 10px;}
	#copy {font-size:0.8em;}
	#copy a {text-decoration:underline;}
	.training #feat1, .training #feat2 {font-size: 1em;}
	.moreLink { font-size:0.8em; font-family: "source_sans_prosemibold"; font-weight:normal; text-transform:uppercase; margin-bottom:5px;}	  

#prodOverview .noCol h3 {margin-top: 45px; margin-bottom: 15px; border:none;}

.tableGreen .formerly {font-size: 7pt; padding-left: 0; margin-left: 0;}

/*LISTS*/
0ul {margin-left:15px; list-style-image:url(../images/bullet-blue.gif);}
	0li {padding-bottom:5px;}
ul.more li {padding-bottom:10px; list-style-image:none;}
.training ul.more li {list-style-image:url(../images/bullet-blue.gif);}
.training ul.more li ul li {list-style:disc; padding-bottom: 5px;}
.training .article ul {list-style: none; margin-top:5px; margin-bottom: 15px; margin-left:0px; padding-right:0;}
.training .article ul li {padding-bottom: 5px;}
.training .article ul li a { font-size: 1.1em; color:#404f5e; font-weight: 400; }
.training .article ul li a:hover {text-decoration:none;}
.training .article h2 {font-size:1.75em;}
.training .article h4 {margin-top: 15px; font-family: "source_sans_prosemibold"; font-weight:normal; border-bottom: 1px solid #ccc; margin-right:10px;}
.training .box {padding-right:0;}
.training a span.icon-arrow-right {color: #75a641; text-decoration:none;}
.training span.icon-arrow-right:hover { text-decoration:none;}
.training a {outline: none;}
.training .topics {margin-bottom: 1.5em; margin-top:1em}
ul.lines li {border-bottom:1px solid #ccc; padding-top:10px;}
ul.pics {margin-left:0; font-size:1em;}
	ul.pics li {list-style:none; padding:20px 0 10px 0;}
	ul.pics img {float:left;}
	ul.pics p, ul.pics div {margin-left:190px;}
				  ul.pics ul#list1 li  {list-style: circle; padding:20px 0 10px 0; margin-left: 190px;}
				  ul.pics ul#list1 li ul li {list-style:disc; margin-left:15px }
				  .imagesLeft {padding:20px 10px 10px 0;}
				  .imagesLeft img {float:left; padding:10px; border:1px solid #ccc; margin-top:15px;}
				  .imagesLeft h2, .imagesLeft p, .imagesLeft ul {margin-left:200px;}
ul.arrow {list-style: none; padding: 0px;
    margin: 0px; font-size: 1.2em;}
li.arrow { background:url(../images/bullet-green-arrow.png) no-repeat;  padding-left: 27px; padding-top: 2px;
    line-height: 20px;}
	ul.arrow ul {list-style:none; font-size:1em;}
#distributor .colRight {display: none;}	
#distributors #map {margin-top: 4em;}			  
#distributors .pics li {height:125px; float:left; width:50%; font-size:1.25em;}
#distributors ul.pics p, #distributors ul.pics div {margin-left:140px; }
#distributors .widgets {display:none;}
#distributors h1 #distributors h2 {margin-bottom: 1em;}
#distributors td {width:50%; vertical-align:top;}
#distributors td h1 {padding-bottom:1em;}
	#distributors td a.canDist {margin:.5em 0 0 0; padding: 0 0 0 0; border: none; text-align:right; float:right; } 
		#distributors td a.canDist img .arrow {margin-top: 5px; padding: 5px; vertical-align:text-bottom;}
		#distributors td a.canDist span {margin: 0; padding:0; text-align:right;}		  
				  .moreLink {font-size:0.9em;}
#distributors .quoteButton {padding:10px; margin-bottom:25px; -moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:0;
	width: 25%;
	font-size: 1em;
	font-family: 'source_sans_prosemibold';
	color: #fff;
	font-weight: normal;s
	text-align:center;
	background-color: #57aede;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);
	-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);
	box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);}

li.newsItem {border-bottom:1px solid #5888BC; padding:0px 0 15px 0; margin-bottom:25px;}
	.date span  {color:#fff; background:#5888BC; font-size:1em; padding:2px 10px;}
	.newsTitle {font-family: "source_sans_prosemibold"; font-weight:normal; font-size:1.2em; display:block; margin-top:5px; color:#5888BC;}
	.newsItem p {margin-bottom:5px;}
	.newsItem .moreLink img {margin-left:3px;}
				  
				  .blueBox {border:1px solid #1073ba; padding:5px 15px; margin-top:15px; background:#e7f1f8; font-size:0.9em;}
				  .blueBox p {}
#popup div {font-size:0.75em; padding:30px 60px; background:#fff; max-width:490px; width:100%; margin:0 auto; line-height:1.5em;}
#popup div.container {width:100%; max-width:650px;} 
	#popup .info {max-width:550px; width:100%; font-size: 1.1em; margin-left: -20px; }
		#popup .info h2 {line-height: 1.5em;}
		#popup .info a img {margin-top:30px;margin-left:170px;}
		#popup .info p {margin: 15px 0; line-height: 1.5em;} 
		#popup .info ul {padding-left: 1em; margin-top: 14px;}
			#popup .info ul li {line-height: 1.7em; margin-bottom: 1em;}
ul.vids, #prodVid {list-style:none; }
	ul.vids {margin:0px 0 2em 0; line-height:1.2em; width: 100%}
	ul.vids li { float:left; width:150px; color:#666; font-size:0.8em; margin-right:10px; border:1px solid #ddd; padding: 5px;}
	ul.vids li img {margin-bottom:2px;}	  
	p.top {margin-top:25px;}
	img.arrow {vertical-align: text-bottom;}
	.arrowBullet {padding-left: 23px;}
#content blockquote {margin:25px 0 0 0;}
	#quoteName {margin:10px 0 20px 20px; font-weight:500;}
	
/*TABLES*/
#prodOverview #table, #qrail #table {margin-bottom: 65px;}
#qrail #table {border-right:1px;}
#prodOverview #table, #qrail #table {font-size: 10pt; margin-top: 10px;}			
	#prodOverview #table thead  tr.tableHeader, #qrail #table thead  tr.tableHeader  {background: #5D5D5D; color: #fff; font-family: "source_sans_prosemibold"; font-weight:normal;}
		#prodOverview #table thead  tr.tableHeader td {border-bottom: 2px solid #fff; border-right: 2px solid #fff; text-align: center;}
			#prodOverview #table thead  tr.tableHeader td:first-child {text-align:left;}
	#prodOverview #table td.tableGreen {font-family: "source_sans_prosemibold"; font-weight:normal; vertical-align:middle; width:125px; border-bottom: 1px solid #ccc;  border-left: none}
.tableGreen a {color: #333; text-decoration: none;}
#table tr {padding: 3px; text-align: center;}
#table td {padding: 5px; vertical-align: middle; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align:center;}
	#table td p {line-height: 1.25em;}
	#table td a {font-family: "source_sans_prosemibold"; font-weight:normal; display: block; padding: 12px;}
#table .code {font-size: 7pt; line-height: 3;}
.asterisk {padding: 20px 0; font-size: 10pt;}
#about #table tr {background: #fff;}

/*/// TESTIMONIALS ///*/	
#testimonials div.colright div {padding:0; margin:0;}	  
	#testimonials div.colRight div div.quoteLeft {background:url(../images/left-quote.png) no-repeat; height:50px; padding:0; margin:0;}
	#testimonials div.colRight div p.quoteRight {background:url(../images/right-quote.png) 100% 100% no-repeat;  color: #666666; font-size: 1.45em; line-height: 1.65em; padding:0px 0 35px 15px; margin:0;}
	#testimonials div.colRight div p.quoteNa {font-size: 1.3em; padding: 10px 10px 0 0px; float:right; margin:0; line-height:inherit; color: #666666;}

/*///	 Support	*/
#downloads th {border-bottom:1px solid #6699cc; border-top: 1px solid #fff; vertical-align:middle; color:#1073ba; text-align:left; font-size:0.9em; font-family: "source_sans_prosemibold"; font-weight:normal; text-transform:uppercase; /*padding:10px 5px 10px 0;*/ padding:7px 10px 7px 5px; background:#e7e7e7;}
	#downloads th span {font-size: .85em; text-transform:none;}
#downloads td {border-bottom:1px solid #6699cc; border-top: 1px solid #fff; border-left: 1px solid #fff; vertical-align:middle; color: #fff;}
#downloads td {background:#e2ebf9; text-align:center; padding:8px 3px;}
	#downloads #table td {border:0; vertical-align:middle;}
#downloads #tableHead td {background:#7f7f7f; font-size:0.9em;border-left: 1px solid #fff;}
#downloads #table {margin-top: 1em;}
	#downloads #table td {background:#fff; border:0;}
		#downloads #table td a {padding:0; }
		#downloads #table td p {color:#3d444e;}
#downloads select {
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 10px 16px; /* Firefox */
	background-color: #fff;
	height: 25px;  /* Chrome & Safari */
	-webkit-border-radius: 0;
	border: 0;
	outline: 1px solid #ccc;
	outline-offset: 0px;
	margin-bottom:15px;
	margin-right: 0px;
	margin-left:0px;
	margin-top:10px;
	font-family:'source_sans_proregular';
	font-size:1em
}
#downloads input[type=submit] {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 10px 10px 10px 10px;
	
	border:0;
	font-size: 1em;
	font-family: 'source_sans_prosemibold';
	color: #fff;
	font-weight: normal;
	/*background: url(../images/download.gif) no-repeat left;*/
	background-color: #57aede;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);
	-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);
	box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);
	
}	

#marketing #table {margin-bottom: 4em; margin-top:1em;}
	#marketing #table td {border:none;}
		#marketing #table td a {padding:0; }
	.prodDL th {vertical-align:middle; text-align:center; padding:5px; font-family: "source_sans_prosemibold"; font-weight:normal; background-color: #e8e8e8; color:#787e87; border-bottom: 5px solid #fff;}
	.prodDL td {vertical-align:middle; text-align:center; padding:5px;}
	.prodDL td img { padding:10px;}
	.prodDL td.description {text-align:left; font-size:.75em;}	
	.support #content .colLeft .leftGray {position: relative; top:.664em; left:0px;}
	.support #content .colLeft .widgets {padding-top:0; margin-top:3em;}		
.waterproof #content .colLeft .leftGray, .company #content .colLeft .leftGray, .technology #content .colLeft .leftGray {position: relative; top: 7px; left:0px; padding-bottom: 0; margin-bottom:0;}
.waterproof #content .colLeft .widgets, .technology #content .colLeft .leftGray {padding-top:0; margin-top:0;}
.technology #content .colLeft .widgets {padding-top:3em;}
.waterproof h1.boldBlue {text-align:center; color:#3f5c87; font-weight:normal;}
.waterproof p.boldBlue {color:#3f5c87;}
.support h2.blueBgr {background-color:#646464;  padding:8px 20px 5px 10px; margin-top:30px; margin-bottom: 25px; color:#fff; font-size: 1.3em;}
.waterproof .imagesLeft img {margin-top: 0;}
.waterproof .captionLeft {padding: 5px;}
.waterproof img.arrow {vertical-align:middle; margin-top:-2px; padding-top: 0;}
#faq p {font-size: 1em;}
#faq ol {margin-left:0;}
	#faq ol li {margin-left:45px; padding-bottom:10px;}
		#faq ol li ul li {padding-bottom:5px; font-size: .8em;}
	#faq ol img, .plus {float:right;}
	#faq ol b {margin-bottom:10px; display:block; font-size:0.85em;}
	#faq ol h2 {margin-top:10px;}
		#faq ol li div, #collapsible div {display:none; margin-top:5px;}
.two li {float:left; width:50%;}
	#faq #content .colRight {display:none;}
#faqDesigner p {font-size: 1em;}
	#faqDesigner .text {font-size: 1.25em;}
#faqDesigner ol {margin-left:0;}
	#faqDesigner ol li {margin-left:45px; padding-bottom:10px;}
		#faqDesigner ol li ul li {padding-bottom:5px; font-size: .8em;}
	#faqDesigner ol img  {float:right;}
	#faqDesigner ol img.step {float:none;}
	#faqDesigner ol h2 {margin-top:10px;}
		#faqDesigner ol li div, #collapsible div {display:none; margin-top:5px;}
.two li {float:left; width:50%;}
	#faqDesigner #content .colRight {display:none;}
.buy #content .colLeft .leftGray {position: relative; top:0px; left:1px;}
.buy #content .colLeft .widgets {padding-top:0; margin-top:0;}
#QRSegments .noCol {margin:0 auto;}
#QRSegments #overviewMenu {font-size:1em; color: #aaa;}
#QRSegments td p {text-align:left; margin: 2.5em 0 1em 0.3em;}
  				  
/*///	 GALLERY	 */
#gallery ul.colFull, #gallery ul.colFull li ul {list-style:none;}
	#gallery ul.colFull li {display: block;}
		#gallery ul.colFull li ul {margin:10px 0 30px 0; padding-bottom:10px; }
			#gallery ul.colFull li ul li {display:inline-block; width:150px; color:#666; font-size:0.6em; margin:0 10px 20px 0; border:1px solid #ddd; padding: 5px;}
				#gallery ul.colFull li ul li img {margin-bottom:2px;}
					#gallery ul.colFull li ul li.hide {display:none;}
	#gallery .moreLink {float:right; margin:7px 27px 0 0; background:#aec556; font-size:0.85em; font-family: "source_sans_prosemibold"; font-weight:normal; color:#fff; padding:1px 5px; text-transform:uppercase;}
	#gallery .moreLink:hover {background:#1073ba;}
	
		.training .moreLink {float:right; margin:7px 27px 0 0; background:#6d6f72; font-size:0.85em; font-family: "source_sans_prosemibold"; font-weight:normal; padding:1px 5px; text-transform:uppercase;}	
		#calendar .moreLink {float:right; margin:7px 27px 0 0; background:#6d6f72; font-size:0.85em; font-family: "source_sans_prosemibold"; font-weight:normal; padding:1px 5px; text-transform:uppercase;}		  


/*Training*/
.training #content .colLeft .leftGray {position: relative; top:.65em; left:0px; line-height:1.8em;}
.training #content .colLeft .widgets {padding-top:0; margin-top:3em;}
#webinars #content .colRight {display:none;}
#webinars div.boldBlue { font-family: "source_sans_proregular"; font-weight:normal; color: #354752;}
	#webinars div.boldBlue a { float: right; width: 150px; margin-top: 5px; }
	#webinars p.boldBlue a { font-weight: bold; }
#webinars a { outline: none; }
#webinars ul.iconList {list-style: none;}
	#webinars ul.iconList a:hover {text-decoration:none;}
#tabbed {list-style:none; margin-bottom:2em; margin-left:0; padding-left:0;font-size: 1em;}
	#tabbed li {display: inline; margin:5px 0px 5px 0; font-weight: normal; background-color: #f1f1f1; padding:5px 10px;}
		 #tabbed li:hover {background-color: #e8e8e8;} 
		#tabbed li span {padding: 5px 10px;  width:25%;}
		 #tabbed li.current { border:none; background-color: #787e87; color:#fff; }
			 #tabbed li.current b {font-family:'source_sans_probold'; font-weight:normal;}
		 #tabbed li:first-child {margin-left:0;}
	 #tabbed a { color: #3d444e; }
		 #tabbed a:hover {text-decoration:none;}
		 #tabbed a img {padding-right: 5px;}
img.regNow {margin-top:.5em;} 			  
#webinars h3 {margin-top:1.75em;}
#webinars ul.reg {list-style:none; margin-left:0;}
	#webinars ul.reg li {margin-bottom:1em;}


/*/// COMPANY ///*/
.moreSpace {padding-top: 12px; line-height: 1.3;}
.execTeam {float: left; margin:15px 0px 0 0;}


/*/// CONTACT ///*/
#contact .colRight ul li {list-style:none; padding-left: 20px;}
#contact .colRight {margin-left:45px; font-size: .9em;}

	#contact .colRight h2 {padding:0;}
#contact .conCanada {width: 500px; font-size: .9em}
	#contact div.conCanada h3.boldBlue {border:none; margin-top: 0px; padding-top: 0; font-size: 1.1em}
#contact .colMain h3.boldBlue {border:none; margin-top: 25px;}


/*///	PRODUCTS	///*/
.products #content { position:relative;}
.products #content .colMain {margin-top:3em; padding-top:0;  }
.products #content .colRight {margin-top:17em;}
.products #content .colRight .btn {display:none;}
.products #content .colLeft .leftGray {position: relative; top:.6em; left:1px;}
.products #content .noCol {margin:0;}
.products #content .widgets {position:relative; top:0px; padding-top: 6em;}
.products #content p.accented {margin-top:1em;}
.products h2 {font-size:1.4em;}
.products #content .widgets #btnSmpl {display:none;}
	.products #content .tabContent h4 { font-size: 1.75em; text-transform:none; padding-top:2em; padding-bottom:1em;} 
	.products #content .tabContent #accessories h4	{padding-top:0; font-size:1.4em;}  
	#prodImg { position: absolute; top: 150px; right: 1px; z-index: 75;}
	#prodImg_classicComp {
	position: absolute;
	top: 120px;
	right: 1px;
	z-index: 75;
}
.products #content .colRight .box {padding-right: 0;}
	.videos {margin-top:1.25em;}
	.videos h2 {font-size:1em;}
	iframe.vidFrame {margin-bottom: 10px; border:1px solid #ccc; padding:5px;}
.products #content #tabbed {list-style:none; margin-bottom:.25em; margin-left:0; padding-left:0;font-size: 100%;  margin-top:4em; width:100%}
	.products #content #tabbed li {display: inline; margin:5px 0px 5px 0; font-weight: normal; background-color: #f1f1f1; padding:5px 10px; width:33%;}
		.products #content #tabbed li:hover {background-color: #e8e8e8;} 
		.products #content #tabbed li span {padding: 5px 10px;  width:25%;}
		.products #content #tabbed li.current { border:none; background-color: #787e87; color:#fff; }
			.products #content #tabbed li.current b {font-family:'source_sans_probold'; font-weight:normal;}
		.products #content #tabbed li:first-child {margin-left:0;}
	.products #content #tabbed a { color: #3d444e; }
		.products #content #tabbed a:hover {text-decoration:none;}
		.products #content #tabbed a img {padding-right: 5px;}
.products #accessories ul {list-style:none; padding:0; margin:0 auto; width:100%}
	.products #accessories ul li {display: inline-block; padding: 10px 0px; text-align:center; width:32%; margin:0 auto;}		

.padLeft {padding-left:27px;}
.linkDownload {border-bottom:1px solid #ccc; padding:10px 0; margin-right:30px;}
	.linkDownload img {margin-right:3px;}
	.linkDownload .check {padding-right: 7px}
.products #content .colMain div.border {margin:0;  padding: 0px; border: 1px solid #ccc; float:left;}
	#feat1 {float:left; width:50%}
	#feat2 {margin-left:60%;}
.products #feat1 li {margin-bottom:.5em;}
.products #feat2 li {margin-bottom:.5em;}
	#logoICC {float:right; font-size:0.8em; margin-right: 10px;}
	#prodGallery {margin-top:2em; padding:20px 0px 20px 37px; font-size:0.85em; height: 100px;}
		#prodGallery a.img {display:block; float:left; position:relative; margin:0 25px; box-shadow:1px 1px 5px #999; -webkit-box-shadow:1px 1px 5px #999; -moz-box-shadow:1px 1px 5px #999; }
		#prodGallery a.img .lnk {
	position: absolute;
	bottom: 0;
	background: #000;
	width: 130px;
	padding: 2px 5px;
	color: #fff;
	left: 2px;
}
		#prodGallery #link {float:right; margin:8px 12px 0 0;}
	#prodFinish ul {list-style:none; margin-left:0; font-size:1.1em;}
	#prodFinish li {padding-bottom:5px;}
	#prodFinish img {margin-right:8px; vertical-align:bottom;}
	#back {margin-top: 35px; margin-bottom: 6em; display:none;}
	.prodDownloads {width:310px;}
	.tools {padding-left:50px;}
.products .imagesLeft { padding:20px 10px 10px 0;}
.products .imagesLeft img {float:left; padding:10px; border:none; margin-top:15px;}
.products .imagesLeft h2 {margin-top: 15px;}
.products .imagesLeft h2, .imagesLeft p, .imagesLeft ul {margin-left:45%;}
 #specsTable {width:100%;}
 #specsTable th {border-bottom:1px solid #6699cc; padding:10px 15px 10px 0; font-weight:normal; font-family: "source_sans_prosemibold"; text-align:left; width:170px;font-size:1.2em;}
 #specsTable td {border-bottom:1px solid #6699cc; background:#f8f8f8; font-weight:normal; padding:5px 15px; font-size:1.2em;}
  #specsTable td ul {font-size:1em;}
  	#specsTable td ul.two li {width:50%;}
#prodOverview #back {font-weight: normal; margin-top: 0px;}
.products .tabContent {overflow:hidden;}
.products .dotted {border-top: 1px solid #ccc; width: 100%; margin: 3.5em 0 2em 0;}
.products p.dotted {border: 1px dotted #ccc; padding:5px; width:auto; margin: 3.5em 0 0 0;}
.btGr {padding:.25em 1em .2em 1em; font-size:1em; line-height:1.5em; vertical-align:middle; color:#fff; text-transform:uppercase; cursor:pointer; border:none; font-family: "source_sans_prosemibold"; font-weight:normal;background: #75a641; margin-top:-5px;}
	.colFt ul a.btGr:hover {color:#fff;}

.products select {
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 4px 16px; /* Firefox */
	background-color: #fff;
	height: 25px;  /* Chrome & Safari */
	-webkit-border-radius: 0;
	border: 0;
	outline: 1px solid #ccc;
	outline-offset: 0px;
	margin-bottom:15px;
	margin-right: 15px;
	margin-left:1px;
	font-family:'source_sans_proregular';
	font-size:1em
}
.products input[type=submit] {
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 10px 10px 10px 25px;
	-webkit-border-radius: 0;
	border:0;
	font-size: 1em;
	font-family: 'source_sans_prosemibold';
	color: #5888BC;
	font-weight: normal;
	background: url(../images/download.gif) no-repeat left;
	/*background-color: #57aede;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);
	-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);
	box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.05);*/
	
}
	/*SAMPLE FORM*/
#prodSample {
	margin-bottom:.25em;
}
	#prodSample td {
		vertical-align:top;
		padding:2em 0em 2em 0em;
	}
		#prodSample td img {
			text-align:center;
		}
	#prodSample input.checkbox {
		width: 15px;
		height: 13px;
	}
#sampleContact {
	margin-bottom: 1em;
}
	#sampleContact td {
		padding: .5em .5em .5em 0;
	}
	#sampleContact input {
		padding: .25em; width:20em;
	}
		#sampleContact input.stackedField {
			margin-bottom:.25em;
		}	
.submitBtn {
	background:url(../images/submit-btn.gif);
	width:169px;
	height:49px;
	padding:0;
	border:0;
	margin-bottom:1em;
}
	
	/*MAILING LIST FORM*/	

#mailingList #sampleContact td {
		padding:0 1em 0 0;
	}
#mailingList #sampleContact input {
		padding: .25em; width:20em;
	}
	
.mailingList #sampleContact td {
		padding:0 1em 0 0;
	}
.mailingList #sampleContact input {
		padding: .25em; width:20em;
	}	
	
	/* OLD Sample Form*/
#contactTable td {padding-bottom:5px; text-align:left;}
	#contactTable td.title {width: 50px; white-space: nowrap; text-align:right; padding-right:5px;}	
	#contactTable td.status {width: 240px; vertical-align: middle; white-space: nowrap; font-size: 9pt;}
#contactTable .error {color:#c00;}
#contactTable #contactPerson {font:bold 10pt tahoma; color:#1073ba; width:350px;}
#contactTable .note input {width:13px; margin-top:5px;}
#contactTable input, #contactTable textarea {border:1px solid #ccc; color:#666; font-weight:normal; width:300px; padding:1px 5px; background:#e8e8e8;}
	#contactTable input.shrt {width:200px;}
#contactTable #buttons input {padding:3px 0 1px 0; width:100px; background:#aec556; border-bottom:3px solid #899f34; border-right:3px solid #899f34; border-top:3px solid #ddf096; border-left:3px solid #ddf096; text-transform:uppercase; font-size:1em; color:#fff;}
#contactTable #contactForm label.error {font-family: "source_sans_prosemibold"; font-weight:normal; color: #EA5200; }
#contactTable #contactForm label.checked { }
#message {color:red; text-align:left;}
#contactTable span.req { color: #EA5200;}


/* image bank */
.highRes {text-align: center; padding: 25px 0; border-bottom: 1px dashed #666; width: 1200px;}
#imageBank {}
#imageBank h2 {text-align: left; margin-left: 25px; color: #8ea535;}
#imageBank p {text-align: left; font-size: 12px; margin: 10px 0px 0px 15px; }
#imageBank h5 { text-align: left; font-size: 12px; color:#333; font-family: "source_sans_prosemibold"; font-weight:normal; padding: 14px 0 0 14px;}
#imageBank ul { text-align: left; font-size: 12px; padding: 14px 0 0 14px;}
#imageBank a {font-family: "source_sans_prosemibold"; font-weight:normal;}
#imageBank a:hover {font-family: "source_sans_prosemibold"; font-weight:normal; text-decoration: underline;}
#imageBank img {padding:0 10px 0 25px;}
	
	
/*Technology*/
table.technology { margin-top: 60px; }
td.image { padding: 10px 5px; vertical-align: middle;/* [disabled]border-bottom-width: 0px; */ border-bottom: 1px solid #ccc; border-right-width: 1px; }
td.desc { vertical-align: top; padding-bottom:15px; border-bottom: 1px solid #ccc;}
td.name { vertical-align: bottom; color: #515151; font-size: 1em; padding-top: 10px; }
	td.name a {color: #515151;}
td.head { vertical-align: middle; color: #333333; font-size: 1.15em; background-color: #ccc; padding: 7px; text-align: center; }


/*Banner Ad Landing*/
body#adLanding { font-style: inherit; }
#adLanding .container {position:relative; margin-top: 25px; width:100%; max-width: 1000px; margin: 0 auto;}
#adLanding h1 {font-family:RamaGothicM-Regular; font-size: 3.75em; color: #ee9e28; margin-top:0px; margin-bottom: 5px; padding-left:5px;}
	
#adLanding h2 {font-family:MuseoSans-500; font-size: 1.3em; font-weight:normal; padding-left: 15px;}
#adLanding .lower {margin-top: 15px;}
#adLanding #prodImg {top: 275px; right:01px;}
#adLanding .colRight {width: 330px; margin-top: 92px; }	
	#adLanding.qHook .colRight {margin-top:125px;}
	#adLanding .colRight p {font-family:Source Sans Pro; font-size: 1.1em; line-height: 1.65em; width: 275px; padding-left:15px; margin-right:0;}
		#adLanding.qHook .colRight p {width:auto;}
#adLanding #bannerLeft {float:left; padding-left:15px; margin-top:20px;}
#adLanding #bannerRight {float:right; background-color: #eeecec; width: 315px; height:282px; margin-right: 15px; margin-top:20px;}
	#adLanding #bannerRight h1 {padding: .3em .3em .05em .38em; margin:0; color:#3c5a99; font-size: 4.5em;}
	#adLanding #bannerRight p {font-family: 'MuseoSans-300'; padding: 0 1em 1em 1em; font-size:1.5em; margin-top:0;}
	#adLanding.qHook #bannerRight p {font-size: 1.05em; padding:0; font-family: 'MuseoSans-700';}
#adLanding .colRight .colRightBtm {padding-left:15px; padding-top: 10px;}
	#adLanding .colRight .colRightBtm a img {margin-bottom:.4em;}
	
	
/*AdWords Landing*/
#adLanding.adWords #logo {margin-left: .75em;}
#adLanding.adWords .colRight {width: 33%; margin: 0%; padding:2em 0 0 0; max-width:316px;}	
.adWords #bannerAds {text-align:center; margin-bottom:0;}
.adWords #gray {margin-top:6em;}
	.adWords #gray .colRight {margin-top:.24em; width: 29%; text-align: right; margin-right:0; float:right;}
	.adWords #gray .colMid {margin:13.5% 35% 0 30%; width: 40%; text-align: center;}
		.adWords #gray .colMid img {margin: .25em; display:inline-block;}
	.adWords #gray .colLeft { margin-top: 0; width: 33%; }
		.adWords #gray .colLeft p {font-size:1em;}
		.adWords #gray .colLeft h6 {color:#5174a1; margin-bottom:.1em;}
		.adWords #gray .colLeft b {color:#3d444e;}	
	.adWords #gray ul {list-style:none;}
#grayTop {background:#eeeeee; min-width:100%; height: auto; margin-top: 0em;}
	#grayTop .container {padding:20px 0; background-color:transparent;}
#grayTop ul {list-style:none;}
#adLanding.adWords .container h1 {font-family:MuseoSans-500; font-size: 2.2em; font-weight:normal; padding-left: 1em; color:#333333; margin: .75em 0 .25em 0; }
#adLanding.adWords .colRight .colRightBtm a img {margin-bottom:.475em;}	
#adLanding.adWords .colRight .colRightBtm {padding:0; margin:0;}
ul#grayList {list-style:none; margin-left: 2em;}
	ul#grayList li {display:inline-block; width:15%; margin:0; padding:0; vertical-align:top;  }
		ul#grayList li:last-child { width: 15%;}  
		ul#grayList li:first-child {width: 17%;} 
		ul#grayList li:nth-child(3) {width: 21%;} 
	ul#grayList p {font-size:.75em;}
	ul#grayList h4 {font-size:.95em; color:#20568f;}
		ul#grayList h4 a {color:#20568f;}
	ul#grayList span {display: inline-block; width: 0; height: 3.5em; border-right: 1px solid #ccc; margin-right: 1.5%; margin-left: 1%;}
#adLanding.adWords .lower { width: 55%; max-width: 600px; margin:0; padding:2em 0 0 0; float:left;}

/*Distributor Landing Page*/
#adLanding.distLanding #logo {margin-left: 0;}
#adLanding.distLanding .container {font-family: 'MuseoSans-300'; color:#000;  font-weight:normal; width:100%; max-width:1050px;}
#adLanding.distLanding .colRight {width: 45%; margin: 0%; padding:1em 1em 0 0; max-width:400px;}
	#adLanding.distLanding .mid span.border {display: inline-block; float:left; width: 0; height: 11em; border-right: 1px solid #ccc; margin-right: 1%; margin-left: 1%; margin-top:2.5em;}
	#adLanding.distLanding .colRight p	{margin-left:0; width:100%; padding-left:0;}
.distLanding #bannerAds {text-align:center; margin:1.5em 0 .5em 0;}
.distLanding #gray {margin-top:2em; background-color:transparent;}
	.distLanding #gray .colRight {width: 33%; text-align: center; margin:0; float:left; padding:0;}
	.distLanding #gray .colMid {width: 33%; float:left; text-align: center; margin:0; padding:0;}
	.distLanding #gray .colLeft { margin: 0; width: 33%; text-align: center; padding:0;}
		.distLanding #gray .colLeft p {font-size:1em;}
		.distLanding #gray .colLeft h6 {color:#5174a1; margin-bottom:.1em;}
		.distLanding #gray .colLeft b {color:#3d444e;}	
	.distLanding #gray ul {list-style:none;}
.distLanding #grayTop {background-color: transparent; margin-bottom:35px;}
	.distLanding #grayTop .container {padding:0;}
	.distLanding ul#grayList {margin-left: .5em; width:100%}
		.distLanding ul#grayList h4 {font-size:.9em; color:#20568f; text-transform:none; font-family: 'MuseoSans-900'; font-weight:normal;}
		.distLanding ul#grayList p {font-size:.85em; margin-bottom: .5em; font-weight:normal; line-height:1.25em;}
		.distLanding ul#grayList li {display:inline-block;  margin:0; padding:0; vertical-align:top;  /*border-right: 1px solid #333333;*/}
			.distLanding ul#grayList li a {color:#7ba6d6; font-family:'MuseoSans-500'; font-weight:normal;}
			.distLanding ul#grayList li.roofs {width:18%;}
				.distLanding ul#grayList li.roofs h4 {color:#115690;}
			.distLanding ul#grayList li.superior {width:16.5%}
				.distLanding ul#grayList li.superior h4 {color:#60ab1d;}
			.distLanding ul#grayList li.fast {width:16.75%}
				.distLanding ul#grayList li.fast h4 {color:#1c86dd;}
			.distLanding ul#grayList li.eng {width:18%}
				.distLanding ul#grayList li.eng h4 {color:#f48707;}
			.distLanding ul#grayList li.ilts {width:19%}
				.distLanding ul#grayList li.ilts h4 {color:#4d4d4d;}
		/*	.distLanding ul#grayList li:last-child { width: 17%;}  
			.distLanding ul#grayList li:first-child {width: 18%;} 
			.distLanding ul#grayList li:nth-child(3) {width: 17%;} */
#adLanding.distLanding .container ul#grayList span.border {display: inline-block; width: 0; height: 9.5em; border-right: 1px solid #ccc; margin-right: 1%; margin-left: 0%; margin-top: 0; float:none;}
.distLanding ul#grayList span.icon-caret-right, .distLanding ul#grayList span.icon-play {height:auto; border:none; margin:0; padding:0 5px 0 0; font-size:1.25em; color:#5f5e60; vertical-align:middle;}
#adLanding.distLanding .container h1 {font-family:'MuseoSans-700'; font-size: 1.25em; font-weight:normal;  color:#000; margin: 1.25em 0 .25em 0; padding-left:0;}

	.distLanding .lower ul {list-style:square; font-size:1.8em; line-height:1.3em; margin-left:2.4em;}
	.distLanding .lower ul span {font-size: .6em; vertical-align:middle;}

#adLanding.distLanding .lower { width: 56%; max-width: 600px; margin:0; padding:2em 0 0 0; float:left;}
#adLanding.distLanding .join {background:#ebebeb; width:45%; padding:15px 15px 25px 15px; margin-top:35px; overflow:hidden; float: left;}
#adLanding.distLanding .ad {width:45%; padding:5px 0px 0px 35px; margin-top:35px; overflow:hidden;}
/*Uploader*/
body#upLoader.support {padding-top: 0px;}
#upLoader .colMain {font-family:Source Sans Pro; font-weight: 300;}
#upLoaderg h1 {font-family:RamaGothicM-Regular; font-size: 3.75em; color: #ee9e28; margin-top:0px; margin-bottom: 5px; padding-left:5px;}
#upLoader h2 {font-family:MuseoSans-500; font-size: 1.35em; font-weight:normal; padding-left: 5px; color:#215aa8; line-height:1.5em; margin:0;}
#upLoader.support .lower { margin-left: 10px; margin-top: 15px;}
#upLoader p {line-height: 1.4em; padding-left:5px; margin:5px 0 30px 0;}
#upLoader h4 {font-family:MuseoSans-500; text-transform:none; font-size:1.2em; color:#215aa8; margin-bottom: 10px; padding-left: 5px;}
#upLoader .colMain ul {margin:0 0 30px 40px; list-style:square; padding-top:0; padding-bottom:0;}
#upLoader .colMain ul li {margin-bottom: 7px;}
#upLoader #examples img {padding:10px;}
#upLoader #examples {margin-bottom: 30px; margin-left:5px;}
#upLoader	#wufoo-q14r1ub808a3o5b {width:600px;}
/*#upLoader .colRight {width: 330px; margin-top: 92px; }	
#upLoader #bannerLeft {float:left; padding-left:15px; margin-top:20px;}
#upLoader #bannerRight {float:right; background-color: #eeecec; width: 315px; height:282px; margin-right: 15px; margin-top:20px;}
	#upLoader #bannerRight h1 {padding: .3em .3em .05em .38em; margin:0; color:#3c5a99; font-size: 4.5em;}
	#upLoader #bannerRight p {font-family: MuseoSans-300; padding: 0 1em 1em 1em; font-size:1.5em; margin-top:0;}*/
	
	

/*QHook Height*/
#height.qHook #logo {}
.qHook h3 {border:none; font-size:1.2em}
/*.qHook #gray {margin-top:6em;}
	.qHook #gray .colRight {margin-top:.24em; width: 29%; text-align: right;}
	.qHook #gray .colMid {margin:13.5% 35% 0 30%; width: 40%; text-align: center;}
		.qHook #gray .colMid img {margin: .25em; display:inline-block;}
	.qHook #gray .colLeft { margin-top: 0; width: 33%; }
		.qHook #gray .colLeft p {font-size:1em;}
		.qHook #gray .colLeft h6 {color:#5174a1; margin-bottom:.1em;}
		.qHook #gray .colLeft b {color:#3d444e;}	
	.qHook #gray ul {list-style:none;}*/
#height.qHook .container h1 {font-family:'MuseoSans-500'; font-size: 2.2em; font-weight:normal; color:#333333; margin: .75em 0 .25em 0; }
#height h2 {font-family:'MuseoSans-500'; font-size: 1.3em; font-weight:normal; }
#height.lower {margin-top: 15px;}
#height.qHook .container {margin: 0 auto; position:relative; padding-left:1em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;   font-family:'source_sans_proregular', Tahoma, sans-serif; font-weight: normal; color:#3d444e; font-size:.9em;}
.qHook .tileGraphic {text-align:center; margin:4em 0;}
table.measurement {vertical-align:middle; width:75%; margin-bottom:4em;}
	table.measurement td {border: 1px solid #ccc; padding:.5em;}
		table.measurement td p {margin:0; font-size:1em;}
	table.measurement tr.mHead td {background-color:#f6f6f6;}
.qHook .lower ul {margin-bottom:2.5em;}
.qHook .lower ul li {padding-bottom:.75em; list-style:none;}

@media only screen and (min-width: 769px) {
#smplGrayMob {display:none;}
.hideDesktop {display:none;}
	#adLanding.distLanding #logo {margin:0 auto; text-align:center; background:#fff;}


}
@media handheld, screen and (min-width: 481px) and (max-width: 768px) {
#footer #ftM .colFt {width: 100%; margin:0 auto; padding:0;}
#footer #ftL {display:none;}
	#footer #ftR  {display:none;}
#gray {min-width:100%;}
#gray .container .colLeft {display:none;}
#gray .colMid {display:none;}
#gray .colRight {min-width: 100%; text-align:center; margin:0; padding-bottom:1em;}
#content .colRight {display:none;}
#content .colMid {width:100%;}
#smplGray {display:none; }
#smplGrayMob {display:inherit;}
#prodImg { position:static;  top:auto; right: auto; z-index:auto; margin-left:30px;}
.colLeft .leftGray {width:100%;} 
ul#navLeft .item, ul#navLeft .itemCurrent  {padding-left:0em}
ul#navLeft ul.submenu a, ul#navLeft ul.submenu .current {padding-left:0em}
ul#navLeft .item {padding-left:0em}
#header {height:auto;  width:100%}
#logo {width:100%; text-align:center; padding-bottom:.5em; background:#eeeeee;}
	#navTop {text-align:center;  width:100%}
	div.mattblackmenu ul { width:100%; background-color:#eeeeee; text-align:center; padding-bottom:.5em;}
	div.mattblackmenu ul li {}
	.hide-tablet {display:none;}
	#adLanding.adWords #logo {margin:0; background:#fff;}
ul#grayList {margin-left: 0em;}
	ul#grayList h4 {font-size:.8em; }
#distributors .pics li {width:85%; margin-left: 15px}	
#adLanding .colRight .colRightBtm {padding:0; text-align:center;}
#QRSegments td {display: block; width: 100%;}	
	#adLanding.distLanding .join { width:100%; padding:15px 15px 25px 15px; margin-top:35px; overflow:hidden; float: none; display: block}
#adLanding.distLanding .ad {width:100%; padding:0; margin-top:35px; text-align: center;}
	#adLanding.distLanding #gray .container .colLeft {display:block; float:none; width:100%;}
	#adLanding.distLanding #gray .container .colRight {width:100%; float:none; display: block;}
	#adLanding.distLanding #gray .colMid {width:100%; float:none; margin:0; padding:0; display:block;}	
	#adLanding.adWords #logo {margin:0; background:#fff;}
	#adLanding.distLanding #logo {margin:0 auto; text-align:center; background:#fff;}
}

@media handheld, screen and (max-width: 480px) {
/*Overall*/
.container {min-width: 100%; height:auto}
#footer #ftM .colFt {min-width: 100%; margin:0 auto; padding:0;}
#footer #ftL {display:none;}
	#footer #ftR  {display:none;}
#gray {min-width:100%;}
#gray .container .colLeft {display:none;}
#gray .colMid {display:none;}
#gray .colRight {min-width: 100%; text-align:center; margin:0; padding-bottom:1em;}
#logo {
	width: 50%;
	text-align: center;
	padding: 0.5em 0;
	background: #eeeeee;
	margin-bottom: 0;
	height: 59px;
}
#content .colRight {display:none;}
#content .colLeft {display:none;}
#content .colMid {width:100%; padding-left:0;}
#content .colFull {width:100%; margin-left:0;}
#content .colMain {width:95%; margin-left:1em; padding-right:0;}
#content .noCol {width:95%; margin-left:1em; margin-right:0;}
#smplGray {display:none; }
#smplGrayMob {display:inherit; position:relative; text-align:center; padding-top:1.5em; padding-right:0;}
.products .colMid {margin-top: 1.5em;}
#prodImg {display:none;}
.colLeft .leftGray {display:none;}
.leftGray h2.item {padding-left:0em} 
ul#navLeft .item, ul#navLeft .itemCurrent  {padding-left:0em}
ul#navLeft ul.submenu a, ul#navLeft ul.submenu .current {padding-left:0em}
#header {height:auto; min-width:100%; width:100%}
	#header2 {height:auto;  min-width:100%}
/*#logo {width:100%; text-align:center; padding-bottom:0em; background:#eeeeee;}*/
	#navTop {text-align:center; font-size:.6em; width:100%; padding-bottom:.75em;}
	#navTop a {padding: 0 3px;}
	#navTop:first-child {padding: 0;}
#banner {display:none;}
#distributors .left {display:none;}
#distributors .pics li {width:100%; margin-left: 15px}
#buttons a img {float:none; text-align:center}
.hide-mobile, ul#grayList span {display:none;}
.right{float:none;}
/*Products*/
.products #content #tabbed a li {width:25%; padding:5px;}
.products .imagesLeft img {width:40%; height:auto; margin-left:0;}
.products .imagesLeft ul.tools {margin-left:45%;}
.products .imagesLeft h2  {margin-left:45%;}
/*#prodOverview #table table {width:80%}
#prodOverview #table td, #prodOverview #table td.tableGreen {border-bottom:1px solid #ccc; vertical-align:middle; margin-bottom:15px;}
	#prodOverview #table td.tableGreen p {width:60%; float:left; padding-bottom:0; margin-bottom:0; margin-top:.5em;}
		#prodOverview #table td.tableGreen p a {font-size:1.25em; text-align: left;}
			#prodOverview #table td.tableGreen p a span {font-size:.75em; line-height:normal;}
		#prodOverview #table td.tableGreen p.left {float:left; width:20%; text-align:right; margin-top:.5em;}
			#prodOverview #table td.tableGreen p.left a span {text-align:right; font-size:1em;}
#prodOverview #overviewMenu a {padding:10px 0 10px 15px; background-color:#57aede;  color:#fff; display:block; margin: 5px 5px 10px 5px; font-size:1.15em;} 
#prodOverview #overviewMenu.right {float:none; width: 80%}*/

/*Training*/
.training ul.pics img {display:none;}
.training ul.pics p a img {display:block;}
.training ul.pics div, .training ul.pics p {margin-left:1em;}

/*Downloads*/
p.goTo.mblTap { margin-top:25px;}
	p.goTo.mblTap a {padding:10px; background-color:#57aede; color:#fff;}
		p.goTo.mblTap a span {background-color:#57aede; color:#fff;}


/*Adwords*/
#adLanding.adWords #logo {margin:0; background:#fff;}
ul#grayList {margin-left: 5%;}
	ul#grayList h4 {font-size:.8em; }
	ul#grayList li {display:block; width:45%; float:left; margin:0; padding:0; vertical-align:top; padding-right:2%;}
	ul#grayList li:last-child { width: 45%;}  
		ul#grayList li:first-child {width:45%;} 
		ul#grayList li:nth-child(3) {width: 45%;} 
#adLanding.adWords .colRight {width:100%; margin:0 auto; float:none; padding:0;}

	#adLanding.adWords .colRight .colRightBtm {padding:2em 0 0 0; text-align:center; width:100%; margin:0;}
		#adLanding.adWords .colRight .colRightBtm a {padding:0; margin:0; text-align:center;}
#adLanding.adWords .lower {width:100%; margin-left:0; float:none;}
#adLanding.adWords .container h1 {padding-left:0.25em;}
#adLanding.adWords #gray .container .colLeft {display:inherit;}
#adLanding.adWords #gray .colRight {width:50%;}

/*Distributor Landing*/
body#adLanding.distLanding {width:100%; max-width:100%;}
#adLanding.distLanding .container {width:95%; margin: 0 auto;}
#adLanding.distLanding #logo {margin:0 auto; text-align:center; background:#fff;}
.distLanding ul#grayList {margin: 1.5em 2em 1.5em 1em; width:95%}
		.distLanding ul#grayList h4 {font-size:.9em; color:#20568f; text-transform:none; font-family: 'MuseoSans-900'; font-weight:normal;}
		.distLanding ul#grayList p {font-size:.85em; margin-bottom: .5em; font-weight:normal; line-height:1.25em;}
		.distLanding ul#grayList li {display:block;  margin:1em auto 1em auto;; padding:0; vertical-align:top;  /*border-right: 1px solid #333333;*/}
			.distLanding ul#grayList li a {color:#7ba6d6; font-family:'MuseoSans-500'; font-weight:normal;}
			.distLanding ul#grayList li.roofs {display:block; width:100%;  margin:0; padding:0; vertical-align:top; padding-right:2%;}
				
			.distLanding ul#grayList li.superior {display:block; width:100%; margin:0; padding:0; vertical-align:top; padding-right:2%;}
				
			.distLanding ul#grayList li.fast {display:block; width:100%; margin:0; padding:0; vertical-align:top; padding-right:2%;}
				
			.distLanding ul#grayList li.eng {display:block; width:100%; margin:0; padding:0; vertical-align:top; padding-right:2%;}
				
			.distLanding ul#grayList li.ilts {display:block; width:100%; margin:0; padding:0; vertical-align:top; padding-right:2%;}
				
#adLanding.distLanding .mid .colRight {width:95%; margin-left:1em; float:none; padding:0;}

	#adLanding.distLanding .mid span.border, #adLanding.distLanding .container ul#grayList span.border {display:none}
	#adLanding.distLanding .colRight .colRightBtm {padding:2em 0 0 0; text-align:center; width:100%; margin:0;}
		#adLanding.distLanding .colRight .colRightBtm a {padding:0; margin:0; text-align:center;}
#adLanding.distLanding .lower {width:100%; margin-left:0; float:none;}
#adLanding.distLanding .lower ul {margin-left:1em; line-height:1em;}
	#adLanding.distLanding .lower ul li {line-height:1em; margin-bottom:.75em; margin-left:2%;}
#adLanding.distLanding #gray {max-width:95%; box-shadow:none;}
	#adLanding.distLanding #gray .container .colLeft {display:block; float:none; width:100%;}
	#adLanding.distLanding #gray .container .colRight {width:100%; float:none;}
	#adLanding.distLanding #gray .colMid {width:100%; float:none; margin:0; padding:0; display:block;}
.distLanding ul#grayList span.icon-caret-right {display:inherit;}
#adLanding.distLanding .join { width:100%; padding:15px 15px 25px 15px; margin-top:35px; overflow:hidden; float: none; display: block}
#adLanding.distLanding .ad {width:100%; padding:0; margin-top:35px; text-align: center;}
	
/*Mobile Nav*/
#mobileNav {height:auto; position: relative; width:50%; float:right; margin-top:0em; color:#404f5e; font-size:.95em; font-family: "source_sans_proregular"; font-weight:normal !important;}
	#mobileNav ul {display: none; height: auto; font-size:1em; float:none; width:100%; margin:0 auto; line-height:35px; padding:0; -moz-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .5); -webkit-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .5); box-shadow: 0 .25em .25em  rgba(132, 132, 132, .5); text-transform:uppercase;}
		#mobileNav ul li {width:100%; /*float:left;*/ position:relative; display:block; text-align:center; font-size:1.25em; border-bottom:1px solid #333334; padding:.25em;}
			#mobileNav ul a li {color:#404f5e; }	
	#mobileNav a#pull {display: block; width: 100%; position: relative; color:#000; font-size:1.5em; text-align:center; background: #eeeeee; font-family:'MuseoSans-500'; font-weight:normal; margin-bottom:1em; padding: 0.95em 0; }
	#mobileNav a#pull:after {-moz-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .75); -webkit-box-shadow: 0 .25em .25em  rgba(132, 132, 132, .75); box-shadow: 0 .25em .25em  rgba(132, 132, 132, .75);}
	#mobileNav a#pull span {padding-left:.75em; text-align:right;}
	#mobileNav a:hover li, #mobileNav a:active {color:#8291a8;}
	#QRSegments td {display: block; width: 100%;}

}
@media only screen and (max-width : 320px) {
#grayTop {display:none;}
#adLanding.distLanding #grayTop {display:inherit;}
#bannerAds {display:none;}
#adLanding.adWords .container h1 {font-size:1.5em;}
#adLanding.adWords .clear {display:none;}
#adLanding.adWords #logo {margin-bottom:1.5em;}
#adLanding.adWords #gray .container .colLeft {width:100%; float:none;}
#adLanding.adWords #gray .colRight {width:100%; float:none; text-align:left;}
#mobileNav {float:none; width:100%;}
#logo {min-width:100%; float:none; margin-bottom:0em;}
#header {min-width:100%;}
#gray .container .colRight {min-width:100%}
#adLanding.distLanding #logo {margin:0 auto; text-align:center; background:#fff; float:none; width:100%}
/*#prodOverview #table td.tableGreen p {width:75%}
#prodOverview #table td.tableGreen p.left {width:25%}
#prodOverview #table td.tableGreen p.left a span {text-align:right; font-size:1.25em;}*/

}