/* CSS for www.graco.com
-------------------------------------------------------------------------------*/

/* Defaults
-------------------------------------------------------------------------------*/

section, article, aside, figure, footer, header, hgroup, nav {
 display: block;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* Make sure sup and sub don't mess with line-heights
 gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* general hidden class - TJC */
.hidden { display: none; }


/* Beyond the defaults
-------------------------------------------------------------------------------*/

body {
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #202020;
 text-align: center;
 margin: 0;
 padding: 0; 
}

a, a:link, a:active, a:visited {
 color: #0033ab;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 color: #666;
 font-weight: bold;
 text-decoration: underline;
}
a img { border:none; }

#pagecontainer {
 width: 960px;
 margin: 0 auto;
 background-color: #fff;
 border-right: 1px #bababa solid;
 border-bottom: 1px #bababa solid;
 border-left: 1px #bababa solid;
 text-align: left;
 -webkit-box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.25);
 -moz-box-shadow:    2px 2px 6px rgba(50, 50, 50, 0.25);
 box-shadow:         2px 2px 6px rgba(50, 50, 50, 0.25);
 min-height: 400px;
}

#assetdetail_pagecontainer {
 width: 500px;
 margin: 0 auto;
 background-color: #fff;
 border: 1px #bababa solid;
 text-align: left;
 -webkit-box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.25);
 -moz-box-shadow:    2px 2px 6px rgba(50, 50, 50, 0.25);
 box-shadow:         2px 2px 6px rgba(50, 50, 50, 0.25);
 min-height: 250px;
}

#content {
 padding: 20px;
 font-size: 0.85em;
 min-height: 250px;
 overflow: hidden;
}
#content h1 {
 margin: 0 0 10px 0;
 padding-top: 0;
 font-size: 160%;
}
#content h2 {
 margin: 0 0 10px 0;
 padding-top: 0;
 font-size: 130%;
}


header {
 background-color: #fff; 
 height: 123px;
}

header .header {
 margin: 16px 0 -16px 16px;
 padding: 0; 
 height: 82px;
 float: left;
}

/* mininav styling
-------------------------------------------------------------------------------*/
#mininav {
 width: 500px;
 float: right;
 text-align: right;
 font-size: 11px;
 margin: 10px 15px 0 15px;
 color: #424242;
 position: relative;
 top: -15px;
}
#mininav a {
 font-weight: normal;
 text-decoration: none;
 margin: 0 4px;
}
#mininav a:hover {
 text-decoration: underline;
 font-weight: normal;
}
#mininav select {
 margin-right: 10px;
}
#mininav .world {
 background-image:url('../images/world.gif');
 background-repeat: no-repeat;
 background-position: 0 -8px;
 padding: 0 4px 0 60px;
}
/* searchbox styling
-------------------------------------------------------------------------------*/
#searchbox, .searchbox {
 width: 500px;
 float: right;
 text-align: right;
 margin: 0 19px 0 15px;
 color: #424242;
}
#query, #queryps, #querygs {
 width: 150px;
 font-size: 12px;
 color: #424242;
 height: auto;
 border: 1px #a5a5a5 solid;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 outline: 0;
 -webkit-appearance: none;
 padding: 2px 5px;
 line-height: normal;
} 



/* mainnav and mobilenav styling
-------------------------------------------------------------------------------*/
#mainnav {
 float: left;
 width: 960px;
 height: 22px;
 list-style: none;
 background-image:url('../images/mainnav_bg.gif');
 background-repeat: repeat-x;
 font-weight: bold;
 font-size: 13px;
 padding: 0;
 margin: 0;
 position: relative;
 z-index: 999;
} 
#mainnav ul {
 float: left;
 width: 100%;
 list-style: none;
 margin: 0;
 padding: 0;
 line-height:15px;
}
#mainnav ul li.tab ul {
 width: 16em;
 background: #464646; /* TJC */
}
#mainnav a {
 display: block;
 color: #fff;
 text-decoration: none;
 padding: 2px 4px 2px 4px;
 background:none;
}
#mainnav li {
 /* float:left; - TJC remove to fix FF multi-column issue */
 padding: 0;
 background:none;
}

#mainnav ul li.tab {
 float:left; /* TJC - add back after removing above */
 margin:0;
 padding:0 0 0 9px;
 background:url('../images/mainnavcurrent_a.gif') no-repeat left top;
}
#mainnav ul li.tab a {
 padding: 3px 20px 4px 0;
 margin: 0 0 0 13px;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
 background:url('../images/mainnavcurrent_b.gif') no-repeat right top;
}
/* #mainnav ul li.currentsection {
 margin:0;
 padding:0 0 0 9px;
 background:url('../images/mainnavcurrent_a.gif') no-repeat left top;
 background-position:0% -25px;
}
#mainnav ul li.currentsection a {
 padding: 3px 20px 4px 0;
 margin: 0 0 0 13px;
 text-decoration:none;
 font-weight:bold;
 color:#424242;
 background:url('../images/mainnavcurrent_b.gif') no-repeat right top;
 background-position:100% -25px;
} */
#mainnav ul li.tab ul.nontab li a {
 background-image:none;
 font-weight:normal;
 /* KLM */
 color: #fff;
}
#mainnav ul li ul {
 border: 1px solid #464646;
}
#mainnav ul li.tab ul.nontab  {
 margin-left:-9px; 
}
#mainnav ul li ul li {
 background: #464646;
 text-align:left;
 border:none;
 margin-left:0;
}
#mainnav li ul {
 position: absolute;
 left: -999em;
 height: auto;
 width: 16.4em;
 w\idth: 14.9em;
 font-weight: normal;
 margin: 0;
 padding: 0;
}
#mainnav li li {
 /* padding-right: 1em; TJC - not needed */
 width: 15em;
}
#mainnav li ul a {
 width: 15em;
 w\idth: 12em; /* TJC - added 1em */
 text-align:left;
 background:none;
}
#mainnav li ul ul {
 margin: -1.75em 0 0 14em;
}
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {
 left: -999em;
}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {
 left: auto;
}
#mainnav ul li ul li:hover, #mainnav ul li ul li.sfhover {
 /* KLM */
 background: #fcbd30;
 color:#666;
}
#mainnav ul li.tab ul.nontab li a:hover {
 color:#464646;
}
#mainnav li.tab:hover, #mainnav li.tab:hover a {
 background-position:0% -25px;
 color:#464646;
}
#mainnav li.tab:hover a {
 background-position:100% -25px;
}

/* TJC add mcol class for multi-column menu */
#mainnav ul li ul.mcol { 
	display: inline-block;
	width: 34em;
	background-color: #464646;
	column-count: 2;
	column-width: 16em;
	-moz-column-count: 2; -webkit-column-count: 2;
	-moz-column-width: 16em; -webkit-column-width: 16em;
	-moz-column-gap: 1px; -webkit-column-gap: 1px;
	-moz-column-rule: 1px solid #ccc; -webkit-column-rule: 1px solid #ccc;
}
#mainnav ul li ul.mcol li {
	min-height: 2.0em;
	width: 15em;
	/*w\idth: 14.0em;*/
	-moz-margin-before: 0; -webkit-margin-before: 0;
	-moz-margin-after: 0; -webkit-margin-after: 0;
	zoom: 1; /* TJC - IE 7 hack for multi column */
	*display: inline; /* TJC - IE 7 hack for multi column */
	display: inline-block\9; /* TJC - IE 8 hack for multi column */
	vertical-align: middle;
}
#mainnav ul li ul.mcol li a { /* TJC - prevents multi-column list items from breaking across columns */
	display: inline-flex;
	display: -webkit-inline-flex;
}

ul.mcol {
	width: 34em !important;
}

ul.mcol li {
	width: 15em !important;
	position: relative;
}

ul.mcol li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
}


#mobile-nav select {
 margin: 2px 20px 0 20px;
}

/* breadcrumbs styling
-------------------------------------------------------------------------------*/
#breadcrumbs, #breadcrumbs ol {
 float: left;
 width: 100%;
 height: 19px;
 list-style: none;
 background: #d0d0d0;
 background-image:url('../images/breadcrumbs_bg.gif');
 background-repeat: repeat-x;
 font-weight: normal;
 font-size: 10px;
 padding: 3px 0 0 20px;
 margin: 0;
 overflow: hidden;
 box-sizing: border-box;
}

#breadcrumbs li {
 float: left;
 padding: 0;
 margin: 0 2px 0 0;
}

#breadcrumbs a {
 font-weight: normal;
 text-decoration: none;
 color: #383838; 
}

#breadcrumbs a:hover {
 font-weight: normal;
 text-decoration: underline;
 color: #242424; 
}

/* footer styling
-------------------------------------------------------------------------------*/
footer {
 text-align: left;
 width: 920px;
 margin: 15px auto;
 padding: 0 15px;
 font-size: 0.6em;
 overflow: hidden;
}
#tagline {
 font-style: italic;
 font-size: 1.3em;
 margin-bottom: 3px;
}
#followus {
 margin-bottom: 5px;
}
#followus img {
 margin: 0 0 0 5px;
}

.left {
 float: left;
}
.right {
 float: right;
 text-align: right;
}

/* content styling
-------------------------------------------------------------------------------*/
h1 {
 font-size: 160%;
 color: #313131;
}

h2 {
 font-size: 130%;
 color: #313131;
}

h3 {
 font-size: 120%;
 color: #313131;
}

.errortext {
    color: #ff0000;
}

/* homepage styling
-------------------------------------------------------------------------------*/

#homepagecarousel {
 margin: 0;
 padding: 0;
}

.homefeaturebox {
 width: 215px;
 height: 300px;
 float: left;
 margin: 20px 20px 0 0;
 font-size: 90%;
 font-weight: normal;
}
.homefeaturebox h2 {
 font-size: 14px;
 text-transform: uppercase;
 margin: 0 0 15px 0;
 padding: 0;
}
.homefeaturebox p {
 padding: 0;
 margin: 6px 0;
}
.homefeaturebox img {
 border: 1px #999 solid;
 width: 213px;
 margin: 0 0 8px 0;
}
.homefeaturebox select {
 width: 190px;
}
.homefeaturebox section {
 margin-bottom: 8px;
}
.homefeaturebox .eventtitle {
 margin: 0;
 padding: 0;
}
.homefeaturebox .eventlocation {
 margin: 0;
 padding: 0;
 color: #666;
 font-size: 96%;
}
.homefeaturebox .eventdate {
 margin: 0 8px 0 0;
 padding: 0;
 color: #666;
 font-size: 96%;
}
.homefeaturebox .newstitle {
 margin: 0;
 padding: 0;
}
.homefeaturebox .newsdate {
 margin: 0 8px 0 0;
 padding: 0;
 color: #666;
 font-size: 96%;
}
.graybackground {
 background-image: url(../images/homebox_graybg.jpg);
 background-repeat: repeat-x;
 background-position: top left;
 width: 194px;
 height: 280px;
 padding: 10px;
 margin-top: 10px;
}
.goldbackground {
 background-image: url(../images/homebox_goldbg.jpg);
 background-repeat: repeat-x;
 background-position: top left;
 width: 194px;
 height: 280px;
 padding: 10px;
 margin: 10px 0 0 0;
}
.viewall {
 margin-top: 15px;
 padding-left: 15px;
 background-image:url(../images/arrow-gold-right.png);
 background-repeat: no-repeat;
 background-position: left center;
}

ul.nostyle {
 list-style-type:none;
 padding:0px;
 margin:0 0 15px 0;
}
ul.nostyle li {
 margin: 2px 0 5px 0;
}
ul.nostyle li ul {
 margin-top: 10px;
}
ul.nostyle li ul li {
 padding-left: 15px;
}
a.advsearchlink {
 font-size: 80%;
}

/* productssearchbox styling
-------------------------------------------------------------------------------*/
#productssearchbox {
 margin: 15px 0 15px 0;
}

#productssearchbox input[type="search"] {
 width: 170px;
 font-size: 11px;
 color: #424242;
 height: 14px;
}

/* product page styling
-------------------------------------------------------------------------------*/
#productintro {
 height: 180px;
 width: 920px; 
 padding: 20px;
 background-image: url(../images/productintro_bg.jpg);
 background-repeat: repeat-y;
 background-position: left top;
 border-bottom: 1px #e5e5e5 solid;
 overflow:visible; 
 position:relative; 
 top: -20px; 
 left: -20px; 
 z-index: 0; 
}

#productbody {
  width: 625px;
  float: left;
}

/*h1.producttitle {
 width: 620px;
 margin: 0 15px 10px 0;
 padding-bottom: 5px;
 font-size: 160%;
 color: #000;
 background-image: url(../images/producttitleborder.jpg);
 background-repeat: no-repeat;
 background-position: left 1.3em;
}
.productsubtitle {
 display: block;
 width: 440px;
 margin: 8px 15px 5px 0;
 font-size: 80% !important;
 font-style: italic;
}*/

h1 span.producttitle {
 width: 620px;
 margin: 0 15px 10px 0;
 padding-bottom: 5px;
 color: #000;
 background-image: url(../images/producttitleborder.jpg);
 background-repeat: no-repeat;
 background-position: left 1.3em;
}
h1 span.productsubtitle {
 display: block;
 width: 440px;
 margin: 8px 15px 5px 0;
 font-size: 80% !important;
 font-style: italic;
}

h2.producttag {
 width: 440px;
 margin: 4px 15px 0 0;
 font-size: 100% !important;
}
#productintro #callstoaction {
 font-size: 90%;
 position: absolute;
 top: 65px;
 right: 315px;
 width: 160px;
}
a.calltoaction {
 display: block;
 width: 140px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 6px;
 color: #FFF;
 margin: 10px 0;
 font-size: 100%;
 border: #CCC solid 2px;
 text-align: left;
}
a.calltoaction:link, a.calltoaction:visited, a.btn-form:visited { 
 color:#FFF;
 background: url(../images/arrow_bg_cta.png) no-repeat right, #556faa; /* Old browsers */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -moz-linear-gradient(top, #556faa 0%, #0033ab 100%); /* FF3.6+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556faa), color-stop(100%,#0033ab)); /* Chrome,Safari4+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -webkit-linear-gradient(top, #556faa 0%,#0033ab 100%); /* Chrome10+,Safari5.1+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -o-linear-gradient(top, #556faa 0%,#0033ab 100%); /* Opera11.10+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -ms-linear-gradient(top, #556faa 0%,#0033ab 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556faa', endColorstr='#0033ab',GradientType=0 ); /* IE6-9 */
 background: url(../images/arrow_bg_cta.png) no-repeat right, linear-gradient(top, #556faa 0%,#0033ab 100%); /* W3C */
}
a.calltoaction:hover { 
 color:#DDD;
 text-decoration:none;
 background: url(../images/arrow_bg_cta_over.png) no-repeat right, #556faa; /* Old browsers */
 background: url(../images/arrow_bg_cta_over.png) no-repeat right, -moz-linear-gradient(top, #556faa 0%, #0033ab 100%); /* FF3.6+ */
 background: url(../images/arrow_bg_cta_over.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556faa), color-stop(100%,#0033ab)); /* Chrome,Safari4+ */
 background: url(../images/arrow_bg_cta_over.png) no-repeat right, -webkit-linear-gradient(top, #556faa 0%,#0033ab 100%); /* Chrome10+,Safari5.1+ */
 background: url(../images/arrow_bg_cta_over.png) no-repeat right, -o-linear-gradient(top, #556faa 0%,#0033ab 100%); /* Opera11.10+ */
 background: url(../images/arrow_bg_cta_over.png) no-repeat right, -ms-linear-gradient(top, #556faa 0%,#0033ab 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556faa', endColorstr='#0033ab',GradientType=0 ); /* IE6-9 */
 background: url(../images/arrow_bg_cta_over.png) no-repeat right, linear-gradient(top, #556faa 0%,#0033ab 100%); /* W3C */
}
a.calltoaction:active, a.btn-form:active { 
 color:#FFF;
 background: url(../images/arrow_bg_cta.png) no-repeat right, #556faa; /* Old browsers */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -moz-linear-gradient(top, #556faa 0%, #0033ab 100%); /* FF3.6+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556faa), color-stop(100%,#0033ab)); /* Chrome,Safari4+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -webkit-linear-gradient(top, #556faa 0%,#0033ab 100%); /* Chrome10+,Safari5.1+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -o-linear-gradient(top, #556faa 0%,#0033ab 100%); /* Opera11.10+ */
 background: url(../images/arrow_bg_cta.png) no-repeat right, -ms-linear-gradient(top, #556faa 0%,#0033ab 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556faa', endColorstr='#0033ab',GradientType=0 ); /* IE6-9 */
 background: url(../images/arrow_bg_cta.png) no-repeat right, linear-gradient(top, #556faa 0%,#0033ab 100%); /* W3C */
}
#productintro #imagesvideos {
 width: 290px;
 height: 220px;
 position: absolute;
 top: 0;
 right: 0;
}
#leftcolumn {
 width: 640px;
 float: left;
 padding: 0 10px 10px 0;
 
}
#rightcolumn {
 width: 250px;
 float: right;
 padding: 30px 0 20px 20px;
}
.addthis_toolbox {
 margin-top: 20px;
}
#productinfo {
 width: 625px;
 float: left;
}
#productinfo img {
 margin: 0 15px 0 0;
 float: left;
}
#productinfo ul {
 list-style-position: inside;
}


/* Generic Page styling
-------------------------------------------------------------------------------*/
#newsrelease_genericintro, #genericintro {
 width: 290px; 
 padding: 0;
 float:right;
 text-align:center;
 margin: 0 0 10px 10px;
 padding-bottom: 10px;
 position: relative;
 top: -20px;
 right: -20px;
 z-index: 0;
}


#newsrelease_genericintro #imagesvideos, #genericintro #imagesvideos {
 width: 290px;
 height: 220px;
}
#newsrelease_genericintro .product_media_links, #genericintro .product_media_links {
 display:block;
 text-align:center;
 margin:0;
 padding: 5px;
 font-size:85%;
}
#newsrelease_genericintro #callstoaction, #genericintro #callstoaction {
 display: inline-block;
 font-size: 90%;
 width: 160px;
 position: relative;
 margin: 40px 0 0 0;
}
#newsrelease_genericintro #relatedlinks {
 margin-right: 20px;
 margin-top: -15px;
}

ul.teaser, ul.news {
padding:0;
}
ul.teaser li, ul.news li{
margin-left:0;
list-style-type:none;
clear:left;
overflow: hidden;
}
ul.teaser img.teaser, ul.news img.teaser { 
width:120px;
float:left;
margin:0 .8em 0 0;
}
ul.news .news-date {
    font-weight:normal;
    color: #555;
}
ul.news .news-date:before {
    content: "\0020 \00B7 \0020";
    color: #555;
    font-weight:bold;
}

.previous { width:80px; float: left; }

.social_icon a:hover {opacity: .7;filter:alpha(opacity=70);}

/* Job Posting Styles
-------------------------------------------------------------------------------*/
h1.jobposting_title {
 font-size: 140% !important;
}
h2.jobposting_subtitle {
 font-size: 100% !important;
 margin: 8px 0 6px 0 !important;	
 padding:0;
}
h3.jobposting_date {
 font-size: 100% !important;
 margin: 6px 0;
 padding:0;
}
h3.jobposting_location {
 font-size: 100% !important;
 margin: 6px 0;
 padding: 0;	
}
h3.jobposting_sectiontitle {
 font-size: 100%;
 padding:0;
 margin: 24px 0 4px 0 !important;
 border-bottom: 1px #CCCCCC	solid;
}

/* News Release Styles
-------------------------------------------------------------------------------*/
h2.newsrelease_subtitle {
 font-size: 110% !important;
}
h3.newsrelease_date {
 font-size: 100% !important;
 font-weight: normal;
}
#newsrelease_listing {
 width: 600px;
 min-height: 300px;
 float: left;
 margin: 0;
 padding: 0;
}
#newsrelease_content {
 width: 920px;
 margin: 0;
 padding: 0;
}
#newsrelease_content .related_container {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}
#newsrelease_content .relatedlinks {
 float: right;
}
.pressroom_newsitem {
 display: block;
 float: left;
 width: 638px;
 margin: 0 0 12px 0;
}
.pressroom_newsitem .newsimg {
 width: 60px;
 height: 60px;
 float: left;
 margin: 0 8px 8px 0;
 Display:none;
}
.page_functionality {
 margin-top: 15px;
 float:left;
}
.pageof {
 font-size: 80%;
 font-style: italic;
}
.prevpagelink {
 padding-left: 15px; 
 background: url(../images/arrow-gold-left.png) left no-repeat;
 font-size: 90%;
}
.nextpagelink {
 padding-right: 15px; 
 background: url(../images/arrow-gold-right.png) right no-repeat;
 font-size: 90%;
}

/* - Styles for Press Room
-------------------------------------------------------------------------------*/
div.lightbox { display: none; }
div.date { display: none; }
div.download span.action { color:#0033ab; font-weight: bold; }


/* - Styles for Request Info and RSVP Forms
-------------------------------------------------------------------------------*/
fieldset.rs-form { padding:0;margin:0;overflow:hidden;font-size:95%; }
fieldset.rs-form form {
 background:#e0e0e0;
 padding:10px; 
 margin:0 auto; 
 text-align: left;
 font-size: .8em;
}
fieldset.rs-form form .introtext {
 font-size: 95%;
}
fieldset.rs-form form .requiredfield {
 color: #FF0000; 
}
fieldset.rs-form form fieldset {
 width:420px; 
 display:block; 
 padding: 5px; 
 border:1px solid #fff;
 margin: 5px;
}
fieldset.rs-form form fieldset fieldset {
 width:190px; 
 float:left;
 display:block; 
 padding:3px; 
 border:none;
 margin: 0 4px;
}
fieldset.rs-form form legend { 
 font-size: 105%;
 font-family: Arial, Helvetica, sans-serif; 
 color:#333;
 font-weight:bold; 
 font-style:normal; 
 margin:0; 
 padding:5px; 
}
fieldset.rs-form form label { 
 display:block; 
 width:100%; 
 color:#333; 
 font-style:normal;
}
fieldset.rs-form form input[type="text"],
fieldset.rs-form form input[type="email"],
fieldset.rs-form form input[type="tel"] {
 border:1px solid #e1e1e1;
 background:#fff; 
 padding:0.2em; 
 margin-bottom:.3em;
 width: 100%;
 font-size: 108%;
}
fieldset.rs-form form select {
 border:1px solid #e1e1e1;
 margin-bottom:1em;
 padding: 0.2em 0.2em 0.15em 0.2em; 
 width: 105%;
 font-size: 108%;
}
fieldset.rs-form form textarea {
 width:400px; 
 height:6em; 
 border:1px solid #e1e1e1; 
 padding: 0.2em;
 overflow:auto;
 font-size: 108%;
}
fieldset.rs-form form option {
 background:#fff; 
 color:#212121;
}
fieldset.rs-form form #button1 { 
 background:#0033ab; 
 border-bottom:1px solid #333; 
 border-left:1px solid #999; 
 border-top:1px solid #999; 
 border-right:1px solid #333; 
 color:#fff; 
 padding:.3em .5em; 
 cursor:pointer;  
 margin: 10px 0;
 font-weight: bold;
 font-size: 110%;
}
fieldset.rs-form form #button1:hover {
 background:#ccc; 
 color:#000; 
}
fieldset.rs-form #submitstuff {
 text-align: center;
 width: 428px;
 border:none;
}
fieldset.rs-form #submitstuff input {
 display:inline;
 width: auto;
 vertical-align: middle;
}
fieldset.rs-form #submitstuff label {
 display: inline;
}
#fancybox-content {
min-height:200px;
}

/* Styles for Events 
-------------------------------------------------------------------------------*/

.eventpagecontent .homeevent { margin: 12px 0; }
.event { margin: 0; }
.startdate { margin: 20px 0 10px 0; }
.enddate, .place, .eventlink { margin: 10px 0; }
.startdate .title, .enddate .title, .place .title, .eventlink .title { font-weight: bold; }
.event .details { margin: 10px 0; }
.eventpagecontent .homeevent { overflow:hidden; border-top:1px solid #999; }
.eventpagecontent .homeevent .eventtitle { margin-top:10px; }
.eventpagecontent .homeevent .eventtitle img { float:left; margin-right:10px; width: 120px; }
.eventpagecontent .homeevent .eventdate { font-weight:bold; }
.eventpagecontent .homeevent .eventdescription { margin-top:0.5em; }

/* Media link button styling
-------------------------------------------------------------------------------*/

.product_media {
 text-align: center;
}
.product_media_links {
 display: block;
 text-align: center;
 margin: 5px;
 font-size: 95%;
}
.product_media_links a.btn_images, .product_media_links a.btn_videos { 
 display: inline-block;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 3px 8px 3px 32px;
 color: #FFF;
 margin: 0 2px;
}
.product_media_links a.btn_images:link, .product_media_links a.btn_images:active, .product_media_links a.btn_images:visited { 
 background: #999 url(../images/btn_bg_img.png) no-repeat left;
 border: #CCC solid 2px;
}
.product_media_links a.btn_images:hover { 
 background: #666 url(../images/btn_bg_img_over.png) no-repeat left;
 border: #BBB solid 2px;
 color:#DDD;
 text-decoration:none;
}
.product_media_links a.btn_videos:link, .product_media_links a.btn_videos:active, .product_media_links a.btn_videos:visited { 
 background: #999 url(../images/btn_bg_vid.png) no-repeat left;
 border: #CCC solid 2px;
}
.product_media_links a.btn_videos:hover { 
 background: #666 url(../images/btn_bg_vid_over.png) no-repeat left;
 border: #BBB solid 2px;
 color:#DDD;
 text-decoration:none;
}

/* splash carousel slider styling
-------------------------------------------------------------------------------*/
div#splash div.slidecontent { padding: 0 0 0 20px; width: 440px; float: left; text-align: left; z-index:0;}
div#splash div.slidecontent p { width: 340px; overflow: hidden; font-size: 13px; color:#fff; line-height: 18px; margin: 3px 0; position:relative; z-index: 1; }
div#splash div.slidecontent p a { padding-left:15px; color:#FCBD30; background: url(../images/arrow-gold-right.png) left no-repeat; }
div#splash h2 { color: #ddd; margin: 18px 0 0 0; font-size:20px; line-height: 24px; position:relative; z-index: 1; text-transform:uppercase; }

div#splash div.image img { position: absolute; right: 0; padding: 0; width: 960px; height: 300px; z-index: 0; margin: 0; }

div#splash .container { width:960px; height:300px; overflow:hidden; position:relative; top: -20px; left: -20px; z-index: 0; }
div#splash div.slides { position:absolute; top:0; left:0; }
div#splash ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div#splash div.slides > div,ul.slides li { position:absolute; top:0; width:960px; display:none; padding:0; margin:0; }
div#splash .loopedSlider, div#splash .featureSlider { margin:0 auto; width:960px; position:absolute; height:300px; }

div#splash a.previous, div#splash a.next {
 display:block;
 position:absolute;
 top: 100px;
 width:46px;
 height:0px;
 padding-top:46px;
 overflow:hidden;
 font-size:0%;
 line-height:0%;
 border:1;
 text-decoration:none;
 z-index:2; 
}
div#splash a.previous { font-size:0%;line-height:0%;background: url(../images/arrow-slider-prev.png) no-repeat top left; left:-45px;z-index:2;}
div#splash a.next { font-size:0%;line-height:0%;background: url(../images/arrow-slider-next.png) no-repeat top right; right: -4px; z-index:2;}

div#splash ul.pagination { position: absolute; list-style:none; padding:0; margin:0; top: 160px; left: 20px;}
div#splash ul.pagination li  { float:left; display: inline; margin: 0 8px 0 0; padding: 0; width: 60px; text-align: center; font-size: 11px; line-height: 12px;}
div#splash ul.pagination li a { padding:0; margin: 0; text-decoration: none; color: #fff; width: 60px; font-size: 10px; line-height: 12px; }
div#splash ul.pagination li.active a, div#splash ul.pagination li a:hover {color: #ddd;}

div#splash ul.pagination li a img {
 display:block;
 position:relative;
 width:60px;
 height:60px;
 overflow:hidden;
 font-size:0%;
 line-height:0%;
 text-decoration:none;  
}
div#splash ul.pagination li.first a img {border: solid #CCC 2px;}
div#splash ul.pagination li.second a img {border: solid #CCC 2px;}
div#splash ul.pagination li.third a img {border: solid #CCC 2px;}
div#splash ul.pagination li.last a img {border: solid #CCC 2px;}

div#splash ul.pagination li.first.active a img,
div#splash ul.pagination li.first:hover a img {border: solid #FCBD30 2px;}
div#splash ul.pagination li.second.active a img,
div#splash ul.pagination li.second:hover a img {border: solid #FCBD30 2px;}
div#splash ul.pagination li.third.active a img,
div#splash ul.pagination li.third:hover a img {border: solid #FCBD30 2px;}
div#splash ul.pagination li.last.active a img,
div#splash ul.pagination li.last:hover a img {border: solid #FCBD30 2px;}
div#splash {position:static;height:300px;}

/* Thumbnail list styles - intermediate and product pages
-------------------------------------------------------------------------------*/
#categoryinfo {
 margin-top: 25px;
 overflow: hidden;
 font-size: 95%;
}

#categoryinfo p,ul,ol {
 margin-top:0;
 padding-top:0;
 margin-bottom: 10px;
 padding-bottom: 0;
}

h2.thumbnailheader {
	margin: 25px 0 0 0 !important;
	border-bottom: 1px #ccc solid;	
}

div.catlist {
 margin-top: 25px;
}

ul.catlist { list-style:none; padding:0; margin:0; }
ul.catlist li {
  width: 146px; 
  height: 190px; 
  padding: 0 16px 18px 0; 
  margin: 0 18px 18px 0;
  display: inline-block; 
  vertical-align:top; 
  zoom: 1; /* - IE5-IE7 Hack */
  *display:inline; /* - IE5-IE7 Hack */
}
ul.catlist li a {
  width: 146px;
  height: 190px; 
  padding: 10px; 
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block; 
  background-color: #E6E6E6;
  font-size: 12px; 
  text-align: left; 
  zoom: 1; /* - IE5-IE7 Hack */
  *display:inline; /* - IE5-IE7 Hack */
}

ul.catlist li a p {
 margin: 3px 0;
 padding: 0;
}

ul.catlist li a:hover { background-color: #ddd; }
ul.catlist li .image { padding:0;margin:0; }
ul.catlist li .image img { margin:0;padding:0;border:0; }
ul.catlist li .boxtitle { margin: 6px 0 3px 0;font-size:1.1em;font-weight:bold; }
ul.catlist li .desc { margin-top: 0;color:#666;text-decoration:none;font-weight:normal; }

div.tab div.catlist {
 margin-top: 0;
}

div.tab ul.catlist { list-style:none; padding:0; margin:0; }
div.tab ul.catlist li {
  width: 146px; 
  height: 165px; 
  padding: 0; 
  margin: 5px 12px;
  display: inline-block; 
  vertical-align:top; 
  zoom: 1; /* - IE5-IE7 Hack */
  *display:inline; /* - IE5-IE7 Hack */
}
div.tab ul.catlist li a {
  width: 146px;
  height: 165px; 
  padding: 0; 
  margin: 0;
  font-size: 12px; 
  text-align: left; 
  background: none;
  zoom: 1; /* - IE5-IE7 Hack */
  *display:inline; /* - IE5-IE7 Hack */
}

div.tab ul.catlist li a p {
 margin: 3px 0;
 padding: 0;
}

div.tab ul.catlist li a:hover { background: none; }
div.tab ul.catlist li .image { padding:0;margin:0; }
div.tab ul.catlist li .image img { margin:0;padding:0;border:0; }
div.tab ul.catlist li .boxtitle { margin: 6px 0 3px 0;font-size:1.1em;font-weight:bold; }
div.tab ul.catlist li .desc { display:none; }



/* Related links styles
-------------------------------------------------------------------------------*/
.related_container { float:right; font-size:95%; margin: 40px 0 15px 15px; text-align: left; font-size:.90em; }

.related_container #featurelinks, .related_container #toolbox, .related_container .featurelinks {
 width:250px;
 min-height:100px;
 border:1px solid #ccc;
 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 padding: 0 0 3px 0;
 margin: 0 0 16px 10px;
}
.related_container .title {
 padding: 0 2px 2px 2px;
 margin: 6px 0;
 display:block;
 color:#333;
 /* - the following background gradient code was generated from http://www.colorzilla.com/gradient-editor */
 background: #d9d9d9;
 background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 40%, #bcbcbc 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#e2e2e2), color-stop(100%,#bcbcbc));
 background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 40%,#bcbcbc 100%);
 background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 40%,#bcbcbc 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 40%,#bcbcbc 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 );
 background: linear-gradient(top, #ffffff 0%,#e2e2e2 40%,#bcbcbc 100%);
 *background: #DDD; /* IE Hack */
}
.related_container .title h3 {
 margin: 0 6px 3px 6px;
 padding: 0;
 font-size: 110%;
}
.featurelinks p {
 margin: 0 6px 4px 6px;
 padding: 0;
}
.featurelinks ul {
 font-size:.95em;
}
.featurelinks .searchbox {
 float: left;
 width: 235px;
 text-align: left;
 margin: 4px 6px;
 display: inline;
}
.related ul {padding-left:1em;margin:0;}
ul.iconlist {list-style:none;padding:0;margin:0 5px;font-size:.95em;}
ul.iconlist li.pdf
{
  background-image: url(../images/icon_pdf.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .3em 0;
}

ul.iconlist li.doc
{
  background-image: url(../images/icon_doc.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.txt
{
  background-image: url(../images/icon_txt.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.htm
{
  background-image: url(../images/icon_html.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.fla
{
  background-image: url(../images/icon_fla.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.img
{
  background-image: url(../images/icon_image.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.mov
{
  background-image: url(../images/icon_mov.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.ppt
{
  background-image: url(../images/icon_ppt.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.swf
{
  background-image: url(../images/icon_swf.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

ul.iconlist li.xls
{
  background-image: url(../images/icon_xls.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}
ul.iconlist li.xml
{
  background-image: url(../images/icon_xml.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}
ul.iconlist li.zip
{
  background-image: url(../images/icon_zip.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}
ul.iconlist li.dxf
{
  background-image: url(../images/icon_dxf.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  margin: .2em 0;
}

/* Product tab styles
-------------------------------------------------------------------------------*/
div.tablayout {
    position:relative;
    left: 10px;
    width: 900px;
    margin: 0 0 25px 0;
}

ul.tablayout {
    list-style-type: none;
    width: 100%;
    float: left;
 margin: 15px 0 0 0;
 padding: 0;
}

ul.tablayout li {
    margin: 0 2px 0 0;
    float: left;
}

ul.tablayout a {
    float: left;
    display: block;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #666;
    background: #eee;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
}

ul.tablayout a:hover {
    background: #fff;
}

ul.tablayout a.active {
    background: #fff;
    padding-bottom: 5px;
    cursor: default;
    color: #0033ab;
}
.tabs-container {
    clear: left;
    border: 1px solid #ccc;
    padding: 15px;
}
div.tab {
 overflow: hidden;
}
.hideTab{
 display:none;
}
div.resourcelist {
 width: 264px;
 margin: 0 10px;
 float: left;
 text-align: left;
}
div.resourcelist h3 {
 font-size: 110%;
 margin: 0 0 8px 0;
}
div#fancybox-content div.resourcelist {
 font-size: 85%;
}
div#fancybox-content div.resourcelist ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
div#fancybox-content div.resourcelist ul li {
 display: inline;
 float: left;
 margin: 0 18px 10px 0;
}
div.catlist h3 {
 font-size: 110%;
 margin: 0 0 8px 0;
}
a.otherlanguages {
 font-size: 90%;
 font-weight: normal;
 color: #666;
 margin: 2px 0 0 0;
 padding: 0;
 display: block;
}
div.englishonly {
 font-size: 90%;
 margin: 0 0 0 5px;
 display: inline;
 color: #9b9b9b;
}

/* Tech specs styles
-------------------------------------------------------------------------------*/
.switchunits {
 font-size: 80%;
 float: right;
 text-align: right;
 width: 850px;
 margin-bottom: 10px;
}
.switchunits a {
 font-weight: normal;
}
.techspecs_table {
 width: 420px;
 float: left;
 font-size: 85%;
 margin: 5px 12px 0 0;
}
td.techspecs_title {
 padding: 4px;
 font-weight: bold;
 background-color: #5c5c5c;
 color: #fff;
 border-bottom: 1px #333 solid;
}
td.techspecs_units {
 font-weight: normal;
}
td.techspecs_subheader {
 font-weight: bold;
 background-color: #ededed;
 padding: 4px;
}
td.techspecs_desc {
 font-weight: normal;
 border-bottom: 1px #ccc dotted;
 width: 220px;
 padding-left: 15px;
}
td.techspecs_value {
 font-weight: normal;
 border-bottom: 1px #ccc dotted;
 width: 200px;
}

/* Distributor locator - Google Map styles
-------------------------------------------------------------------------------*/
.map_canvas {
 width:100%;
 height:100%;
 border: 1px solid #CCC;
}
.map_key {
 display: none;
/* margin-top: 15px;
 font-size: 90%; */
}
.controllayout {
 width:100%;
}
.leftmapcol { 
 float:left; 
 width:30%;
}
.rightmapcol {
 float:right; 
 width:68%; 
 padding:0;
}
.rightmapcol {
	padding: 0 0 40px 0;
}
.mapcontrols{ 
 width:100%; 
 min-height:500px;
 margin-top:1em;
}
.mapresults {
 display:none;
}
.mapresults .page_functionality {
 margin-top:5px;
}
.maperror {
 color:red;
}
.mapcontactmsg {
 margin-top:1.0em; 
}
a.mapdir {
 display:block;
 margin: 5px 0 0 0;
 font-weight:normal;
}
.mapimg {
 float:right;
 width:30px;
 height:30px;
 margin: 10px 0 0 0;
}

#inputboxarea {
 padding: 8px 6px;
 background-color:#ddd;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

/*#inputboxarea .searchbutton {
 float:right; 

 margin:8px 0;
 padding: 2px;
 width:114px;
 background-color:#0033AB;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 font-size:100%;
 font-weight:bold;
 color:#FFF;

}*/
.loading {
	 display:none;
	 float:right;
}
/*#inputboxarea .searchbutton:hover {
 color:#ddd;
}
#inputboxarea #address {
 width:132px;
}
#inputboxarea #country {
 width:114px;
}*/
#searchadv {
 margin: 10px 0 6px 0;
}
#searchadv a, .mapdetailheader a {
 cursor: pointer;
}
#searchadv #loading {
 float:right;
 text-align:center;
 margin:8px 0;
 width:114px;
}
#searchoptions {
/* line-height:1.8em; */
 margin:10px 0 0 0;
/* font-size: 90%; */
}
/*
#searchoptions #producttype, #searchoptions #producttype2 {
 width: 130px;
 width: 97%; 
 margin-left: 5px;
 font-size: 90%;
}
#searchoptions #distancetype {
 font-size: 90%;
 width: 45px;
}*/
#mapresultsdetails {
 padding: 0px 6px;
 border: 1px solid #ddd;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
/*#searchoptions fieldset {
 font-size:.9em;
 margin:0;
 padding:0;
 border:none;
}
#searchoptions fieldset label {
 color:#333;
 font-weight:bold;
}
#searchoptions #productfamily {
 width:160px;
}
*/
.mapresultsheader {
 font-weight:bold; 
 margin-bottom: 6px; 
}
.mapdetail {
 margin:8px 0;
 min-height:32px;
}
.mapdetailheader img {
 float:left;
 margin:0 4px 0 0;
 width:20px;
 height:24px;
}
.mapdetailheader .maplink {
 font-size:110%;
}
.resultsdetail {
 margin: 0 0 0 25px;
}
.resultslogo {
 float: right;
 margin: 0 6px;
}
.resultslogosidebar {
 float: right;
 margin: 0 6px;
 width: 60px;
}
.resultslogosidebar img {
 width: 60px;	
}
.resultslogobubble {
 float: right;
 margin: 0 6px;
 width: 80px;
}
.resultslogobubble img {
 width: 80px;	
}
.maptitle {
 font-size:100%;
 font-weight:bold;
}
.mapaddress, .mapphone, .mapemail, .mapurl, .mapdir {
 font-size: 95%;	
}
#mapresults ul {
 list-style: none;
 margin: 0;
}
.mapdetailplus {
 float:right;
 width:15px;
 font-weight:bold;
 margin-left: 2px;
}
.mapdetailminus {
 display:none;
 float:right;
 width:15px;
 font-weight:bold;
 margin-left: 2px;
}
.prodtypes, .disttypes {
 font-size: 90%; 
 color:#666;
 margin: 6px 0 10px 0;
}
.distributortype {
	display: block;
	margin-top: 6px;
	font-size: 95%;
}
.prodtypes .heading, .disttypes .heading {
 font-weight:bold;
}
.map_key img {width:20px;height:24px;margin-right:5px;vertical-align:middle;}
.map_key .dist1, .map_key .dist2 {float:left;margin-right:20px;vertical-align:central;}

/* Two-Column Styling for Single Column Template
-------------------------------------------------------------------------------*/
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 0;
}

div.parsys_column .section {
    overflow:hidden;
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

/* layout 0 : 66% 33% */
div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { width: 600px; margin-right:10px}
div.cq-colctrl-lt0-c1 { width: 300px; margin-left: 10px}
div.cq-colctrl-lt2-c0 { width: 49%; padding-right:2%}
div.cq-colctrl-lt2-c1 { width: 49%;}
div.cq-colctrl-lt3-c0 { width: 32%; padding-right:2%}
div.cq-colctrl-lt3-c1 { width: 32%; padding-right:2%}
div.cq-colctrl-lt3-c2 { width: 32%;}


/* Override CQ main.css styles
-------------------------------------------------------------------------------*/
.textimage.image_right div.image {
	float: right !important;
	margin: 0 0 8px 8px !important;
}

div.textimage div.image {
 float: left;
 margin: 0 12px 12px 0;
}
div.textimage p:first-child {
    margin: 0;	
}
div.text ul, div.text ol {
 overflow: auto;
 padding-left: 2.0em; 
 margin-left: 0;
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {

body {background-color: #fff; text-align:left;}
nav #top {display:none !important;}
#mainnav {display:none !important;}

li.tab {display:none;}
ul.nontab {display:none;}

a, a:link, a:active, a:visited {
 color: #111;
 text-decoration: underline;
}
#searchbox {display:none;}
#pagecontainer {
    border:0;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
#callstoaction {display:none;}
a.calltoaction { display: none;}
.related_container {display:none;}
.product_media_links {display:none;}
#followus {display:none;}

#newsrelease_genericintro #callstoaction {display:none;}
#newsrelease_genericintro .product_media_links {display:none;}

div#product_component {float: right;}
h1.producttitle, h1.productsubtitle, h2.producttag {float: left; width: 500px;}

footer {display:none;}

#content a:link:after {
    content: " (" attr(href) ") "; /* Show URL */
    font-weight:normal;
}
#content #tab_layout-nav a:link:after {content:none;} /* No URL in tabs */
#tabs-container a:link:after {content:none;} /* No URL in tab container */
div.tab div.resourcelist ul li a:link:after {content:none;} /* No URLs in tab resource lists */
#controllayout a:link:after {content:none;} /* No URL in distributor locator */

div#tab1, div#tab2, div#tab3 {display: block;}


}


/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}

/* Contact Us Form
-------------------------------------------------------------------------------*/

div.contactus fieldset.rs-form {
    background-color: #ffffff;
    border-color: #cccccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    color: #222222;
    font-size: 1em;
    margin: 0;
    max-width: 100%;
    min-width: 25%;
    overflow: hidden;
}
div.contactus fieldset.rs-form form {
    color: #222222;
    font-size: 1em;
}
#contactform {
    background-color: #ffffff;
    padding: 10px 20px;
}
#contactform .section {
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
#contactform .section {
    margin-bottom: 5px;
}
#contactform label {
    color: #222;
    display: block;
}
#contactform div {
    display: block;
}
#contactform input[type="radio"], input[type="checkbox"] {
    margin: 10px;
    width: 13px;
}
#contactform input[type="text"], #contactform input[type="email"], #contactform input[type="tel"], #contactform textarea, #contactform select {
    border-color: #666666;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    margin-bottom: 5px;
    max-width: 100%;
    padding: 3px;
    width: 98%;
}
#contactform h1 {
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.35em;
    margin: 0 0 10px;
    padding: 0;
}
#contactform h2 {
    font-size: 1.1em;
    margin: 10px 0;
}
#contactform .intro {
    margin-bottom: 10px;
}
#contactform .clear {
    clear: both;
}
#contactform select option {
    color: #222222;
    font-size: 1em;
}
#contactform input[type="submit"] {
    background-color: #cccccc;
    border-radius: 4px;
    color: #222222;
    font-size: 1em;
    font-weight: bold;
    margin-top: 15px;
    padding: 3px 12px;
    width: auto;
}
#contactform .field {
    margin-bottom: 10px;
}
#contactform .scol {
    float: left;
    margin-right: 4%;
    text-align: center;
    width: 8%;
}
#contactform .mcol {
    float: left;
    margin-right: 2%;
    width: 42%;
}
#contactform .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
div.contactus #msg {
    font-family: Arial,Helvetica,sans-serif;
    margin: 1em 1em 0 1em;
    padding: 0.5em;
    text-align: left;
}
div.contactus #msg h3,
div.contactus #msg p {
    margin: 0;
    padding: 0;
}
.success {
	background-color: #CFC;
}
.alert {
	background-color: #ffc0c0;
}
.graybg {
    background-color: #ebebeb;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto !important;
}
.error_message {
  color: red !important;
  font-size: 11px;
  font-style: italic !important;
  line-height: 0.7em;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
}
.checkbox_label {
    margin-top: -30px;
    margin-right: 20px;
    margin-left: 20px;
}