BODY {
		background: #333333;
		font-family: Verdana;
	}

	.BlueBorder
	{
		border: 1px navy solid;
	}

	
	.nopadding {
		padding-left: 0;
		padding-right: 0;
	}
	.nomarginbottom {
		margin-bottom: 0;
	}
	
	.nbos-title {
		font-family: Montserrat;
		font-weight: bold;
		//color: black;
		color: white;
		font-size: 150%;
	
	}
	
	.copyright-text {
		color: white;
		text-align: center;
		font-size: 85%;
	}

	.readable {
		background-color: white;
	}

	.small-date {
		font-size: 75%;
	}

	.carousel {
		height: 350px;
	 	position: relative;
	}


	.spotlight {
		font-name: Montserrat;
		font-size: 250%;
		font-weight: bold;
		color: white;
		text-shadow: 4px 4px black;
	}

	.spotlight-small {
		font-size: 150%;
	}

	.navbar-nav > .open > a {
  		color: #white;
  		background-color: black;
  		border-color: #adadad;
	}

	.dropdown > .open {
  		color: #333;
  		background-color: black;
  		border-color: #adadad;
	}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: black;
}


.section-links {
	display: inline;
	border: 1px solid navy;
	padding: 6px;
	text-decoration: none;
	color: navy;
	margin: 6px;
}

.section-links:hover {
	text-decoration: none;
	color: blue;
	border: 1px solid blue;
}

.sectionlink {
	width: 150px;
}
	
.sectionlink-wide {
	width: 200px;
}

.rightbox {
	xborder: 1px solid black;
	margin: 10px;
	xpadding: 2px;
	box-shadow: 10px 10px 5px #888888;	
}

.illust-right {
	display: block;
	margin: 10px;
	xpadding: 2px;
	box-shadow: 10px 10px 5px #888888;
	float: right !important;	
}

.illust-full {
	display: block;
	margin: 10px;
	box-shadow: 10px 10px 5px #888888;
	margin-left: auto; margin-right: auto;
}

	
.sectionbar {
	padding-bottom: 8px;
}
	
	
	
.orderitem {
	clear:both; 
	overflow: hidden; 
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

.orderitem:hover
{
	xbackground: #EEEEEE;
}

.orderitemname
{
	float: left;
	max-width: 485px;
	padding-left: 6px;
}

.orderitemprice
{
	float: right;
	width: 125px;
	padding: 4px;
	margin-top: 4px;
}

.orderitemheader
{
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #EEEEEE;
}

.orderitemtext
{
	max-width: 550px; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.orderhr
{
	height: 4px; 
	border-bottom: 1px solid #DDDDDD; 
	width: 90%; 
	margin-left: auto; 
	margin-right: auto;
	overflow: hidden;
}

.buybutton {
   border-top: 1px solid #96d1f8;
   background: #4db380;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e9c54), to(#4db380));
   background: -webkit-linear-gradient(top, #3e9c54, #4db380);
   background: -moz-linear-gradient(top, #3e9c54, #4db380);
   background: -ms-linear-gradient(top, #3e9c54, #4db380);
   background: -o-linear-gradient(top, #3e9c54, #4db380);
   padding: 7.5px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   xtext-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   text-align: center;
   }
 .buybutton:hover {
   border-top-color: #287835;
   background: #287835;
   xcolor: #ccc;
   text-decoration: none;
   }
 .buybutton:active {
   border-top-color: #1b5c33;
   background: #1b5c33;
   }	
	
	
.buybtn {
  background: #2fc946;
  background-image: -webkit-linear-gradient(top, #2fc946, #2db82b);
  background-image: -moz-linear-gradient(top, #2fc946, #2db82b);
  background-image: -ms-linear-gradient(top, #2fc946, #2db82b);
  background-image: -o-linear-gradient(top, #2fc946, #2db82b);
  background-image: linear-gradient(to bottom, #2fc946, #2db82b);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.buybtn:hover {
  background: #36d130;
  text-decoration: none;
}	
		
	
.quicklink {
	display: block;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 2px;
	color: black;
	text-align: center; 
	
}
	
.quicklink:hover {
	color: black;
}	
	
.quicklink-bottom {
	border-bottom: 1px solid black;
}	
	

.carousel-left {
	float: left !important;
	width: 60%;
	text-align: center;
}


.carousel-right {
	float: left !important;
	width: 40%;
	padding-top: 75px;
}

.carousel-outer {
	height: 350px;
}

.carousel-image {
	height: 300px; 
}

.collapsed-only {
	display: none !important;
}


.producttitle-right {
	float: left !important;
	width: 40%;
	padding-top: 75px;
}

.reverse-section-header {
	width: 100%; 
	background: #ACC7F9; 
	padding: 6px; 
	text-align: center; 
	color: white; 
	font-size: 125%; 
	border-radius: 10px;
	clear: both;	
}

.reverse-section-half {
	margin-top: 10px;
	margin-left: 5%;
	float: left;
	width: 40%; 
	background: white;
	border: 1px solid #ACC7F9; 
	padding: 6px; 
	text-align: center; 
	color: black; 
	font-size: 125%; 
	border-radius: 10px;	
	height: 64px;
}

@media (max-width: 992px) {

	.dropdown-toggle {
		font-size: 10px;
	}
	
	.carousel-right {
		float: none;
		clear: both;
		width: 100%;
		padding-top: 0px;	
		padding-bottom: 75px;	
	}
	
	.carousel-left {
		width: 100%;
	}

	.carousel {
		height: auto;
	}

	.carousel-outer {
		height: auto;
	}

	.carousel-image {
		height: auto;
		width: 100%; 
	}
	
	.producttitle-right {
		float: none;
		clear: both;
		width: 100%;
		padding-top: 0px;	
		padding-bottom: 25px;	
	}
	
	
}


@media (max-width: 768px) {

	.hide-when-small {
		display: none;
	}
	
	.dropdown-toggle {
		font-size: 20px;
	}

	.collapsed-only {
		display: inline-block !important;
	}

	.illust-right {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	
	.illust-full {
		width: 100%;
	}
	
	.sectionlink {
		width: 48%;
	}
	
}