/*
 * 9-slice CSS
 */

/**
 * Light Gray box
 */
.gray-sb-container{
	width: 100%;
	/*margin-left: -15px; */
}
.gray-sb-ul {	
	background: url('/images/template/light-9slice-corners.gif')  top left no-repeat;	
	height: 10px;
}
.gray-sb-ur {
	background: url('/images/template/light-9slice-corners.gif')  top right no-repeat;
	float: right;	
	height:10px;
	width: 10px;	
}
.gray-sb-um {
	background: url('/images/template/light-9slice-topbottom.gif')  top repeat-x;	
	height: 10px;
	margin: 0 0 0 10px;
}
.gray-sb-left {
	background: url('/images/template/light-9slice-l.gif')  repeat-y;
	padding-left: 10px;	
}
.gray-sb-right {
	background: url('/images/template/light-9slice-r.gif')  right repeat-y;	
	padding: 1px 10px 1px 0;
}
.gray-sb-ll {
	background: url('/images/template/light-9slice-corners.gif')  bottom left no-repeat;	
	height: 10px;
}
.gray-sb-lm {
	background: url('/images/template/light-9slice-topbottom.gif')  bottom repeat-x;	
	height: 10px;
	margin: 0 0 0 10px;
}
.gray-sb-lr {
	background: url('/images/template/light-9slice-corners.gif')  bottom right no-repeat;
	float: right;	
	height: 10px;
	width:  10px;	
}


/**
 * Light Gray box
 */
.white-sb-container{
	width: 100%;
	/*margin-left: -15px; */
}
.white-sb-ul {	
	background: url('/images/template/white-9slice-corners.gif')  top left no-repeat;	
	height: 7px;
}
.white-sb-ur {
	background: url('/images/template/white-9slice-corners.gif')  top right no-repeat;
	float: right;	
	height: 7px;
	width:  7px;	
}
.white-sb-um {
	background: url('/images/template/white-9slice-topbottom.gif')  top repeat-x;	
	height: 7px;
	margin: 0 0 0 7px;
}
.white-sb-left {
	background: url('/images/template/white-9slice-l.gif')  repeat-y;
	padding-left: 7px;	
}
.white-sb-right {
	background: url('/images/template/white-9slice-r.gif')  right repeat-y;	
	padding: 0px 7px 0px 0;
}
.white-sb-ll {
	background: url('/images/template/white-9slice-corners.gif')  bottom left no-repeat;	
	height: 7px;
}
.white-sb-lm {
	background: url('/images/template/white-9slice-topbottom.gif')  bottom repeat-x;	
	height: 7px;
	margin: 0 0 0 7px;
}
.white-sb-lr {
	background: url('/images/template/white-9slice-corners.gif')  bottom right no-repeat;
	float: right;	
	height: 7px;
	width:  7px;	
}




/**
 * Light Beveled Gray box
 */
.graybevel-sb-container{
	width: 100%;
    background-color: #EAE8E1;
	/*margin-left: -15px; */
}
.graybevel-sb-ul {	
	background: url('/images/template/lightbevel-9slice-corners.gif')  top left no-repeat;	
	height: 5px;
}
.graybevel-sb-ur {
	background: url('/images/template/lightbevel-9slice-corners.gif')  top right no-repeat;
	float: right;	
	height:5px;
	width: 5px;	
}
.graybevel-sb-um {
	background: url('/images/template/lightbevel-9slice-topbottom.gif')  top repeat-x;	
	height: 5px;
	margin: 0 0 0 5px;
}
.graybevel-sb-left {
	background: url('/images/template/lightbevel-9slice-l.gif')  repeat-y;
	padding-left: 5px;	
}
.graybevel-sb-right {
	background: url('/images/template/lightbevel-9slice-r.gif')  right repeat-y;	
	padding: 1px 5px 1px 0;
}
.graybevel-sb-ll {
	background: url('/images/template/lightbevel-9slice-corners.gif')  bottom left no-repeat;	
	height: 5px;
}
.graybevel-sb-lm {
	background: url('/images/template/lightbevel-9slice-topbottom.gif')  bottom repeat-x;	
	height: 5px;
	margin: 0 0 0 5px;
}
.graybevel-sb-lr {
	background: url('/images/template/lightbevel-9slice-corners.gif')  bottom right no-repeat;
	float: right;	
	height: 5px;
	width:  5px;	
}



/**
 * Light Yellow box
 */
.yellow-sb-container {
	width: 100%;
    background: #FDF6DD;
}
.yellow-sb-ul {	
	background: url('/images/template/yellow-9slice-corners.gif')  top left no-repeat;	
	height: 4px;
}
.yellow-sb-ur {
	background: url('/images/template/yellow-9slice-corners.gif')  top right no-repeat;
	float: right;	
	height:4px;
	width: 4px;	
}
.yellow-sb-um {
	background: url('/images/template/yellow-9slice-topbottom.gif')  top repeat-x;	
	height: 4px;
	margin: 0 0 0 4px;
}
.yellow-sb-left {
	background: url('/images/template/yellow-9slice-l.gif')  repeat-y;
	padding-left: 4px;	
}
.yellow-sb-right {
	background: url('/images/template/yellow-9slice-r.gif')  right repeat-y;	
	padding: 1px 4px 1px 0;
}
.yellow-sb-ll {
	background: url('/images/template/yellow-9slice-corners.gif')  bottom left no-repeat;	
	height: 4px;
}
.yellow-sb-lm {
	background: url('/images/template/yellow-9slice-topbottom.gif')  bottom repeat-x;	
	height: 4px;
	margin: 0 0 0 4px;
}
.yellow-sb-lr {
	background: url('/images/template/yellow-9slice-corners.gif')  bottom right no-repeat;
	float: right;	
	height: 4px;
	width:  4px;	
}



/**
 * Dark box
 */
.dark-sb-container{
	width: 100%;
    background: #2B2524;
	/*margin-left: -15px; */
}
.dark-sb-content {
}
.dark-sb-ul {	
	background: url('/images/template/dark-9slice-corners.gif')  top left no-repeat;	
	height: 15px;
}
.dark-sb-ur {
	background: url('/images/template/dark-9slice-corners.gif')  top right no-repeat;
	float: right;	
	height:15px;
	width: 15px;	
}
.dark-sb-um {
	background: url('/images/template/dark-9slice-topbottom.gif')  top repeat-x;	
	height: 15px;
	margin: 0 0 0 15px;
}
.dark-sb-left {
	background: url('/images/template/dark-9slice-l.gif')  repeat-y;
	padding-left: 15px;	
}
.dark-sb-right {
	background: url('/images/template/dark-9slice-r.gif')  right repeat-y;	
	padding: 1px 15px 1px 0;
}
.dark-sb-ll {
	background: url('/images/template/dark-9slice-corners.gif')  bottom left no-repeat;	
	height: 17px;
}
.dark-sb-lm {
	background: url('/images/template/dark-9slice-topbottom.gif')  bottom repeat-x;	
	height: 17px;
	margin: 0 0 0 15px;
}
.dark-sb-lr {
	background: url('/images/template/dark-9slice-corners.gif')  bottom right no-repeat;
	float: right;	
	height: 17px;
	width:  15px;	
}



/**
 * Dark, tabbed bottom 
 */
.dark-tabbed-sb-container{
	width: 100%;
    background: #FFF;
}
.dark-tabbed-sb-ul {	
	background: url('/images/template/dark-9slice-tabbed-corners.gif')  top left no-repeat;	
	height: 15px;
}
.dark-tabbed-sb-ur {
	background: url('/images/template/dark-9slice-tabbed-corners.gif')  top right no-repeat;
	float: right;	
	height:15px;
	width: 15px;	
}
.dark-tabbed-sb-um {
	background: url('/images/template/dark-9slice-tabbed-topbottom.gif')  top repeat-x;	
	height: 15px;
	margin: 0 0 0 15px;
}
.dark-tabbed-sb-left {
	background: url('/images/template/dark-9slice-tabbed-l.gif')  repeat-y;
	padding-left: 15px;	
}
.dark-tabbed-sb-right {
	background: url('/images/template/dark-9slice-tabbed-r.gif')  right repeat-y;	
	padding: 0 7px 0 0;
}
.dark-tabbed-sb-ll {
	background: url('/images/template/dark-9slice-tabbed-corners.gif')  bottom left no-repeat;	
	height: 7px;
}
.dark-tabbed-sb-lm {
	background: url('/images/template/dark-9slice-tabbed-topbottom.gif')  bottom repeat-x;	
	height: 7px;
	margin: 0 0 0 15px;
}
.dark-tabbed-sb-lr {
	background: url('/images/template/dark-9slice-tabbed-corners.gif')  bottom right no-repeat;
	float: right;	
	height: 7px;
	width:  15px;	
}
.dark-tabbed-sb-tabs {
    width: 100%;
}
.dark-tabbed-sb-tabs ul {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 43px;
    background: url('/images/template/dark-9slice-tabs.gif') 0px -150px repeat-x;
}
.dark-tabbed-sb-tabs li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    display: block;
    height: 43px;
    background: url('/images/template/dark-9slice-tabs.gif') 0px -300px repeat-x;
}
.dark-tabbed-sb-tabs li span {
    display: block;
    margin: 0px;
    padding: 0px 20px 0px 20px;
    height: 43px;
    background: url('/images/template/dark-9slice-tabs.gif') 0px -250px no-repeat;
}
.dark-tabbed-sb-tabs li span a {
    padding-top: 9px;
    color: #F1BF00;
    display: block;
    font-size: 15px;
    outline: none;
}
.dark-tabbed-sb-tabs li span a:hover {
    text-decoration: none;
}
.dark-tabbed-sb-tabs .last-tab {
    width: 7px;
    background: url('/images/template/dark-9slice-tabs.gif') 0px -100px no-repeat;
}
.dark-tabbed-sb-tabs .selected {
    background: url('/images/template/dark-9slice-tabs.gif') 0px -400px repeat-x;
}
.dark-tabbed-sb-tabs .selected .leftmost {
    background: url('/images/template/dark-9slice-tabs.gif') 0px -350px no-repeat;
}
.dark-tabbed-sb-tabs li .leftmost {
    background: url('/images/template/dark-9slice-tabs.gif') 0px -200px no-repeat;
}
.dark-tabbed-sb-tabs .selected span {
    background: none;
}
.dark-tabbed-sb-tabs .selected span a {
    font-weight: bold;
}
.dark-tabbed-sb-tabs .left-cap {
    width: 7px;
    background: url('/images/template/dark-9slice-tabs.gif') 0px 0px no-repeat;
}
.dark-tabbed-sb-tabs .right-cap {
    width: 7px;
    background: url('/images/template/dark-9slice-tabs.gif') 0px -50px no-repeat;
    float: right;
}


/**
 * Closeable box
 */
.lightbox-sb-table{
	width: 100%;
	/*margin-left: -15px; */
}
.lightbox-sb-table .close-button {
    display: block; 
    width: 40px; 
    height: 40px; 
    position: relative; 
    top: -30px; 
    right: -560px;
    background: url('/images/template/lightbox/lb_close.png') top left no-repeat;
    outline: none;
}
.lightbox-sb-ul, .lighbox-sb-ur, .lighbox-sb-um, .lighbox-sb-left, .lighbox-sb-right, 
.lightbox-sb-ll, .lighbox-sb-lm, .lighbox-sb-lr {
    font-size: 2px;
}
.lightbox-sb-ul {	
	background: url('/images/template/lightbox/lb_corners.png')  top left no-repeat;	
	height: 13px;
    width: 13px;   
}
.lightbox-sb-ur {
	background: url('/images/template/lightbox/lb_corners.png')  top right no-repeat;	
	height: 13px;
	width: 13px;
}
.lightbox-sb-um {
	background: url('/images/template/lightbox/lb_top_bottom.png')  top repeat-x;	
    height: 13px;
}
.lightbox-sb-left {
	background: url('/images/template/lightbox/lb_l.png')  repeat-y;
    width: 13px;
}
.lightbox-sb-content {
    background: #FFF;
}
.lightbox-sb-right {	
	background: url('/images/template/lightbox/lb_r.png') repeat-y right;
    width: 13px;
}
.lightbox-sb-ll {
	background: url('/images/template/lightbox/lb_corners.png') bottom left  no-repeat;	
	height: 13px;
    width: 13px;
}
.lightbox-sb-lm {
	background: url('/images/template/lightbox/lb_top_bottom.png')  bottom repeat-x;	
	height: 13px;
}
.lightbox-sb-lr {
	background: url('/images/template/lightbox/lb_corners.png') bottom right no-repeat;	
	height: 13px;
	width:  13px;
}



/**
 * Now tasting box
 */
.nowtasting-sb-table{
    width: 620px;
}
.nowtasting-sb-table td {
    vertical-align: top;
}
.nowtasting-sb-ul, .nowtasting-sb-ur, .nowtasting-sb-um, .nowtasting-sb-left, .nowtasting-sb-right, 
.nowtasting-sb-ll, .nowtasting-sb-lm, .nowtasting-sb-lr {
    font-size: 2px;
}
.nowtasting-sb-ul { 
    background: url('/images/template/hover/hover-sb-corners.png')  0px 13px no-repeat; 
    height: 30px;
    width:  14px;
    overflow: hidden;
}
.nowtasting-sb-ur {
    background: url('/images/template/hover/hover-sb-corners.png')  -16px 13px no-repeat;    
    height: 30px;
    width:  14px;
    overflow: hidden;
}
.nowtasting-sb-um {
    background: url('/images/template/hover/hover-sb-tb.png')  0px 13px repeat-x;    
    height: 30px;
    overflow: hidden;
}
.nowtasting-sb-um div {
    width: 36px; 
    height: 18px; 
    background: url('/images/icon-sprite.png') -100px -80px no-repeat; 
    margin-left: 64px;
}
.nowtasting-sb-left {
    background: url('/images/template/hover/hover-sb-lr.png') left repeat-y;
    width: 14px;
}
.nowtasting-sb-content {
    background: #FFF;
}
.nowtasting-sb-right {  
    background: url('/images/template/hover/hover-sb-lr.png') repeat-y right;
    width: 14px;
}
.nowtasting-sb-ll {
    background: url('/images/template/hover/hover-sb-corners.png') bottom left  no-repeat;  
    height: 14px;
    width: 14px;
}
.nowtasting-sb-lm {
    background: url('/images/template/hover/hover-sb-tb.png')  bottom repeat-x; 
    height: 14px;
}
.nowtasting-sb-lr {
    background: url('/images/template/hover/hover-sb-corners.png') bottom right no-repeat;  
    height: 14px;
    width:  14px;
}



/**
 * Basic hover palette table
 */
.hoverpalette-sb-table{
/*    width: 100%;*/
	border: none;
}
.hoverpalette-sb-ul, .hoverpalette-sb-ur, .hoverpalette-sb-um, .hoverpalette-sb-left, 
.hoverpalette-sb-right, .hoverpalette-sb-ll, .hoverpalette-sb-lm, .hoverpalette-sb-lr {
    font-size: 2px;
}
.hoverpalette-sb-ul {   
    background: url('/images/template/hover/hover-sb-corners.png')  top left no-repeat; 
    height: 10px;
    width:  10px;   
}
.hoverpalette-sb-ur {
    background: url('/images/template/hover/hover-sb-corners.png')  top right no-repeat;    
    height: 10px;
    width:  10px;
}
.hoverpalette-sb-um {
    background: url('/images/template/hover/hover-sb-tb.png')  top repeat-x;    
    height: 10px;
}
.hoverpalette-sb-left {
    background: url('/images/template/hover/hover-sb-lr.png') left repeat-y;
    width: 10px;
}
.hoverpalette-sb-content {
    background: #FFF;
}
.hoverpalette-sb-right {    
    background: url('/images/template/hover/hover-sb-lr.png') repeat-y right;
    width: 10px;
}
.hoverpalette-sb-ll {
    background: url('/images/template/hover/hover-sb-corners.png') bottom left  no-repeat;  
    height: 10px;
    width:  10px;
}
.hoverpalette-sb-lm {
    background: url('/images/template/hover/hover-sb-tb.png')  bottom repeat-x; 
    height: 10px;
}
.hoverpalette-sb-lr {
    background: url('/images/template/hover/hover-sb-corners.png') bottom right no-repeat;  
    height: 10px;
    width:  10px;
}
.hoverpalette-tip-left {
    background: url('/images/template/hover/hover-sb-tip-left.png') bottom right no-repeat;  
    height: 45px;
    width:  25px;
	z-index: 1;
	position: absolute;
	left: -20px;
	top: 20px;
}
.hoverpalette-tip-right {
    background: url('/images/template/hover/hover-sb-tip-right.png') bottom right no-repeat;  
    height: 45px;
    width:  25px;
	z-index: 1;
	position: absolute;
	right: -20px;
	top: 20px;
}



/** 
 * Single column boxes...
 */
.single-col-box {
    width: 284px;
}
.single-col-box .header {
    height: 20px;
    padding-top: 12px;
    font-size: 13px;
    font-weight: bolder;
    color: #862821;
    text-align: center;
    background: url('/images/template/single_col_box_on_trans.png') 0px 0px no-repeat;
}
.single-col-box .box-content {
    background: url('/images/template/single_col_box_on_trans.png') -282px 0px repeat-y;
    padding: 10px 14px;
}
.single-col-box .footer {
    height: 25px;
    background: url('/images/template/single_col_box_on_trans.png') -565px 0px no-repeat;
}