/* C&S PRODUCTS style sheet */

		/* GLOBAL Styling */
body	{background-color:#ebf8f0;
	font-family:verdana,arial,sansserif;
	font-size:12pt;
	color:#4c4c4c;
	margin:0;
	padding:0;
	}
html 		{box-sizing: border-box;
	/* Always show a scrollbar for short pages - stops the jump */
	height: 101%;}
*, *:before, *:after{ box-sizing: inherit; }
.clearfix	{display:block;clear:both;}
img		{max-width:100%;}
#container 	{width:99.5%;min-width:320px;max-width:1200px;margin:0 auto;}
#content	{float:left;width:99.8%;margin-bottom:20px;background:#fff;border:1px solid #004503;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow: 0 10px 20px #666;}
#content img	{border:none;}
#topbar		{padding:0;margin:0;background:#B7FFF3;}
#fone1, #fone2	{display:none}
#logo		{width:100%;margin-bottom:6px;text-align:center;}
#pagetop		{width:100%;height:21px;background:#B7FFF3 url(images/pagetop.jpg);}
#logo img		{margin-top:3px;}
#pagetop img	{margin-top:3px;width:100%;}
#email-mask	{position:absolute;top:5px;margin-left:8%;height:30px;width:280px;z-index:1000;background:transparent;}
#email-mask a	{display:block;height:40px;}
		
/* ******************* NAVIGATION **************************** */
#navbar		{width:980px;height:30px;margin:0 auto;}
.navbar		{list-style-type:none;}
.navbar ul	{float:left;margin:0;padding:0;list-style-type:none;border-left:1px solid #aeaeae;}
/* RESTORE for Services .navbar ul li	{float:left;width:120px;position:relative;color:#fff;background-color:#aeaeae;border-right:1px solid white;text-align:center;} */
.navbar ul li	{float:left;width:130px;position:relative;color:#fff;background-color:#aeaeae;border-right:1px solid white;text-align:center;}
.navbar ul li.pg	{width:130px;}     /* extended widths */
.navbar ul li.lw	{width:120px;}
.navbar ul li.ms	{width:120px;}
.navbar ul li.nw	{width:80px;}
.navbar ul li a	{display:block;width:100%;padding:5px 0;text-decoration:none;color:#fff;font:bold 14px verdana;}
.navbar ul li a:hover
		{background-color:#284BE0;text-decoration:none;}
.navbar ul li.last	{border-right:1px solid #aeaeae;}
	/* button off state */
.navbar ul li.on	{padding:0;margin:0;line-height:26px;text-align:center;color:#aeaeae;background-color:#fff;font-weight:bold;font-size:14px;font-family:verdana;border-top:1px solid #aeaeae;border-bottom:1px solid #aeaeae;}
	/* second level */
.navbar ul li ul	{position:absolute;display:none;float:left;z-index:2000;background-color:#fff;border:1px solid #777;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.navbar ul li ul	{box-shadow: 0 10px 20px rgba(0,0,0,0.8);}
.navbar ul li ul li	{float:none;display:list-item;width:100%;background-color:#fff;border:none;}
.navbar ul li ul li a
		{display:block;line-height:30px;font-size:90%;color:#777;text-indent:5px;text-align:left;text-decoration:none;}
.navbar ul li ul li a:hover, .navbar ul li ul li a.sub_range:hover
		{background-color:#999;color:#fff;}
.navbar ul li ul li.sub_hdr, .navbar ul li ul li a.sub_range
		{background:#eee;color:#666;font-family:verdana;font-size:85%;font-weight:bold;line-height:24px;}
.navbar ul li ul li div.sub_bold
		{font-weight:bold;text-align:center;}
.navbar ul li ul li div.sub_indent
		{margin:0 0 0 10px;font-style:italic;font-weight:normal;}
.navbar ul li ul li .plain:hover
		{background-color:#f7f7f7;color:#666;}
	/* third level */
.navbar ul li ul li ul{position:relative;display:block;width:100%;border:none;border-radius:0;box-shadow:none;}
.navBase		{height:16px;}

.nv1, .nv3 {display:block;}
.nv2, .nv4, .nv5
	 {display:none;}
.nv5 a img{display:inline-block;}

.nvL, .nvM, .nvR	{float:left;width:200px;margin-left:10px;}
	.nvItem	{margin-left:20px;line-height:20px;text-indent:0;font-weight:normal;text-align:left;font-style:italic;font-size:80%;color:#4c4c4c;}
.n1	{float:left;width:100%;margin:5px 0;}
.nvL .n1, .nvM .n1, .nvR .n1
	{margin:5px 0;border:1px solid #ccc;} /* for UL */
	.n2 	{margin-left:20px;line-height:20px;font-weight:normal;border:none;}
	.n3 	{font-weight:bold;color:#666;}
#uPG	{width:644px;}
#uPG2	{width:300px;}
#uGW	{width:200px;}
#uPD	{width:400px;}
#uMS	{width:360px;}
#uMOR	{width:240px;}
#uMOR2	{width:240px;}
/* ******************* End NAVIGATION **************************** */

#maincontent	{float:left;margin:10px 0 20px 20px;text-align:left;}

		/* INDEX page */
.s1		{float:left;margin:30px 2% 0 2%;}
.toptext	{float:left;width:49%;line-height:1.7;}
.fullwidth	{float:left;width:98%;margin-left:1%;line-height:1.7;}
.topTitle	{margin-bottom:15px;line-height:1.2;}
.topSlide 	{float:left;width:49%;margin-top:30px;text-align:center;}
#slideshow	{max-width:472px;max-height:380px;margin:20px auto 1% auto;}
#slideframe	{max-width:462px;max-height:330px;background:#fff;text-align:center;border:1px solid #999;}
#fadeshow1	{margin:5px;display:block;}
#fadeshow2	{margin:5px;display:none;}
.s2		{float:left;width:98%;margin:30px 1% 0 1%;text-align:center;}
.official	{float:left;width:30%;margin:0 1%;text-align:center;}
.scott		{float:none;margin:0 auto;min-width:290px; border:1px solid #27B1A9;color:#059990;text-align:center;}
#wn		{float:left;width:40%;}
#sq		{float:left;width:50%;}
#fb		{float:left;width:10%;}
#fb img		{ border:1px solid white;}

#footer		{clear:both;width:100%;text-align:center;}
#sitemap	{margin-bottom:10px}
#index-copyrt	{display:inline-block;clear:both;width:100%;text-align:center;margin:20px 0;}
		/* LINK Styling */
a		{color:#4c4c4c;font-family:verdana;font-size:100%;text-decoration:none;}
a:hover		{color:#000;}
a.web		{color:#aeaeae;font-weight:500;font-size:10pt;text-decoration:underline;font-family:arial;}
a:hover.web	{color:#3e3e3e}
a.cyan10b		{font-size:100%;color:#B4C8B6;font-weight:bold;}
a:hover.cyan10b 	{color:#45858E;text-decoration:underline;}

.copyrt		{float:left;width:100%;color:#aeaeae;font-size:9pt;font-family:arial;text-align:center;margin-bottom:40px;}
.c		{font-size:16pt;}

		/* text styling */
h1	{font-family: 'Nunito',verdana,sans-serif;}
.txt14	{font-size:120%;color:#45858E;}
.cyan9	{font-size:80%;color:#45858E;}
.cyan10	{font-size:90%;color:#45858E;}
.cyan10b	{font-size:90%;color:#45858E;font-weight:bold;}
.cyan12	{font-size:100%;color:#45858E;}
.cyan12b	{font-size:100%;color:#45858E;font-weight:bold;}
.cyan18, h1	{font-size:200%;color:#45858E;font-weight:normal;}
.cyan16 	{font-size:70%;color:#45858E;font-weight:normal;}
.ltGrey	{font-size:100%;color:#666;}
.dktan8i	{font-size:8pt;color:#BA602D;font-style:italic;}
.i	{font-style:italic;}
.b	{font-weight:bold;}


		/*  FORM styling  */
form	{margin:0;font-size:90%;}
form input, form textarea {
	background-color: #eaeaea;
	background: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #eaeaea));
	border:1pt solid #45858E;
	}
#submitBtn{width:420px;margin:15px auto 40px auto;}
#queries #submitBtn1, #queries #submitBtn2
	{width:48%;margin:0 2px;line-height:40px;display:inline-block;background:#fff;} 
#submitBtn #submitBtn1:hover, #submitBtn #submitBtn2:hover, #quote #submitBtn #submitBtn1:hover, #quote #submitBtn #submitBtn2:hover
	{background-color:#ccc;cursor:pointer;}
#mustBe	{text-align:center;color:#f00;font-family:arial;}
.must	{color:#f00;font-family:arial;font-weight:bold;font-size:130%;margin-left:5px;vertical-align:middle;}

		/*  Speed Quote styling  */
.quoBox	{width:94%;margin:15px 0 0 3%;}
#quote	{color:#45858E;}
#quote .label, #quote .label2
	{width:150px;margin-right:6px;display:inline-block;text-align:right;vertical-align:middle;}
#quote .label2{vertical-align:top;}
#quote input, #quote textarea 
	{margin:0 10px 5px 0;}
#quote input, #quote textarea
	{width:50%;display:inline-block;clear:right;}
#quote #fname, #quote #lname
	{width:24%;}
#quote textarea
	{height:80px;font-family:arial;}
#quote #submitBtn
	{width:100%;text-align:center;} 
#quote #submitBtn #submitBtn1
	{width:200px;margin:0 auto;line-height:40px;background:#fff;} 
#quote #submitBtn1:hover
	{background-color:#ccc;cursor:pointer;}
#quote #submitBtn
	{margin:15px auto 10px auto;}

			/* Button Styling */
.btn	{width:150px;margin:10px auto;text-align:center;background:#B7FFF3;border:1px solid #45858E;}
.btn a	{display:block;color:#333;text-decoration:none;font-size:100%;line-height:24px;}
	  /* --- single big button white to pink --- */
.bigBtn	{display:block;width:150px;height:30px;margin:10px auto 20px auto;background-color:#fff;color:#ff5900;border:1px solid #b00000;text-align:center;clear:both;}
.bigBtn a	{display:block;width:100%;line-height:30px;font-family:verdana;font-weight:bold;text-decoration:none;}
.bigBtn:hover{background-color:#fcdbdb;color:red;text-decoration:none;}
.quo	{float:left;width:150px;min-width:134px;line-height:40px;text-align:center;
	color:#fff;background:#B7FFF3;border:1px solid #45858E;border-radius:10px;
	font-weight:bold;font-size:20px;font-family:arial;letter-spacing:0.5px;
	background:#45858E; /* For browsers that do not support gradients */
	background: -moz-linear-gradient(top, #42BEA9, #45858E);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #42BEA9), color-stop(1.0, #45858E));font-weight:bold; 
	background:linear-gradient(#42BEA9, #45858E);
}
.quo:hover, .fb img:hover
	{cursor:pointer;border:1px solid #fff;}
.quoBtn	{width:250px;line-height:30px;background-color:#B7FFF3;color:#333;border:1px solid #45858E;border-radius:10px;font-family:verdana;font-size:120%;text-align:center;margin:10px auto 6px auto;}

.wnew	{float:none;display:inline-block;width:400px;min-width:210px;margin:0 auto;
	background:#FA9F13;
	background: -moz-linear-gradient(top, #FAC067, #FA9F13);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FAC067), color-stop(1.0, #FA9F13));font-weight:bold; 
	background:linear-gradient(#FAC067, #FA9F13);
} 
#rtl	{float:left;width:100%;margin-top:30px;}
.rtl, .tx{float:none;display:inline-block;width:24%;min-width:120px;margin:0 2px;text-align:center;vertical-align:middle;background:#fff;border:3px solid #ccc;}
.rtl:hover{border:2px solid #333;}
#rtl .tx{font-size:180%;border:none;}

.fb, .sq	{float:none;margin:0 auto;}

hr	{color:#45858E}
ulx	{list-style-type:square;}
.ul	{text-decoration:underline;}
form	{display:inline}
.center	{text-align:center;margin:0 auto;}


	/* ----- round corners --------------- */
.rc16, .menuskin, #callout {
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-o-border-radius: 16px;
	-ms-border-radius: 16px;
	border-radius:16px;
}
.rc10, .btn, .bigBtn {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius:10px;
}

	/* ----- drop shadows ------------------- */
.ds20, .menuskin	{
	-moz-box-shadow: 0px 0px 20px #333;
	-webkit-box-shadow: 0px 0px 20px #333;
	-o-box-shadow: 0px 0px 20px #333;
	-ms-box-shadow: 0px 0px 20px #333;
	box-shadow: 0px 0px 20px #333;
}
.ds15, .gal_array .item img:hover, .quo:hover, .fb img:hover, .rtl:hover {
	-moz-box-shadow: 0px 0px 15px #666;
	-webkit-box-shadow: 0px 0px 15px #666;
	-o-box-shadow: 0px 0px 15px #666;
	-ms-box-shadow: 0px 0px 15px #666;
	box-shadow: 0px 0px 15px #666;
}
.ds10, .btn:hover, .L1:hover {
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	-o-box-shadow: 0px 0px 10px #999;
	-ms-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
}
.ds2 #navbar {
	-moz-box-shadow: 0 0 2px 2px #fff;
	-webkit-box-shadow: 0 0 2px 2px #fff;
	-o-box-shadow: 0 0 2px 2px #fff;
	-ms-box-shadow: 0 0 2px 2px #fff;
	box-shadow: 0 0 2px 2px #fff;
}

		/* GLOBAL CALLOUT styling */
#callout		{z-index:4000;color:#b00000;font-family:verdana;}
#callout .hdr2		{width:250px;background-color:#fffff0;color:#b00000;border:1px solid #b00000;font-family:verdana;font-size:14pt;text-align:center;margin:10px auto 6px auto;}
#callout ul		{margin:0;color:#b00000;}
#callout .bigBtn	{width:150px;height:24px;margin:20px auto 0;color:#ff5900;border:1px solid #284BE0;}
#callout .bigBtn a	{display:block;line-height:24px;color:#284BE0;text-decoration:none;}
#callout .bigBtn:hover	{background-color:#E6EAF9;}
#callout .centerTxt	{border:0;}
#callout		{position:fixed;z-index:4000;width:630px;height:250px;border:2px solid #284BE0;background:#fff;display:none;
	-moz-box-shadow: 0 0 20px #333;
	-webkit-box-shadow: 0 0 20px #333;
	-o-box-shadow: 0 0 20px #333;
	-ms-box-shadow: 0 0 20px #333;
	box-shadow: 0 0 20px #333;
	}
		/* CALLOUT viewer additions */
#np	{position:absolute;z-index:5000;width:98%;height:40px;margin-top:60%;margin-left:5px;}
#npL, #npR{float:left;width:30px;height:40px;font-size:190%;font-weight:bold;vertical-align:middle;color:#ccc;background:#fff;cursor:pointer;border:1px solid #ccc;border-radius:5px;}
#npR	{float:right;}
#npL:hover, #npR:hover
	{color:#666;border:1px solid #666;}
#overlay{position:fixed;z-index:3000;top:0;left:0;width:100%;height:100%;background-color:#ddd;opacity:0.4;}
.maskOff{visibility:hidden;}
.maskOn	{visibility:visible;}


		/* NAVIGATION & LOGO MEDIA QUERIES */
 @media screen and (max-width: 1000px) { /* nv1 shorten navs */
  #navbar {width:96%;}
  .navbar ul{width:100%;}
  .navbar ul li, .navbar ul li.pg, .navbar ul li.lw, .navbar ul li.ms
	{width:calc(99%/6);}
  .nv1	{display:none;}
  .nv2 	{display:block;}
  .nv4 	{display:none;}
  .nv5 	{display:block;}
  #uMOR	{width:99.5%;margin-left:0;}
  #uMS	{margin-left:-90px;}
}
 @media screen and (max-width: 860px) { /* nv2 shorten navs */
  #content{width:99.6%;box-shadow:none;}
  #uMS	{margin-left:-120px;}
  #uPD	{margin-left:-120px;}
  #uPG	{margin-left:-60px;}
}
 @media screen and (max-width: 760px) { /* nv2 shorten navs more */
  #navbar {width:96%;}
  .navbar ul li, .navbar ul li.pg, .navbar ul li.lw, .navbar ul li.ms
	{width:calc(99%/3);}
  .nv1	{display:none;}
  .nv2	{display:none;}
  .nv3 	{display:none;}
  .nv4, .nv5{display:block;}
}
 @media screen and (max-width: 600px) { 
  #dtop	{display:none;}
  #fone1	{display:block;}
  #uPG2	{margin-left:-60px;}
}
 @media screen and (max-width: 480px) {
  #content{width:99.2%;}
  #quote #submitBtn{width:96%;}
  #quote #submitBtn #submitBtn1, #quote #submitBtn #submitBtn2
	{width:48%;} 
}
 @media screen and (max-width: 450px) {
#quote .label, #quote .label2
	{width:98%;margin-right:0;text-align:left;}
#quote input, #quote textarea
	{width:90%;}
#quote #fname, #quote #lname
	{width:43%;}
#quote .bigBtn	
	{margin-bottom:20px;}
}
 @media screen and (max-width: 420px) {
  #fone1	{display:none;}
  #fone2	{display:block;}
  #uPG2	{width:270px;margin-left:-100px;}
}