@charset "UTF-8";

/* Set/reset HTML5 elements, see html5doctor.com/html-5-reset-stylesheet */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* -------------------- General ---------------- */

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111;
	background-color: #eeede8;
	text-align: center;
}

img {
	border: none;
	margin: 2px;
}

td {
	padding: 2px;
	vertical-align: top;
}

a {
	color: #111111;
}

a:hover {
	color: #cd251c;
}

h1, .headline {
	color: #cd251c;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
}

h1 a, .headline a {
	color: #cd251c;
	text-decoration: none;
}

h1 a:hover, .headline a:hover {
	color: #95948b;
}

h2 {
	color: #cd251c;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.3em;
}

h2 a {
	color: #cd251c;
	text-decoration: none;
}

h2 a:hover {
	color: #95948b;
}

h3 {
	font-size: 1.2em;
	line-height: 1.2em;
}

h3 a {
	color: #cd251c;
	text-decoration: none;
}

h3 a:hover {
	color: #95948b;
}

h4 {
	color: #cd251c;
	font-size: 0.9em;
	line-height: 1.0em;
	font-weight: bold;
	display: inline;
}

h4 a {
	color: #cd251c;
	text-decoration: none;
}

h4 a:hover {
	color: #95948b;
}

h5 {
	color: #95948b;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 7px 0 5px 0;
}

.hide_all {
 display: none;
}

.show_all {
 display: block;
}

/* ---------------------- Main structure ----------------- */

#mainContainer {
	width: 1240px;
	margin-top: 5px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

.outerBox, .innerBox {
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #cccbc6;
}

.outerBox {
	-webkit-box-shadow: 4px 4px 2px #ccc;
	-moz-box-shadow: 4px 4px 2px #ccc;
	box-shadow: 4px 4px 2px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.innerBox {
	-webkit-box-shadow: 2px 2px 1px #ccc;
	-moz-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 10px 0px;
	padding: 0px 0px 10px 5px;
	text-align: center;
}

.grayBox {
	padding: 10px;
	background-color: #efefef;
	border-width: 1px;
	border-style: solid;
	border-color: #cccbc6;
	/* shadow */
	-webkit-box-shadow: 2px 2px 1px #ccc;
	-moz-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#outerTitle {		
	height: 14px;
	font-size: 0.8em;
	padding-left: 20px;
	padding-right: 20px;
}

#mainColumn, #rightColumn {
	float: left;
	position: relative;
	left: 10px;
	margin-top: 5px;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}

#mainColumn {
	width: 970px;
}

#col1, #col2 {
	margin: 0;
}

#col1 {
	position: relative;
	float: left;
	width: 720px;   /* = mainColumn - col2 - margins */
	padding-right: 10px;
	margin-top: 0;
}

#col2 {
	position: relative;
	float: left;
	width: 230px;
	padding-left: 10px;
}

#rightColumn {
	width: 160px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.rightColumnDiv {
	margin-bottom: 10px;
}

.read_more_link {
    font-weight: bold;
    color: #cd251c;
}

/* ---- Company page ---------*/
#company_details {
	line-height: 2.0em;
}

  #CompanyLogo {
    max-width:300px;
  }

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

#searchForm {
	background: #cd251c;
	text-align: left;
	vertical-align: middle;
	color: #fff;
	margin: 0px;
	height: 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: block;
	clear: both;
	margin-bottom: 5px;
}

#searchForm a {
	color: #fff;
	font-size: 0.9em;
}

#searchForm a:hover {
	color: #b1afa3;
}

#searchForm h4 {
	color: white;
	padding-left: 35px;
	font-size: 22px;
	font-weight: normal;
	position: relative;
	top: 3px;
	display: inline;
}

#searchBox {
	font-size: 16px;
	color: #363636;
}

#searchForm img{
	position: relative;
	top: 10px;
}

#searchForm .submit {
	background-color: #fff;
	border: none;
	color: #cd251c;
	font-size: 16px;
	font-weight: bold;
	height: 21px;
	cursor: pointer;
}

#searchForm .submit:hover {
	color: #40424c;
}

.defaultSubmit {
	color: white;
	background-color: #69675f;
	border: 1px solid #69675f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	top: 1px;
}

.defaultSubmit:hover {
	background-color: #cd251c;
	border: 1px solid #cd251c;
}

/* ---------------- Header ----------------- */

#logoAndBanner {
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
	clear: both;
}

#logoAndBannerTable {
	width: 100%;
}

#logoAndBannerTable td {
	vertical-align: middle;
	padding: 0;
	spacing: 0;
}

#AdPosition000034 img {
	max-width: 728px;
}

#pageHeader {
	margin: 12px 3px 12px 3px;
}

#pageHeaderShare {
	float: right;
	position: relative;
	top: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
}

#pageHeader h1 {
	display: inline;
	position: relative;
	top: 1px;
}

#pageHeaderField {
	padding-top: 15px; /* must match h1 font size */
	padding-bottom: 15px;
}

#pageHeaderField h1 {
	display: inline;
}

.headerShare {
	padding-top: 15px; /* must match h1 font size */
}

.breadcrumb_container {
	display: inline;
	line-height:1.8em;
}

.breadcrumb_step {
	display: inline;
}

.breadcrumb_step a {
	white-space: nowrap;
}

.hiddenTitle {
	display: none;
}

#shareTable td {
	text-align: center;
}


/* ----------------------- Footer ------------------ */

#pageFooter {
	clear: both;
}

#pageFooter ul {
	list-style-type: none;
	position: relative;
	left: -40px;
}

#pageFooter .head {
	color: #cd251c;
	font-size: 1.4em;
	margin: 10px 0px 2px;
	white-space: nowrap;
}

#pageFooter li {
	position: relative;
	color: black;
	padding-bottom: 4px;
}

#pageFooter li a {
	text-decoration: none;
}

#footerNavTable td {
	width: 240px;
	padding-right: 20px;
}

#mobileFooter {
	display: none;
}



/ Video ****/

.video_box {
  width: 100%; 
  height: 240px; 
  margin-bottom: 16px;
}


/* ----------------------- Image carousels ------------------ */

/* Avoid excessive whitespace below the carousel */
div.connected-carousels {
  margin-top:10px;
  margin-bottom:-12px;
}

/** Stage container **/

.connected-carousels .stage {
    width: 101.7%;
    margin: 0px auto;
    position: relative;
    padding:0px 0px 10px;
    /* box-shadow: inset 1px -1px 3px #ccc, inset 1px 1px 3px #ccc; */
    left: -0.8%;
    top: -10px;
}

/** Navigation container **/

.connected-carousels .navigation {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

/** Shared carousel styles **/

.connected-carousels .carousel {
    position: relative;
    overflow: hidden;
}

.connected-carousels .carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    float: left;
    margin-right: 10px;
    height:300px;
}

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage {
    width:100%;
    height: 300px;
}

.carousel-stage li img 	 {float:left;clear:both;} 

.carousel-stage .info {
    position: relative;
    top: -160px;
    background:url('/1/graphics/carousel/spanbg.png');
    height:30px;
    float: right;
    padding: 10px 0px;
    border-radius: 8px 0px 0px 8px;
    border:1px solid #000;
    clear:both;
}

.carousel-stage li span {
	color: white;
	margin: 0px 10px;
	float: left;
	font-weight: 800;
	font-size: 12px;
	text-shadow: -1px -1px 0px #000;
}

.carousel-stage li .info img {
	float: left;
	margin-left: 10px;
	max-height: 20px;
	background: white;
	padding: 10px;
	border-radius: 3px;
}            
      

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {
    height: 60px;
    width: 100%;
    background: white;
}

.connected-carousels .carousel-navigation li {
    cursor: pointer;
    margin-right:5px;
}

.connected-carousels .carousel-navigation li img {
    display: block;
    border: 5px solid #fff;
}

.connected-carousels .carousel-navigation li.active img {
    border-color: #ccc;
}

/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    display: block;
    position: absolute;
    top: 0;
    width: 120px;
    height: 300px;
    /* color: #fff; */
    color:transparent;
}

.connected-carousels .prev-stage {
    left: 2px;
}

.connected-carousels .next-stage {
    right: 0;
}

.connected-carousels .prev-stage span {
	display:block;
	background-image:url('/1/graphics/carousel/left3.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:325px;
}

.connected-carousels .next-stage span {
	display:block;
	background-image:url('/1/graphics/carousel/right3.png');
	background-repeat:no-repeat;
	background-position:top right;
	height:325px;
}

.connected-carousels .prev-stage:hover span {
    background-position: bottom left;
}

.connected-carousels .next-stage:hover span {
    background-position: bottom right;
}

.connected-carousels .prev-stage span {
    left: 20px;
}

.connected-carousels .next-stage span {
    right: 20px;
}

.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {
    display: block;
}
.connected-carousels .next-stage.inactive,
.connected-carousels .prev-stage.inactive {
    display: none;
}

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 16px/29px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-navigation {
    left: -15px;
    top: 22px;
    text-indent: 6px;
}

.connected-carousels .next-navigation {
    right: -15px;
    top: 22px;
    text-indent: 20px;
}

.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {
    opacity: .5;
    cursor: default;
}


/* ----------------------- Miscellaneous ------------------ */

.noMargins td {
	padding: 0;
}

.rfiTextBox  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

.columnSeparator {
	width: 20px;
}

.separator {
	position: relative;
	top: 3px;
}

.centeredDiv {
	text-align: center;
	vertical-align: middle;
}

.clearAll {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.largeObjectImage {
	max-width: 700px;
}

.thColumnImg {
	max-width: 180px;
}

.logoInTable {
	max-width: 120px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.popupImg img:hover {
	position: relative;
	left: 2px;
	top: 2px;
}

.info_source {
	font-style: italic;
	font-size: 0.9em;
}

.data_table {
	font-size: 0.8em;
}

/* ------------------- New tables ---------------- */

.headerBar {
	height: 22px;
	line-height: 22px;
	color: white;
	background-color: #cd251c;
	vertical-align: middle;
	font-weight: bold;
	padding-left: 5px;
	margin-top: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.dataTable {
	margin-top: 15px;
}

.dataTable td {
	border-bottom: 1px dotted #cdcbcd;
	height: 24px;
	padding: 5px 2px 0 2px;
}

/*------ Product table, must define after dataTable -----------*/
.one_product_per_company td {
	border-bottom:0;
}
.more-products-for-field {
	text-align:right;
	position:relative;
	top:-8px;
	padding-bottom:6px;
}
td.more-products-for-field {
	border-bottom:1px dotted #cdcbce;
}
.more-products-for-link {
}



/* ------------------- Old tables ---------------- */

.catCodeFld {
	width: 28px;
	white-space: nowrap;
}

.tableBlack {
	background: #cd251c;
	font-weight: bold;
	color: white;
}

.tableBlack td {
	border-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tableBlack a {
	text-decoration: underline
}

.tableBlack a:hover {
	text-decoration: underline;
	color: #ccc;
}

.tableBlack a:active {
	text-decoration: underline;
	color: #CAE37C
}

.tableDarkGrey {
	background-color: #95948b;
	color: white;
}

.tableDarkGrey td {
	border-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tableDarkGrey a {
	color: white;
	text-decoration: underline;
}

.tableDarkGrey a:hover {
	color: #ccc;
	text-decoration: underline;
}

.tableDarkGrey a:active {
	color: white;
	text-decoration: underline;
}

.tableCentered td {
	vertical-align: middle;
}

/* ------------------- Right hand menu ---------------- */

.sideNav {
	width: 100%;
}

.sideNav ul {		
	list-style: none;
	font-size: 0.8em;
}

.sideNav li {
	float: left;
	width: 100%;
	height: 20px;
	margin-bottom: 4px;
	margin-left: -22px;
	position: relative;
}

.sideNav li a.lev1 {
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	text-indent: 9px;
	background-color: #69675f;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.sideNav li a.lev1:hover {
	background-color: #cd251c;
}

.tableNav {
	color: #666;
	font-size: 0.8em;
}

.tableNav a {
	color: #666;
}

.tableNav a:hover {
	color: #ccc;
}

.shiftDown1Px {
	position: relative;
	top: 1px;
}

/* Product / news item tables */

.item_table {
	margin-top: -15px;
	padding-bottom: 5px;
}	

.item_list {		
	width: 100%;
	min-height: 300px;
	padding-top: 3px;
	position: relative;
	left: -12px;
	-webkit-padding-start: 20px;
}

.item_list li {
	float: left;
	width: 210px;
	height: 290px;
	padding: 12px 9px 0 9px;
	margin-right: 7px;
	background: #fff;
	list-style: none;
	text-align: center;
	border: 1px solid white;
	overflow: hidden;
}

.item_list li:hover {
	border: 1px solid #cccbc6;
	position: relative;
	left: 5px;
	top: 5px;
	-webkit-box-shadow: 2px 2px 1px #ccc;
	-moz-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.item_list li .item_img {
	margin-bottom: 5px;
}

.item_list li .item_img img {
	max-width:180px;
	max-height:180px;
}

.item_list li .item_title {
	margin-bottom: 0;
}

.item_list li a {
	text-decoration: none;
}

.item_list li p {
	margin-top: 3px;
	font-size: 100%;
}

.item_logo_img {
  max-height:80px;
}



/* Lists in right hand column */

.side_table {
	margin-top: -10px;
	padding-bottom: 5px;
}	

.side_list {		
	width: 100%;
	padding-top: 5px;
	position: relative;
	left: -32px;
}

.side_list li {
	float: left;
	width: 180px;
	padding: 12px 9px 0 9px;
	background: #fff;
	list-style: none;
	text-align: center;
	border: 1px solid white;
}

.side_list li:hover {
	border: 1px solid #cccbc6;
	position: relative;
	left: 5px;
	top: 5px;
	-webkit-box-shadow: 2px 2px 1px #ccc;
	-moz-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.side_list li .side_img img {
	max-width: 180px;
	margin-bottom: 15px;
}

.side_list li .side_summary {
	margin-bottom: 10px;
}

.side_list li a {
	text-decoration: none;
}

/* ------------------- Navigator ---------------- */

.treeNodeSelected { background-color: #cd251c; font-weight: bold; color: #FFFFFF;}
a.treeNodeSelected:link { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.treeNodeSelected:visited { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.treeNodeSelected:hover { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.treeNodeSelected:active { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}

td.navigator_divider {padding:2px 0;}
img.navigator_divider_img {margin:2px 0;}

/* ------------------ carousel --------------------- */

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 700px;
	height: 300px; /*Height should enough to fit largest content's height*/
	margin-bottom: 0px;
	clear: both;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.carousel1_wrap {
	margin: 10px 0px 6px 0px;
	width: 700px;
	height: 300px;
}

.stepcarousel img {
	max-width: 450px;
	max-height: 300px;
}

.carousel1_l {
	width: 450px;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.carousel1_r {
	width: 230px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	vertical-align: top;
}

.carousel1_wrap h2 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 15px;
}

.carousel1_wrap p {
	color: #111;
	font:size:1.2em;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right: 0px; /*margin around each panel*/
	width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 300px;
}

.home_news_link {
	color: #cd251c;
}

#carouselControls {
	position: relative;
	top: -45px;
	z-index: 1;
	display: inline;
}

#b_prev0 {
	position: relative;
	left: 10px;
}

#b_next0 {
	position: relative;
	left: 365px;
}

/*--------------- Pull down menu ---------------- */

div#navdiv #nav, #nav ul {
 list-style: none;
}

div#navdiv #nav li {
 float: left;
 width: 115px;
 height:30px;
 padding-top:8px;
 overflow: visible;
}

div#navdiv #nav ul {
 position: absolute;
 width: 115px;
 left: -1000px;
}

div#navdiv #nav li:hover ul, #nav li.ie_does_hover ul {
 left: auto;
 background-position: 0 0;
}

div#navdiv #nav a {
 display: block;
 margin: 3px 0;
 text-decoration: none;
 font-size:85%;
 font-weight:bold;
 height:24px;
 text-transform: uppercase;
}

div#navdiv ul a {
 font-weight: bold;
 color: #fff;
 cursor: default;
}

div#navdiv ul a:hover {
 color:#fff;
}

div#navdiv ul li.home {
 border-style: none;
}

div#navdiv ul li {
 background-color: #cd251c;
 border-left: 1px solid #fff;
 text-align: center;
}

div#navdiv ul li:hover {
 background-color: #b5221f;
}

div#navdiv ul ul li {
 text-align: center;
 border-right: 1px solid #fff;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 text-indent: 2px;
}

/* ----------------------- Blog ------------------------ */

.blog-headline-img, .content-image {
max-width: 100%;
}

.blog-headline-img, 
.content-image {
	max-width: 100%;
}

h2.headline-blog,
h2.headline-blog a {
	font: italic 700 1.5em 'Roboto', Verdana, sans-serif;
	color: #035590;
}

.blog h1,.blog h2,.blog h3, .blog h4,.blog h5,.blog h6 {
	color: #cd251c;
	text-transform: none;
	font-family: 'Roboto', Verdana, sans-serif;
	font-weight: 700;
}

.blog h1 {
	font-size: 1.5em;
}

.blog h2 {
	font-size: 1.4em;
    margin-bottom: 10px;
}

.blog h3 {
	font-size: 1.3em;
}

.blog h4 {
	font-size: 1.2em;	
}

h4.blog-tag a {
	color:#035590;	
}

.blog h5 {
	font-size: 1.1em;
}

.blog h6 {
	font-size: 1.0em;
	line-height: 0.1em;
}

p.text-blog a {
	color: #cd251c;
	text-decoration: none;
}

p.blog_date {
    text-align: right;
    font-style: italic;
    margin: 0 5px 12px 12px;
}

p.text-blog a:hover {
	color: #cd251c;
	text-decoration: underline;
}

#blog p.text-blog img.left {
	padding-right: 15px;
	float: left;
}

#blog p.text-blog img.right {
	padding-left: 10px;
	float: right;
}
#col1 p.text-blog span.caption {
	font: italic 300 1.0em 'Roboto', Verdana, sans-serif;
}

.blog blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	font: italic 300 1.3em 'Roboto', Verdana, sans-serif;
	padding: 0.8em 10px 0.7em;
}

.blog blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.blog blockquote p {
	  display: inline;
	  font-style: italic;
}

.blog-previewimg {
  max-width: 100%;
}


/*--------------- Miscellaneous ---------------- */

div.leaderboard_ad{
  margin-top:13px;
}

/* -------------- RFI Form and buttons ---------------------- */

  .rfi_button_div {
    margin: 15px 0;
    clear: both;
    background: #eeede8;
    padding: 8px; 
  }

  .catalog_button, .contact_button {
    background-color: #cd251c;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    max-width: 220px;
  }

a.catalog_button, a.contact_button {
    display: block;
    margin: 12px;
    text-decoration:none;
    color: #fff;
}

a.catalog_button:hover, a.contact_button:hover {
  position:relative;
  left:3px;
  top:3px;
 }


#ContactRfiStrip{
	background-color:#eee;
	padding:7px;
	margin-bottom:15px;
}
#RfiWidgetBox{
	background-color:#e7f3f9;
	line-height:20px;
}
#RfiWidgetBox input{
	width:100%;
	border:0;
	background-color:#fff;
	padding:5px 0;
	margin:0 5px 10px 0;
}	
#RfiWidgetBox TEXTAREA{
	width:100%;
	height:60px;
	border:0;
	background-color:#fff;
	padding:5px 0;
	margin:0 5px 10px 0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}
#RfiWidgetSubmit{
	width:90px;
	float:center;
	display:block;
	background-color:#cd251c;
	font-weight:bold;
	padding:5px 30px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
}


.contact_box{ width:650px;}	
	.contact_form{ float:left; width:290px;}
		.form_row{ width:100%; margin-bottom:10px; height:70px;}
		.form_row2{ height:140px; margin-bottom:10px;}
		.form_row label{ display:block; font-size:1.0em; margin-bottom:10px; letter-spacing:1px;}
		.form_row TEXTAREA,
		.form_row .input_txt{ display:block; width:235px; height:29px; line-height:29px; background:#fff; border:1px #b6b6b6 solid; padding:0 3px;  
							font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#363636; margin-bottom:2px;}
		.form_row TEXTAREA{ height:100px; overflow:auto; padding:3px; line-height:normal;}
		.form_row .error_field{ border:1px #cd251c solid;}
		.form_row span{ color:#cd251c; display:none; font-size:1.0em;}
		.input_send{ width:130px; height:24px; line-height:24px; padding:0 20px; background:#cd251c; color:#fff; cursor:pointer; position:relative;
					   font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; border:0; margin-bottom:15px; behavior:url(/net/homepage/00/00/24/css/pie.htc);}
		.input_send:hover{ left:-3px; top:-3px; color:#fff;
							-moz-box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;
							-webkit-box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;
							box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;}
		.input_send:active{ left:0; top:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
		
		.required1{ color:#cd251c; margin-bottom:20px; display:none;}
	
	.contact_form_success{ float:left; width:290px; display:none;}
	
	
	.contact_block{ float:left; width:277px; margin-left:50px;}
		.cont_box{ margin-bottom:40px;}	
		.cont_box p{ line-height:200%; margin-bottom:20px; letter-spacing:1px;}
		.cont_box p span{ margin:0 7px;}	
		.cont_box p a{ font-weight:bold;}				

.pop_box{ position:absolute; left:50%; top:0; width:534px; margin-left:-280px; background:#fff; z-index:20; padding:10px 28px 30px; display:none;}
	.btn_close{ color:#959595; position:absolute; right:38px; top:16px; font-size:11px; }
	a.btn_close{ text-decoration:none; }
	
	.pop_title{ width:290px; height:24px; line-height:24px; background:#656565; color:#fff; margin-bottom:30px;
				text-indent:12px; font-weight:bold; text-transform:uppercase;}
	.box_title{ font-size:17px; margin-bottom:18px; font-weight:bold;}
	.box_cont{ color:#959595; margin-bottom:30px;}
		.your_search{ color:#b7b7b7b; font-size:1.0em; font-weight:bold;}
		
		.row_radio{ width:100%; overflow:hidden; margin-bottom:18px;}
		.row_radio input{ float:left; width:14px; height:14px;}
		.row_radio label{ float:left; line-height:14px; margin:0 24px 0 12px;}
		
		.form_row .input1{ width:500px;}
		
		
		.line2{ width:100%; height:1px; overflow:hidden; background:#ccc; margin-bottom:30px;}
		
		.input_get_notifications{ display:block; width:202px; height:24px; line-height:24px; color:#fff; position:relative; margin:0 auto 9px;
								  behavior:url(/net/homepage/00/00/24/css/pie.htc); background:#cd251c; border:0; cursor:pointer; text-transform:uppercase;}
		.input_get_notifications:hover{ left:-3px; top:-3px; color:#fff;
										-moz-box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;
										-webkit-box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;
										box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;}
		.input_get_notifications:active{ left:0; top:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
		
		.required2{ text-align:center; font-size:12px; color:#cd251c; font-weight:bold; display:none;}
		

#pop_overlay{ position:absolute; background:#111; z-index:19; left:0; top:0; opacity:0.85; *filter:alpha(opacity=85);}



.row{ width:100%; overflow:hidden; margin-bottom:10px;}
.row label{ margin-bottom:5px; display:block; letter-spacing:1px; font-size:11px;}
	.form_col1{ float:left; width:242px;}
	.form_col2{ float:right; width:242px;}
	
	.form_row .input2{ width:230px;}
	
	.to_box{ width:532px; height:60px; padding:5px 0; border:1px #b6b6b6 solid; overflow:hidden; overflow-y:auto; position:relative;}
	.to_list{ width:100%; overflow:hidden; position:relative;}
	.to_list li{ float:left; display:inline; width:165px; height:23px; line-height:23px; border:1px #f1efef solid; margin:0 0 3px 3px;}
	.to_list li a{ float:left; color:#111; display:inline; margin-left:6px;}
	.to_list li .btn_remove{ float:right; position:relative;}
	.to_list li .btn_remove b{ float:right; width:15px; height:15px; text-indent:-9999px; overflow:hidden; position:relative; cursor:pointer; display:inline;
							 background:url(/net/homepage/00/00/24/images/ico_remove.gif) 0 0 no-repeat; behavior:url(/net/homepage/00/00/24/css/pie.htc); margin:4px 5px 0 0;}
	.to_list li .btn_remove b:hover{ position:relative; left:-3px; top:-3px;
									-moz-box-shadow:1px 1px 0px #b8b8b8,2px 2px 0px #b8b8b8,3px 3px 0px #b8b8b8;
									-webkit-box-shadow:1px 1px 0px #b8b8b8,2px 2px 0px #b8b8b8,3px 3px 0px #b8b8b8;
									box-shadow:1px 1px 0px #b8b8b8,2px 2px 0px #b8b8b8,3px 3px 0px #b8b8b8;}
	.to_list li .btn_remove b:active{ left:0; top:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	
									
	.pop_form_success{ width:100%; min-height:400px; display:none;}
	.pop_form_success .pop_title{ background:#7cc576;}



.line_btns{ letter-spacing:1px; position:relative;}
.line_btns a.btn{ float:left; height:19px; line-height:19px; padding:0 20px; border:1px #c6c5c5 solid; position:relative; background:#fff;
      margin-right:8px; color:#656464; font-size:0.9em; font-weight:bold; behavior:url(/net/homepage/00/00/24/css/pie.htc);}
.line_btns a.btn:hover{ color:#333; left:-3px; top:-3px;
      -moz-box-shadow:1px 1px 0px #e1e1e1,2px 2px 0px #e1e1e1,3px 3px 0px #e1e1e1;
      -webkit-box-shadow:1px 1px 0px #e1e1e1,2px 2px 0px #e1e1e1,3px 3px 0px #e1e1e1;
      box-shadow:1px 1px 0px #e1e1e1,2px 2px 0px #e1e1e1,3px 3px 0px #e1e1e1;}
.line_btns a.btn:active{ left:0; top:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

.line_btns a.addthis_button{ float:left; height:19px; padding:0; border:1px #c6c5c5 solid; margin-right:8px; color:#000; position:relative; behavior:url(/net/homepage/00/00/24/css/pie.htc);}
.line_btns a.addthis_button:hover{ color:#333; left:-3px; top:-3px;
         -moz-box-shadow:1px 1px 0px #e1e1e1,2px 2px 0px #e1e1e1,3px 3px 0px #e1e1e1;
         -webkit-box-shadow:1px 1px 0px #e1e1e1,2px 2px 0px #e1e1e1,3px 3px 0px #e1e1e1;
         box-shadow:1px 1px 0px #e1e1e1,2px 2px 0px #e1e1e1,3px 3px 0px #e1e1e1;}
.line_btns a.addthis_button:active{ left:0; top:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
 
.line_btns a.btn_send{ float:left; width:140px; height:24px; text-align:center; line-height:24px; margin:0 auto; position:relative; behavior:url(/net/homepage/00/00/24/css/pie.htc);
      background:#cd251c; color:#fff; text-transform:uppercase;}
.line_btns a.btn_send:hover{ left:-3px; top:-3px;
       -moz-box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;
       -webkit-box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;
       box-shadow:1px 1px 0px #586a70,2px 2px 0px #586a70,3px 3px 0px #586a70;}
.line_btns a.btn_send:active{ left:0; top:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
 .btn_wrapper{ float:right; position:relative;}






  .input_row {
    margin-bottom: 15px;
  }

  .fieldLabel {
    margin-bottom:3px;
  }

  .featured_product_logo {
    margin-top: 10px;
    max-width: 75%
  }






/* Media Queries ------------------------------------------------------------------------------------ */

/* iPhone, etc portrait ---- */
@media only screen and (min-width: 320px) {

	#mainContainer {
		width: 100%;
	}

	#mainColumn {
		width: 80%;
	}
	
	#col1 {
		width: 100%;
	}
		 
	#outerTitle { 
		display: none;
	}
	
	#searchForm h4 {
		display: none;
	}

	#searchBox {
		width: 9em;
	}

	#navdiv {
		display: none;
	}
	
	#pageHeaderShare {
		display: none;
	}
	
	#AdPosition000034 {
		display: none;
	}
	
	#col2 {
		display: none;
	}

	#rightColumn {
		display: none;
	}
	
	#NewsOverviewLinks {
		display: none;
	}
	
	#categoryTable {
		display: none;
	}
	
	.item_list li {
		width: 186px;
		height: 240px;
		padding: 3px;
	}
	
	.item_list li p {
		display: none;
	}

	.stepcarousel {
		width: 270px;
		height: 180px;
	}
	
	.carousel1_wrap {
		width: 270px;
		height: 180px;
	}
	
	.stepcarousel img {
		max-width: 270px;
		max-height: 180px;
	}
	
	.carousel1_l {
		width: 270px;
	}
	
	.carousel1_r {
		display: none;
	}

	.stepcarousel .panel {
		width: 270px;
		height: 180px;
	}
	
	#b_next0 {
		position: relative;
		left: 180px;
	}

	#breadCrumbTrail {
		display: none;
	}

	.largeObjectImage {
		max-width: 320px;
	}

	#footerNavTable {
		display: none;
	}

	#mobileFooter {
		display: block;
	}

 .show_xs {
  display: block;
 }

 td.show_xs {
  display: table-cell;
 }

 .hide_xs {
  display: none;
 }

			
}

/* iPhone, etc landscape ---- */
@media only screen and (min-width: 480px) {

	#mainColumn {
		width: 86%;
	}

	#searchBox {
		width: 20em;
	}

    .video_box {
        height: 240px; 
    }

	.stepcarousel {
		width: 450px;
		height: 300px;
	}
	
	.carousel1_wrap {
		width: 450px;
		height: 300px;
	}
	
	.stepcarousel img {
		max-width: 450px;
		max-height: 300px;
	}
	
	.carousel1_l {
		width: 450px;
	}
	
	.stepcarousel .panel {
		width: 450px;
		height: 300px;
	}

	#b_next0 {
		position: relative;
		left: 365px;
	}

	#breadCrumbTrail {
		display: block;
	}

	.bctNameWithLogo {
		display:none;
	}

	.largeObjectImage {
		max-width: 480px;
	}

 .show_s {
  display: block;
 }

 td.show_s {
  display: table-cell;
 }

 .hide_s {
  display: none;
 }

}

/* iPad, tablets etc portrait ---- */
@media only screen and (min-width: 768px) {

	#mainColumn {
		width: 90%;
	}
	
	#col1 {
		width: 715px;
	}

	#outerTitle { 
		display: block;
	}
	
	#searchForm h4 {
		display: inline;
	}

	#searchBox {
		width: 24em;
	}

	.item_list li {
		width: 210px;
		padding: 12px 9px 0 9px;
	}
	
	#categoryTable {
		display: block;
	}
	
    .video_box {
        height: 403px; 
    }

	.stepcarousel {
		width: 715px;
	}
	
	.carousel1_wrap {
		width: 715px;
	}
	
	.carousel1_l {
		width: 450px;
	}
	
	.carousel1_r {
		display: block;
		padding-left: 20px;
		padding-right: 15px;
	}

	.stepcarousel .panel {
		width: 715px;
	}

	.bctNameWithLogo {
		display:block;
	}

	.largeObjectImage {
		max-width: 700px;
	}

 .show_m {
  display: block;
 }

 td.show_m {
  display: table-cell;
 }

 .hide_m {
  display: none;
 }

}

/* Laptops, Desktops, etc ---- */
@media only screen and (min-width: 1024px) {

	#mainContainer {
		max-width: 1024px;
	}
	
	#mainColumn {
		width: 966px;
	}
	
	#col2 {
		display: block;
	}

	#searchBox {
		width: 12em;
	}
	
	#navdiv {
		display: block;
	}
	
	#footerNavTable {
		display: block;
	}
	
	#mobileFooter {
		display: none;
	}
	
	#pageHeaderShare {
		display: inline;
	}
	
	#AdPosition000034 {
		display: block;
	}
	
	.item_list li {
		height: 290px;
	}
	
	.item_list li p {
		display: block;
	}

 .show_l {
  display: block;
 }

 td.show_l {
  display: table-cell;
 }

 .hide_l {
  display: none;
 }

}

@media only screen and (min-width: 1200px) {

	#mainContainer {
		width: 1240px;
		max-width: 1240px;
	}
	
	#mainColumn {
		width: 970px;
	}
	
	#rightColumn {
		display: block;
	}
	
	#NewsOverviewLinks {
		display: block;
	}

 .show_xl {
  display: block;
 }

 td.show_xl {
  display: table-cell;
 }

 .hide_xl {
  display: none;
 }

}