/* ----------------   --------------   --------------   --------------   --------------   ---------------------------- 
         		 Swap Bar - That funky bar on the bottom of the page that you can drage and drop items to.           
   --------------   --------------   --------------   --------------   --------------   ------------------------------*/


#swapbar {
	position:fixed; overflow:visible; width:99%; height:170px; left:15px; right:15px; bottom: 0%;
	}

#SBcontainer {
	position:absolute;
	overflow: visible;
	width:100%; 		
	height:167px;
	left:3px;
	right:3px;
	bottom: 0px;
	top: 3px;
	visibility: visible;
	}

#SBtab {
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 12px; 
	}

#SBtab ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	list-style-type: none;
	font-size: 12px;
	}

#SBtab li {
	width: 199px; height: 23px; float:left; line-height: 0px; margin-top: 0; padding-top: 0; text-align: center; position: relative;
	background: url(../images/swap_bar/tab_off.png) no-repeat top right;
	}
	
#SBtab a:hover {
	color: #666666;
	}

#SBtab a {
	height: 23px;				/* height for IE 5 mac */
	width: 199px;
	display:block;
	float: left;			
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-weight: normal;
	}



/* Commented Backslash Hack
     hides rule from IE5-Mac \*/

#SBtab a {
	height: 23px;			
	width: 199px;              /* height for IE 5 win */
	padding: 5px 0px 0px 0px;
	
	}

#SBcurrent a, #SBcurrent a:hover {
	
	/* font-weight: bold; */
	text-decoration: none;
	color: #666666;
	border-bottom: none;
	height: 23px;				
	width: 199px;
	padding: 5px 0px 0px 0px;
	margin: 0;
	background: url(../images/swap_bar/tab_on.png) no-repeat top right;
	}
  	
#SBcurrent {
	height: 23px;				
	width: 199px;
	padding: 5px 0px 0px 0px;
	margin: 0;
	background: url(../images/swap_bar/tab_on.png) no-repeat top right;
	}

/*
Left and Right Scroller Buttons \*/

	.SBbtnL {
		display:block;
		width: 37px; height:37px;
		padding:0px 0px 0px 10px;
	    margin:0px 0px 0px 0px;
		text-decoration: none;
			}
	.SBbtnL a {
		display:block;
		width: 37px; height:37px;
		background: url("../images/swap_bar/butn_arrowL_a.png") 0 0 no-repeat;
		text-decoration: none;
		}
	.SBbtnL a:hover {
		display:block;
		width: 37px; height:37px;
		background: url("../images/swap_bar/butn_arrowL_ah.png") 0 0 no-repeat;
		text-decoration: none;
		}

	.SBbtnL a:active {
		display:block;
		width: 37px; height:37px;
		background: url("../images/swap_bar/butn_arrowL_ahc.png") 0 0 no-repeat;
		text-decoration: none;
		}


	.SBbtnR {
		 display:block;
		 width: 37px; height:37px;
		 padding:0px 10px 0px 0px;
	     margin:0px 0px 0px 0px;
		 text-decoration: none;
			}
	.SBbtnR a {
		display:block;
		width: 37px; height:37px;
		background: url("../images/swap_bar/butn_arrowR_a.png") 0 0 no-repeat;
		text-decoration: none;
		}
	.SBbtnR a:hover {
		display:block;
		width: 37px; height:37px;	
		background: url("../images/swap_bar/butn_arrowR_ah.png") 0 0 no-repeat;
		text-decoration: none;
		}

	.SBbtnR a:active {
		display:block;
		width: 37px; height:37px;
		background: url("../images/swap_bar/butn_arrowR_ahc.png") 0 0 no-repeat;
		text-decoration: none;
		}


/*
Swap Container, Search Area and Description \*/


#SBsearch {
padding:5px 5px 0px 0; display: block; float:right; 
}
#SBdescription {
padding:7px 0px 0px 10px; display: block; float:left; 
}

#SBitems {
 /* padding:0px 5px 10px 5px; width:99%; height:100px; */
 padding:0px 5px 10px 5px; height:100px;
}

.SBprodContainer { width:137px; margin-right:10px; margin-left:10; background-color:White;
}

.SBprodImage { width:137px; height:100px; overflow:hidden; background-position:5px 5px; background-repeat:no-repeat;
}

/* .SBbadgeStock { z-index:10; position:relative; right:0px;
top:95px; height:13px;margin-top:-13px;
} */
.SBbadgeStock { z-index:500; position:relative
;
top:95px; height:13px;
margin-top:-13px;}

.SBbadgeStock, x:-moz-any-link { left:0px; }

.SBprodTitle { margin-top:5px; margin-bottom:15px; font-size:9px; margin-left:5px;
}

.hover-active {
  background-color: #c6f0ff;
}


div.autocomplete {
    position:absolute;
    width:100px;
    background: #eee repeat-x top url(images/subpage/gray_bkgrd.gif);
    border:1px solid  #CCCCCC;
    margin:0px;
    padding:0px;
    left: 42px;
    top: 100px;
}
div.autocomplete ul {
list-style-type:none;
margin:1px;
padding:1px;
}
div.autocomplete ul li.selected { background-color: #F0FDE2 ;} div.autocomplete li { list-style-type:none; display:block; margin:0px; height:20px; cursor:pointer;
border-bottom: #ccc thin groove;

}
div.autocomplete a {
color: #666;
padding:4px;
display:block;
text-decoration:none;
}
div.autocomplete a:hover {

padding:4px;
display:block;
background-color:#F0FDE2;
text-decoration:none;
color: #333;
}