body {
  font-family:arial, helvetica, sans-serif;
  font-size:16px;
  line-height:1.42857143;
  color:#333333;
  background-color:#ffffff;
  padding-top:2em;
}

footer {
    padding-top: 20px;
    border-top: 10px solid #332e20;
    background-color: white;
}

	.footer-section {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid lightgray;
	}

footer .list-inline li:not(:first-child):not(:last-child) { 
	border-right: 1px solid lightgray; 
}

nav i.glyphicon {
	margin-right: .25em;
}

.btn.btn-type {
	background-color: white;
	color: #6d28a9;
	border: none;
}
	.btn.btn-type:hover {
		border: solid 1px #CFE008;
	}

.results {
	min-height: 70px;
	margin-bottom: 1.5em;	
	padding: 1.25em;
	background: #6d28a9;
	color: white;
	border-radius: 4px;
	border: 1px solid transparent;
}

	.results h2 { 
		font-size: 1.75em;
		font-family: Arial, Helvetica, sans-serif; 
		display: inline-block;
	}
	
#arrow {
  width:128px;
}

#screensaver {
	position: absolute;
	display: none;
	z-index: 999;
	padding: 15px;
	border: 1px solid #e3e3e3;
	border-radius: 15px;
	background-color: #ffffff;
	box-shadow: 5px 5px 15px 1px rgba(109,40,169,0.44);
}
	#screensaver > img {
		max-height: 550px;
		max-width: 400px;
	}
	#screensaver div.text {
		color: #6d28a9;
		text-align: center;
		padding: .5em;
		font-weight: bold;
		border: 1px solid rgba(109, 40, 169, .5);
		background-color: rgba(109, 40, 169, .1);
		border-radius: 5px;
		margin: .5em .4em .5em;
	}
	#screensaver div.title {
		text-align: center;
		color: #6d28a9;
		margin: .5em 0;
		text-transform: uppercase;
		font-weight: bold;
		/* text-shadow: 1px 3px 0.2em #e1cbf5; */
	}

figcaption{ color: #6D28A9; }
	figcaption.costume-gender {
	  text-align:center;
	  font-size:.75em;
	  width:100%; 
	  border-bottom: 1px solid lightgray; 
	  padding: 5px;
	}
		figure.c-thumbnail:hover figcaption.costume-other {
			background-color: #6D28A9;
			border-bottom-color: #6D28A9;
		}
			figure.c-thumbnail:hover figcaption.costume-other a:visited,
				figure.c-thumbnail:hover figcaption.costume-other a:hover {
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;
			}
	figcaption.costume-sexy {
	  border-bottom: 1px solid #ffc0cb; 
	  color: #FF7F50; 
	}
		figure.c-thumbnail:hover figcaption.costume-sexy {
			background-color: #FFC0CB;
		}
			figure.c-thumbnail:hover figcaption.costume-sexy a:visited,
				figure.c-thumbnail:hover figcaption.costume-sexy a:hover {
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;
			}
		figure.c-thumbnail:hover img.ribbon {
			visibility: hidden;
		}
	figcaption.costume-price {
	  text-align:center;
	  font-size:.85em;
	}
	figcaption.costume-desc {
	  text-align:center;
	  font-size:.90em;
	  font-weight: bold;
	  margin:0 .75em .75em;
	}
	figcaption.costume-size {
	  min-height: 3em;	
	  font-size:.75em;
	  margin:0 .75em;
	  text-transform: uppercase;
	}

figure.c-thumbnail {
  text-align: center;
  border: 1px solid lightgray;
  border-radius: 4px;
  height: 430px;
  margin: 3px 3px 10px;
}
	figure.c-thumbnail:hover {
		border: 1px solid #999;
	}
	figure.c-thumbnail.sexy {
		border-color: pink;
	  	/* background-color: lavenderblush; */
	}
		figure.c-thumbnail.sexy:hover {
			border-color: red;
			/* background-color: lavenderblush; */
		}
	figure.c-thumbnail.nostock {
	}
		figure.c-thumbnail.nostock:hover {
			border-color: black;
		}
	figure.c-thumbnail > figcaption.costume-desc {
		white-space: nowrap;
		overflow: hidden;
	}
	figure > a.button {
		background-color:rgba(109, 40, 169, 0.04);
		margin: 1em;
		padding: .25em .5em;
		border:1px solid #6d28a9;
		border-radius:4px;
		text-decoration: none;
		color: #6d28a9;
	}
		figure > a.button:hover {
			color: #ffffff;
			background-color: #6d28a9;
		}
	figure.c-thumbnail.sexy > a.button {
		border:1px solid coral;
		color: coral;
		background-color:rgba(255, 192, 203, 0.05);
	}
		figure.c-thumbnail.sexy > a.button:hover {
			color: #ffffff;
			background-color: #FFC0CB;
		}
	figure > .img-wrapper {
		min-height: 275px;
		max-height: 275px;
	}
	img.ribbon {
		position: absolute;
		top: 3px;
		right: 3px;
		z-index: 999;
	}

img.img-thumbnail {
  margin-top: .75em;
  margin-bottom:1.15em;
  border: none;
  max-width: 90%;
  max-height: 250px;
}
	img.img-thumbnail.coming-soon {
		margin-top: 75px;
		border: 1px solid;
	}

.btn-default .badge {
  background-color:#6D28A9;
  font-weight:bold;
}

div.row.filter-row {
  margin-bottom:1em;
}

	.filter-panel .btn {
	  font-size: .85em;
	  padding: 7px 10px;
	  margin-right:.25em;
	  background-color:#CFE008;
	  border:1px solid #6d28a9;
	  text-transform: uppercase;
	  text-align: left;
	}

	.filter-panel span.badge {
	  font-size: .85em;
	  text-transform: none;
	  margin-left: .25em;
	  padding: 5px 7px;
	}

#btn-sexy-costumes {
  background-color:#FFF;
  color: pink;
  font-weight: normal;
  border: 1px solid pink;
}
	#btn-sexy-costumes.sexy {
	  background-color: pink;
	  color: white;
	  font-weight: normal;
	  border: 1px solid pink;
	}

.alert.alert-sexy {
	color: palevioletred;
	border: 1px solid pink;
	background-color: lavenderblush;
}

.panel-default > .panel-heading {
  color:#555555;
  background-color:#CFE008;
  border-color:#CFE008;
}
	.panel-heading.panel-filters {
		background-color: #6d28a9;
		color: white;
	}
	.accordion-toggle {
		text-decoration: none !important;
	}
	a.accordion-toggle:hover {
		color: white;
	}

.panel-default {
  border-color:#CFE008;
}

.list-group-item {
  border:1px solid #CFE008;
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
  text-decoration:none;
  color:#6D28A9;
  background-color:#efefef;
}

div.panel.panel-default {
  background-color:#6D28A9;
}

a:hover, a:focus {
  color:#6D28A9;
  text-decoration:underline;
}

a {
  color:#6D28A9;
  text-decoration:none;
}

.navbar-default .navbar-nav > li > a {
  color:#6D28A9;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color:#6D28A9;
  background-color:transparent;
  border-color:#CFE008;
}

.navbar-default .navbar-nav > .active > a:hover {
  color:#6D28A9;
}

.navbar-default .navbar-nav > .active > a:hover {
  color:#6D28A9;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color:#6D28A9;
  background-color:transparent;
}

.navbar-default .navbar-nav > .active > a:hover {
  color:#6D28A9;
}

.navbar-nav, .navbar-form {
  text-transform:uppercase;
}

h4 {
  color:#6d28a9;
  border-radius:4px;
  margin-bottom: 1.5em;
}

.gender-desc {
  color:#6d28a9;
  margin-bottom: 2em;
}

.alert-info {
  background-color:#CFE008;
  border-color:#6d28a9;
  color:#555555;
}

.strong {
  font-weight:bold;
}

.nopadding {
  padding:0 !important;
  margin:0 !important;
}

.detail-img-wrapper {
	text-align: center;
	margin-bottom: 1em;
}
	.detail-img {
		/*
		border: 1px solid #efefef;
		border-radius: 4px;
		*/
		padding: 3px;
		max-height: 450px;
		max-width: 300px;
		border-radius: 10px;
	}

.text-small {
	font-size: .75em;
}

.deprecated.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}

.deprecated.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.alert { font-size: .95em; }

.imgLiquidFillWrapper {
	display:inline-block; 
	min-height:250px;
	overflow: hidden;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #6d28a9;
	border-color: #6d28a9;
}
	.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
		background-color: #6d28a9;
		border-color: #6d28a9;
	}
	
.bottom-rule { border-bottom: 1px solid #6d28a9; }	
.leg-room { margin-bottom: 20px; padding-bottom: 20px; }
.monospaced { font-family: 'Ubuntu Mono', monospaced ; }

/* Fancy Breadcrumbs */

.btn-breadcrumb { 
  margin-bottom: 1.25em; 
  width: 100%;
  background-color: rgba(109, 40, 169, 0.04);
  border-radius: 4px;
  border: 1px solid #e1cbf5;
}
	.btn-breadcrumb > a { 
		color: white; 
	}
	.btn-breadcrumb > a:hover {
		/* color: #CFE008; */
		color: white;
	}
	.btn-breadcrumb > a:focus {
		color: #CFE008;
	}
	.btn-breadcrumb .btn-default {
		background-color: #6d28a9;
	}
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #6d28a9;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #6d28a9;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #ccc;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

@media (min-width: 768px) {
	.footer-section {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
}
td.num {
	text-align: right;
}