/* HTML 5 Resets */
article, aside, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

/* Custom Tags */
nowrap {white-space: nowrap; }	 /* used on menu sidebar - cat headings */
.nowrap {white-space: nowrap;}	 /* used on menu sidebar - cat headings */

nowrap:after {  content: " "}
.nowrap:after {  content: " "}

/* Main Setting - Repeat on every page */
html { margin: 0px auto; padding: 0px; border: 0px; font-size: 12px; }   
	@media screen and ( min-width: 350px) {
		html { font-size: 16px; }
		body { font-size: 100%; }
		} 
		
body { margin: 0px auto; padding: 0px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; background: #fff; 
/* position:relative; */ overflow-x: hidden; overflow-y: scroll;  width: 99%; min-width: 960px;  max-width: 1460px; } 

  /*@media screen and ( min-device-width: 1000px) {
 		body {  width: 98%; }
		}*/

.Content-Width { margin: 0 auto; width:100%; max-width: 1460px; }
.Content-Gutter { padding-left: 8px; padding-right: 8px; }
@media screen and ( min-width: 1000px) { 
	.Content-Gutter { padding-left: 8px; padding-right: 40px; }
	}

	/* IE 5-10 FIX remove blue border on Link images */
		a img {border: none;} 

/* Header */
	.Header-SubMenu {  background-color: #066; width: 100%; float: left; font-size: 0.9rem; line-height: 1.875rem;  font-weight: 800; margin: 0 auto;}
		a.Header-SubMenu-Link { float: right; margin: 0 1.5%; width: auto; color: #fafafa; }
		a.Header-SubMenu-Link:hover { /*color: #066;*/ text-decoration: underline; } 

	.Header-MenuBar  { width:100%; background-color: #F7F7F7;  border-bottom: 2px solid #F2F2F2; min-height: .25rem;}

	.HeaderImageBlock { background-color: #EEEEEE; }
		.HeaderImg { margin: 0 auto; background-image: url(/ccp51/media/images/misc/header2.jpg); background-repeat: no-repeat; background-position: center; width:100%; height: 220px;  border-bottom: 2px solid #EEEEEE;;  }
		/*.HeaderImg { background:url(/ccp51/media/images/misc/Taco-Marine-header-image.jpg) no-repeat; background-size:100% 167px; width:100%; height:167px; }*/
		.Home-Logo { left: 5px; top: 5px;  width:150px; height:77px;  position: relative;  }
		.Social-Bar { height:34px; float: right; margin-top: 10px; margin-right: 10px; } 

	.Footer-Social-Bar { height:34px; } 
  /*.Social-Bar { height:54px; float: right; margin-top: 10px; margin-right: 10px; } */
    
	/* Social Networking */
		.facebook48 { margin: 3px 3px; float:left; width:48px; height:48px; background: url("/ccp51/media/images/Social_Networking/48px/facebook.png") no-repeat; }
		.twitter48  { margin: 3px 3px; float:left; width:48px; height:48px; background: url("/ccp51/media/images/Social_Networking/48px/twitter_3.png") no-repeat; }
		.youtube48  { margin: 3px 3px; float:left; width:48px; height:48px; background: url("/ccp51/media/images/Social_Networking/48px/youtube_1.png") no-repeat; }
		.blog48     { margin: 3px 3px; float:left; width:48px; height:48px; background: url("/ccp51/media/images/Social_Networking/48px/wordpress.png") no-repeat; }
		.gmail48    { margin: 3px 3px; float:left; width:48px; height:48px; background: url("/ccp51/media/images/Social_Networking/48px/gmail.png") no-repeat; }
		.facebook48:hover { width:48px; height:51px; background: url("/ccp51/media/images/Social_Networking/48px/facebook-hover.png") no-repeat; }
		.twitter48:hover  { width:48px; height:51px; background: url("/ccp51/media/images/Social_Networking/48px/twitter_3-hover.png") no-repeat; }
		.youtube48:hover  { width:48px; height:51px; background: url("/ccp51/media/images/Social_Networking/48px/youtube_1-hover.png") no-repeat; }
		.blog48:hover     { width:48px; height:51px; background: url("/ccp51/media/images/Social_Networking/48px/wordpress-hover.png") no-repeat;  }
		.gmail48:hover    { width:48px; height:51px; background: url("/ccp51/media/images/Social_Networking/48px/gmail-hover.png") no-repeat; }

		.facebook { margin: 2px 2px; float:left; width:32px; height:32px; background: url("/ccp51/media/images/Social_Networking/facebook.png") no-repeat; }
		.twitter  { margin: 2px 2px; float:left; width:32px; height:32px; background: url("/ccp51/media/images/Social_Networking/twitter_3.png") no-repeat; }
		.youtube  { margin: 2px 2px; float:left; width:32px; height:32px; background: url("/ccp51/media/images/Social_Networking/youtube_1.png") no-repeat; }
		.blog     { margin: 2px 2px; float:left; width:32px; height:32px; background: url("/ccp51/media/images/Social_Networking/wordpress.png") no-repeat; }
		.blogger  { margin: 2px 2px; float:left; width:32px; height:32px; background: url("/ccp51/media/images/Social_Networking/blogger.png") no-repeat; }
		.gmail    { margin: 2px 2px; float:left; width:32px; height:32px; background: url("/ccp51/media/images/Social_Networking/gmail.png") no-repeat; }
		.facebook:hover { width:32px; height:34px; background: url("/ccp51/media/images/Social_Networking/facebook-hover.png") no-repeat; }
		.twitter:hover  { width:32px; height:34px; background: url("/ccp51/media/images/Social_Networking/twitter_3-hover.png") no-repeat; }
		.youtube:hover  { width:32px; height:34px; background: url("/ccp51/media/images/Social_Networking/youtube_1-hover.png") no-repeat; }
		.blog:hover     { width:32px; height:34px; background: url("/ccp51/media/images/Social_Networking/wordpress-hover.png") no-repeat;  }
		.blogger:hover  { width:32px; height:34px; background: url("/ccp51/media/images/Social_Networking/blogger-hover.png") no-repeat;  }
		.gmail:hover    { width:32px; height:34px; background: url("/ccp51/media/images/Social_Networking/gmail-hover.png") no-repeat; }     
    

   /* Main Menu Navigation Bar */
    .MainMenuBarOuterBox { width: 100%; background-color: black; }   
    .MainMenuBar { margin-left: 4.25%; margin-right:4.25%; width: 91.5%; overflow: hidden; background-color: black; text-transform: uppercase; font-size: 1rem;  font-weight:bold; }
    .MainMenuBar a{ float: left; display: block; text-decoration: none; margin: 0px; padding: 0.625rem 0.625rem ; /*15 padding inside each tab*/
                    color: white; background: black; /*background of tabs (default state)*/	 BORDER: black 1px solid; }
    .MainMenuBar a:visited{ color: white; }
    .MainMenuBar a:hover {  background-color: #00d7cc; color:#00497c; BORDER: #00497c 1px solid;   } 	
	
	/* Search */
		.SearchBar { clear: both; float: right; margin-right: 10px; margin-top: 100px; height:28px;}			
		.SearchText { border:1px solid #aaa; box-shadow: 0px 0px 3px #ccc; border-radius:2px 0px 0px 2px; margin:0px; padding: 5px 6px 7px 6px;
							 font-size: 0.875rem; text-transform:uppercase; opacity: 0.88; background-color: #white; }
		input.SearchText:focus { border:1px solid #555; box-shadow: 0px 0px 3px #aaa; }
		.SearchButton {  margin-left: -6px; color: #2e364d;  background-color: #D7BE31;
		background: -webkit-linear-gradient(#E8F765, #c78900);
		background-image: linear-gradient(to bottom,#E8F765 0,#c78900 100%);  background-repeat: repeat-x; 
								padding: 7px 10px;    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
								font-size: 12px;  font-weight: bold; line-height: 1.3333333; display: inline-block; border: 0px solid black;  text-decoration: none;}
		input.SearchButton:Hover { background-color: #245580; cursor: pointer; cursor: hand; }		
	
    /* Page Content Layout  */
    .MainBody { width: 100%; background-color: #94C2D6; margin: 0 auto; }
			.ContentSection { /*background-color: #000000; */ }         
				/* Product Side Menu */
					.SideMenu { width: 19%; float:left;  /* max-width: 182px; */}
					.SideMenu { background-color:#00958f;  font-size:  .95rem; z-index: 1000; position: relative; margin-top: 1px; display: block;}
					.SideMenu H2 {  FONT: bold 1rem/1.125rem arial, helvetica, sans-serif; color: #000; background-color: #00d7cc; border: #000 1px solid; margin: 0px;  text-align: center; padding: 2px 3px 2px 3px; }
					.SideMenu A  { color: #FFF; padding: 4px 4px 4px 4px; display: block; margin: 0px; border: #00958f 1px solid; text-decoration: none; min-height: 33px; }   
					.SideMenu A:hover { text-decoration: none; background-color: #00d7cc; color: #00497c;  border: 1px solid; }   
					.SideMenu A img:hover  { -webkit-transform: rotate(360deg);  transform: rotate(360deg); }   
					
					.SideMenu UL { color:#FFF; background-color:#00958f; padding: 0px; margin: 0px; list-style-type: none;  }
					.SideMenu LI { background-color:#00958f; POSITION: relative; text-algin: text-top; }
					.SideMenu LI IMG { display: inline-block; background-color: white; float: left; width: 25px; margin-right: 8px; border: 3px solid white; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px; }

/*					.SideMenu LI IMG { Float: left; width: 25px; margin-left: 8px; margin-right: 0px; border: 3px solid white; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px; 
							-moz-transition: transform .6s ease-in-out;   -o-transition: transform .6s ease-in-out; -webkit-transition: -webkit-transform .6s ease-in-out;  transition: transform .6s ease-in-out; } 
					.SideMenu-Image { width: 25px; margin-right: 8px; border: 3px solid white; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px;  }
	*/				
					.SideMenu UL UL { LEFT: 100%; WIDTH: 138%; POSITION: absolute; TOP: 0px; }
					.SideMenu UL UL LI A { min-height: 14px !important; }

					.SideMenu-Image {  Float: left; width: 25px; margin-left: 8px; margin-right: 0px; border: 3px solid white; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px; 
							-moz-transition: transform .6s ease-in-out;   -o-transition: transform .6s ease-in-out; -webkit-transition: -webkit-transform .6s ease-in-out;  transition: transform .6s ease-in-out; } 

					.SideMenuFor {}
					.SideMenuFor LI A { min-height: 10px !important;}

				.PageContent { width: 79%; margin-left: 1%; margin-right: 1%; float:left; display: block;  }
			


    /* Page Footer */
    .Footer  { background-color: #0CB; font-size: 0.875rem; line-height: 1.5rem; width:100%; float: left; margin: 0px auto; margin-top: 1rem;  border-bottom: .7rem solid #F7F7F7;} 
    .Footer:after { clear: both; }
    .Footer-Image { display: block;  margin-left: auto; margin-right: auto;  width:90%; max-width:125px; margin-top: 5px; boarder-top: 5px; }
    .Footer-Container { float: left;  margin: 0px; width: 21%; margin-left:2%; margin-right:2%; margin-top: 0.5rem; margin-bottom: 0.25rem; }
    .Footer-Text { text-align: center; display:block; float: left; margin-top: 2px; margin-bottom: 2px; width: 100%; color: #00497c; line-height: 1.2; font-size: 0.875rem; }
    .Footer-Divider { display:block; height: 0.5rem; min-height: 7px;}
	
    h5.Footer-Header { text-align: center; font-size: 1.2rem; color:#00497c; margin: 0px ; margin-top: 1rem; margin-bottom: 0.5rem; padding-top: 0px;}		
    h5.Footer-Header2 { text-align: Left; font-size:1.2rem; color:#00497c; margin: 0px ; margin-top: 1rem; margin-bottom: 0.25rem ; padding-top: 0px;}		
    h6.Footer-Header { text-align: center; font-size: 0.875rem; color:#00497c; margin: 0px; padding-top: 0px;}		
    a.Footer-Menu { text-align: center; display:block; float: left; margin-top: 2px; margin-bottom: 2px; width: 100%; color: white; }
    a.Footer-Menu:hover  { color: #00497c; }		
    a.Footer-Email { text-align: center; display:block; float: left; margin-top: 2px; margin-bottom: 2px; width: 100%; color: white; }
    a.Footer-Email:hover  { color: #00497c; }		
    a.Top-Menu { float: right;   margin: 4px 2% 3px;  width: auto;  color: #fafafa;  font-weight: 800;  font-size: 0.875rem; }
    a.Top-Menu:hover { color: #0CB; } 
    a.Footer-Copyright  { float: left; margin: 4px 2% 3px; width: auto; color: #fafafa; font-weight: 800; font-size: 0.875rem; }
    a.Footer-Copyright:hover { color: #0CB; }

    .Footer-Container-TradeLogos { float: left; margin: -105px 0px 0px 0px; padding-top: 0px; width: 48%; padding-right: 10px; padding-left: 10px; padding-bottom: 8px; margin-left:2%; }		
    .Footer-TradeLogo { display: block; float: left; margin: auto;  padding-right: 1.33%; padding-left: 1.33%; width: 14%; }
    .Footer-Social { height: 34px; float: left; align: center;}
		
    .Footer-SubMenu { background-color: #066; width:100%; float: left; margin: 0 auto; margin-bottom: 2.2rem;  line-height: 2rem; font-size: 0.875rem; }
    .Footer-SubMenu:after { clear:both;}	
    .Footer-SubMenu-Left { float: left;   width: 25%; }
    .Footer-SubMenu-Right { float: right; width: 75%; }
/* END Main Setting - Repeat on every page */

/* Generic */
    /* Float Movement Wrappers */
    .float_right    { float: right; }
    .float_left      { float: left; }
    .float_top         { float: top; }
    .float_bottom   { float: bottom; }
    .text_align_center { text-align: center; ; }
    .Float-Right    { float: right; }
    .Float-Left      { float: left; }
    .Float-Top         { float: top; }
    .Float-Bottom   { float: bottom; }
    .Text-Align-Center { text-align: center; ; }
    .Left-Margin   {float:right; margin-left: 20px; } 
    .Right-Margin   {float:left; margin-right: 20px; } 
    .clearboth { clear:both; }
		.bold , .Bold { font-weight: bold ; }
    
    .ReadMoreButton { padding: 0.5rem 1rem 0.5rem 1rem; color: white; font-weight: bold; font-size: 1rem; background-color: #00958f;  margin-right: 10px; margin-left: 10px; border-bottom: 0px none !important; }
    
    .FlexFlowBox {  display: -webkit-box;    /* OLD - iOS 6-, Safari 3.1-6 */  display: -moz-box; display: -ms-flexbox; /* IE 10 */	display: -webkit-flex;   /* Opera 12.1+, Firefox 22+. Chrome 21 */  display: flex;
					-webkit-box-direction: normal;  -moz-box-direction: normal;  -webkit-box-orient: horizontal;  -moz-box-orient: horizontal; -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;
          -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;      
					-webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; 
					-webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start;  -moz-box-align: start;
					-webkit-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start;	}
    
/* END Generic */


/* Image Effects */ 
	.RoundCorners { border: 2px ; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px; }
	
/* End Image Effects */ 

/* Seperator Bar */
.separatorbar { /* Black Curved Background  */
				width:100%;-webkit-border-radius: 0px .875rem 0px 0px;-moz-border-radius: 0px .875rem 0px 0px;
				border-radius: 0px .875rem 0px 0px;background:rgba(0,0,0,0.9);-webkit-box-shadow: #B3B3B3 3px 3px 3px;
				-moz-box-shadow: #B3B3B3 3px 3px 3px; box-shadow: #B3B3B3 3px 3px 3px; z-index:-1; 			   
				padding:2px; padding-left: 4px; COLOR:white; font-size: .75rem; line-height: 1rem; float:left; font-weight:bold;	text-transform:uppercase;
				 /* text */	position:relative; display:block; margin-bottom: .75rem; overflow: hidden; clear:both;} /* line */
.separatorbar:after{ content:""; position:absolute; top:50%; width:100%; height:1px; background-color:#FFFFFF; margin-left: 5px; clear:both; } 


#toTop { 	display: none; 	text-decoration: none; 	position: fixed; 	bottom: 10px; 	right: 10px; 	overflow: hidden; width: 34px;
		height: 34px;	border: none;	text-indent: 100%;	background: url(/ccp51/javascript/movetotop/top_move.png) no-repeat right top; }

/* Links */
a.Default-Link { text-decoration: none;	color: #0579CC;}
a.Default-Link:active {text-decoration: none} 
a.Default-Link:visited { text-decoration: none;	color: #0579CC;} 
a.Default-Link:hover  { text-decoration: none;	color: #00497c;;}

/* Contact Forms */
.Form-Layout {}
.Form-Layout input, textarea, select { font-weight:bold; opacity: 1; padding: 5px; border: 1px solid #c3c3c3; border-radius: 7px; margin-top: 2px; margin-bottom: 2px; margin-left: 4px; width: 358px}
.Form-Layout input:focus, textarea:focus, select:focus { border: 1px solid #45bcd2; box-shadow: 0px 0px 8px 2px #98d865; }
.Form-Layout Label { width: 27%; text-align: right; display: block; font-weight: bold; font-size: 0.875rem; color: #00635f; padding-top: 8px; float: left; } 
.Form-Instructions {  font-size: 0.75rem; color: black;  display: block; text-align: center; }
.Form-RequiredColor { color: #FF0000; font-weight: bold; }
.Input-Form2 { width: auto !important; }

/* General Information Page Layouts */
#PageLayout { font-size: 1rem; } 
#PageLayout h1 { text-transform:uppercase; text-align:center; font-size: 1.75rem; color:#00497c; }
#PageLayout h2 { text-transform:uppercase; text-align:center; font-size: 1.75rem; color:#00497c; }
#PageLayout h3 { font-size: 1.25rem; color:#0082c5; }	
#PageLayout p  { line-height:1.57rem; font-size:1rem; text-align:justify; }
#PageLayout b  { color:rgb(0,149,141); font-size: 1.14rem; }
#PageLayout ul { line-height:1.57rem; font-size:1rem; text-align:justify; 	 }	
.PageLayout-LargeText  { line-height:1.57rem; font-size:1rem; }


/* Bread Crumbs - Page Navigation */
.Cat-Nav { font-size: .9rem; margin: 0 auto; line-height: 1.75rem; } 
a.Ste-Cat-Nav { text-decoration: none;	color: #0579CC;}
a.Ste-Cat-Nav:active {text-decoration: none} 
a.Ste-Cat-Nav:visited{ text-decoration: none;	color: #0579CC;} 
a.Ste-Cat-Nav:hover  { text-decoration: none;	color: #000000;}

/* Category lists  image and non image */
.Category-List { width: 100%; font-size: 0.875rem;	 text-align: center; }		 
.Category-List .CategoryOuterBox {  float: left; Min-width: 135px; }
.Category-List .CategoryInnerBox {  margin-left: 5px; margin-right: 5px; }
.Category-List IMG { }
.Category-List .CategoryName { display: block; color: #0579CC; padding-bottom: 20px; } 

.Category-List .Category-NameOnly { font-size: 1rem;	font-weight: bold; line-height: 175% }
.Category-List a.Category-NameOnly { text-decoration: none;	color: #0579CC;}
.Category-List a.Category-NameOnly:active {text-decoration: none} 
.Category-List a.Category-NameOnly:visited { text-decoration: none;	color: #0579CC;} 
.Category-List a.Category-NameOnly:hover  { text-decoration: none;	color: #000000;}


/* Category Detail */
.Category-Header  { text-align: center; font-size: 2rem;  font-weight: bold; color: #00497c; display: block;  }
.Category-Text    { font-size: 1rem; color: black; }
.Category-Detail  { font-size: 1rem;  color: black; }
.Category-Detail  P { text-align:justify; line-height: 1.4rem;} 
.Category-Detail  H1 { text-align: center; font-size: 1.75rem;  font-weight: bold; color: #00497c; display: block;  margin-top: 10px;}
.Category-Detail  H2 { color: #0082c5; font-size: 1.375rem; font-weight: bold;}
.Category-Detail  H3 { color: #6D96B0; font-size: 1.125rem; font-weight: bold;}

/*.Category-Detail  P { font: 14px verdana, arial; color: black; text-align:justify;}  */

/* InfoTable Note same as Product Detail Table but not default 100%, 2nd column centered */
.Category-InfoTable { font-size: 0.875rem; }
.Category-InfoTable table { width:100%; margin:0px; border:4px solid red; border-spacing:0px; border-collapse:collapse; border-top-right-radius:2rem;}
.Category-InfoTable th { padding: 2px 2px 2px 2px; text-align: left; background-color:black; color:white; }	
.Category-InfoTable th + th + th { padding: 2px 5px 2px 5px; text-align: center; }	
.Category-InfoTable td { padding: 0px 2px 0px 2px; text-align: left; }	
.Category-InfoTable td + td  { text-align: center; }	
.Category-InfoTable tr { background-color:black; color:white; }
.Category-InfoTable tr + tr { background-color: white; color:black; }
/* .Category-InfoTable tr + tr +tr {background-color: grey; color:black; } */

/* Product SideBar */
.CategorySideBar { margin-top: -22px; width: 209px  /*32%*/; float: right; margin-left: 10px; border-bottom:2px; text-align: center; align: center; }
.CategorySideBar-Image { width: 100%; margin-top: 4px; }
.CategorySideBar-Video { Width: 209px; height: 121px; margin-top:5px; } /*width: 209: HEight: 121 */
.CategorySideBar-VideoTitle { font-weight: bold; font-size: 0.875rem ; color:rgb(0, 149, 141); }
/* spec sheet etc */
.CategorySideBar-Button {  margin-bottom: 1px;  	background-color:#bddcfa;
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb; 	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb; box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddcfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddcfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddcfa', endColorstr='#80b5ea');
	-webkit-border-top-left-radius:37px;   	-webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:37px; 		-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-topleft:37px; 	-moz-border-radius-topright:0px; 	-moz-border-radius-bottomright:37px;  -moz-border-radius-bottomleft:0px;
	border-top-left-radius:37px;  	border-top-right-radius:0px; 	border-bottom-right-radius:37px; border-bottom-left-radius:0px;
	text-indent:0px; 	border:1px solid #84bcf3; 	display:inline-block; 	
	color:#ffffff; 	font-family:Arial; 	font-size: 1rem;	font-weight:bold; 	font-style:italic; 	height:2rem;
	line-height:2rem; 	width: 100%; 	text-decoration:none; 	text-align:center; 	text-shadow:1px 1px 0px #528fcc; }
.CategorySideBar-Button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddcfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddcfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddcfa');
	background-color:#80b5ea; }
.CategorySideBar-Button:active { 	position:relative;	top:1px;}

/* Product Listing OLD */
.Product-List {  width: 100%; font-size: 0.875rem;	 text-align: center;  }			 
.Product-List .ProductOuterBox {  float: left; Min-width: 135px; margin-bottom: 10px; }
.Product-List .ProductInnerBox {  margin-left: 5px; margin-right: 5px; }
.Product-List IMG { }
.Product-List .PartNo   { display: block; color: #0579CC;}
.Product-List .PartName { display: block; color: #0579CC;} 
/* a.Product-List { text-decoration: none;	color: #00958D;}
a.Product-List:active {text-decoration: none} 
a.Product-List:visited { text-decoration: none;	color: #0579CC;} 
a.Product-List:hover  { text-decoration: none;	color: #000000;} */

/* Product Listing new*/
/*.Product-List {  width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } 
.Product-List .ProductOuterBox {  Min-width: 139px;  margin-bottom: 10px; }
.Product-List .ProductInnerBox {  margin-left: 5px; margin-right: 5px;  text-align: center; font: 12px verdana, arial; color: #0579CC; }
.Product-List .ProductInnerBox:Hover { font-weight: bold; width: 100%; margin: 0 auto }
.Product-List .ProductInnerBox IMG { width: 90%; margin: 0 auto; padding-bottom: 5px; Max-width: 125px; }
.Product-List .ProductInnerBox IMG:Hover { width: 100%;  paddin-bottom: 0px; margin: 0 auto; Max-width: 139px; }
.Product-List .PartNo   { display: block;  font-size: x-small; width: 85%; margin: 0 auto; line-height: 14px; }
.Product-List .PartName { display: block;  width: 85%; margin: 0 auto; line-height: 18px; } */
/*.Product-List .PartName: Hover { display: block;   }
.Product-List a { text-decoration: none;	color: color: #337ab7;}
.Product-List a:active {text-decoration: none; color: #337ab7} 
.Product-List a:visited { text-decoration: none;	color: #337ab7;} 
.Product-List a:hover  { text-decoration: none;	color: #000000;} */  

/* Product Layout */
.ProductLayout { font-sze: 1rem; }
.ProductLayout H1 { color: rgb(0,149,141); font-size: 1.75rem; margin-bottom: 4px; margin-top: 4px; border-bottom: 0px; }
.ProductLayout H2 { color: #0082c5; font-size: 1.37rem; font-weight: bold; margin-bottom: 4px; margin-top: 4px; border-bottom: 0px;}
.ProductLayout H3 { color: #6D96B0; font-size: 1.125rem; font-weight: bold; margin-bottom: 4px; margin-top: 4px; border-bottom: 0px;}
.ProductLayout P   { font-size: 1rem; text-align: justify;  }
.ProductLayout ul  { font-size: 0.875rem; text-align: justify; List-style-type: disc;  }
.ProductLayout li   { margin-left:-20px;  }

.ProductLayout .Product-Disclaimer  { color: grey; font-size: .75rem !important; font-style: italic; }

/* Product Image Column */
.ProductLayout .ProductImageColumn { width: 26.041%; margin-right: 1%; float: left; }  /* 28% */
.ProductLayout .ProductImageColumn IMG { width: 100%; } 
.ProductLayout .ProductPatentText    { font-size: .875rem; display: block; text-align: center; }
.ProductLayout .ProductImageClick    { font-size: .875rem; display: block; text-align: center; margin-top: .75rem; margin-bottom: .75rem }  /* ste_prdlg_popup.txt */

/* Product Inforation Column */
.ProductLayout .ProductInfoColumn {	width: 72.959%; float: left; }
 
/* Product SideBar */
.ProductSideBar { margin-top: -35px; width: 209px /*32%*/; float: right; margin-left: 20px; border-bottom:10px; text-align: center; align: center; }
.ProductSideBar-Image { width: 100%; margin-top: 0.5rem; }
.ProductSideBar-Video { Width: 209px; height: 150px; margin-top:5px; } /*width: 209: HEight: 121 */
.ProductSideBar-VideoTitle { font-weight: bold; font-size: 0.875rem; color:rgb(0, 149, 141); }

/* spec sheet etc */
.ProductSideBar-RebateButton, .ProductSideBar-Button {  margin-bottom: 1px;  	background-color:#bddcfa;
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb; 	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb; box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddcfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddcfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddcfa', endColorstr='#80b5ea');
	-webkit-border-top-left-radius:37px;   	-webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:37px; 		-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-topleft:37px; 	-moz-border-radius-topright:0px; 	-moz-border-radius-bottomright:37px;  -moz-border-radius-bottomleft:0px;
	border-top-left-radius:37px;  	border-top-right-radius:0px; 	border-bottom-right-radius:37px; border-bottom-left-radius:0px;
	text-indent:0px; 	border:1px solid #84bcf3; 	display:inline-block; 	
	color:#ffffff; 	font-family:Arial; 	font-size:1rem;	font-weight:bold; 	font-style:italic; 	height:2rem;
	line-height:2rem; 	width: 100%; 	text-decoration:none; 	text-align:center; 	text-shadow:1px 1px 0px #528fcc; }
.ProductSideBar-RebateButton, .ProductSideBar-Button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddcfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddcfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddcfa');
	background-color:#80b5ea; }
.ProductSideBar-RebateButton, .ProductSideBar-Button:active { 	position:relative;	top:1px;}

.ProductSideBar-RebateButton {  border:1px solid #d02718;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	text-shadow:1px 1px 0px #810e05;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
 }
.ProductSideBar-RebateButton:hover { 
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
  }



/* Product Detail Table showing stats. */
.ProductDetail { font-size: 0.875rem; width: 100% }
.ProductDetail table { width:100%; margin:0px; border:4px solid red; border-spacing:0px; border-collapse:collapse; border-top-right-radius:2rem;}
.ProductDetail th { padding: 2px 2px 2px 2px; text-align: left; background-color:black; color:white; }	
.ProductDetail th + th + th { padding: 2px 5px 2px 5px; text-align: center; }	
.ProductDetail td { padding: 0px 2px 0px 2px; text-align: left; }	
.ProductDetail td + td + td { text-align: center; }	
.ProductDetail tr { background-color:black; color:white; }
.ProductDetail tr + tr { background-color: white; color:black; }
/* .ProductDetail tr + tr +tr {background-color: grey; color:black; } */


.FAQSideBar {	width: 209px; float: right; margin-left: 20px; padding-top: 10px; border-bottom: 10px; text-align: center; align: center; background-color: #ccffff; }
.FAQSideBar-Image {	width: 100%; margin-top: 8px; }
.FAQSideBar-Video {	Width: 209px;	height: 150px; margin-top: 5px;	}
.FAQ-VideoTitle  { Font-weight: bold; font-size: 0.875rem; color:rgb(0, 149, 141); }
.FAQSideBar p {	color: grey; margin-left: 10px;	margin-right: 10px; text-align: justify; font-size: 0.875rem;	}
.FAQSteps-Image { float: right;	margin-left: 10px	}
.FAQ-Notes { Color: #767676; font-weight: bold;	font-style: italic;	}
.FAQ-OL {	list-style-type: none; counter-reset: elementcounter;	padding: 0;	margin: 0 auto;	}
.FAQ-OL li { counter-increment: elementcounter;	position: relative;	padding-left: 80px;	}
.FAQ-OL li:before {	content: "Step " counter(elementcounter)". "; font-weight: bold; font-size: 1rem;	color: #0082C5;	position: absolute;	left: 0 }

/* Video Gallery */
.VideoGallery { width: 100% }
.VideoGallery H1 { }

.VideoGallery-Background { background-color: #F0F8FF; padding: 1rem;
		-webkit-border-radius: 1% 1% 1% 1%; -moz-border-radius: 1% 1% 1% 1%;  border-radius: 1% 1% 1% 1%;
    -webkit-box-shadow: #B3B3B3 3px 3px 3px; -moz-box-shadow: #B3B3B3 3px 3px 3px; box-shadow: #B3B3B3 3px 3px 3px;  margin-bottom: 1rem;}	

.VideoGallery-Spacing   { float: left; margin:0 auto; padding: 0 auto; }
.VideoGallery-Box       { width: 69%; margin-right: 1%; }
.VideoGallery-SideBar   { width: 29%; margin-left: 1%; }

.VideoGallery-Box Video { width: 100%; border: 0;  } 
.VideoGallery-Box H1    { margin-bottom: 1px; }
.VideoGallery-By        { font-size: 0.9rem;  color: #424242; }

.VideoGallery-About     { width: auto; padding-bottom: 1.5rem; }
.VideoGallery-About:after { content: "Foo";  visibility: hidden; display: block; height: 0px; clear: both; }  /* fix height for floats */

.VideoGallery-About P   { color: #5b5b5b;  font-size: 1 rem; line-height: 1.57rem; text-align: justify }
.VideoGallery-About a   {	border-bottom: 1px dotted ; }
.VideoGallery-Date      { font-weight: bold; float: left; font-size: 0.8rem; } 
.VideoGallery-ProductID { font-weight: bold; float: right; font-size: 0.8rem; } 
	
.VideoGallery-SideBar img    { width: 100%; margin: 0 auto;  }
.VideoGallery-SideBarTitle   {font-size: .8rem; font-weight: bold; color:rgb(0, 149, 141); text-align: center; }
.VideoGallery-SideBarSection { border-top: 1px solid #CDCDC1; padding-top: 0.75rem; padding-bottom: 0.5rem; }

/* YouTube Video - Fix for setting width 100% and auto height */
.Video-YouTube-Container { 	position:relative; 	padding-bottom:56.25%; 	padding-top:30px; 	height:0; 	overflow:hidden; }
.Video-YouTube-Container iframe, .video-container object, .video-container embed { 	position:absolute; 	top:0; 	left:0; 	width:100%; 	height:100%; }



/* Video Button Overlay Definitions */
.Video-Container { display: inline-block; position: relative;  overflow: hidden; }
.Video-Image { z-index: 9; 
    -webkit-transition: all .5s ease;  -moz-transition: all .2s ease;
    -ms-transition: all .5s ease;   -o-transition: all .2s ease;
    transition: all .5s ease;    vertical-align: middle; }   
.Video-Image:Hover {  -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera  max-width: 120px; max-height: 120px; */
    transform:scale(1.15);  }
.Video-PlayButton { 
   background: url("/ccp51/media/images/misc/Video-play-buton.png") center center no-repeat;  
   position: absolute; top: 50%; left: 50%; width: 120px; height: 120px;   z-index:10; 
   background-position: 50% 50%; background-size: 60%;
   margin: -60px 0 0 -60px;  opacity: 0.7;   }   
.Video-PlayButton:Hover {  opacity: 1  ;transition: opacity .3s linear;   }
	/* .Video-PlayButton:hover:after {  position: absolute;  content: 'Play';
    text-align: center;  font-family: sans-serif;
    padding-top: 100%;   font-size: 2em;  color: #fff;
    top:  0; left: 0;  width: 100%;  height: 100%; }   */


/* Button Definitions */
/* Item Detail menu spec, installation,video btns */
.btn_square {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size: 1.2rem;
	font-weight:bold;
	font-style:italic;
	height: 1.75rem;
	line-height: 1.75rem;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;}
.btn_square :hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea; }
.btn_square :active {	position:relative;	top:1px;}


.btn_box_cutter3 {	-moz-box-shadow:inset 0px 1px 0px 0px #00ddcb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #00ddcb;
	box-shadow:inset 0px 1px 0px 0px #00ddcb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00ccbb), color-stop(1, #008878) );
	background:-moz-linear-gradient( center top, #00ccbb 5%, #008878 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ccbb', endColorstr='#008878');
	background-color:#00ccbb;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px; 
	text-indent:0px;
	border:1px solid #00aa99;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:1rem;
	font-weight:bold;
	font-style:italic;
	height: 1.75rem;
	line-height: 1.75rem;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #006666; }
.btn_box_cutter3:hover { 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008878), color-stop(1, #00ccbb) );
	background:-moz-linear-gradient( center top, #008878 5%, #00ccbb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008878', endColorstr='#00ccbb');
	background-color:#008878;}
.btn_box_cutter3:active {	position:relative;	top:1px;}


.btn_box_cutter {	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddcfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddcfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddcfa', endColorstr='#80b5ea');
	background-color:#bddcfa;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #84bcf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:1rem;
	font-weight:bold;
	font-style:italic;
	height: 1.75rem;
	line-height: 1.75rem;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528fcc; }
.btn_box_cutter:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddcfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddcfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddcfa');
	background-color:#80b5ea; }
.btn_box_cutter:active { 	position:relative;	top:1px;}

.btn_round {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:1rem;
	font-weight:bold;
	font-style:italic;
	height:2rem;
	line-height:2rem ;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace; }
.btn_round:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;}
.btn_round:active {	position:relative; 	top:1px; }


.InfoButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:1px solid #29668f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:1rem;
	padding: .35rem ; 
	text-decoration:none;
	width: 100%; 
	text-align: center ;
	text-shadow:-1px -1px 0px #3d768a;
	margin: 1px;}
.InfoButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;}
.InfoButton:active {
	position:relative;
	top:1px;}
.InfoButton:visited { }


/* Print Styles */
@media print {
  #text { color: black; background-color: white; }
  #nav  { display: none; }
  
  .Header-SubMenu { display: none; }
  .HeaderImg { background-image: none; height: 86px !important; margin-bottom: 15px }  
  .SocialBar { display: none; }
  .SearchBar { display: none; }
  .MainMenuBarOuterBox { display: none; }
  .SideBar { display: none; }
   #menu    { display: none; }
  .Cat-Nav   { display: none; }
  .separatorbar { display: none; }
  .PageContent { width: 95% !important}
  
  .Footer { display: none; }
  .Footer-SubMenu-Left { width: 95% !important}
  .Footer-SubMenu-Right { display: none; }
  
  /* Product Page */
  .ProductSideBar { display: none; }
  .ProductSideBar-Video { display: none; }
  .ProductSideBar-Button { display: none; }
  .ProductImageColumn .ProductImageClick { display: none; }
  .ProductSideBar-VideoTitle { display: none; }
  
  /*.ProductSideBar-RebateButton { display: none; } */
  
  /* Misc */
  .btn_box_cutter { display: none; }
}