body { color: #4c4c4e; font-size: 14px; background-color: #FFF; font-family:Helvetica, Arial, sans-serif; margin: 0px; padding: 0px;}

/* GDPR */
.formItemLast{
    width: auto !important;
    float: left;
    margin: 0px;
    height: auto;
    padding: 0px !important;
    vertical-align: top;
}

#ContentPlaceHolderDefault_cp_content_txtComments {
  width: 318px;
  background-color: rgb(191,192,192);
}

.floatleft {float:left;}

.floatright {float:right;}

.clear {clear:both;}

.relative {position:relative;}

.absolute {position:absolute;}

.padding {padding: 10px;}

.margin {margin: 10px;}

.center {margin: 0 auto;}

.inline {display: inline;}

img {border:none;}

a {color: #ef9b15;}

h1 {font-size: 18px; font-weight: normal; color: #ef9b15;}

.content h1:first-child {margin-top: 0px;}

#navWrapper {width: 100%;
}

#navWrapper2 {width: 857px; margin: 0 auto; position: relative;}

#container {width: 857px; line-height: 19px;}

.line {line-height: 19px;}

p.formItem label.text {display: block; width: 160px;}

p.formItem {padding: 5px 0 5px 5px; width: 420px;}

/*p.formItem:hover {background-color: #1d1d1d; color: #ef9b15;
}*/

/*.formItem input {border: solid 1px #888; height: 20px;}*/
.formItem input {border:none; height:20px; background-color: rgb(191,192,192);}

#formstyle {width: 420px;}

#ContentPlaceHolderDefault_cp_content_submitform {width: 115px; height: 37px; border: none; margin-left: 210px;}

.invalid ul {list-style-type: none; font-weight: bold; padding: 10px; background-color: #3b3b3b;}

.colorSwatch ul li {
  display: inline; float: left; margin-right: 10px; margin-bottom: 20px; text-align: center;
}

.colorSwatch ul, .content ul {padding: 0px; list-style-type: none;
}

.colorSwatch ul li a img {margin-top: 45px;}

.photoLib img {margin-right: 10px;}

/*.topNav {margin-left: -45px; margin-top: 20px;}

.topNav li {display: inline; padding:15px 25px; text-transform:uppercase; font-size: 12px; color: #FFF;}

.topNav a {color: #FFF; text-decoration:none;}*/

.current {background-color: #747678;  z-index: 1;}
.current ul {
  display: block !important;
  position: absolute;
  width: 857px !important;
  left: -100px;
}
.current:hover {
  display: block;
}

.current li a {
  color: #ef9b15 !important;
}

.one a {
  color: #FFF !important;
}
.current li.two a {
  color: #fff !important;
}
#two a {
  color: #ef9b15;
}
.secondaryNav {background-color: #747678; height: 50px; margin-top: -5px;}

.inNav {width: 857px; margin: 0 auto;}

.env {margin-top: -10px;}

.topContact {margin-top: 0px; margin-left: 10px; margin-right: 20px; color: #4f4f51; font-size: 12px;}

.contAfter {margin-top: 15px; clear:both;}

#footerWrapper {width: 100%; margin-top: 40px; background-color: #b8baba;}

#footerWrapper2 {width: 857px; margin: 0 auto; padding: 10px 0; color: #FFF;}

#footerWrapper li {display: inline; width: 215px; /*color: #565656;*/ font-size:14px; float:left; margin-top: 10px;}

#footerWrapper li div {width: 130px; margin: 10px 0px;}

.partOf {text-transform: uppercase; font-size: 18px; color: #3d3e40; font-weight: bold;}

.rpmLogo {
  position: relative;
  top: 4px;
  left: 0px;
}

.social {width: 120px; margin-right: 80px; display: none;}

.social img {margin-left: 4px;}
/*originally margin-top:6*/
#navWrapper .social {margin-top: -38px; margin-right: 0px; z-index: 10000000000; position:relative ;}

.content { /*width: 670px; width: 590px !important;*/}

.content2 {width: 337px; margin-right: 20px;}

.content2 p {
  margin-top: 0px;
}

.productContent {width: 530px !important; float: right;}

.rightblock {width: 250px;}

.productRight.rightblock {width: 250px; display: none;}

.rightblock h4 {margin-top: 0px; margin-bottom: 0px;color: #565656;}
.rightblock p {margin: 0px; font-size: 12px; color: #777779;}

.newsBlurb {margin-bottom: 10px; border-bottom: solid 1px #565656; border-color: #242424; padding-left: 10px;
}

.newsBlurb:hover {background-color: #2f2f2f;}

.searchBox {top: 30px; right: 65px; width: 250px; height: 27px; border: none; padding: 0px; margin: 0px; background-color: #bfc0c0;}

.searachBut {border: none; width: 60px; height: 27px; top: 30px; right:0px; background-color: #ef9b15 ; color: #FFF; font-size: 14px;}

/* Dropdown Menu */

#topNavigation {
  font-weight: bold;
}

.menu { margin-top: 10px; line-height: 100%; font-size: 13px; *margin-bottom: 30px !important; text-transform: uppercase;}
.menu li { float: left; position: relative; list-style: none; top: 8px; *top: 25px; height: 35px; /*text-transform:uppercase;*/ }

.menu .two:hover ul {position: absolute; display: inline; width: 857px; }/* This is the products dropdown links*/
.menu #CanadaProductHomepage:hover ul {position: absolute; width: 857px; }/* This is the products dropdown links*/
.menu .three:hover ul {position: absolute; display: inline; width: 857px; left: -112px; }/* This is the architect resources dropdown links*/
.menu #CanadaTextpage:hover ul {position: absolute; display: inline; width: 857px; left: -112px; }/* This is the architect resources dropdown links*/
.menu .four:hover ul {position: absolute; display: inline; width: 857px; left: -312px; }/* This is the about dropdown links*/



.menu li:hover ul li {position: relative; display: inline; float: left; left: 0px !important; /*text-transform: uppercase !important;*/}

.menu li ul li {top: 15px; margin-right: -10px !important; font-size: 11px;}

.menu li:hover ul li a {color: #ef9b15; /*text-transform: uppercase;*/ margin-left: 0px;}
.menu li:hover ul li a:hover {/*text-decoration: underline;*/}


/* main level link */
.menu a { text-decoration: none; display: block; padding: 8px 20px; margin: 0; color: #ef9b15; }
.menu a:hover { color: #ef9b15; }

#navWrapper2 ul li {
  /*width: 120px !important;*/
  
}

/* sub levels link hover */
.menu ul li:hover a, #nav li:hover li a { border: none; color: #000; }
.menu ul a:hover {color: #ef9b15 !important; }
.menu ul a {color: #000;}
.menu #CanadaProductHomepage ul a {display: block;}
.menu #CanadaTextpage ul a {display:block;}
.menu #CanadaproductPage ul a {display: block;}
/* dropdown */
.menu li:hover > ul {display:inline; position: relative;  }

/* level 2 list */
.menu ul {display: none; margin: 0; padding: 0; width: 220px; }

#CanadaTextpage ul {
  /*width: 857px;*/
  position: relative;
  left: -210px !important;
}

#CanadaTextpage ul li {
  background-color: #747678;
  z-index: 100;
}

#test ul{
  left:-200px !important;
}

#norb {
  background: url(/media/4180/greyrepeat.jpg) repeat-x 0 20px;
  padding-bottom: 5px;
}

.menu ul li { margin: 0; padding: 0;}
.menu ul a { font-weight: normal; }

/* level 3+ list */
.menu ul ul { left: 220px; top: 0px; }

/* clearfix */
.menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.menu { display: inline-block;} 
html[xmlns] .menu { display: block;}
 
* html .menu { height: 1%;}

/* End Dropdown Menu */



/*
  Slideshow
*/
.slideThing {
  z-index: 1000 !important;
  right: 0;
  bottom: 23px;
  
}

.slideshow {height: 272px; width: 857px; overflow: hidden; float: right;}

.slideshow.products {height: 800px; width: 300px; margin-bottom: 20px; float: left;}

#slides {
  position:absolute;
  top:0px;
  left:0px;
  z-index:100;
  height: 300px;
  
}

.products #slides {
  position:absolute;
  top:0px;
  left:0px;
  z-index:100;
  height: 300px;
  width: 300px;
}

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/

.slides_container {
  width:850px;
  height: 300px;
  overflow:hidden;
  position:relative;
  display:none;
}

.products .slides_container {
  width:300px;
  height: 720px;
  overflow:hidden;
  position:relative;
  display:none;
  
}


/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/

.slides_container div.slide {
  width:588px;
  height:300px;
  display:block;
}

.products .slides_container div.slide {
  width:300px;
  height:300px;
  display:block;
}

/*
  Next/prev buttons
*/

#slides .next,#slides .prev {
  position:absolute;
  top:107px;
  left:-39px;
  width:24px;
  height:43px;
  display:block;
  z-index:101;
  display:none;
}

#slides .next {
  left:585px;
}

/*
  Pagination
*/

.pagination {
  margin-left:0px;
  margin-top: -60px;
  left: 700px;
  position: relative;
  z-index: 100000;
  width:100px;
}

.products .pagination {
  margin-left:300px;
  margin-top: -20px;
  position: relative;
  z-index: 100000;
  width:100px;
}

.pagination li {
  float:left;
  margin:0 1px;
  list-style:none;
}

.pagination li a {
  display:block;
  width:12px;
  height:0;
  padding-top:12px;
  background-image:url(/images/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden;
}

.pagination li.current a {
  background-position:0 -12px;
}

/*
  Caption
*/

.caption {
  z-index:500;
  position:absolute;
  bottom:-35px;
  left:0;
  height:30px;
  padding:5px 20px 0 20px;
  background:#000;
  background:rgba(0,0,0,.5);
  width:540px;
  font-size:1.3em;
  line-height:1.33;
  color:#fff;
  border-top:1px solid #000;
  text-shadow:none;
}

    
/* google search */
table.gsc-completion-container
{
z-index: 2147483647 !important;
}
table.gsc-completion-container td
{
    color:#000000;
}

.resin td {border: 1px dashed #333;}

.resin tr:hover {background-image: url(/images/orangeBand.jpg); background-repeat: repeat-x;}

#norb {
      margin-left: 110px;
}

#CanadaTextpage ul {
      z-index: 100000000;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.orangeText {
color: #ef9b15; 
}