/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:510px; 
	margin:5px auto 5px; 
	background:#fff ; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
	border-bottom:5px #fff solid;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
	display:block;
	position:absolute;
	cursor:pointer;
	width:25px;
	height:200px;
	bottom:0px;
	right:5px;
	background-image: url(http://www.pendantandnecklaces.com/img/arrowright.png);
	background-repeat: no-repeat;
	background-position: center 50px;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(http://www.pendantandnecklaces.com/img/arrowleft.png);
	background-repeat: no-repeat;
	background-position: center 50px;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:450px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:5px 0px 5px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element {
	display:block;
	position:relative;
	float:left;
	font-size:11px;
	width:128px;
	text-align:center;
	color:#333;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-right: 15px;
	padding-left: 5px;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#fff; padding:2px; }
#SlideItMoo_items a img{ border:none; }

/* --------------------BANNER ROTATOR--------------------- */
#SlideItMoo_banners_outer { 
	display:block; 
	position:relative; 
	width:557px; 
	height:140px; 
	margin:0px auto 0px; 
	border:1px #CCCCCC solid; 
}
#SlideItMoo_banners_inner { 
	position:relative ; 
	overflow:hidden ; 
	width:557px ; 
	height:134px ; 
	margin:0px auto 0px;  
}
#SlideItMoo_banners_items { 
	white-space:nowrap; 
	display:block; 
	position:relative; 
}
#SlideItMoo_banners_items a img { 
	border:none; 
}

/* -------------------INFO BANNERS-------------------- */
#SlideItMoo_info_outer { 
	display:block; 
	position:relative; 
	width:557px; 
	height:190px; 
	margin:0px auto 0px; 
	border:1px #CCCCCC solid; 
}
#SlideItMoo_info_inner { 
	position:relative ; 
	overflow:hidden ; 
	width:557px ; 
	height:190px ; 
	margin:0px auto 0px;  
}
#SlideItMoo_info_items { 
	display:block; 
	position:relative; 
}

#SlideItMoo_info_items .info_item{
	display:block; 
	position:relative;
	width:547px;
	height:200px;
	float:left;
	background:#E8E8E8;
	text-align:justify;
	padding:5px;
	border-right:5px #fff solid;
}

#SlideItMoo_info_items .info_item a img{
	border:none;
}

#SlideItMoo_info_items .info_item img {
	float:left;	
	margin-right:15px;
}

#SlideItMoo_info_items .info_item h1{
	background:none;
	color:#006699;
	text-align:right;
	margin:5px 0px 10px;
}

