/* 
orange: f3901e
orange half tone: fff1e1

blue 143d8d
*/

ul {
  list-style-type: square;	
}

/** extra spans **/
.span-45, .span-55, .span-75, .span-25
{float:left;margin-right:10px;}
.span-45 {width:160px; margin-right:5px;}
.span-55 {width:200px;}
.span-75 {width:290px;}
.span-25 {width:100px;}

/* --- */
div.colborder {border-right:1px solid #ddd;}

.mainnavcontainer {
width: 950px;

}




.navcontainer {

position:  fixed;
top:0px;

width:100%;
background: #ba6c12;

background: #e1922d;

text-align: center;
padding-top:0px;
margin-top:0px;
border-bottom: 1px solid #bbb;
z-index: 100;
}

body {

/*background: #eea433;*/
background: url("../images/bodybg.png") 50% 10% no-repeat #ddd;
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 12px;

}

h1, h2, h3, h4 {
color: #ba6c12;
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;
}

h3 {


color: #ba6c12;
font-size: 16px;
}
h4 {

color: #333;
font-size: 13px;
font-weight: bold;
}

.bordered {
border: 1px solid #143d8d;
margin:0px;
padding:0px;
}

.topbordered {
border-top: 3px solid #ba6c12;
padding-top:10px;
}


.wrapper {
border: 2px solid #bbb;
border-bottom: none; 
background: #fff7f0;
padding:20px;
padding-top:0px;
margin-top:50px;

}

.tagline {
padding-top:30px;
font-size:25px;
font-style: italic;
color: #f3901e;
}

.bigger {
background: #ebd999;
padding:5px;
}

.subtagline {

font-size:17px;
color: #333;
padding-bottom:10px;
}
.phone {
margin:0px;
padding:0px;
margin-top:3px;
color: #fff;
font-size:20px;
text-align:right;
z-index:1000;
}

.designconsult {
margin-top:5px;
}

.designconsult a {
font-size:16px;
color: #fff;
border: none;
height:20px;
border-bottom: 1px solid #fff;
}



a.email {
padding-left: 20px;
background: url("../images/email.png") no-repeat left;
}
a.email {
padding-left: 20px;
background: url("../images/email.png") no-repeat left;
}

h2 a, h3 a {
  border-bottom: #143d8d 1px solid;	
}

a {
padding:1px;
color: #143d8d;
text-decoration:none;
}

a:hover {
/* background: #143d8d; */
color: #000;
}

a.email {
padding-left: 20px;
background: url("../images/email.png") no-repeat left;
}
a:hover.email {
padding-left: 20px;
background: url("../images/email.png") no-repeat #143d8d left;
}

#logo {
margin-top:0px;
padding-top:0px;
margin-left: -20px;
}

#logo img, #logo {
  
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #333;
color: White;
float: left;
width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 2px 20px;
background-color: #333;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
/* background-color: #f3901e; */
color: #000;
}

ul.bullets {
  margin: 0px;
  padding: 0px;	
  margin-left: 15px;
}

ul.bullets li {
  padding-bottom: 5px;
  font-size: 16px;
}

ul.locations, .listless, .inline {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

.inline li {
  display: inline;
}

.inline dl {
  float: left;
  margin: 0px;
}

.inline dt {
  font-weight: normal;
  text-align: center;	
}

ul.locations li {
font-weight:bold;
font-size:13px;
padding-top:3px;
list-style-image: url("../images/pin.png");
}





.sidebar {


}


#footer {

padding-top:10px;
background: #e1922d;
color: #111;
clear:both;
}

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

#footer ul li {
padding-bottom: 3px;}

#footer ul li.group{
padding-bottom:0px;
margin-bottom: 5px;
border-bottom: 1px solid #111;
font-weight:bold;
}

#footer a {

font-size:12px;
color: #fff;
border-bottom: 1px solid #fff;
text-decoration:none;
}

#footer a:hover {
color: #000;
}

#copyright {
background: #333;
padding:5px;
padding-left: 40px;
font-size:10px;
color: #fff;
}


.clear {
clear:both;
}

.products {
  padding-left: 20px;
}

.products ul li {
  text-align: center;	
}

.product-table td {
  text-align: center;	
}

.product-table a {
  font-size: 14px;
  font-weight: bold;
}

dd {
  margin: 0px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #333;
}

.sidebar h3, .sidebar li {
  text-align: center;
}

.dtree {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #666;
  position: relative;
  left: -11px;
  font-size: 10px;
  text-decoration:none;
}
.dtree img {
  border: 0px;
  vertical-align: middle;
  display:inline;
}

.dtree img a {
  border: 0px;
  vertical-align: middle;
  display:inline;
}
.dtree a, .dtree a:active, .dtree a:visited {
  color: #666666;
  text-decoration: none;
  display:inline; 
  font-size: 1.2em;
}
.dtree a.node, .dtree a.nodeSel {
  white-space: nowrap;
  padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
  color: #333;
  text-decoration: none;
}
.dtree a.nodeSel {
  background-color: #c0d2ec;
}
.dtree .clip {
  overflow: hidden;
}

.gallery_search_box {
  border: 1px solid #637fab;
  background-color: #a1b5d3;
  padding: 15px;
  margin: 0 0 20px 0;
  width:600px;

}

.gallery_search_box form {
  padding: 0;
  margin: 0;

}

.gallery_search_box input {
  border: 1px solid #7a96bf;
  background-color: #e4eaf4;
  padding: 5px 6px 6px 6px;;
  vertical-align: middle;
  width: 490px;
  margin: 0 12px 0 0;
  float: left;
}

.gallery_search_box img {
  vertical-align: middle;

}

.results_list_item {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 18px;
  height: 125px;
  text-align:left;
  margin: 0 0 20px 0;
  width: 605px;
}


.results_list_item_detail {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 15px;
  padding-top: 0px;
  margin: 0 0 20px 0;
}

.single_photo {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 15px;
  padding-top: 0px;
  margin: 0 0 10px 0;
  text-align: center;
}

.results_list_item p{
  margin: 0 0 6px 0;

}

.results_list_item a{
  text-decoration: none;
  color: #d36b20;
  font-size: 1.1em;

}

.results_list_item a img{
  vertical-align: -1px;
  margin: 0 5px 0 0;
  float: none;
  border: 0;
}

.results_list_item h2{
  font: normal 1.4em/1.4em Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #ccc;
  margin: 0px 0px 8px 0px;
  padding: 0;
  color: #069;
}


.results_list_item img{
  border: 1px solid #999;
  float: right;
  margin: 0 0 15px 15px;
}


.imageviewer_container {
  background: #fff url(/gallery/images/bg_imageviewer.jpg) repeat-y;  
  width: 548px;
  padding: 5px;
  border: 1px solid #aaa;
}

.imageviewer_container img{
  display: block;
}

.imageviewer_container .thumbnails{
  width: 95px;
  padding: 6px 5px;
  float: right;
}

.imageviewer_container .thumbnails img.img_thumb{
  display: inline;
  margin: 2px;
  border: 1px solid #ccc;
}

.imageviewer_container .thumbnails img.img_thumb#active{
  display: inline;
  border: 1px solid #F60;
}

.caption{
  width: 540px;
  font: italic 1.1em/1.1em Georgia, "Times New Roman", Times, serif;
  padding: 11px 9px 12px 9px;
  border: 1px solid #748db4;
  border-top: 3px solid #9ca9be;
  background-color: #b6bfce;
  color: #fff;
  margin: 0 0 35px ;
}

/*  Directory Tree Formatting / NKB Gallery
----------------------------------------------------------------------------------- */

.dtree {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #666;
  position: relative;
  left: -11px;
  font-size: 10px;
  text-decoration:none;
}
.dtree img {
  border: 0px;
  vertical-align: middle;
  display:inline;
}

.dtree img a {
  border: 0px;
  vertical-align: middle;
  display:inline;
}
.dtree a, .dtree a:active, .dtree a:visited {
  color: #666666;
  text-decoration: none;
  display:inline; 
  font-size: 1.2em;
}
.dtree a.node, .dtree a.nodeSel {
  white-space: nowrap;
  padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
  color: #333;
  text-decoration: none;
}
.dtree a.nodeSel {
  background-color: #c0d2ec;
}
.dtree .clip {
  overflow: hidden;
}

/*  Specific Table Formatting - Gallery Components Table
----------------------------------------------------------------------------------- */

.gallery_components_table {
  padding: 0px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 1em;

}

.gallery_components_table tr.headings td{
  border-collapse: collapse;
  text-align:left;
  color:#F9FAFF;
  border-bottom: 1px solid #ccc;
  background: #91ACFB url(../nkbpanel/img/common/bg_tableheader_bl.gif) repeat-x;
  border-top: 0;
}

.gallery_components_table tr.headings td a, .gallery_components_table tr.headings td a:hover{
  color: #fff3ca;
}

.gallery_components_table select{
  background-color: #fff;
  border: 1px solid #ccc;
}

.gallery_components_table td{
  padding: 7px 5px 7px 7px;
  color: #706b54;
  border-top: 1px solid #ccc;
  line-height: 1.3em;
}

.gallery_components_table td#light{
  background-color: #EBEFFE;
}

.gallery_components_table td#dark{
  background-color: #D9E1FD;
}


.gallery_components_table td#foot{
  border-top: 1px solid #ccc;
  padding: 8px 6px 6px 6px;
  text-align: right;
}

/* Pagination Styles
---------------------------------------------------------------------------------- */

div.pagination {
  padding:3px;
  margin:3px;
  text-align:right;
  float:right;
  position: relative;
  top: 0px;
  display:inline;
  left: 0px;
}

div.pagination a {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #ddd;
  
  text-decoration: none; 
  color: #aaa;
}
div.pagination a:hover, div.pagination a:active {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #a0a0a0;
}
div.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #e0e0e0;
  font-weight: bold;
  background-color: #f0f0f0;
  color: #aaa;
}
div.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #f3f3f3;
  color: #ccc;
}

.gallery_views_bottom {

width: 100%;
text-align: left;
color: #A7A7A7;
}

.results_list_item {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 18px;
  height: 125px;
  text-align:left;
  margin: 0 0 20px 0;
  width: 605px;
}


.results_list_item_detail {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 15px;
  padding-top: 0px;
  margin: 0 0 20px 0;
}

.single_photo {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 15px;
  padding-top: 0px;
  margin: 0 0 10px 0;
  text-align: center;
}

.results_list_item p{
  margin: 0 0 6px 0;

}

.results_list_item a{
  text-decoration: none;
  color: #d36b20;
  font-size: 1.1em;
  border: none !important;
}

.results_list_item a img{
  vertical-align: -1px;
  margin: 0 5px 0 0;
  float: none;
  border: 0;
}

.results_list_item h2{
  font: normal 1.4em/1.4em Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #ccc;
  margin: 0px 0px 8px 0px;
  padding: 0;
  color: #069;
}


.results_list_item img{
  border: 1px solid #999;
  float: right;
  margin: 0 0 15px 15px;
}

.gallery-menu h2 {
  font-size: 14px;
  padding-top: 15px;
  margin-bottom: 5px;
}

.gallery-menu a {
  display: block;
  text-decoration: none;
  border: none !important;
}

.gallery-body a {
  text-decoration: none;
  border: none !important;
}

.gallery-body .back-btn span {
  color: #F5802D;
}

.gallery-cat {
  color: #555;
}

.price {
  color: #BA6C12;
  font-size: 16px;
}

.size-title {
  font-weight: bold;
  font-size: 14px !important;
  margin-bottom: 10px;
  border-bottom: 1px dotted #333;
}

.size {
  color: #143D8D;	
}

.cabinet-sizes {
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #bbb;	
}

ul.last {
  border-right: 0px;	
}

input.send {
  font-size: 14px !important;
}

.contact-us, .contact-designer {
  border-bottom: none !important;
  color: #004D6D;
  font-weight: bold;
}

.cabinets {
  padding-left: 20px;
}

.cabinets li {
  padding-left: 10px;
}

.cabinets .contact-us {
  font-size: 14px;
  letter-spacing: 1.4px;	
}

.ul-banner {
  font-size: 16px;
  font-weight: bold;
  color: #BA6C12;
  text-transform: uppercase;
}

#logo a {
  border: none !important;
}

.cabinet-image {
  width: 210px;
  height: 210px;
}

.coronet-image {
	width: 210px;
}

.thumbnail {
  border: 1px solid #333;
  padding: 1px;	
}

.gallery-choices li {
  display: inline;
  font-size: 14px;
}

ul.padded-bottom li {
  padding-bottom: 25px;
}

.no-padding tr, .no-padding td {
  padding: 0px !important;
}

.services li {
  text-align: left !important;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.group a{
  text-decoration:none !important;
  color: black !important;
  border-bottom:none !important;
}

.manufacturer li {
  font-size: 14px;
  font-weight: bold;
}

#s3slider {
   width: 630px; /* important to be same as image width */
   height: 382px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */

}


#s3sliderContent {
   width: 630px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style-type:none !important;
   padding-left: 0px !important;
  z-index: 1;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   z-index: 1;
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 20px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 630px;
   background-color: #E1922D; /*#000;*/
   filter: alpha(opacity=85); /* here you can set the opacity of box with text */
   -moz-opacity: 0.85; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.85; /* here you can set the opacity of box with text */
   opacity: 0.85; /* here you can set the opacity of box with text */
   color: #000;
   display: none; /* important */
   bottom: 20px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
/*.right {
  right: 0;
  bottom: 0;
  width: 90px !important;
  height: 499px;
}*/

/*
.slider{

}
.slider:hover{
  color:#004D6D;
}*/
.clear {
   clear: both;
} 

#laminate-details {
  min-height: 320px;	
}

#laminate-stock img, #quickship img {
  width: 32px;
}

#laminate-details img {
  width: 210px;
}

#laminate-details .listless .color, #quick-details .listless .color {
  color: #BA6C12;
  font-weight: bold;
}

.choices .ul-banner {
  padding-top: 20px;	
}

.red-banner {
  color: #BE2805;
  font-size: 18px;
}

.centered {
  text-align: center;
}

.big-link {
  font-size: 16px;
}