/* Greg's Styles */

/* Temporary styles - remove when migrated */
#container ul, #container ul li{list-style-type:none !important;}
/*#pg-container{background: URL(../imgs/header-background.png) no-repeat top center;}*/
#header{margin-top:0px !important; padding-top:20px;}
/* ======================================= */

.color-display {
position: absolute;
left: 10px;
top: 47px;
font-size: 10px;
color: #08c;
}

.nav-tabs {
  margin-bottom: 15px;
}

.form-entrance {
	width: 40%;
	margin: 3em auto;
	padding: 1em 3em;
	border: #e7e7e7;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.canvas-container { 
	padding: 2em 5px 0 5px;
	border-top: 1px solid #f0f0f0;
	box-shadow: inset 0 2px 10px rgba(0,0,0,0.5);
	overflow: hidden;
	cursor: pointer;
}
.nav-zones {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.upper-case{text-transform: uppercase;}
.nav-zones li {
	margin: 0; 
}
.nav-zones li:first-child a {
	border-top: 1px solid #ddd;
}
.nav-zones a {
	display: block;
	padding: 7px 14px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	border: 1px solid #ddd;
	border-top: none;
}
.nav-zones li:first-child a {
  border-radius: 4px 4px 0 0;
}
.nav-zones li:last-child a {
  border-radius: 0 0 4px 4px;
}
.nav-zones a:hover {
  background: #f5f5f5;
}
.nav-zones a.selectedBlock {
  color: white;
  background: #428bca;
  border-color: #428bca;
}
.nav-zones a:hover,
.nav-zones a.selectedBlock, 
.nav-zones a.hoveredBlock {
	text-decoration: none;
}


.zone-controls > div { padding: 1em; }

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

#menu { 
  border-radius: 0;
  margin-top: 0;
}  

#controlOptions {
	margin-top: 100px;
}

#controlOptions hr {
	margin-top: 5px;
}

#final input {
	/* display: block; */
	margin: 5px;
}

/* Julz Styles */
#tango {
position: absolute;
top: 10px;
left: 10px;
padding: 10px;
}

.product-container {
display: inline-block;
overflow: hidden;
width:796px;
height:430px;
background-position: 1px 1px;
position:relative;
}
.product-map {
width:796px;
height:546px;
z-index:5;
position:absolute;
}
.product-image {
width:796px;
height:546px;
z-index:1;
position:absolute;
} 

.controls{clear:both; height:310px; margin-bottom:20px;}
.color-picker {
	height: 66px;
	position:relative;
	padding-top:20px;
}
.color-chart {
	overflow: hidden;
	text-align: center;
}
/*
.control-pane {
	margin-bottom: 10px;
	text-align: center;
	min-height:116px;
}
*/
.color-swatch {
	display: inline-block;
	width: 25px;
	height: 20px; 
	cursor: pointer;
	margin: 2px;
	border: 2px solid white;
	padding: 1px;
	background: black;
}
.color-swatch:hover,
.color-swatch.selectedBlock {
	box-shadow: 0 0 8px black;
	position: relative;
	bottom: 2px;
	z-index: 9;
}
.color-sample {
	float:right; 
	width:100%; 
	height:100%;
}
.color-title {
	float:left; 
	width:50%; 
	font-style:italic; 
	padding-top:5px;
}
.color-swatch-disabled {
	width:40px;
	height: 30px; 
	padding: 1px; 
	border: 3px solid #f0f0f0; 
}
/*
.zone { 
	width: 50px; 
	float: left; 
	margin: 5px; 
	border: 1px solid #eee; 
	padding: 5px; 
	cursor: pointer;
}
*/

/* Demers Styles */
.form-entrance input{
	margin: 3px;
}

.preview-image {
	height: 209px;
	width: 400px;
	float: right;
	margin-right: 20px;
}

.vis-hidden {
	visibility: hidden;
}

.error {
	color: red;
}

.split-color {
	margin: 3px;
	border: 1px solid white;
	box-shadow: 0 0 4px #ccc;
}

.white-black {
	width: 0px;
	height: 0px;
	border-left: 78px solid white;
	border-bottom: 32px solid black;
}

.white-clear {
	width: 0px;
	height: 0px;
	border-left: 78px solid white;
	border-bottom: 32px solid transparent;
	background: url(../img/nocolor.gif);
}

.white-navy {
	width: 0px;
	height: 0px;
	border-left: 78px solid white;
	border-bottom: 32px solid navy;
}

.white-red {
	width: 0px;
	height: 0px;
	border-left: 78px solid white;
	border-bottom: 32px solid red;
}

.black-white {
	width: 0px;
	height: 0px;
	border-left: 78px solid black;
	border-bottom: 32px solid white;
}

.clear-white {
	width: 0px;
	height: 0px;
	border-left: 78px solid transparent;
	border-bottom: 32px solid white;
	background: url(../img/nocolor.gif);
}

.clear-black {
	width: 0px;
	height: 0px;
	border-left: 78px solid transparent;
	border-bottom: 32px solid black;
	background: url(../img/nocolor.gif);
}

.clear-navy {
	width: 0px;
	height: 0px;
	border-left: 78px solid transparent;
	border-bottom: 32px solid navy;
	background: url(../img/nocolor.gif);
}

.clear-red {
	width: 0px;
	height: 0px;
	border-left: 78px solid transparent;
	border-bottom: 32px solid red;
	background: url(../img/nocolor.gif);
}

.natural-black {
	width: 0px;
	height: 0px;
	border-left: 78px solid transparent;
	border-bottom: 32px solid black;
	background: url(../img/wood-thumb.gif);
}

/* ====== Bootstrap Override ====== */
.control-label {
	margin-right: 5px;
}

.form-button {
	width: 100px;
	text-align: center;
}

#preview legend label {
	font-size: 24px;
	line-height: 36px;
}

.preview-list label {
font-size: 10px;
}

/* ====== Stores / Final Page ========== */
.store-div {
	width: 218px;
	min-height: 200px;
	margin-right: 12px;
	float: left;
}
.pad {
  padding-left: 15px;
  padding-right: 15px;
}