@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400');
p {
  margin-top: .6em;
  margin-bottom: .6em;
}

h2,h3,h4,h5,h6
{
	font-weight: 600;
	line-height: 1.2;
}

ul {
  line-height: 22px;
}  

:focus { -moz-outline-style: none; }

textarea:focus, input:focus{
    outline: none;
}

html {
 min-height: 100%;
 height: auto;
 overflow: -moz-scrollbars-vertical !important;
}
strong, b {
 font-weight: 600;
}
a img {border: 0;} /* prevent border around img links */
/* these css definitions for new ckeditor */
figure {
  display: table;
  width: 1px;
  text-align: center;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
  text-indent: 0;
  border: thin silver solid;
  background-color:#F4F4F4;
  padding: 5px;
  margin: 10px;
}
figure img {
  display: block;
}
.image { width:auto; display:inline-block; } /* this class is used in the 'figure' tag used for captions in CKEditor */

.videoWrapper {  /* this class is used in img_builder.php to make YouTube videos fluid (i.e. responsive) */
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lispacer {margin-bottom:14px; color:#555555; list-style:square;}
/* end css for ckeditor */ 
 
.goog-te-banner-frame {display:none !important} /* suppress display of Google translator banner */
div#google_translate_element div.goog-te-gadget-simple{border-color:white;}  /* this removes box border around google translator menu */

.wrapper {
  position:relative; max-width: 1450px; width:99%; margin-right: auto; margin-left: auto; text-align: left;
}

#wrapper_product {position:relative; width: 780px; margin-right: auto; margin-left: auto; text-align: left;}

.VisuallyHideThis {
	margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);
}

.fadeInThisBlock {opacity:0;}

.home_product_icon {position:relative; width:calc(25% - 2px); max-width:480px; min-width:360px; min-height:10px; border-style: solid; border-width: 1px; border-color:#EAEAEA; float:left;}
@media only screen and (max-width:1440px){
  .home_product_icon {width: calc(33% - 2px);}   
}
@media only screen and (max-width:1080px){
  .home_product_icon {width: calc(50% - 2px);}   
}
@media only screen and (max-width:720px){
  .home_product_icon {width: calc(100% - 2px);}   
}

#side-tabs a.map {
	background: url('../images_home/map_side_tab.png');
	right: 0px;
	top: 430px;
	height: 108px;
	width: 34px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 9999;
	display:block;
}

#side-tabs a.contact {
	background: url('../images_home/contact_side_tab.png');
	right: 0px;
	top: 260px;
	height: 108px;
	width: 34px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 9999;
	display:block;
}

#slider {position:relative; width:100%; margin-bottom:0px; BACKGROUND: url() #FFFFFF repeat center top;}

#slider_wrapper_outer {
  position:relative; width:100%; min-height:10px; margin-right: auto; margin-left: auto; background-color:#FFFFFF;
}

#subpage_slider {position:relative; width:100%; margin-bottom:0px; BACKGROUND: url() #FFFFFF repeat center top;}

#subpage_slider_wrapper_outer {
  position:relative; width:100%; height:auto; max-width:1920px; min-height:10px; margin-right: auto; margin-left: auto; background-color:#FFFFFF;
}

#slider_mask_top {
  POSITION:absolute; width: 100%; overflow:hidden; height: 4.85%; left: 0px; top: 0px; z-index: 100; background: url(../images_home/home_slider_mask_top.png) repeat-x center top;
}

#slider_sidenav {
  POSITION:absolute; width: 18.6%; height: 100%; left: 0px; top: 0px; z-index: 99998;
}

.slider_sidenav_block {
  height:10.194%; WIDTH: 100%; min-width:220px; padding-top:10%; background: url(../images_home/slider_sidenav_bg2.png) repeat-x center top; color:#FFFFFF; font-family: "Arial Narrow", Arial; font-stretch: condensed; font-size:32px; font-weight:normal; text-decoration: none; background-position: center center; display:block;
}

.slider_sidenav_block  a {
  color: #FFFFFF;
  text-decoration: none;
  width:100%;
  height:100%;
  display:block; 
}

.slider_sidenav_block  a:hover {
  color: #FFEFBF;
  text-decoration: none;
  width:100%;
  height:100%;  
  display:block;  
}

.slider_sidenav_margin_bottom {width:100%; height:2.72%;}

#nav_corner_right {
  POSITION:absolute; WIDTH: 6px; HEIGHT: 6px; left: 955px; top: 141px; z-index: 9999;
}

#slideshow_corner_top_left {
	POSITION:absolute; WIDTH: 11px; HEIGHT: 11px; left: 36px; top: 187px; z-index:10
}
#slideshow_corner_top_right {
	POSITION:absolute; WIDTH: 11px; HEIGHT: 11px; left: 645px; top: 187px; z-index:10
}
#slideshow_corner_bot_left {
	POSITION:absolute; WIDTH: 11px; HEIGHT: 11px; left: 36px; top: 898px; z-index:10
}
#slideshow_corner_bot_right {
	POSITION:absolute; WIDTH: 11px; HEIGHT: 11px; left: 645px; top: 898px; z-index:10
}
#main_bg_left {
	POSITION:absolute; WIDTH: 414px; HEIGHT: 704px; left: -300px; top: 151px; z-index:1; BACKGROUND-IMAGE: url(../images_home/main_bg_left.jpg); BACKGROUND-REPEAT: no-repeat
}
#main_bg_right {
	POSITION:absolute; WIDTH: 414px; HEIGHT: 704px; right: -300px; top: 151px; z-index:1; BACKGROUND-IMAGE: url(../images_home/main_bg_right.jpg); BACKGROUND-REPEAT: no-repeat
}
#top_banner_alert {  
    width:90%; padding-left:5%; padding-right:5%; min-height:28px; max-height:500px; padding-top:2px; color:#FFFFFF; background-color:#000000; text-align:center; 
}
#top_banner_message {width:100%; min-height:38px; margin-top:-12px; margin-bottom:-10px; padding-bottom:1px;}
#top_banner_alert a {color:#FFFFFF; background-color:transparent;} 
#top_banner_alert a:hover {color:#FFFFFF; background-color:transparent;} 

.HomeMarketOverlay {position:absolute; width:100%; max-width:640px; height:100%; z-index:1000; top: 0px;}
.HomeMarketOverlay img {width:100%; max-width:640px; height:auto;}

/* .HomeMarketCaption {position:absolute; width:90%; padding-left:5%; padding-right:5%; height:55px; top:0px; left:0px; font-family: 'Roboto', sans-serif; font-size:20px; line-height:22px; font-weight:400; letter-spacing:0px; color:#CCCCCC; z-index:1001; cursor:pointer; text-align:center; background-color:#072E47; letter-spacing:1px;} */

.HomeMarketCaption {position:absolute; width:90%; padding-left:5%; padding-right:5%; height:55px; top:0px; left:0px; font-family: 'Roboto', sans-serif; font-size:20px; line-height:22px; font-weight:400; letter-spacing:0px; color:#0E5B8F; z-index:1001; cursor:pointer; text-align:center; border-top-width:1px;  border-bottom-width:1px;  border-left-width:0px;  border-right-width:0px; border-style:solid; border-color:#0E5B8F; background-color:transparent; letter-spacing:1px;}


.FooterMapOverlay {position:absolute; width:100%; max-width:299px; height:100%; z-index:1000; top: 0px;}
.FooterMapOverlay img {width:100%; max-width:299px; height:auto;}

.footer_thanks {position:absolute; top:220px; right:0px; width:100%; max-width:450px; margin-top:80px; min-height:10px; font-family:'Open Sans Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:24px;  background-color:rgb(0, 0, 0, 0.0); color:#FFFFFF; font-weight:400; letter-spacing:1px; text-align:right; display:inline-block;}

.lang-arrow {position:absolute; top:1px; left:60px; width:17px; height:17px; padding-left:3px; padding-top:3px; display:block;}

.menu_resize_arrow {color:#FFFFFF; background-color:#212121;}

.menu-button {display: none; width:85%; height:37px; padding-top:0px; background-image:url(../images_nav/menu_icon_resize.png); background-repeat:no-repeat; background-position:right;}
#menu_resize {display: none; position:absolute; opacity:0; top:-75px; right:-600px; width:600px; min-height:400px; background-color:#001F35; padding-bottom:40px; z-index:999999999;} 

.menu_resize_top {top:87px !important;}

.menu_resize_open {
  -webkit-animation: menu_resize_slide_open 0.5s forwards;
  animation: menu_resize_slide_open 0.5s forwards;
}

@-webkit-keyframes menu_resize_slide_open {100% { right: 0px; opacity:1; }}

@keyframes menu_resize_slide_open {100% {right: 0px; opacity:1;}}

.menu_resize_close {
  -webkit-animation: menu_resize_slide_close 0.5s backwards;
  animation: menu_resize_slide_close 0.5s backwards
}

@-webkit-keyframes menu_resize_slide_close {0% { right: 0px; opacity:1;}}

@keyframes menu_resize_slide_close {0% { right: 0px; opacity:1;}}
 
@media only screen and (max-width:1180px){
  .menu-button {display: block;}
  .nav {display: none;}  
  #slider {min-height:10px;}
}

.menu-none {display:none !important;}
.menu-block {display:block !important;}

/* Resize Menu CSS */
#resizeMenu { width:90%; font-family: 'Roboto', sans-serif; font-size:13px; letter-spacing:2px; color:#FFFFFF}
#resizeMenu ul { list-style: none; }
#resizeMenu ul li { }
#resizeMenu ul li a { display:block; text-decoration:none; color:#FFFFFF; line-height:22px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#555555; padding-left:5px; cursor:pointer; }
#resizeMenu ul li a:hover { color:#FFFFFF; background-image:url(../images/hover.png); background-repeat:repeat-x; }
#resizeMenu ul li a strong { margin-right:10px; }

#resizeMenuClose {
  width:100px;
  font-family: Arial Black, Arial Bold, Gadget, sans-serif;  
  background-color:transparent;
  color:#FFFFFF;
  font-size:24px;
  font-weight:800;
  text-decoration:none;
  padding-left:7px;
  padding-right:7px;
  float:right;
  text-align:center;
  border-radius:0px;
  border-width:0px;
  cursor:pointer;
  outline:0;  
}

#chatbox {display: none; position:fixed; opacity:0; bottom:80px; right:-300px; width:300px; min-height:300px; background-color:transparent; padding-bottom:40px; z-index:99999999999; background-image:url(../images_home/chat_slideout_bg.png); background-repeat:no-repeat;}  

.chatbox_open {
  -webkit-animation: chatbox_slide_open 1.0s forwards;
  animation: chatbox_slide_open 1.0s forwards;
}
@-webkit-keyframes chatbox_slide_open {100% { right: 0px; opacity:1; }}
@keyframes chatbox_slide_open {100% {right: 0px; opacity:1;}}
.chatbox_close {
  -webkit-animation: chatbox_slide_close 1.0s backwards;
  animation: chatbox_slide_close 1.0s backwards
}
@-webkit-keyframes chatbox_slide_close {0% { right: 0px; opacity:1;}}
@keyframes chatbox_slide_close {0% { right: 0px; opacity:1;}}
#chatboxClose {
  width:100px;
  font-family: Arial Black, Arial Bold, Gadget, sans-serif;  
  background-color:transparent;
  color:#FFFFFF;
  font-size:24px;
  font-weight:800;
  text-decoration:none;
  padding-left:7px;
  padding-right:7px;
  float:right;
  text-align:center;
  border-radius:0px;
  border-width:0px;
  cursor:pointer;
  outline:0;  
}
  
#header_span {
  position:relative; width:100%; height:205px; background-color:#FFFFFF;
}   

@media print {
   #header_span {
     display:none;
   }
}

@media all and (max-width: 790px) {   /* make header element 1 stop sliding to the left if width narrows to 790px or less */
    #header_element1{
        margin-left: 0px !important;
        left: 290px !important;
    }
}

@media all and (max-width: 550px) { /* make header element 1 dissapear if width gets below 550px */
    #header_element1{
        visibility: hidden !important;
    }
}

.header_wrapper {
  width: 98%; max-width:1680px; height:56px; z-index:999999; margin-right: auto; margin-left: auto; transform: scaleX(1); -webkit-transform: scaleX(1);
} 

#header_search_box {
  width:218px;
  height:22px;
  padding-top:3px;
  vertical-align: middle;
  border:1px solid #CCCCCC;
  border-radius:3px;
  background-image:url(../images_header/search_box_button_bg.png);
  background-repeat:no-repeat;
  background-position:right;
}

header_logo {
  position:absolute; WIDTH: 25%; max-width:226px; HEIGHT: 100px; left: 3%; top: 25px; z-index:999999999; visibility:visible;
}

.SubmitTip {
  width:100%; max-width:309px; min-height:39px; margin:auto; padding-top:7px; background-color:#B80307; font-size:20px; letter-spacing:1px; color:#FFFFFF; text-align:center; cursor:pointer; border-radius:0px; display:inline-block; font-family:'Arial Black', 'Arial Bold', sans-serif;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.SubmitTip:hover {	
  background-color: #E1040A;    
}

header_nav {
    position:absolute;
    top:75px;  
	width: 100%;
	height: 60px;
    max-height:60px;
    padding-top:0px;
    margin-top:0px;   
    background-color:transparent;      
    z-index:1000000;  
}

#header_nav_ie {
    position:absolute;
    top:75px;      
	width: 100%;
	height: 60px;
    max-height:60px;
    padding-top:0px;
    margin-top:0px;
    background-color:transparent;      
    z-index:1000000;    
}

header_nav_logo { 
    position:absolute;
    top:-38px;
    left:0px;
    right:0;
    width:30%; 
	min-width: 440px;
	height: 70px;    
    max-height:70px;   
    z-index:1000001;
    visibility:visible;
}

.header_nav_logo_visible {
  top:88px;
  left:0px;
  visibility:visible;
  transform:scale(1);
  -ms-transform:scale(1);
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  max-height:26px;
}
header_nav_search_button { 
    position:absolute;
    top:-74px;
    right:20px;
    width:5%; 
	min-width: 50px;
	height: 58px;    
    max-height:58px;   
    z-index:1000001;
    visibility:visible;
}
.header_nav_search_button_visible {
  top:95px;
  right:10px;
  visibility:visible;
  transform:scale(1);
  -ms-transform:scale(1);
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  max-height:26px;
}

.header_tag_visible {
  position:absolute;
  top:-43px;
  left:30%;
  height:19px;
  width:650px;
  visibility:visible;
  transform:scale(1);
  -ms-transform:scale(1);
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}    

.header_tag_hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .3s, opacity .3s linear;    
} 
 
.header_nav_bar_fixed {
  background: rgba(0, 31, 53, 1)  !important;
} 
  
.fixed {
	position: fixed; 
	top: -86px;
	height: 60px; 
	z-index: 1000000;
    border-bottom: 1px solid #CC0000;
    animation: fixedfadeIn ease 1s;
  background-image:url(../images_nav/main_nav_shadow.png);
background-repeat: repeat-x;
background-position: 0px 0px;
  
  background-color:#F4F4F4 !important;  
}
@keyframes fixedfadeIn {0% {opacity: 0;} 100% {opacity: 1;}}

.fixed_nav_font_color {color:#FFFFFF !important;}

.header_logo_hidden {
  visibility:hidden;
  opacity: 0;
  transition: visibility 0s .3s, opacity .3s linear;    
}
.header_ontario_icon_hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .5s, opacity .5s linear;  
}

.goog-logo-link {display:none !important;} 
.goog-te-gadget{color: transparent !important;}   

#home_video_wide_box {
  width:100%; min-height:250px; padding-top:10px; BACKGROUND: url(../images_home/video_box_bg.jpg) #CCCCCC no-repeat center top; -webkit-background-size: 2200px 250px  
}
#home_span {
  width:100%; min-height:600px; BACKGROUND: url(../images_home/home_bg4.jpg) #ffffff no-repeat center top; -webkit-background-size: 2000px 915px;
}
#slideshow {
	max-width: 1680px; height: 419px; padding-top:0px; padding-left:25px; float:left;
}
#home_right {
	WIDTH: 300px; height: 739px; margin-left:23px; margin-top:0px; float: left;
}

#home_bot_news {
  width:306px; height:257px;
}
#home_bot_news a {	
    color:#ACE6DA;
	font-family:Arial;
	font-size:12px;
    line-height:18px;
	text-decoration: underline;
}
#home_bot_news a:hover {text-decoration: underline; color:#FFFFFF;}

#home_weather {
    width:30%; margin-left:5%; height:355px; padding-top:20px; margin-top:35px; margin-bottom:80px; float: left; background-image: url(../images_home/weather_bg.png); background-repeat: no-repeat;
}

#main_nav {
	WIDTH: 960px; HEIGHT: 36px; padding-top: 0px; margin-top: 20px; background-image: url(../images_home/main_nav_bg.png); background-repeat: no-repeat;
}
#main_nav a	
	{	
		padding-left:15px;
		padding-right:15px;
		margin:0px;
		color:#FFFFFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
	}
#main_nav a:hover {color:#c1e1b9;}
#bodycontent {
	width: 100%; min-height: 600px; padding-top:0px;  margin-top:20px;
}
#homecontent {
	width: 100%; padding-left:0%; min-height: 10px; margin-top:20px;
}
#home_content_bottom_left {
	WIDTH: 426px; MIN-HEIGHT: 10px; padding-left: 36px; padding-top: 10px; float: left;
}
#home_content_bottom_right {
	WIDTH: 320px; height: 410px; margin-left: 40px; margin-top: 10px; float: left; background-image: url(../images_home/news_and_events_bg.png)
}
#home_bot_right_blog_title {
  width:326px; height:41px; background-image: url(../images_home/home_blog_bg_top.png)
}
#home_bot_right_blog_mid {
	WIDTH: 306px; min-height: 10px; padding-left:10px; padding-top:10px; padding-right:10px; background: url(../images_home/home_blog_bg_mid.png) repeat-y left top;
}
#home_bot_right_blog_bot {
	WIDTH: 326px; height:30px; padding-left:0px; padding-top:5px; background: url(../images_home/home_blog_bg_bot.png) no-repeat left top;
}
.home_core_value_title {
  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; font-size:30px; font-weight:700; letter-spacing:2px; line-height:33px;
}
.home_core_value_text {
  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; font-size:13px; line-height:16px; font-weight:400; letter-spacing:1px;
}
.home_core_value_text a {color: #FFFFFF; text-decoration: underline; outline: none;}

.bullet_ul ul {
  list-style: none;
}
.bullet_li_blue ul li::before {
  content: "\203A";
  color: #279CDF;
  font-weight: bold;
  font-size:26px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.bullet_li_green ul li::before {
  content: "\203A";
  color: #80A848;
  font-weight: bold;
  font-size:20px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.blog {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  text-decoration: none;
}
.blog a {
  color: #000000;
  text-decoration: underline;
}
.blog a:hover {
  color: #FF0000;
  text-decoration: underline
}

#home_line {
	WIDTH: 600px; HEIGHT: 1px; margin-bottom:30px; background-color: #00ccff
}

#news_main {
	WIDTH: 299px; min-height: 10px; margin-top: 13px; margin-left: 32px; padding-top:52px; background-image: url(../images_home/news_bg.png); background-repeat: no-repeat
}

#body_category_box {
	WIDTH: 200px; MIN-HEIGHT: 300px; float: left;
}
#prodcat_links {
	WIDTH: 194px; MIN-HEIGHT: 10px; padding-left: 5px;
}
#prodcat_links a {	
    color:#666666;
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
}
#prodcat_links a:hover {text-decoration: underline; color:#799ebe;}
#prodcat_all_link {
  width: 158px; height: 27px; padding-top: 7px; float: left;
}
#prodcat_all_link a {	
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
}

.HomeDetailButton {
  width:45%; height:21px; padding-top:2px; padding-bottom:6px; text-align:center; background-color:#F4F4F4; border-radius:6px; font-family:'pt-sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:17px; font-weight:bold; color:#121212; display:inline-block;
  border: 1px solid #990000;      
  -webkit-transition: border 0.5s linear;
  -moz-transition: border 0.5s linear;
  -ms-transition: border 0.5s linear;
  -o-transition: border 0.5s linear;
  transition: border 0.5s linear;
}

.HomeDetailButton:hover {	
  background-color: #FFFFFF; 
  border: 1px solid #FF0000;    
}

#partner_container {
  width:90%; min-height:10px; padding-top:30px; text-align:center; position:relative; display:inline-block;
} 

.home_partner {
  min-height:160px; padding-left:20px; padding-right:20px; padding-bottom:30px; display:inline-block; vertical-align:top;
}

.home_partner_img {
  width:100%; max-width:260px; height:auto; max-height:160px;
}

#home_tweet_news_box {
  width:calc(99% - 2px); height:610px; padding-left:1%; float:left; overflow-y: scroll; margin-top:10px; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#CCCCCC; border-radius:5px;
}

.HomeProdcatBox {
  position:relative; width:18.67%; min-height:350px; padding-top:10px; text-align:center; border:1px solid #CCCCCC; float:left;   
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -ms-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear;
}

.HomeProdcatBox:hover {	
  border: 1px solid #FF0000;  
}

.HomeProdcatBoxSpacer {width:1.36%; min-height:370px; float:left;}

.HomeProdcatName {width:90%; padding-left:5%; padding-right:5%; padding-top:10px; font-weight:bold; text-align:center;}

.HomeProdcatShopAll {position:absolute; width:100%; text-align:center; top:300px; font-weight:bold;}

#home_vid_title {
  width:100%; margin-top:60px; margin-bottom:30px; height:60px; text-align:center;
}
.home_vid_container {
  width:33%; min-height:40px; margin-bottom:10px; text-align:center; display:inline-block;
}  
.home_vid_image {
  width:90%; max-width:380px; padding-left:0px; padding-right:0px; padding-top:10px; margin-left:0px; height:300px; display:inline-block;
}
#home_request_container {
  width:100%; min-height:10px; margin-top:20px; margin-bottom:60px; text-align:center;
}

.TitleBar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    color:#FFFFFF;
    padding-left:50px;
    padding-right:60px;
}

#sub_body {
	WIDTH: 1020px; padding-left: 0px; padding-top:17px; min-height: 600px;
}
#sub_header_wrapper {
  position:relative; width:100%; max-width:1920px; height:490px; margin-right: auto; margin-left: auto; background-position:center;  
}
#sub_header_shadow {
  width:100%; max-width:1192px; height:18px; margin-right: auto; margin-left: auto; background-position:center; background-image:url(../images_sub/subpage_header_shadow.png);
}
#sub_header {
    width:690px; max-height:245px; margin-left:0px; margin-top:0px; margin-bottom:0px;
}
#sub_main {
    width:73%; min-height:550px; padding-left:2%; margin-top:0px; float:left;
}
@media print {
   #sub_main {
     width:100%;
   }
}
#sub_slide_corner_mask {
  POSITION:absolute; width:1006px; height:256px; left: 7px; top: 175px; z-index: 5;
}
#sub_sidepromo {
	width:100%; max-width: 230px; min-height:10px; padding-top:20px; min-height: 10px; margin-top:0px; margin-left:0px;
}
#footer {
	position:relative; WIDTH: 100%; height: 439px; max-height:439; padding-bottom: 0px;  BACKGROUND: url(../images_home/footer_bg.jpg) no-repeat center top;
    background-color:#212121; -webkit-background-size: 1920px 439px;  z-index:99999;
}
@media print {
   #footer {
     display:none;
   }
}
.footer_wrapper {
  position:relative; max-width: 1200px; margin-right: auto; margin-left: auto; text-align: left;
}
#footer_nav {
	WIDTH: 100%; HEIGHT: 30px; padding-bottom: 0px; padding-top: 10px;
}
#footer_bottom {width:100%; height:50px; background-color:#000000;}
#footer_bottom_inner {width:98%; height:37px; margin-top:0px; padding-left:1%; padding-right:1%;}
#footer1 {
	WIDTH: 30%; HEIGHT: 20px; margin-top: 14px; float: left; text-align: left;
}
#footer2 {
	WIDTH: 40%; HEIGHT: 20px; margin-top: 19px; float: left; text-align: center;
}
#footer3a {
	WIDTH: 15%; HEIGHT: 20px; float: left; margin-top: 10px; text-align: center;
}
#footer3b {
	WIDTH: 15%; HEIGHT: 20px; float: left; margin-top: 14px; text-align: right;
}
.footer_link_container {
  width:100%; min-height:18px; padding-left:12px; margin-bottom:3px; background-image:url(../images_home/footer_subnav_bullet.png); background-repeat:no-repeat; background-position:3px 8px;
}
.footer_link {
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #FFFFFF; backgrond-color:#191919; text-decoration:none;
}
.footer_link a {
  text-decoration: none;
  color:#FFFFFF;
}
.footer_link a:hover {
  background-color:#191919;		
  text-decoration: underline;
  color:#FFFFFF;
}
.footer_title {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 20px;
  color: #FFFFFF; 
  text-decoration:none;
}

.Campaign {
  width:100%; min-height:10px; background-color:#FFFFFF; cursor:pointer;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.Campaign:hover {	
  background-color: #D5ECF7;    
}

#purolator_rates_spinner { 
  POSITION:absolute; WIDTH: 32px; HEIGHT: 32px; left: 500px; top: 240px;
}

.DealerLoginButton {
  width:219px; min-height:23px; padding-top:4px; border-width:1px; border-color:#13689E; background-color:#FFFFFF; border-style:solid; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; letter-spacing:3px; color:#12669D; display:inline-block; text-align:center;
  -webkit-transition: background 0.3s linear, border 0.3s linear;
  -moz-transition: background 0.3s linear, border 0.3s linear;
  -ms-transition: background 0.3s linear, border 0.3s linear;
  -o-transition: background 0.3s linear, border 0.3s linear;
  transition: background 0.3s linear, border 0.3s linear;  
}
.DealerLoginButton:hover {	
  background-color: #A4E9FF; 
  border-color:#8AD7FF;    
}

.SubmitSeeProcess {
  width:50%; min-height:50px; margin:auto; padding-top:15px; background-color:#38A372; font-size:30px; letter-spacing:6px; color:#FFFFFF; text-align:center; cursor:pointer; border-radius:15px; display:inline-block; font-family: 'Roboto', sans-serif;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.SubmitSeeProcess:hover {	
  background-color: #308961;    
}


.ClearanceButton {
  width:60%; min-height:52px; padding-top:18px; padding-bottom:4px; text-align:center; background-color:#FFFFFF; border-style:solid; border-width:2px; border-color:#0E5B8F; border-radius:0px; font-family: 'Roboto', sans-serif; font-size:26px; font-weight:400; letter-spacing:3px; color:#990000; display:inline-block;
  -webkit-transition: background 0.3s linear, border 0.3s linear;
  -moz-transition: background 0.3s linear, border 0.3s linear;
  -ms-transition: background 0.3s linear, border 0.3s linear;
  -o-transition: background 0.3s linear, border 0.3s linear;
  transition: background 0.3s linear, border 0.3s linear;
}

.ClearanceButton:hover {	
  background-color: #EAEAEA; 
  border-color:#8AD7FF;    
}


.SubmitMessageButton {
  width:100%; height:50px; padding-top:7px; padding-bottom:15px; text-align:center; background-color:#279CDF; border-style:solid; border-width:1px; border-color:#279CDF; border-radius:0px;  font-family: 'Roboto', sans-serif; font-size:25px; letter-spacing:1px; color:#FFFFFF;  display:inline-block; cursor:pointer;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.SubmitMessageButton:hover {	
  background-color: #6BBAE9; 
  border-color:#6BBAE9;    
}

.RegistrySearchButton {
  width:60%; min-height:52px; padding-top:5px; padding-bottom:8px; text-align:center; background-color:#1CA4BB; border-style:solid; border-width:1px; border-color:#1CA4BB; border-radius:8px; font-family: 'Roboto', sans-serif; font-size:24px; letter-spacing:3px; font-weight:300; color:#FFFFFF; display:inline-block; cursor:pointer;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.RegistrySearchButton:hover {	
  background-color: #58BD1F; 
  border-color:#58BD1F;    
}

.ChatAdminLogout {
  width:150px; min-height:28px; padding-top:9px; padding-bottom:7px; text-align:center; background-color:#00A3D9; border-style:solid; border-width:1px; border-color:#00A3D9; border-radius:20px; font-family: 'Roboto', sans-serif; font-size:18px; letter-spacing:2px; font-weight:600; text-decoration:none; color:#FFFFFF; display:inline-block; cursor:pointer;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.ChatAdminLogout:hover {	
  background-color: #2DCBFF; 
  border-color:#2DCBFF;    
}

.ChatMobileClose {
  width:160px; min-height:28px; padding-top:9px; padding-bottom:9px; text-align:center; background-color:#00A3D9; border-style:solid; border-width:1px; border-color:#00A3D9; border-radius:20px; font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:2px; font-weight:600; text-decoration:none; color:#FFFFFF; display:inline-block; cursor:pointer;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.ChatMobileClose:hover {	
  background-color: #2DCBFF; 
  border-color:#2DCBFF;    
}

.form_input1 {
  width:232px;
  max-width:100%;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  height:25px;
  padding-top:5px;
  padding-left:5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-radius:3px;   
  color: #000000;
  -webkit-transition: border-color 0.5s linear, background-color 0.5s linear;
  -moz-transition: border-color 0.5s linear, background-color 0.5s linear;
  -ms-transition: border-color 0.5s linear, background-color 0.5s linear;
  -o-transition: border-color 0.5s linear, background-color 0.5s linear;
  transition: border-color 0.5s linear, background-color 0.5s linear;    
}
.form_input1:hover,
.form_input1:focus,
.form_input1:active {
  border-color: #11DBFF;
  background-color:#F0FDFF;    
}

.form_textarea {
  max-width:100%;
  width:700px;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000; 
  -webkit-transition: border-color 0.5s linear, background-color 0.5s linear;
  -moz-transition: border-color 0.5s linear, background-color 0.5s linear;
  -ms-transition: border-color 0.5s linear, background-color 0.5s linear;
  -o-transition: border-color 0.5s linear, background-color 0.5s linear;
  transition: border-color 0.5s linear, background-color 0.5s linear;    
}
.form_textarea:hover,
.form_textarea:focus,
.form_textarea:active{
  border-color:#11DBFF;
  background-color:#F0FDFF;    
}

.SubmitRequestButton {
  width:0%; min-height:52px; padding-top:8px; padding-bottom:8px; text-align:center; background-color:#279CDF; border-style:solid; border-width:1px; border-color:#279CDF; border-radius:0px; font-family: 'Roboto', sans-serif; font-size:28px; font-weight:300; letter-spacing:3px; color:#FFFFFF; display:inline-block; cursor:pointer;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
}

.SubmitRequestButton:hover {	
  background-color: #6BBAE9; 
  border-color:#6BBAE9;    
}

.MakePaymentButton {
  width:250px; height:25px; padding-top:6px; padding-bottom:0px; text-align:center; background-color:#286991; border-style:solid; border-width:1px; border-color:#FFFFFF; border-radius:0px; font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:14px; color:#FFFFFF; letter-spacing:2px; display:inline-block; cursor:pointer;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
}

.MakePaymentButton:hover {	
  background-color: #279CDF; 
  border-color:#FFFFFF;
  color:#FFFFFF;    
}

.SubmitTipFooter {
  width:100%; max-width:400px; min-height:47px; padding-top:9px; padding-bottom:6px; text-align:center; background-color:#052237; border-style:solid; border-width:1px; border-color:#E23532; border-radius:0px;         font-family:'Bebas Neue', Arial, sans-serif; font-size:36px; font-weight:400; letter-spacing:3px; color:#FFFFFF; display:inline-block; cursor:pointer;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.SubmitTipFooter:hover {	
  background-color: #007CD9; 
  border-color:#007CD9;    
}


.LoginButton {
  width:40%; min-height:55px; padding-top:15px; padding-bottom:18px; margin-left:0px; text-align:center; background-color:#00A3D9; border-style:solid; border-width:1px; border-color:#00A3D9; border-radius:8px; font-family:'pt-sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:26px; color:#FFFFFF; display:inline-block;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.LoginButton:hover {	
  background-color: #2DCBFF; 
  border-color:#2DCBFF;    
}

DIV.scrollholdernews {
	Z-INDEX: 1; POSITION: relative; WIDTH: 480px; HEIGHT: 390px; OVERFLOW: auto
}
DIV.scrollnews {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 450px; TOP: 0px; background:; LEFT: 0px
}
#home_cs_news_box {
  width:100%; height:610px; padding-left:1%; float:left; margin-top:10px; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#CCCCCC; border-radius:5px;
}

.home_news_date_box {
  width:47px;
  height:54px;
  background-color:#121212;
  text-align:center;
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:bold;
  font-size:16px;
}

.home_news_title {
    width:100%; min-height:10px; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #005DAA; text-decoration:none; font-weight:bold;      
}

.home_news_title a {	
    color:#005DAA;
	text-decoration:none;
}
.home_news_title a:hover {
    text-decoration: underline;
    color:#005DAA;   
    background-color:#FFFFFF;
}

#home_news_articles {
	WIDTH: 98%; height: 570px; margin-top:4px;  padding-top:5px;   
}

.news_title {
    width:100%; 
    min-height:80px; 
    background-color:transparent;
    border-bottom-style:solid;
    border-bottom-color:#CCCCCC; 
    border-bottom-width:0px;
    text-align:left; 
    padding-left:0%;
    padding-right:0%; 
    padding-top:5px;
    padding-bottom:5px;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight:400;
    color: #212121;    
}

.news_title a {	
    color: #121212;
    background-color: transparent;
	text-decoration: none;
}
.news_title a:hover {
    background-color: transparent;	
	color: #008CEA;   
}

.news_see_article { 
    width:100%;
    float:left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight:normal;
    background-color:transparent;
    color:#121212;
}

.news_see_article a { 
    color: #121212;
    background-color:transparent;
    text-decoration: underline;
}

.news_see_article a:hover { 
	color: #121212;
    background-color:transparent;
}

.news_short_text {
  text-align: justify;
  text-justify: newspaper;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #313131;
  text-decoration: none; 
  line-height: 16px;  
}

.news_short_text a {	
    color: #005DAA;
	text-decoration: underline;
}
.news_short_text a:hover {	
	color: #0D92FF;   
}
#blog_title {
    width:95%; 
    min-height:80px; 
    background-color:#121212;
    border-bottom-style:solid;
    border-bottom-color:#CCCCCC; 
    border-bottom-width:1px;
    padding-left:2.5%;
    padding-right:2.5%; 
    padding-top:5px;
    padding-bottom:5px; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #212121;    
}

#blog_title a {	
    color: #212121;
	text-decoration: none;
}
#blog_title a:hover {	
	color: #006CB8;
}

#blog_see_article { 
    width:200px;
    float:left;
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight:normal;
}

#blog_see_article a { 
    color: #212121;
    text-decoration: underline;
}

#blog_see_article a:hover { 
	color: #006CB8;
}

#breadcrumb_container {
    width:80%;
	min-height: 10px;
    MARGIN-LEFT: 1.5%; 
    margin-top:5px;
    margin-bottom:5px;
	font-size: 14px;
    letter-spacing:1px;
    color: #333333;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
    letter-spacing:1px;
    float:left;
}

#breadcrumb_container a {
	color: #333333;
	text-decoration: underline;
}
#breadcrumb_container a:hover {
	color: #D2111F;
	text-decoration: underline;
}
#AlertBox {
  display:none;
  position:absolute;
  width:472px;
  height: 336px;
  background-image: url(../images_home/alert_box_bg.png);
  z-index: 99999999;
}
#AlertBoxMessage {
  width:300px;
  height: 201px;
  margin-left: 100px;
  margin-top: 50px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
}
#AlertBoxClose {
  width:38px;
  height: 38px;
  margin-left: 408px;
  margin-top: 20px;
}

#SignupSuccessBox {
  display:none;
  position:absolute;
  width:472px;
  height: 336px;
  background-image: url(../images_home/signup_success_box_bg.png);
  z-index: 99999
}
#SignupSuccessBoxMessage {
  width:300px;
  height: 201px;
  margin-left: 90px;
  margin-top: 60px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:22px;
  color: #FFFFFF;
}
#SignupSuccessBoxClose {
  width:38px;
  height: 38px;
  margin-left: 408px;
  margin-top: 20px;
}
#links {
	WIDTH: 620px; MIN-HEIGHT: 60px; MARGIN-TOP: 20px; MARGIN-LEFT: 30px; float:left;
	font-size: 14px;
	font-family: ;  
	line-height: 16px;
}
#links a {
	color: #212121;
	text-decoration: none;
    outline: none;
}
#links a:hover {
	color: #006CB8;
	text-decoration: underline;
}
#links_active {
    float:left;
	font-size: 14px;
	font-family: ;
	line-height: 16px;
}
#links_active a {
	color: #006CB8;
	text-decoration: none;
}
#suppliers_active a:hover {
	color: #006CB8;
	text-decoration: underline;
}

.LinkTitle {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  color: #FFFFFF;
  text-decoration: underline}

.LinkTitleHover {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  color: #CCCCCC;
  text-decoration: underline}

.LinkText {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  color: #CCCCCC;
  text-decoration: none}
.BioName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #005791;
    background-color:#FFFFFF;   
}
.BioTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.BioText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
.BioText a:link {
color: #000000;
text-decoration: underline;
}
.BioText a:hover {
text-decoration: underline;
color: #000000;
}
.BioText a:visited {
text-decoration: underline;
color: #000000;
}
.BioText a:active {
text-decoration: underline;
color: #000000;
}

#folder_box {
  width:200px;
  height:24px;
  padding-left:20px;
  padding-top:8px;
  margin-left:20px;
  background-color:#999999;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 16px;
  color: #ffffff;  
  font-weight:normal;
  float:left;
}

.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}
.ArialWhite12px {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.ArialWhite10px {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none}
.ArialGrey10px {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none}
.ArialGrey10px3 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #999999; text-decoration: none}
.ArialBlack12px {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #121212; text-decoration: none; line-height: 16px;}
.ArialDarkGrey12px {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #595959; text-decoration: none; line-height: 16px;}
.ArialGrey12px {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #dbdbdb; line-height: 18px; text-decoration: none}
.ArialWhite11px {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing:1px; line-height: 12px; color: #FFFFFF; text-decoration:none;}
.ArialWhite11px a {color: #FFFFFF; text-decoration: underline; outline: none;}
.ArialBlue14px {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #74B6D1;}
.ArialYellow14px {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #FFFF00;}
.ArialWhite14px {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #FFFFFF; text-decoration: none;}
.ArialWhite14px2 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #FFFFFF; text-decoration: underline;}
.ArialBlue12px2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #74B6D1;}
.IimesBlack20px {font-family:Times New Roman,Georgia,Serif; font-size: 20px; color: #000000;}
.IimesBlack14px {font-family:Times New Roman,Georgia,Serif; font-size: 14px; color: #333333;}
.TrebuchetBlack12px { font-family: Trebuchet MS; font-size: 12px; color: #000000 }
.TrebuchetBlack16px { font-family: Trebuchet MS; font-size: 16px; color: #666666; text-decoration: none; }
.TrebuchetRed16px { font-family: Trebuchet MS; font-size: 16px; color: #FF0000; text-decoration: none; }
.TrebuchetBlack20px { font-family: Trebuchet MS; font-size: 20px; color: #666666; text-decoration: none; }
.TrebuchetBlack14px { font-family: Trebuchet MS; font-size: 14px; color: #364E8B; text-decoration: none; }
.VerdanaGrey20px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	line-height: normal;
	text-decoration: none;
}
.VerdanaBlue20px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0A4B77;
	line-height: normal;
	text-decoration: underline;
}

.VerdanaBlue22px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #EA5E00;
	line-height: normal;
	text-decoration: none;
}
.PageTitle {
	font-family: 'Roboto', sans-serif;                
	font-size: 34px;
	color: #006CB8;
	line-height: normal;
	text-decoration: none;
    font-style: normal;
    font-weight: normal;
    letter-spacing:2px;
}

h1 {
	font-family: 'Roboto', sans-serif;                 
	font-size: 34px;
	color: #006CB8;
	line-height: normal;
	text-decoration: none;
    font-style: normal;
    font-weight: normal;
    margin-top:0px;
    letter-spacing:1px;
}

.BodyText {
	font-family: 'Roboto', sans-serif;                 
	font-size: 17px;
	color: #000000;
	line-height: 30px;
    text-transform: none;
    text-indent: 0px;
    letter-spacing: .8px;
    font-style: normal;
    font-weight: 400;   
}
.BodyText a {
    color: #666666;
    text-decoration: underline;
    background-color:#FFFFFF;
}
.BodyText a:hover {
    color: #000000;
    text-decoration: underline;
    background-color:#FFFFFF;    
}
@media print {
   .BodyText {
     font-size:12px !important;
   }
}
.DirectoryHeader {color:#DEB574; font-size:20px; background-color:#222222;}
.ArialBlack10px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.ArialRed10px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	text-decoration: none;
}
.ArialBlack11px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	line-height: 14px;
}
.ArialBlack11px2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 16px;
}
.ArialBlack11px3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 12px;
}
.ArialOrange11px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
}
.ArialGrey11px2 {
	font-size: 11px;
	color: #818181;
	font-family: Arial, Helvetica, sans-serif;
}
.ArialGrey11px3 {
	font-size: 11px;
	color: #818181;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.ArialNavy12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
.ArialNavy14px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4F6C98;
}
.ArialWhite13px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
 font-weight:bold;
 text-decoration: none;
}
.ArialBlack14px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.ArialNavy11px {
	font-size: 11px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
}
.ArialNarrow11px {
	font-size: 11px;
	color: #000000;
	font-family: "Arial Narrow", Arial, sans-serif; 
	line-height: 11px;
}
.ArialNavy11px2 {
	font-size: 11px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
}
.ArialWhiteBold12px {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}
.ArialWhite11px2 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
    text-decoration:underline;
}
.ArialBlueBold12px {
	font-size: 12px;
	color: #5d92a7;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;	
}
.VerdanaWhite11px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; line-height:17px; text-decoration: none }
.VerdanaWhite11px2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline }
.VerdanaWhite10px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none }
.VerdanaBlack11px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none ; line-height: 16px}
.VerdanaNavy11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}
.VerdanaNavy11px3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004891;
	line-height: 19px;
	text-decoration: none;
}
.VerdanaNavy12px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366}
.VerdanaBlue11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7ec1f1;
	text-decoration: none;
}
.VerdanaWhite11px3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.VerdanaBlack12px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px}
.VerdanaWhite12px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; line-height: 22px;}
.VerdanaWhite16px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; line-height: 22px;}
.VerdanaBlue16px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #7fc7f0; line-height: 22px;}
.VerdanaBlue12px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #7fc7f0; line-height: normal}
.VerdanaBlue14px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #7fc7f0; line-height: normal}
.VerdanaBlack16px { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 22px}
.VerdanaGrey11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
.ArialGrey11px {
	font-size: 11px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.ArialBlue11px { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7fc4f1; text-decoration: none; line-height: 12px; }
.ArialBlue11px2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7fc4f1; line-height: 12px; }
.ArialRed11px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	line-height: 12px;
}
.ArialRed11px2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	line-height: 12px;
}
.ArialRed12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none }
.ArialBlue12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #80c5f1;
}
.ArialBlueStrike12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	text-decoration:line-through;
}

.VerdanaGrey12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 18px;
}
.VerdanaNavy16px {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	line-height: 18px;
}
.VerdanaNavy11px2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366
}

.ArialWhite20px {
font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFFFFF; text-decoration: none
}
.VerdanaRed12px {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; line-height: normal
}
.VerdanaRed11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
}

.ArialBlack10px {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: normal;
}
.VerdanaGrey10px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #828282;
	line-height: 17px;
}
.VerdanaDarkGrey10px {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 17px;
}
.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}
.floatimgright {
float:right;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}

div.wait_spinner {
    width: 40px;
    height: 40px;
    position: fixed;
    left: 43vw;
    top: 100vw;
    background-color: #ddd;
    border-radius: 100%;
    z-index: 999999999;
    transform-origin: center center;
}
div.wait_spinner:before,
div.wait_spinner:after {
    content :'';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
div.wait_spinner:before {
    z-index: 1;
    background-color: #4682b4;
    transform-origin: bottom right;
    border-top-left-radius: 100%;
    top: 0;
    left: 0;
    height: 50%;
    width: 50%;
    animation: wait_spinner 1000ms linear infinite;
}
div.wait_spinner:after {
    z-index: 2;
    background-color: #eee;
    height: 60%;
    width: 60%;
    top: 20%;
    left: 20%;
    border-radius: inherit;
}

@keyframes wait_spinner {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* this last section is for the jquery slide in from edges */

.floatr {
  float: right;
}

.floatl { 
  float: left;
}

.animBlock {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all .55s ease-in;
  -moz-transition: all .55s ease-in;
  -ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;
  transition: all .55s ease-in;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }

.animBlock[data-position="left"].viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}

.simple-button-plugin {
  min-width:10px; min-height:32px; padding-top:4px; padding-bottom:3px; padding-left:20px; padding-right:20px; text-align:left; border-style:solid; border-width:1px; font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; letter-spacing:1px; color:#FFFFFF !important; display:inline-block; cursor:pointer !important; border-radius:5px; background-image:url(); background-position:95% 14px; background-repeat:no-repeat; text-decoration:none !important;
  -webkit-transition: background 0.5s linear, padding-right 0.2s linear;
  -moz-transition: background 0.3s linear, padding-right 0.2s linear;
  -ms-transition: background 0.3slinear, padding-right 0.2s linear;
  -o-transition: background 0.3s linear, padding-right 0.2s linear;
  transition: background 0.3s linear, padding-right 0.2s linear;
}

.simple-button-plugin:hover {	
  background-position: calc(100% - 16px);
  padding-right:60px;
  background-image:url(img/arrow.png);  
}

.sbp_Black {background-color:#000000 !important; border-color:#000000 !important;}
.sbp_Black:hover {background-color:#121212 !important; border-color:#121212 !important;}

.sbp_Grey {background-color:#555555 !important; border-color:#555555 !important;}
.sbp_Grey:hover {background-color:#777777 !important; border-color:#777777 !important;}

.sbp_Blue {background-color:#006CB8 !important; border-color:#279CDF !important;}
.sbp_Blue:hover {background-color:#279CDF !important; border-color:#1C7EB9 !important;}

.sbp_Green {background-color:#759743 !important; border-color:#759743 !important;}
.sbp_Green:hover {background-color:#759743 !important; border-color:#759743 !important;}

.sbp_Teal {background-color:#178386 !important; border-color:#178386 !important;}
.sbp_Teal:hover {background-color:#22C1C6 !important; border-color:#22C1C6 !important;}

.sbp_DarkRed {background-color:#990000 !important; border-color:#990000 !important;}
.sbp_DarkRed:hover {background-color:#C40000 !important; border-color:#C40000 !important;}

.sbp_DarkPurple {background-color:#393957 !important; border-color:#393957 !important;}
.sbp_DarkPurple:hover {background-color:#5F5F92 !important; border-color:#5F5F92 !important;}

.select-css {
    display: block;
    font-size: 20px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 50%;
    max-width: 50%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}

iframe {border:none;}

.iframe-calendar {
    position: relative;
    overflow: hidden;
    padding-top: 1000% !important;
}

.iframe-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

.photo_gallery_container {display: inline-block; overflow: hidden;}
.photo_gallery_container img {display: block; transition: transform .4s;}
.photo_gallery_container:hover img {transform: scale(1.1); transform-origin: 50% 50%;}

.stick {position:fixed; top:80px; z-index:99999;}
#sidenav_container {width:100%; min-height:10px;}
#sub_sidenav_top_box {
    WIDTH: 90%; min-height: 23px; padding-left: 3%; padding-top: 10px; margin-bottom:13px;     
	background-image: url();
    background-position: right;
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    font-size: 16px;
	color: #121212;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style:solid;
    border-width:1px;
    border-color:#999999;          
    text-decoration: none; 
}
#sub_sidenav {
	WIDTH: 18%; min-height: 10px; margin-top: 13px; margin-left:0px; text-align:left; float: left;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	line-height: 16px;
}
#sub_sidenav a {
    width:100%;
    min-height:16px;
    padding-top:9px;
    padding-bottom:9px;
    padding-left:3%;
	color: #212121;
	text-decoration: none;
    outline: none;
    display: inline-block;
    transition: background 0.3s linear;          
}
#sub_sidenav a:hover {
    background-color:#FFFFFF;
	color: #006CB8;
    text-decoration: none;
}

#sub_sidenav_active {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
    width:100%;                     
}
#sub_sidenav_active a {
	color: #006CB8;
	text-decoration: none;     
}
#sub_sidenav_active a:hover {
	color: #006CB8;
	text-decoration: none;  
}
.sub_sidenav_active_inner1 {width:3.5%; height:100%; margin-top:-1px; float:left;}

.sub_sidenav_active_inner2 {width:96.5%; height:100%; float:left;}

#sub_sidenav_project_active {
 color:#00775C;
 background-color:transparent;
 font-size:13px;
 min-height:1px;
 padding-top:0px;
 padding-bottom:0px;
 line-height:14px;
 padding-left:0px;
 margin-left:3%;
 margin-top:4px;
 margin-bottom:4px;   
}

#sub_sidenav_project_active a {
 color:#00775C;
 background-color:transparent;
 min-height:1px;
 padding-top:0px;
 padding-bottom:0px;
 line-height:14px;
 padding-left:0px;
 margin-left:3%;
 margin-top:4px;
 margin-bottom:4px;            
}

#sub_sidenav_project_active a:hover {
 color:#00775C;
 background-color:transparent; 
}

#sub_sidenav_project {
 color:#000000;
 background-color:transparent;
 font-size:13px;
 min-height:1px; 
 padding-top:0px;
 padding-bottom:0px; 
 line-height:14px;
 padding-left:0px;
 margin-left:3%;
 margin-top:4px;
 margin-bottom:4px;               
}

#sub_sidenav_project a {
 color:#000000;
 background-color:transparent; 
 min-height:1px;
 padding-top:0px;
 padding-bottom:0px; 
 line-height:14px;
 padding-left:0px;
 margin-left:3%; 
 margin-top:4px; 
 margin-bottom:4px;         
}

#sub_sidenav_project a:hover {
 color:#00B259;
 background-color:transparent;
}

.sub_sidenav_news_title {
  width:97%%; 
  height:24px; 
  margin-top:20px; 
  padding-left:3%; 
  padding-top:11px; 
  background-image:url(../images_sub/news_sidenav_bg.png); 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; color:#333333; 
  font-style:bold; 
  margin-bottom:10px;
}

.sub_sidenav_blog_title {
  width:97%; 
  height:24px; 
  margin-top:20px; 
  padding-left:3%; 
  padding-top:11px; 
  background-image:url(../images_sub/news_sidenav_bg.png); 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px;
  color:#000000; 
  font-style:bold; 
  margin-bottom:10px;
}
@media print {
   #sub_sidenav {
     display:none;
   }
}.shadetabs{
width: 99%;
border-bottom: 1px solid #FFFFFF; 
padding: 5px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
list-style-type: none;
text-align: left; 
}

.shadetabs li{
display: inline-block;
margin: 0;
padding: 0;
height:35px;
}

.shadetabs li a{
font-size: 15px !important;
font-family: Arial, Helvetica, sans-serif;
color: #00526C;
text-decoration: none;
position: relative;
margin-right: 0px;
padding-top: 6px;
padding-bottom: 6px;
background: #FFFFFF;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-style:solid;
border-width:1px;
border-color: #007AA5;
}

.shadetabs li a span{
padding-top: 6px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 6px;
}

.shadetabs li a:hover{
color: #00526C;
background-color: #ECFBFF;
outline: none;
text-decoration:none;
-moz-outline:none;
border-style:solid;
border-width:1px;
border-color:#4AD2FF;
}

.shadetabs li a.selected{
background-color: #FFFFFF;
color: #00526C;
outline: none;
text-decoration:none;
-moz-outline:none;
border-style:solid;
border-width:1px;
border-color:#EC0000;
}

.tabcontent{
visibility:hidden;
height:0px;
overflow: auto;
}

@media print {
.tabcontent {
display:block !important;
}
}.videoframe {
  min-width: 10px;
  min-height: 10px;
  padding: 0px 0px 0px 0px;
  float: left;
  border-style: solid;
  border-width: 2px;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size:0px; 
  -webkit-transition: border-color 0.3s linear;
  -moz-transition: border-color 0.3s linear;
  -ms-transition: border-color 0.3s linear;
  -o-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;    
}
.videoframe:hover {
  border-style: solid;
  border-width: 2px;
  border-color: #AD0A0A;
  padding: 0px 0px 0px 0px;
  background-position: 0px 0px;
}
.videoframe a {
  text-decoration: none;
  background-color:transparent;
}
.videoframe a:hover { 
  text-decoration: none;
  background-color:transparent;  
}
.videotitle {
  width: 100%;
  min-height: 10px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding-top: 2px;
  padding-bottom: 6px;
  font-weight:600;
  text-align:center;
  color: #212121;
  text-decoration: none;
}
.videotitle a {
  color: #212121;
  text-decoration: none;
  outline: 0
}
.videotitle a:hover {
  color: #212121;
  text-decoration: underline
}