@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:500,300");
@import url(font-awesome.min.css);

/*
	Ion by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
	modified by o10n, Inc. 30 Aug 2016 for Storkwear
*/

.noTransform {text-transform: none; }

/* 2nd 'View' section implementing image gallery */
#view2 { display: none; position: absolute; }


/* Basic */

.navbarClosetCount {
    color: #fff; 
    background-color: #00b5cc; 
    border: 0;
    border-radius: 50%; 
    font-size: .7em; 
    text-align: left;
    padding: 3px 3px 2px 2px;
    vertical-align: super;
}


	body {
/*    background-color: #161616; */
    background-color: #ffffff;
	}

	body, input, select, textarea {
		/*color: #555f66;*/
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14pt;
		font-weight: 300;
		line-height: 1.75em;
	}

    /* These anchors are for the sidebar nav links */
	a {
		/*color: #629DD1;*/
        color: #000000;
		/*text-decoration: underline;*/
		text-decoration: none;
	}

		a:hover {
			text-decoration: none;
            color: #00b5cc;   /* dark blue */
		}


	strong, b {
		color: #666f77;
		font-weight: 500;
	}

	storkBold {
		font-weight: 800;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		/*color: #666f77;*/ 
		color: #00b5cc;     /*dark blue*/ 
		font-weight: 300;
		line-height: 1em;
		margin: 0 0 1em 0;
		letter-spacing: 0.125em;
	}

/* added -tgr */

	.alta {
        color: #00b5cc;   /* dark blue */
        /*text-decoration: underline;*/
		text-decoration: none;
        font-size: 1.2em;
	}

		.alta:hover {
			text-decoration: none;
            color: #000000;
		}



h4 { margin-top: 2em; }

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

    h1 {
        text-transform: uppercase;
      }

	h2 {
		font-size: 1.5em;
		line-height: 1.5em;
        text-transform: uppercase;
	}

	h3 {
		font-size: 1.25em;
		line-height: 1.5em;
        text-transform: uppercase;
	}

	h4 {
		font-size: 1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
/* VES        color:#9e835b; */
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		margin: 3em 0;
	}

		hr.major {
			margin: 2em 0 5em 0;
		}

        /*added -tgr*/
		hr.alt {
    		border-bottom: solid 2px #00b5cc;     /*dark blue*/
			margin: 1em 0;
		}

	blockquote {
		border-left: solid 4px rgba(144, 144, 144, 0.25);
		font-style: italic;
/*		margin: 0 0 2em 0; */
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 6px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
		overflow-x: auto;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* added from bootstrap - tgr*/
    .dl-horizontal dt {
        float:left;
        width:160px;
        clear:left;
        text-align:right;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .dl-horizontal dd  {
        margin-left:180px; 
        width: 240px;
        overflow:hidden;
        text-overflow:ellipsis;

    }
    

/* Home page big picture section -- "How Does It Work" */

#howOne, #howTwo, #howThree {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
}

asideHowPic { 
        -webkit-flex: 3;
		flex: 3;
} 

asideHowPic img { width: 80%; 
      height: auto;
}

#mainHowOne, #mainHowTwo, #mainHowThree { 
        margin-top: 10px; 
        -webkit-flex: 4;
		flex: 4;
}





/*
aside { width: 50%; }
*/
aside { width: 40%; }

aside img { width: 100%; }

.asideRight { float: right; padding-left: 6%; padding-bottom: 3%; margin-top: 3%;}
.asideLeft { float: left; padding-right: 6%; padding-bottom: 3%;}
.asideLeftAlt { width: 75%; float: left; padding-right: 6%; padding-bottom: 3%;}


/*@media only screen and (max-width: 980px) {
    aside { display: none; }		
}*/



	header p {
/*		color: #bbb;  */
		position: relative;
		margin: 0 0 1.5em 0;
	}
/*
	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}
*/
	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.85em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.75em;
		line-height: 1.5em;
	}

	header.major {
		text-align: center;
        margin: 30px 0 4em 0; 
	}

		header.major h2 {
			font-size: 2em;
		}

		header.major h2 + p {
			font-size: 1.5em;
			margin: -1em 0 2em 0;
		}

/* Form */

	form {
/*		margin: 0 0 2em 0; */
  margin: 0;
	}

.text-danger { color: #ff0000 !important; }


	label {
/*		color: #fff; */
  color: #666f77;
		display: block;
		font-size: 0.9em;
		font-weight: 500;
		margin: 2em 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
/*	select,
*/
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, .6);
		border-radius: 6px;
		border: none;
		border: solid 1px rgba(0, 0, 0, .5);
		color: inherit;
		display: block;
		outline: 0;
/*		padding: 1em; */
  padding-left: 1em;
        margin: 15px;
		text-decoration: none;
/*		width: 100%;
    width: 100%; */
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #629DD1;
			box-shadow: 0 0 0 1px #629DD1;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			content: "";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: rgba(144, 144, 144, 0.25);
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #555f66;
			cursor: pointer;
			display: inline-block;
			font-size: .8em;
			font-weight: 300;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(144, 144, 144, 0.075);
				border-radius: 6px;
				border: solid 1px rgba(144, 144, 144, 0.25);
				content: '';
				display: inline-block;
				height: 1.6em;

/*				line-height: 1.58125em;
*/
				line-height: 1.4em;
				position: absolute;
				text-align: center;
				left: 0;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #192024;
			border-color: #192024;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #629DD1;
			box-shadow: 0 0 0 1px #629DD1;
		}

	input[type="checkbox"] + label:before {
		border-radius: 6px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}


/* added -tgr */
/*  legend { margin-left: 15px; }   */
  fieldset { 
    border:1px solid #999; 
    border-radius:8px;
    padding-left: 30px;
    padding-right: 40px;
    padding-bottom: 20px;
  }


/* Box */

	.box {
		border-radius: 6px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 3em 2em;
        background-color: #fff;
        min-height: 350px;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}


/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			display: inline-block;
			margin: 0 0 1.25em 0;
			color: #ffffff;
			background: #629DD1;
			width: 4em;
			height: 4em;
			font-size: 3em;
			text-align: center;
			line-height: 4em;
			border-radius: 100%;
			box-shadow: 0 0 0 10px #fff, 0 0 0 11px rgba(144, 144, 144, 0.25);
		}
		

/* Image */

	.image {
		border-radius: 6px;
		border: 0;
		display: inline-block;
		position: relative;
  /* added - tgr*/
  			margin: 0 0 2em 1em;
	}

		.image img {
			border-radius: 6px;
			display: block;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

/* added -tgr */

    .featuredItems {
	    text-align: center;
        margin-left: -1em; 
    }

	.featuredImage {
		display: inline-block;
		position: relative;
  		margin: 0 0 2em 1em;
	}

		.featuredImage img {
            border: 3px solid #9ad8da;  /* light blue */
			border-radius: 6px;
		}

    figcaption {
        text-align: center; 
        /*font-family: papyrus, fantasy;*/
    }


/* STORE/CATALOG */

    div.show-image:hover input
      {
      display: block;
      }

    div.show-image input
      {
      position:absolute;
      top:0;
      left:0;
      display:none;
      }


/*    #filterListSide { position: fixed; }
*/
    #filterListTop { display: none; }

    #pagination {
        font-size: .9em; 
        float: right;
        overflow: hidden;
    }

    .pageChangeHover {
        color: #00b5cc;   /* dark blue */
        font-weight: 500;
    }

    .pageChangeHover:hover {
        cursor: pointer;
      }


/* Organize Closet Icons */

    .infoPopUpQuestion {
        margin-left: 5px; 
        vertical-align: super;
        color: #00b5cc;   /* dark blue */
        font-weight: 500;
    }

    .popuptext1, .popuptext2 {
        font-family: Arial, Helvetica, sans-serif;
    }

    .itemIcon {
        margin-left: 5px; 
        color: #00b5cc;   /* dark blue */
    }

    .infoPopUpQuestion:hover, .itemIcon:hover {
        cursor: pointer;
      }



/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px rgba(144, 144, 144, 0.25);
/*				padding: 0.5em 0;  
                line-height: 130%;
*/
                padding:  0;
                line-height: 100%;
                font-size: 14px;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}
/* added -tgr */
                ul.alt li label {margin: 1em;}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1.25em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 1.5em;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}


    /* Used in Learn More */

    #storkList {
        margin-left: 30px; 
        list-style: none;
     }

    #storkList li:before {
        content: '✓';
        margin-right: 5px;
        color: #00b5cc;   /* dark blue */
    }

	
/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px rgba(144, 144, 144, 0.25);
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(144, 144, 144, 0.075);
			}

		table td {
/*			padding: 0.75em 0.75em; */
            padding:  0.1em 0.5em; 
/*            padding-left: 0.5em;
            padding-right: 0.5em;
*/		}

		table th {
			color: #666f77;
			font-size: 0.9em;
			font-weight: 500;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		}

		table tfoot {
			border-top: solid 2px rgba(144, 144, 144, 0.25);
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px rgba(144, 144, 144, 0.25);
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

			
/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;

		/*-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;*/
    
		background-color: #192024;
		border-radius: 6px;
		border: 0;
		color: #ffffff !important; 
		cursor: pointer;
		display: inline-block;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.125em;
		font-size: 0.9em;
		height: 2.85em;
		line-height: 2.85em;
		padding: 0 1.75em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		text-indent: 0.25em;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			/*background-color: #232d33;*/
			background-color: #9ad8da;  /* light blue */
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			/*background-color: #0f1315;*/
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.7em;
		}

/* added -tgr */
		input[type="submit"].xsmall,
		input[type="reset"].xsmall,
		input[type="button"].xsmall,
		.button.xsmall {
			font-size: 0.5em;
            font-family: Arial;
		}

        .hoverButton { display: none; }
        .hoverButton:hover { display: inline;}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.2em;
			height: 2.65em;
			line-height: 2.65em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
/*			box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);  */
			color: #666f77 !important; 
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				/*background-color: rgba(144, 144, 144, 0.075);*/
				background-color: #9ad8da;   /* light blue */
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: rgba(144, 144, 144, 0.2);
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #bbb;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			/*background-color: #629DD1;*/
            background: #00b5cc; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(#9ad8da, #00b5cc); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#9ad8da, #00b5cc); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#9ad8da, #00b5cc); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#9ad8da, #00b5cc); /* Standard syntax */
			color: #ffffff !important;
            margin-top: 20px;
		border-radius: 12px;

            /*slight 3D shadow*/
/*
            -webkit-box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.5);
            -moz-box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.5);
            box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.5);
*/
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				/*background-color: #76a9d7;*/
                background: #9ad8da;  /* light blue */
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				/*background-color: #4e91cb;*/

                /*return to original color gradients */
            background: #00b5cc; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(#9ad8da, #00b5cc); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#9ad8da, #00b5cc); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#9ad8da, #00b5cc); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#9ad8da, #00b5cc); /* Standard syntax */

            /*hide 3D shadow*/
/*
            -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
            -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
*/
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background: #555f66 !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #fff !important;
			cursor: default;
			opacity: 0.25;
		}

		
/* Wrapper */

	.wrapper {
		padding: 4em 0 2em 0;
	}

		.wrapper.style0 {
			background: #ffffff; 
			min-height: 900px;
            padding:0;
		}

		.wrapper.style1 {
/*			background: #fff; 
            background: #ffe6f7;
*/
            background: #ffffff;
/*			color: #464646; */
			min-height: 750px;
		}

		.wrapper.style2 {
/*			background: #192024;
            background: dimgrey; 
      background: #e6f2ff;
*/
            background: #ffffff;
/*			color: #c5c7c8; */
			min-height: 750px;
		}

		.wrapper.style3 {
			/*background: #0655A1;*/
			background: #ffffff;
			/*color: #c5c7c8;*/ 
			min-height: 750px;
		}
		
		.wrapper.style4 {
			/*background: #9e835b;*/
			background: #ffffff;
/*			color: #c5c7c8; */
			min-height: 750px;
		}

    .wrapper.style2.promo {
			 min-height: 100px;
			 padding: 0; 
			 /*background-color: #161616;*/
			 background-color: #ffffff;
			 margin: 20px 0 20px 0;
		}
/*		
			.wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
				color: #ffffff;
			}
*/
			.wrapper.style2 header p {
				/*color: #a3a5a7;*/
			}

			.wrapper.style2 .button.alt {
/*				box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);  */
				color: #ffffff !important;
			}

				.wrapper.style2 .button.alt:hover {
					/*background-color: rgba(144, 144, 144, 0.275);*/
                    background-color: #9ad8da;  /* light blue */
				}

				.wrapper.style2 .button.alt:active {
					background-color: rgba(144, 144, 144, 0.4);
				}

				.wrapper.style2 .button.alt.icon:before {
					color: #a3a5a7;
				}
            .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
				/*color: #ffffff;*/
			}

			.wrapper.style3 header p {
				/*color: #ffffff;*/
			}

              .wrapper.style3 p {
				/*color: #636667;*/
			}

			.wrapper.style4 h2, .wrapper.style4 h3, .wrapper.style4 h4, .wrapper.style4 h5, .wrapper.style3 h6 {
				/*color: #ffffff;*/
			}

			.wrapper.style4 header p {
				/*color: #636667;*/
			}	

            .wrapper.style4 p {
				/*color: #636667;*/
			}

          	
/* Header */

	#skel-layers-wrapper {
		padding-top: 3em;
	}

	#header {
		padding-top: 20px;
        padding-bottom: 60px;
		color: #fff;
        color: #000000;


/*        background-color: #000; */
/*        background-color: #161616; */
        background-color: #fff;
		cursor: default;
/*		height: 150px;  */
		height: 60px;
		left: 0;
/*		line-height: 3em; */
		position: fixed;
		top: 0;
		width: 100%;
/*		z-index: 10000;  */
/*  z-index: 1000; */
		box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
	}

        #header img {
          position: relative;
/*          left:0; */
    margin-left: 20px;
    margin-top: 10px;
/*          z-index: 10001;   */
        }

		#header h1 {
/*			color: #fff; */
/*            color: #161616;
			font-weight: 500; */
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute; 
			top: 0;
/*            z-index: 10001;  */
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
		}

			#header h1 a {
				font-size: 1.25em;
			}

		#header nav {
/*			z-index: 10002;   */
/* width and height adjusted to minimize interfering with left-side large logo link to home and other pages  */  
/*			width: 1000px;  */
			width: 850px;
			height: 40px; 
			line-height: inherit; 
			position: absolute;
			right: 0;
/*  top: .75em; 
            margin-top: 10px; */
			
		}

			#header nav > ul {
 /*             color: #161616;
  			font-weight: 500; */
				list-style: none;
				float: right;
				margin: 0;
				padding-left: 10px;
				padding-right: 25px;
/*                vertical-align: bottom; */
			}


				#header nav > ul > li {
					border-radius: 6px;
					display: inline-block;
					margin-left: 1em;
					padding-left: 0;
/*					color: #161616; 
*/
/*                    font-weight: 600;
*/				}

					#header nav > ul > li a {
/*						-moz-transition: color 0.2s ease-in-out;
						-webkit-transition: color 0.2s ease-in-out;
						-o-transition: color 0.2s ease-in-out;
						-ms-transition: color 0.2s ease-in-out;
						transition: color 0.2s ease-in-out;
*/    
/*						color: #fff; */
/*					color: #161616; 
                    color: #5b9bd5;
*/
                    color: #000000;
/*						font-weight: 800;
*/
						display: inline-block;
						text-decoration: none;
                         -webkit-transition: all 0.3s;
                        -moz-transition: all 0.3s;
                        -ms-transition: all 0.3s;
                        -o-transition: all 0.3s;
                        transition: all 0.3s;
					}


						#header nav > ul > li a:hover {
							/*color: #D8C8A4; /* sandy */
            				color: #00b5cc;   /* dark blue */
						}


					#header nav > ul > li:first-child {
						margin-left: 0;
					}

					#header nav > ul > li .button {
						height: 2.25em;
						line-height: 2.25em;
						margin-bottom: 0;
						padding: 0 1em;
						position: relative;
						top: -0.075em;
						vertical-align: middle;
					}

                    /*added for active closet name in navbar -tgr*/
                     #header nav #activeClosetNav {
                        /*font-family: 'Comic Sans MS', Arial;*/
                        font-weight: 200;
                        font-style: italic;
/*                        color: black;
    */
                    }

        .credits {
            text-align: right;
            font-size: .8em; 
            margin-right: 30px;
            font-style: italic;
        }

/*** submenu items ***/
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    				list-style: none;
					/*color: #161616;*/ 
                    padding:0;
                    background-color: #fff;

}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
    text-decoration: none;
}

.dropdown:hover .dropbtn {
}



/* only show for mobile devices */
  #mobileHeader { display: none; } 

			
/* Banner */
    
	#banner {
		background-color: #464646;
		background-image: url("../images/BannerPicProcessed.jpg"); 
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat; 
/*		color: #d8d8d8; */

/*		padding: 10em 0; */
    padding: 9em 0;
		text-align: center;
		position: relative;
/*        min-height: 500px; */
    min-height: 300px;
	}

		#banner h2 { font-size: 2.5em; }


/* How It Works Section */
    #howItWorksBox1, #howItWorksBox2, #howItWorksBox3 { 
         min-height: 700px; 
/*    background-color: #bfbfbf; */
    }


    /* Manage Account Index */
    #ManageBox1, #ManageBox2 { 
        min-height: 550px; 
/*        box-shadow: 6px 6px 6px 6px #9ad8da; */  /* light blue */
    }			


/* Footer */

	#footer {
/*		padding: 4em 0 6em 0;  */
 /*       margin-top: 20px; */
      bottom: 0; 
      width:100%;   
      /* position:fixed; -- moved to @media min-width 980 -tgr */
      z-index:1000;
    padding-top: 20px;
    /*background-color: #161616;*/
    background-color: #9ad8da;  /* light blue */
    color: #ffffff;
  /*
  position: relative;
  z-index: 10001;
  */
/*      text-align: center; */
	}
/*
      #footer p {
        margin-top: 25px;
      }
*/
		#footer a 
        { 
            color: inherit; 
		}

		#footer a:hover {
			color: #00b5cc; /* dark blue */
		}

/*
		#footer .copyright {
			color: #bbb;
			font-size: 0.9em;
			margin: 2em 0 0 0;
			padding: 0;
			text-align: center;
		}

			#footer .copyright li {
				border-left: solid 1px rgba(144, 144, 144, 0.25);
				display: inline-block;
				list-style: none;
				margin-left: 1.5em;
				padding-left: 1.5em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}
*/
/*
		#footer .icons a {
			color: #bbb;
		}
*/
/*
     #footer h5 { /* VES - Added for 'Customer Forms' & 'Certificates' */
/*         color: #9e835b; */
     /* VES        color:#9e835b; */
/*     }
*/
/* tgr reformatted footer section */
/*
    #footerForms { 
        padding-left: 10px;
        margin-top: 40px;
        margin-bottom: -20px;
    }

    #footerCerts { 
        padding-left: 10px;
        margin-top: -10px; 
        margin-bottom: -20px;
    }

	#footer table tr {
			border: solid 2px rgba(144, 144, 144);
            border-top: 0;
			border-left: 0;
			border-right: 0;
            background-color: #161616;
    }

     #footer .footerLabel {
        color: #9e835b;
        font-weight: 400;
		letter-spacing: 0.125em;
	}

    #footer ul { list-style-type: none; }

    #footer ul li { 
        display: inline; 
        padding-right: 20px; }
*/

section.hover1:hover {
  background-color: rgba(158, 131, 91, 0.5); /* VES #eee; */
  cursor: pointer;
  }

section.hover2:hover {
  background-color: #222;
  cursor: pointer;
  }



/**** FAQ PAGE ***/
/* added -tgr*/

section.faqHover { 
    margin: 10px; 
    color: #00b5cc;     /*dark blue*/
}

section.faqHover:hover {
    color: #222;
    cursor: pointer;
  }

.faqAnswer {
    margin-left: 45px; 
    margin-bottom: 20px;
}

/* Search-Catalog page */
#spyGlass.onmouseover { cursor: pointer; }


/* Organize Page*/
.recordShipBox { /* style="width: 50px; font-size: .8em; text-align:left;*/
    width: 50px;
    font-size: .8em;
    text-align: left; 
}

.priorityBox {
    width: 50px;
    font-size: .8em;
    text-align: left; 
}


/* Details Page */
#details {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
}

asideDetails { 
        -webkit-flex: 4;
		flex: 4;
} 

asideDetails img { width: 100%; 
      height: auto;
}


#mainDetails { 
    margin-top: 100px; 
        -webkit-flex: 4;
		flex: 4;
}






/* tgr -- use alternate header, images, and spacing for smaller screens */

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


/* Up to 1680 (xlarge) */
@media only screen and (max-width: 1680px) {

/*		#banner { padding: 9em 0; } */
		
/*    #aboutBox1, #aboutBox2, #aboutBox3 { min-height: 980px; }  

    #contactBox1, #contactBox2, #contactBox3 { min-height: 950px; }  */
  
  }

/* Up to 1280 (large) */
@media only screen and (max-width: 1280px) {

		#banner { padding: 8em 0; }
/*			#banner h2 { font-size: 2.5em; } */
            #banner h2 { font-size: 2em; }			
/*    #aboutBox1, #aboutBox2, #aboutBox3 { min-height: 1150px; }
*/


  /* Footer */
/*
	#footer {
		padding: 4em 0;
	}
*/
}



/* Up to 1000 */
@media only screen and (max-width: 1000px) {

    .major { margin-top: 0px; }

    #storeH2 { font-size: 1em; }
    .subHeaderH4 
    { 
        font-size: .9em; 
        color: #000000!important;
    }

    #searchData { display: none; }

    #mainFacetBar { 
        font-size: .75em; 
        padding: 0;
        margin: 0;
    }

    #mainFacetBar h5 { margin: 0; }

    #mainFacetBar ul {margin: 0;}

    #mainFacetBar ul li { 
        display: inline; 
        margin: 0px;
        padding: 0px;
        padding-right: 10px;
        
    }

	input[type="checkbox"] {
        margin: 0px;
        padding: 0px;
        font-size: .5em;
        width: .5em;
	}

    input[type="checkbox"] + label {
        margin: 0px;
        padding: 0px;
        padding-top: 10px;
/*        font-size: .5em;
        width: .5em;
*/
    }

}


/* Up to 980 (medium) */
@media only screen and (max-width: 980px) {

/* Header */

	/* Basic */


    .navbarClosetCount {
        background-color: #fff; color: #00b5cc;
        }

		h2 {
			font-size: 1.35em;
			line-height: 1.5em;
		}

		h3 {
			font-size: 1.2em;
			line-height: 1.5em;
		}

		h4 {
			font-size: 1em;
			line-height: 1.5em;
		}

  /* Banner */

/*    #banner { padding: 6em 0; }
*/
        #banner h2 { font-size: 1.5em; }	

	#skel-layers-wrapper { padding-top: 0; }
    
    #header { display: none; }
 
	#mobileHeader { 
      position: fixed;
      top: 0;
      z-index: 10000;     
      display: block;
      width: 100%;
      text-align: right;
/*      color: #9e835b;
      background-color: #161616;
      padding: 15px;  */
      padding:  10px 30px 10px 70px;
      margin: 0;
      font-size: .75em;
      letter-spacing: 0.05em;
/*      line-height: 100%; */
    }

    #bigPhone { display: none; }
    #mobilePhone { display: inline; }

/*    #mobileHeader #mobileTel1 { width: 20%; }
    #mobileHeader #mobileTel2 { width: 20%; }  
    #mobileHeader #mobileEmail { width: 30%; }
    #mobileHeader #mobileTel3 { width: 30%; }  
*/  
    #mobileHeader p { 
      color: #9e835b;
/*      vertical-align: middle; */
      padding-bottom: -10px;
      font-size: .75em;
      letter-spacing: 0.05em;
    }
 
    header {
        padding-top: 0;
	}   
  
  	.wrapper {
		padding: 1em 0 1em 0;
	}
 
  	header.major {
        margin: 80px 0 4em 0; 
	}
   
	#footer { font-size: 12px; } 
  
/*    #footerForms, #footerCerts { text-align: center; } */

/* can decrease min size of info boxes since they are listed vertically */
    #ManageBox1, #ManageBox2 {
        min-height: 350px;
    }


/*Display inventory filters at top of screen for smaller devices */

    #filterListSide { display: none; }

    #filterListTop {
          top: 0;
          z-index: 1000;     
          display: block;
          width: 100%;
          text-align: center;
          color: #9e835b;
/*          background-color: #161616; */
          background-color:  #e6f2ff;
/*          padding: 15px; */
          margin-top: 60px;
          font-size: .75em;
          letter-spacing: 0.05em;
          line-height: 150%;
          border-bottom: 3px solid #666f77;
          position: fixed;
    }

    /* Don't display Category Count label on smaller screens */
    #catCountClosetLabel { display: none; }

    /* hide "Options" label in My Closets page on smaller screens since the rows collapse */
    #options { display: none; }
    
}

/* Up to 740 (small) */
@media only screen and (max-width: 740px) {

    input[type="submit"].special,
    input[type="reset"].special,
    input[type="button"].special,
    .button.special {
		font-size: 0.8em;
    }

    /* How It Works home page*/
    #howOne, #howTwo, #howThree {
            -webkit-flex-direction: column;
            flex-direction: column;
    }

    /* Details Page */
    #details {
            -webkit-flex-direction: column;
            flex-direction: column;
    }

    #mainDetails {
        margin-top: 40px;
        margin-left: 25%;
    }

    #buttonDetails{
        margin-left: -20px;
    }


    /*    header.major { padding-top: 80px; } 
	*/
/*
    #mobileHeader {
        text-align: right;
    }
*/

    /* Basic */
    /*		h2 {
			font-size: 1.35em;
			line-height: 1.5em;
		}

		h3 {
			font-size: 1.2em;
			line-height: 1.5em;
		}

		h4 {
			font-size: 1em;
			line-height: 1.5em;
		}
*/
    /* Banner */
    /*              #banner h2 { font-size: 1.5em; }			
*/
    /* Section/Article */

    /*
		header.major {
			width: 90%;
			margin: 0 auto;
		}
	
			header.major h2 {
				font-size: 1.5em;
			}

			header.major h2 + p {
				font-size: 1.25em;
				margin: -0.5em 0 2em 0;
			}
    */
    /* Wrapper */
    /*
		.wrapper {
			padding-top: 2em;
		}
	*/

    /* Banner */

/*    #banner {
        			padding: 5em 2em 4em 2em; 
    }
    /*
			#banner h2 {
				font-size: 2em;
			}
*/
    #banner p {
        font-size: 1.25em;
    }

    /* Main */

    /*		#main {
			padding: 4em 0 0 0;
		}
*/
    /* Footer */
    /*
		#footer .copyright {
			text-align: left;
		}

			#footer .copyright li {
				border-left: 0;
				margin-left: 0;
				padding-left: 0;
				display: block;
			}
*/
}

/* Up to 480 (xsmall) */
@media only screen and (max-width: 480px){
/*		#banner { padding: 1em 0; } */
            #banner h2 { font-size: 1em; }

    /* Basic */

	    html, body {
		    min-width: 320px;
	    }

	    body, input, select, textarea {
		    font-size: 12pt;
	    }

	    header.major h2 {
		    font-size: 2em;
		    margin-bottom: 1em;
	    }

    /* List */
/*
	    ul.actions {
		    margin: 0 0 2em 0;
	    }

		    ul.actions li {
			    padding: 1em 0 0 0;
			    display: block;
			    text-align: center;
			    width: 100%;
		    }

			    ul.actions li:first-child {
				    padding-top: 0;
			    }

			    ul.actions li > * {
				    width: 100%;
				    margin: 0 !important;
			    }

				    ul.actions li > *.icon:before {
					    margin-left: -2em;
				    }

		    ul.actions.small li {
			    padding: 0.5em 0 0 0;
		    }

			    ul.actions.small li:first-child {
				    padding-top: 0;
			    }
*/
    /* Button */

	    /*input[type="submit"],
	    input[type="reset"],
	    input[type="button"],
	    .button {
		    padding: 0;
	    }*/

    /* Banner */

	    #banner {
		    padding: 8em 2em 8em;
	    }
}

@media only screen and (min-width: 1280px) {
	/* additional line break for some pages; only applies for smaller screens */	
    .mobileNewLine1280 { display: none; }
}

@media only screen and (min-width: 1040px) {
	/* additional line break for some pages; only applies for smaller screens */	
    .mobileNewLine1040 { display: none; }
}

@media only screen and (min-width: 980px){

        #footer { position:fixed; }

	/* additional line break for some pages; only applies for smaller screens */	
    .mobileNewLine1 { display: none; }
    .mobileNewLine980 { display: none; }
    #mobilePhone { display: none; }
}

@media only screen and (min-width: 760px) {
	/* additional line break for some pages; only applies for smaller screens */	
    .mobileNewLine760 { display: none; }
}

@media only screen and (min-width: 480px){

	/* additional line break for some page; only applies for xsmall screens */	
  .mobileNewLine2 { display: none; }
}