html {
height: 100%;
margin: 0;
padding: 0;
border: 0;
overflow: visible;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;

}


body		{
height: 100%;
max-width: 1105px;
min-width: 360px;
font-family: Arial, Helvetica, san-serif;
font-size: 14px;
font-weight: normal;
color: #525252;
margin: 0 ;
padding: 0px;
text-align: left;
overflow: inherit;
}

#pagewidth {


}
#welcome-img-top-container {
overflow: hidden;
max-width: 1105px;
max-height: 136px;
padding: 0 0 0 10px;
}
#welcome-img-top {
border: none;
height: auto;
width: auto\9; /* ie8 */	
max-width: 1105px;
padding: 0 0 0 30px;
}
img.top-page {
    max-width: 1105px;
    height: auto;
    width: auto\9; /* ie8 */
}

#trailimageid
{
	float: left;
	display: inline-block;
		min-width: 300px;
			padding: 10px;
	font-size: 8pt;
	position: absolute;
	visibility: hidden;

	color: #040404;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 0px;
	z-index: 200;
			transition: opacity 0.7s ease;
	-webkit-transition: opacity 0.7s ease;
  -moz-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
}
#showtrail-inner
{

		float: left;
	display: inline-block;
		min-width: 300px;
		padding: 10px;
	font-size: 8pt;
	background-color: #ffffff;
	color: #040404;
		opacity: .95;
			transition: opacity 0.7s ease;
	-webkit-transition: opacity 0.7s ease;
  -moz-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;

}
#showtrail-outer
{
	border: 1px solid gray;
		float: left;
	display: inline-block;
	padding: 10px;
	min-width: 300px;
	font-size: 8pt;
	background-color: #ffffff;
	color: #040404;
	opacity: .95;
			transition: opacity 0.7s ease;
	-webkit-transition: opacity 0.7s ease;
  -moz-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;

}

#click-image {
		opacity: .95;
	max-width: 25px;
}
#body-centered {
		text-align: center;
	margin: 10px auto;
}
table.body {
height: 100%;

font-size: inherit;
font-family: inherit;
font-weight: inherit;
max-width: 615px;
margin: 0;
padding: 0;
border-spacing: 0;
}

.indent {
margin-left: 25px;
}

#content-home {
width: 100%;
border: none;
border-spacing:0;
margin: 0;
}

#popup-content
{

padding: 20px;

}
#leftcolumncontainerhome {


max-width: 1105px;
border: none;
border-spacing:0;
margin: 0;
}
#outsidecontainer {
overflow: hidden;
max-width: 1105px;
min-height: 500px;
border: none;
padding-left: 30px;
border-spacing:0;
margin: 0;
}

#insidecontainer {
max-width: 1105px;
position: relative;
border: none;
padding: 0;
border-spacing:0;
margin: 0;
right: 0%;

}
#topcontainer {
border: none;
border-spacing: 0;
width:100%;
margin: 0;
padding: 0;

}

#maincolumncontainer {	
float: left;
border: none;
border-spacing: 0;
width: 70%;
margin: 10px;
padding: 0;
}

#rightcolumncontainer {	
float: right;
max-width:25%;

}
#postit {
float: right;
margin: 10px;
padding-right: 0;
display: inline;
}
#tintbox-rightcolumn {
min-height: 500px;
border-spacing: 0;
margin: 0;
padding: 0;
text-align: left;
background-color: #FFFFFF;
}


#gradienttopbox-rightcolumn {
border-spacing: 0;
height: 48px;
margin: 0;
padding: 0;
text-align: left;
background-image:url('//csweek.com/csw2019/whitebox.jpg');
background-repeat:repeat-x;
}
#rightcolumncontainer {
display: block;
float: right;
}
#rightmenu-top {
display: block;
padding: 250px 10px 0px 0px;

}
#rightmenu {
display: block;
padding: 0px 10px 0px 0px;

}
/***wrapper for body content -- sets basic margins ****/
#content {
text-align: left;
max-width: 100%;
line-height: 1.35em;
margin: 0px 0px;
overflow: hidden;
}

#orangebox {
max-width: 1105px;
text-align: left;
font-size: 14px;
font-weight: bold;
color:  #FFFFFF;
background-color: #eb002a; 
clear: both;
padding: 6px 0;
margin: auto 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#orangebox span{
margin-left: 37px;
}
	a.minicart			{
	font-size: 10px;
	color: #eb002a;
	background-color: #dddddd;
	text-decoration:none;
	font-weight:bold
	}
a.minicart:hover		{
	color:#d0a902;
		background-color: #dddddd;

	}
a.minicart:active	{
	font-size: 10px;
	color:#eb002a;
		background-color: #dddddd;

	}

#minicartpos {
z-index:0;
background-color:#ddd;
display: block;
font-size: 10px;
position: fixed;
top:235px; 
left:832px;
max-width: 275px;
	max-height: 560px;
	overflow: scroll;
	overflow-x:hidden;
}
#footer-div-main-outer {
display: block;
float:left;	
padding: 0 0 0 0px;
}
#footer-div-main {
display: block;
float:left;		
background-color: #fede40;
max-width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;

}
#footer-div-links {
max-width:100%;
color: #707070;
background-color: #ffffff;
clear:both;
padding: 10px 0px;
}
#footer-div-links-center {
text-align: center;
max-width: 100%;
color: #707070;
background-color: #ffffff;
clear:both;
margin: 0 auto;
padding: 10px 0;
}
#footer-div-links hr {
border-top: 1px solid #525252;
}

#footer-div-featuredproduct-outer {
background-color: #ffffff;

margin: 15px 0;
clear: both;

}
#footer-div-featuredproduct-inner {
background-color: #ffffff;
max-width: 50%;
margin: 0 auto;
}
#footer-div-signup-outer {
max-width: 40%;
text-align: center;
color: #fede40;
padding-top: 10px;
margin: 10px auto;
clear: both;
}
#footer-link-signup {
color: #FFFFFF;
margin-top: 0;
text-decoration: none;
border: none
}
#footer-link-signup:hover {
color: #00bcb5;
}

#footer-div-signup-inner {
background-color: #eb002a;
padding: 15px;
border: none;
margin: 27px auto;
clear: both

}
#footer-span-signup {
font-size:14px;
padding: 10px auto;
margin-top:10px;
}

#footer-div-copyright-mission-outer {
max-width: 95%;
margin: 0 auto;
background-color: #fede40;
clear: both;
padding: 0 10px;
}

#footer-div-copyright {
display: inline-block;
float: left;
max-width: 45%;
line-height: 1.35em;
text-align: left;
color:  #000000;
font-size: 12px;
background-color: #fede40;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 5px;
}

#footer-div-mission {
display: inline-block;
float: right;
max-width: 45%;
line-height: 1.35em;
text-align: left;
color:  #000000;
font-size: 12px;
background-color: #fede40;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 5px;
}

#footer-div-socialmedia-outer {
display:block;
float: left;
vertical-align: bottom;
padding: 10px 0 10px 30px;
clear: both;
}

#footer-div-socialmedia-inner {
display: block;
float: left;
margin-right: 10px;
}

.footer-div-socialmedia {
display: inline-block;	
vertical-align: bottom;
margin-right: 10px;
}

.footer-div-socialmedia-pinterest {
padding-bottom: 2px;
}

#footer-img-logo {
float: right;
padding: 0px 15px;
}

table.inbody {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
border: none;
padding: 10px;
border-spacing:15px 0px;
margin: 0;
margin-top: 10px;
border-collapse: separate;

}

table.activities {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
border: none;
border-collapse: separate;
border-spacing: 0 10px;
}

table.activities td {
border: none;
line-height: 1.35 em;
padding-right: 10px;
vertical-align: top;
}


table.funding td {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
border: 1px solid black;
padding-right: 10px;
border-spacing:0;
margin: 0;
margin-top: 10px;
vertical-align: top;
border-collapse: separate;

}

table {
font-size:12px;
font-family:Arial, Helvetica, san-serif;
font-weight:normal;
}

ul {
list-style-type: disc;
list-style-position: outside;
margin-top:5px;
margin-bottom:5px;
margin-left:25px;
padding: 5px;

}

li {
padding: 2px;
}

# content li {

padding: 5px;
}

ol {

list-style-position: outside;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
padding: 5px;

}

ol.tips li {

list-style-position: outside;
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
padding: 5px;
padding-left: 0px;

}
.product-table {
	 font-size: 12px;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
}
.hidden {
	display: none;
}
#select-shipcountry {
	margin-right: 5px;	
}
#input-shipcharge, #input-handlingcharge {
	clear: both;
	float: right;
	text-align: right;
	margin-right: 5px;
}
.product-table {
	  font-weight: bold;
}

th.product-table-right {
		text-align: right;
}
.product-table-image td {
		width: 40%;

}
.product-table input {
	padding: 5px;
	width: 80px;
}
td.product-table-description  {
	text-align: left;
		width: 40%;
}
td.product-table-quantity  {
	text-align: right;
		width: 5%;
}
td.product-table-amount  {
				text-align: right;
		width: 5%;
}
td.product-table-override {
				text-align: right;
		width: 10%;
}
td.product-table-special {
				text-align: center;
		width: 10%;
}
td.totals {
	background-color: #dddddd;
}
td.totals-text {
	width: 80%;
	text-align: right;
}
td.totals-subtotal {
	width: 20%;
	text-align: right;
}
td.totals-cart-discount {
		width: 80%;
	text-align: right;
}
td.totals-cart-discount-amount {
		width: 20%;
	text-align: right;
}
td.totals-taxratecode {
			width: 80%;
	text-align: right;
}
td.totals-taxratecode-amount {
		width: 20%;
	text-align: right;
}
td.totals-country {
			width: 80%;
	text-align: right;
}
td.totals-country-value {
		width: 20%;
	text-align: right;
}
td.totals-shipping-rates {
			width: 80%;
	text-align: right;
}
td.totals-shipping-rates-value {
		width: 20%;
	text-align: right;
}
td.totals-handling-charge {
			width: 80%;
	text-align: right;
}
td.totals-handling-charge-value {
		width: 20%;
	text-align: right;
}
td.totals-shipping-charge {
			width: 80%;
	text-align: right;
}
td.totals-shipping-charge-value {
		width: 20%;
	text-align: right;
}
td.totals-total-text {
			width: 80%;
	text-align: right;
}
td.totals-total-value {
		width: 20%;
	text-align: right;
}
td.totals-blank {
background-color: #ffffff;
}
td.totals input {
	background-color: #ffffff;
}
td.totals input:hover {
	background-color: #eeeeee;
}
td.totals-table-shipping-td {
	width: 100%;
}
#table-hear-about-us {
	 width: 90%;
	 margin-left: 10px;
	 padding: 10px;
	 line-height: 1.0em;
}
#table-hear-about-us td {
	 text-align: left;
}
td.hear-about-us-left {
	width: 40%;
}
td.hear-about-us-right {
	width: 60%;
}

#table-name-and-address {
	 width: 90%;
	 margin-left: 10px;
	 padding: 10px;
	 line-height: 1.0em;
}
#table-name-and-address td {
	 text-align: left;
}
td.name-and-address-left {
	text-align: right;
	width: 40%;
}
td.name-and-address-right {
	width: 60%;
}
#table-billto {
	 width: 90%;
	 margin-left: 10px;
	 padding: 10px;
	 line-height: 1.0em;
}
#table-billto td {
	 text-align: left;
}
td.billto-left {
	text-align: right;
	width: 40%;
}
td.billto-right {
	width: 60%;
}
#table-credit-card {
	 width: 90%;
	 margin-left: 10px;
	 padding: 10px;
	 line-height: 1.0em;
}
#table-credit-card  td {
	 text-align: left;
}
td.credit-card-left {
	text-align: right;
	width: 40%;
}
td.credit-card-right {
	width: 60%;
}
#table-comments {
	 width: 100%;
	 margin-left: 10px;
	 padding: 10px;
	 line-height: 1.0em;
}
#table-comments  td {
	 text-align: left;
}
td.comments-left {
	text-align: right;
	width: 40%;
}
td.comments-right {
	width: 60%;
}
textarea.comments {
	width: 69%;
}
#table-shipping {
	width: 100%;
	margin: 10px;
	padding: 10px;
	background-color: #dddddd;
}

.small-10 {
	font-size: 10px;
}
#table-from-time-to-time {
	 width: 90%;
	 margin-left: 10px;
	 padding: 10px;
	 line-height: 1.0em;
}
#table-from-time-to-time td {
	 text-align: left;
}
img {
border: none;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */

}
.img-cart-product-thumb {
min-width: 50px;
border: 0;
}
img.quotemark {
border: none;
vertical-align: top;
margin:0;
padding: 0;
}

img.leftnav {
border: none;
vertical-align: top;
margin:0;
padding: 0;
}
img.body-right {
border: none;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
float: right;
}

HR			{
color: #525252;
}

HR.blue			{
color: #cccccc;
size:1;
}

h1 {
line-height: 1.35em;
font-size:28px;
font-weight: bold;
color: #00aaa4;
padding-top: 5px;
margin-bottom: 5px;
}

h2 {
line-height: 1.35em;
font-size:16px;
font-weight: bold;
color:  #707070;
padding-top: 7px;
padding-bottom: 0px;
margin-bottom: 5px;
}

h3		{
font-size:13px;
font-weight: bold;
color: #525252;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
}

h4 {
font-size:12px;
font-weight: bold;
color:  #707070;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
}

h5 {
line-height: 1.35em;
font-size:16px;
font-weight: bold;
color:  #000000;
padding-top: 7px;
padding-bottom: 0px;
margin-bottom: 5px;
margin-left: 10px;
}



b {
font-weight: bold;
}

u	{
text-decoration: underline;
}
i	{
font-style: italic;
}

a	{
color: #eb002a;
text-decoration:none;
font-weight:bold
}

a:hover	{
color: #d0a902;
background-color: #FFFFFF;
text-decoration: none;
}

a:active	{
color: #eb002a;
text-decoration:none;
}

a.footer {
font-weight:bold;
color: #eb002a;
background-color: #fede40;
text-decoration:none;
}

a.footer:hover {
color: #00bcb5;
text-decoration:none;
}

a.footer:active	{
color: #eb002a;
text-decoration:none;
}

a.bottomnav			{
font-weight:bold;
color: #00bcb5;
text-decoration:none;
}

a.bottomnav:hover		{
color: #00bcb5;
text-decoration:none;
}

a.bottomnav:active	{
color: #eb002a;
text-decoration:none;
}

table#products {
	width: 100%;
	padding: 10px;
margin: 10px;
}
table#products tbody tr td a.product-image	{
color: #eb002a;
background-color: transparent;
text-decoration:none;
}

table#products tbody tr td  a.product-image:hover {
color: #00bcb5;
background-color: transparent;
text-decoration:none;
}

table#products tbody tr td  a.product-image:active	{
color: #eb002a;
background-color: transparent;
text-decoration:none;
}

table#products tbody tr td  a.product-image:visited {
color: #00bcb5;
background-color: transparent;
text-decoration:none;
}

#signup	a	{
font-weight:bold;
color: #FFFFFF;
background-color: #eb002a;
text-decoration:none;
}

#signup a:hover	{
color: #00bcb5;
background-color:< #eb002a;
text-decoration:none;
}

#signup a:active {
color: #eb002a;
background-color: #eb002a;
text-decoration:none;
}

a.black12 {
color: #525252;
font-size:12px;
font-family:Arial, Helvetica, san-serif;
font-weight:normal;
text-decoration:none;
}

a.image	{
color:none;
text-decoration:none;
}

a.image:visited	{
color:none;
text-decoration:none;
}
a.image:hover	{
color:none;
text-decoration:none;
}

a.image:active	{
color:none;
text-decoration:none;}

a.nodecoration {
text-decoration:none;
}

a.shiplink {
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
}

a.shiplink:active	{
font-weight:bold;
font-size:16px;
color: #FFFFFF;
text-decoration:none;
}

a.shiplink:hover {
font-weight:bold;
font-size:16px;
color: #00bcb5;
text-decoration:none;
}

a.largelink	{
font-weight:bold;
font-size:16px;
color:#00bcb5;
text-decoration:none;
}

a.largelink:hover	{
color: #00bcb5;
text-decoration:none;
}

a.largelink:active	{
color: #eb002a;
text-decoration:none;
}

a.addressLink	{
font-weight:bold;
font-size:11px;
color: #eb002a;
text-decoration:none;
}

a.addressLink:active {
font-weight:bold;
font-size:11px;
color: #eb002a;
text-decoration:underline;
}

a.addressLink:hover	{
font-weight:bold;
font-size:11px;
color: #00bcb5;
text-decoration:underline;
}

.small {
font-size:10px;
margin-left:0px;
}

.big {
font-size:14px;
}
.free {
	color: green;
}
.new-product {
	color: #00bcb5;
font-weight:bold;
font-size:14px
margin-left: 0px;
}
.required {
color: #00bcb5;
font-weight:bold;
font-size:14px
}
.blockquote-error {
	width: 70%;
color: red;
font-weight:normal;
font-size:14px	
}
.error-heading {
font-weight:bold;
margin-bottom: 10px;
}
.error {
color: red;
font-weight:bold;
font-size:14px
}
.message {
font-weight:bold;
font-size:14px
}
.comment {
font-size:10px;
font-style:italic;
}

.requiorange {
color: #eb002a;
font-weight:bold;
font-size:18px;
}

.sidetext	{
color: #525252;
font-style:normal;
font-weight:bold;
font-size:12px;
line-height : 15px;
}

.sidetextsmall	{
text-align: right;
margin-right: 10px;
color: #525252;
font-style:normal;
font-size:10px;
border: none;
}

#countdown {
display: block;
float: left;
font-family: 'helvetica', bold;
font-weight:bold;
width: 250px;
  height: 100px;
	font-size: 65px;
	color: #34ddd8;
	text-align: left;
margin-top: 15px;
margin-bottom: 0px;
	margin-left: 0px;

	background-image:url('//csweek.com/images_2019/toolbar_countdown_clock.jpg') ; 
	background-repeat: no-repeat;
	border: none;	

}
#countdown-days {
	padding-top: 10px;
	margin-top: auto;
margin-bottom: auto;
	margin-left: 28px;
}
#testimonial {
font-size: 12px;
text-align: left;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
border: none;
}

#testimonialimg {
vertical-align: top;
margin: 0;
padding: 0;
}

.grow-large {
height: 250px;
transition: all .2s ease-in-out;
text-decoration: none;
}

.grow-large:hover {
transform: scale(1.1);
text-decoration: none;
}

.grow-small {
margin-left:0px;
height: 250px;
transition: all .2s ease-in-out;
text-decoration: none;
}

.grow-small:hover {
transform: scale(1.1);
text-decoration: none;
}

div.maingrid-container-outer {
display: block;
float: left;	
max-width: 100%;
margin: 16px 0px 0px; 0px;
}

div.maingrid-wide-item {
display: inline-block;
float: left;
background: #ffffff;
float: left;
border-width: 0px;
border-spacing: 0px;
border-style: outset outset outset outset;
border-style:solid;
border-color: #FFFFFF;
border-collapse: collapse;
vertical-align: top;
padding: 8px;
}

div.maingrid-item {
display: inline-block;
float: left;
background: #ffffff;
float: left;
border-width: 0px;
border-spacing: 0px;
border-style: outset outset outset outset;
border-style:solid;
border-color: #FFFFFF;
border-collapse: collapse;
vertical-align: top;
padding: 8px;
}

img#leftnavimg {
clear: both;
text-align: center;
border: none;
border-spacing: 0;
display: block;
max-width: 160px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right:auto;
padding:0;
}

img.leftnavimg {
clear: both;
text-align: center;
border: none;
border-spacing: 0;
display: block;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right:auto;
padding:0;
}
/* Navigation Bar */

.menu {
width: 100%;
max-width: 1046px;
position: relative;
overflow: visible;
background:  #00beb5;
}
i.el.el-chevron-down {
margin-left: .25em;
}

.nav-forced-hover {
	background-color: #000000;
}
nav a {
color: #ffffff;
background: #00beb5;
text-decoration: none;
}

nav a:hover {
color: #fccd05;
background: #000000;
}

nav {
font-size: 16px;
clear: both;
background: #00beb5;
width: 100%;
font-family: verdana, 'Open Sans', sans-serif;
}

nav:after {
content:"";
display:table;
clear:both;
}

#div-nav-menu {
margin: 0 auto;
width: 100%;
}

nav ul.menu {
padding-left: 20px;
}

nav .toggle,
[id^=drop] {
display: none;
font-family: verdana, 'Open Sans', sans-serif;
font-weight: bold;
margin: 0;
}

nav label.menu {
width: 100%;	
padding: .5rem 3rem .5rem 2rem;
}

nav ul {
background: #00beb5;
list-style: none;
margin: 0;
padding: 0;
}

#nav-container {
width: 100%;
max-width: 100%;
background: #00beb5;
}

nav ul li {
display: inline-block;

text-align: left;
}

nav ul ul {
display: none;
position: absolute;
/* has to be the same number as the "line-height" of "nav a" */

}

/* Display Dropdowns on Hover */
nav ul li:hover > ul.dropdown ,ul.dropdown li{
/*display:inherit; */
visibility: visible;
opacity: 1;
display: inline-block;
}

nav li {
color: #ffffff;
background: #00beb5;
position: relative;
text-decoration: none;
transition-duration: 0.5s;
padding: 0;
margin: 0;
}

nav li a {
display: block;
padding: .5rem 3rem .5rem 1rem;
color: #fffffffff;
background: #00beb5;
transition-duration: 0.5s;
}

nav ul ul li a {
display: block;
color: #fffffffff;
padding: .5rem 2rem .5rem 1rem;
background: #00beb5;
transition-duration: 0.5s;
}

nav label.menu:hover {
background: #000000;
color: #fccd05;
}

nav ul ul li:hover a, nav ul:focus-within li a {
background: #000000;

transition-duration: 0.5s;
}

nav ul li.no-drop:hover a {
background: #000000;
}

nav li:hover, nav li:hover .drop, 
nav ul  li ul li:hover a,
nav li:focus-within {
background: #000000;

cursor: pointer;
transition-duration: 0.5s;
}

nav li:focus-within a {
outline: none;
}
nav li:hover .toggle {
color: #fccd05;
background: #000000;
}

nav ul li ul {
font-size: 14px;
background: #00beb5;
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
display: none;
max-width: 100%;
}

nav ul li:hover > ul, 
nav ul li:focus-within > ul,
nav ul li ul:hover,
nav ul li ul:focus {
visibility: visible;
opacity: 1;
display: block;
}

nav ul li ul li {
font-size: 14px;
width: 100%;
border-top: 1px solid #00d8cd;
border-bottom: 1px solid #00d8cd;
}

/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content: url('https://api.iconify.design/el-chevron-down.svg?height=16&color=%23ffffff');
vertical-align: -0.125em; margin-left:.250em;}
nav li > a:only-child:after { content: ''; }


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

@media all and (max-width : 768px) {


img.body-right {
  -webkit-transform:scale(.9); 
          transform:scale(.9);
  -webkit-transition: all 0.7s ease; 
          transition: all 0.7s ease;          
}

#div-nav-menu {
display: block;
float: left;	
margin: 0;
}
nav {
margin: 0;
}

/* Hide the navigation menu by default */
/* Also hide the  */
nav	.toggle +a, .menu{
display: none;
}

/* Styling the toggle label */
nav		.toggle {
display: block;
background-color: #00beb5;
color:#FFF;
font-size:16px;
text-decoration:none;
border:none;
}

nav ul li a {
padding: .5rem 2rem .5rem .5rem;
}

nav ul li label {
padding: .5rem 2rem .5rem .5rem;
}
ul.menu li {
padding: 0 20px;
}
nav		.drop:hover, 
nav	ul li:hover .drop +a {
color: #fccd05;
background-color: #000000;
padding: .5rem 2rem .5rem .5rem;
}

/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul {
display: block;
visibility: visible;
opacity: 1;
}

[id^=drop]:checked a {
background-color: #000000;
padding: .5rem 2rem .5rem .5rem;
}

/* Change menu item's width to 100% */
nav ul li {
display: block;
		width: 100%;
}

nav ul ul .toggle,
nav ul ul a {
padding: .5rem 2rem .5rem .5rem;
}

nav ul ul ul a {
padding: 0 80px;
}

nav a:hover,
nav ul li:hover, nav ul ul li:hover,
nav ul ul li:hover a {
background-color: #000000;
}

nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{
//		padding:14px 20px;
color:#FFF;
font-size:14px;
}

nav ul li ul li .toggle,
nav ul ul a {
background-color: #00beb5;

}

/* Hide Dropdowns by Default */
nav ul ul {
float: none;
position:static;
color: #ffffff;
width: 100%;
/* has to be the same number as the "line-height" of "nav a" */
}

/* Hide menus on hover */
nav ul ul li:hover > ul,
nav ul li:hover > ul {
display: none;
}

/* First Tier Dropdown */
nav ul ul li {
display: block;
width: 100%;
padding-left: 10px;
z-index: 1000;
}

nav ul ul ul li {
position: static;
/* has to be the same number as the "width" of "nav ul ul li" */
}

} /* media */

@media all and (max-width : 575px) {


#orangebox {
	font-size: 12px;
}
#minicartpos,#rightcolumncontainer {
display: none;

}

img.body-right {
  -webkit-transform:scale(.8); 
          transform:scale(.8);
  -webkit-transition: all 0.7s ease; 
          transition: all 0.7s ease;          
}
nav ul li {
display:block;
width: 94%;
}

nav ul ul li {
padding-left: 20px;
}

#footer-div-copyright {
display: inline-block;
float: left;	
max-width: 80%;
float: left;
clear: both;
}

#footer-div-mission {
display: inline-block;
float: left;	
max-width: 80%;
clear: both;
}

#footer-img-logo {
display: inline-block;
float: right;
clear: both;
padding:10px;
}
} /* media */

/* end of nav */

/***postcard css --  ****/
/*div.container{ width: 615px; border: 1px solid #333333;}
div.postcard { width: 600px; border: 1px solid #333333;margin:200px auto; padding:40px; }
img.postcard ( text-align: center;)
*/
.wcenter {
padding:40px;
margin:200px auto;
border: 1px solid #333333;
display: block;
text-align: center;
vertical-align: middle;
max-width: 600px;
height: 600px;
}

.wcenter * {
vertical-align: middle;
}

div.centeorangetext {
display: block;
float: left;	
padding:0px;
margin:40px auto;
display: block;
text-align: center;
vertical-align: middle;
max-width: 600px;

}

.contentdigestheading {
color:  #707070;
text-align: left;
font: Arial, sans-serif;
padding-top: 18px;
font-weight: bold;
font-size: 17px;
}

.digestdate {
display: inline;
font-size: 11px;
font-family: Arial, sans-serif;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: left;
}

.digest {
display: none;
}

.digestplus {
float: right;
font-size: 14px;
color: #00bcb5;
font-family: Arial, sans-serif;
margin-top: 0px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 5px;
text-align: right;
font-weight: bold;
}

a#csgtooltop {
color: #525252;
}

a#csgtooltop:active {
color: #525252;
}

a#csgtooltop:hover {
color: #00bcb5;
background-color: #FFFFFF;
}

#csgtooltop i.el.el-wrench {
transition: all .45s ease-in-out;
-moz-transition: all .45s ease-in-out;
-webkit-transition: all .45s ease-in-out;
visibility: hidden;
}

a#csgtooltop:hover i.el.el-wrench {
transition: all .45s ease-in-out;
-moz-transition: all .45s ease-in-out;
-webkit-transition: all .45s ease-in-out;
visibility: visible;
}
.minicart-more {
	color:#eb002a;
	font-size: 11px;
}
table#summary  {
border-collapse: collapse;
font-size: 11px;
}
table#summary input {
font-size: 11px;
}

th.summary, 
td.summary, 
th.summary {
width: 5%;	
margin:5px;
padding:5px;
border:1px solid #fff;
}
th.summary-5,td.summary-5 {
	width: 5%;
	text-align: right;

}th.summary-subtotal-5,td.summary-subtotal-5 {
	width: 5%;
	text-align: right;
		border: 0;
		    padding-right: 0;
}
th.summary-10,td.summary-10 {
	width: 10%;
	text-align: center;
}
td.summary-10-right {
	text-align: right;
}
th.summary-20,td.summary-20 {
padding-top: 4px;
	width: 20%;
	text-align: right;
	border: 0;
}
th.summary-60,td.summary-60 {
	width: 60%;
	text-align: left;
	border: none;
}
th.summary-75,td.summary-75 {
	width: 75%;
	text-align: left;
}
th.summary-80,td.summary-80 {
padding-top: 4px;
	width: 80%;
	text-align: right;
	border: 0;	
}
th.summary-95,td.summary-95 {
padding-top: 4px;
	width: 95%;
	text-align: right;
	border: 0;	
}
input:invalid,
input:out-of-range {
border-color:hsl(0, 50%, 50%);
background:hsl(0, 50%, 90%);
}

span.subtotal,
span.discamt,
span.taxtotal,
span.handlingcharge,
span.shipcharge,
span.total {
padding-right: 10px;
}

#result_report {
text-align:center ;
padding:3px;
background-color:#e5ecf9;
font-weight: bold;
margin-bottom:14px;
}
table.surveytool-radio {
		border-collapse: collapse;

		padding: 10px;
}
.surveytool-radio tr {

}
.surveytool-radio td {
	background-color: white;
	text-align: center;
	padding: 10px;

}
.surveytool-checkbox td {
	margin-right: 5px;
	padding: 5px;
}
td.surveytool-question,td.surveytool-question-number,td.surveytool-subquestion {
	font-size: 14px;
	font-weight: bold;
}