.yui-skin-sam .yui-ac-container {
	
	position:absolute;
	right:0px;
	top:30px;
	z-index:50000;
	width:600px;
}


#ysearchautocomplete{

	position:relative;
	z-index:10001;
}

.yui-skin-sam .yui-ac-content {
	
	position:relative;
	z-index:10000;
}

#ysearchautocomplete { 

	margin-bottom:2em;
	width:25em;
}

#ysearchautocomplete ul {
	
	margin-left:0;
}

#ysearchautocomplete li {

	background-image:url('../images/bg_autocomplete_result.gif');
	background-position:center;
	background-repeat:repeat-x;
	border-top:1px solid #CCC;
	border-bottom:1px solid #666;
}

#ysearchautocomplete li a {

	color:#000;
}

#ysearchautocomplete .result {

	display:block; 
	text-decoration:none; 
	position:relative; 
	height:40px; 
	margin:2px 0 2px 0;
	padding:2px 0 2px 0;
}

#ysearchautocomplete .name {

	position:absolute; 
	bottom:0px; 
	left:40px;
}

#ysearchautocomplete .cat {

	font-weight:bold;
	position:relative;
	bottom:2px;
}

#ysearchautocomplete .prodtype {
	
	position:absolute; 
	bottom:25px; 
	left:45px;
	font-weight:bold;
}

#ysearchautocomplete img {

	border:1px solid black;
	margin:auto;
}

#ysearchautocomplete .prodimgcontainer {
	
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	margin-right:8px;
	margin-top:3px; 
}

#ysearchautocomplete .yui-ac-bd {

	padding:0;
	margin:0;
}

.yui-skin-sam .yui-ac-content {
	position:absolute;
	z-index:100000;
}

/** PREHIGHLIGHTED RESULT ITEM ***********************************************/
.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
	
	background:#F6F6F6;
}

/** STYLES FOR HIGHLIGHTED RESULT ITEM ***************************************/
#ysearchautocomplete li.yui-ac-highlight {
	
	background-image:url('../images/bg_autocomplete_result_selected.gif');
	background-position:center;
	background-repeat:repeat-x;
	border-top:1px solid #FFF;
	border-bottom:1px solid #666;

}

#ysearchautocomplete li.yui-ac-highlight a {
	
	color: #FFF;
	text-decoration:none;
}

/** ***************************************************************************
	
	SET THE "ZOOM" PROPERTY TO "NORMAL" SINCE IT IS SET TO "1" BY THE
	".EXAMPLE-CONTAINER .BD" RULE IN YUI.CSS AND THIS CAUSES A MENU
	INSTANCE'S WIDTH TO EXPAND TO 100% OF THE BROWSER VIEWPORT.
	
******************************************************************************/
div.yuimenu .bd {

	zoom: normal;
}

#calendarmenu {

	position: absolute;
}

/** ***************************************************************************
	
	RESTORE DEFAULT PADDING OF 10PX FOR THE CALENDAR CONTAINTAINER
	THAT IS OVERRIDDEN BY THE ".EXAMPLE-CONTAINER .BD .BD" RULE
	IN YUI.CSS.
	
******************************************************************************/
.yui-menu-shadow-visible {

	background-color: #fff;
	opacity: .0;
	*filter: alpha(opacity=0);
}

/** TABBED PROD INFO *********************************************************/
.yui-navset button {
    position:absolute;
    top:0;
    right:0;
}

#tabs_container{margin-top:20px;}

.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {

	border-bottom:5px solid #1980cb;
	text-transform:uppercase;
	font-size:80%;

}

.selected {

	font-weight:bold;
}
.yui-skin-sam .yui-navset .yui-content {

	background-color: #F6F6F6;
	font-size:12px;
	padding:20px 10px 20px 10px;
}

.yui-skin-sam .yui-navset .yui-content *{

	font-size:12px;
}


/** NOTE --- BUG FIX!! -- yui-hidden WAS USING visibility:hidden instead of display:none WHICH WAS CAUSING WHITESPACE TO APPEAR ON THE BOTTOM OF THE PAGE...CHANGED TO display:none AND IT WORKS GREAT NOW **/
.yui-hidden{position:absolute;left:-999999px;display:none;}


/** YUI CAROUSEL *************************************************************/
.yui-carousel-element li {
	
	height: 350px;
	text-align: center;
	border:0;
}


.yui-skin-sam .yui-carousel{

	border:0;
}

.yui-carousel-element {

	position:relative;
	top:5px;

}

/* get rid of dashed border around selected item */
.yui-carousel .yui-carousel-item-selected {outline:none; border:none;}
.yui-carousel-button-focus{outline:none;}
.yui-carousel-nav-page-focus{outline:none;}

#carousel-container-thumbs {

	width:350px;
	min-height:400px;
	position:relative;
	top:5px;
	font-size: 13px;
	margin: 0 auto;}



#carousel-container-thumbs a {

	text-decoration: none;
}

#carousel-container-thumbs .intro {

	display: inline;
	margin: 0px 8px 0px 4px;
	width: 350px;
}

#carousel-container-thumbs .item {

	display: inline;
	margin: 0 7px 0 7px;
	overflow: hidden;
	width: 350px;
}

#carousel-container-thumbs .item .authimg {

	bottom: 2px;
	margin-left: 61px;
	position: absolute;
	z-index: 1;
}

#carousel-container-thumbs .item h3 {

	line-height: 85%;
	margin-top: 4px;
}

#carousel-container-thumbs .item h3 a {

	font: 77% Arial, sans-serif;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}

#carousel-container-thumbs .item h3 a:link {

	color:#35a235;
}

#carousel-container-thumbs .item h4 {

	margin-top:5px;
}

#carousel-container-thumbs .item h4 a {

	font: 100% Georgia, Times, serif;
	position: relative;
	z-index:2;
}

#carousel-container-thumbs .item h4 a:link {

	color:#00639b;
}

#carousel-container-thumbs .item cite {

	color: #888;
	display: block;
	font-size: 77%;
	line-height: normal;
	margin-bottom: 30px;
}

#carousel-container-thumbs .item p.all {

	bottom: 25px;
	position: absolute;
	z-index: 2;
}

#carousel-container-thumbs .item p.all a {

	font-weight: bold;
	font-size: 85%;
}








#carousel-container-thumbs .yui-carousel-nav {
	
	background:none;
	width:350px;
	position:absolute;
	bottom:0px;
	z-index:1000;
}


#carousel-container-thumbs .yui-carousel-next-button {

	position:relative;
	left:150px;
	z-index:1000;
}

#carousel-container-thumbs span {

	position:relative;
	left:120px;
}

#carousel-container-thumbs .yui-carousel-element img {

	vertical-align:middle;
}

#carousel-container-thumbs .yui-carousel-element li {

	vertical-align:middle;
	border:1px solid #CCC;
	margin:5px;
	position:relative;
	right:5px;
}








/* THIS WORKS FOR FF...

#carousel-container-thumbs .yui-carousel-nav {

	background:none;
	width:350px;
	position:absolute;
	bottom:0px;
	left:120px;
}

#carousel-container-thumbs .yui-carousel-next-button {

	position:relative;
	left:30px;
}

#carousel-container-thumbs .yui-carousel-element img {

	vertical-align:middle;
}

#carousel-container-thumbs .yui-carousel-element li {

	vertical-align:middle;
	border:1px solid #CCC;
	margin:5px;
	position:relative;
	right:5px;
}

*/