????

Your IP : 216.73.216.83

Current Path : /home2/morganrand/backup.morganrand.com/coupon/css/
Upload File :
Current File : /home2/morganrand/backup.morganrand.com/coupon/css/s3slider.css

@charset "utf-8";
/* CSS Document */
#s3slider { 
   width: 691px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 691px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 693px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       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
   */
}

.clear {
   clear: both;
} 

/*TOP NAV*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);



/* Menu CSS */ 

#cssmenu {
	width:888px;
	position:relative;
	z-index:10000000000;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
	padding: 0;
	margin: 0;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-transform:uppercase;
	line-height:25px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
	content: '';
	display: table;	
}


#cssmenu:after, #cssmenu > ul:after {
	clear: both;	
}



#cssmenu ul{	
	background: #cc3366;/*hot pink*/
	border-radius: 3px;/*round corners*/	
}

#cssmenu ul > li{	
	float: left;
	list-style: none;	
}

#cssmenu ul > li > a{	
	display: block;
	text-decoration: none;
	padding: 0px;
	width:126px;
	text-align:center;
	
}

#cssmenu ul > li > a:hover{
	background: #6d6d6d; /*GRAY*/
}

#cssmenu > ul > li > ul{	
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 200px;
}

#cssmenu > ul > li:hover > ul{	
	opacity: 1;
	visibility: visible;
	position: absolute;

}
#cssmenu > ul > li > ul > li {
	width:200px;
}
#cssmenu > ul > li > ul > li > a{
	float: none;
	position: relative;
	width:170px;
	text-align:left;
	padding:5px 15px;
	border-top:1px solid #F59AAB;
	text-transform:capitalize;
	font-weight:normal;
}

#cssmenu > ul > li > ul > li > ul{
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.has-sub a{
	text-transform:lowercase;
	color:red;
	font:times;
	
}