/* CSS Document */

body {
	text-align:center;
	margin-top:0px;
background-color: #141415;
		font-family: Arial, Helvetica, sans-serif;	
				background-image: url(/ekmps/shops/fusionmx/resources/Design/background.jpg);
	background-repeat: repeat-y;
	background-position: center top;
		}
	img {
		border:none;
			padding:0px;
	margin:0px;

		}
	#frame {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:0px;

}
.intropara{

line-height:18px;
	text-align:left;
		padding:0px;
		font-size: 14px;
font-weight:normal;
	color: #cf0;

	}

	a {
	text-decoration:none;

}

hr {
border-color:#333;
border-style:none none dotted;
border-width:2px;
color:#333;

}
	
	#drop-container  {
	float:left;
	width:1000px;
	
	padding:0px;

	}
#drop-container-trigger  {
	float:right;
	height: 30px;
	width:190px;
	text-align:left;
	
	padding:0px;
background-color: #ccff00;

	}



#header-container  {
	float:left;
	height: 120px;
	width:1000px;
	text-align:left;
	
	padding:0px;
	border-bottom: 2px dotted #cf0;
	margin-bottom:30px;

	}
#header-container-left  {
	float:left;
	height: 120px;
	width:480px;
	text-align:left;
	
	padding:0px;
color: #ccc;

	}
	#header-container-right  {
	float:right;
	height: 120px;
	width:480px;
	text-align:right;
	line-height:15px;
	padding:0px;
color: #fff;
	}
			#header-container-right ul{
	 padding-left: 0px;
	 margin-top: 45px;
	 margin-bottom:0px;
	 list-style: none;
	 text-align:right;
	 text-transform:uppercase;

}
	#header-container-right li {
font-size:12px;

	 			color: #fff;
	 				display:inline;
line-height:15px;
	 padding-left: 2px;
	 list-style: none;
	 text-align:left;
	 
}
		#header-container-right li   a:link {
		color: #cf0;
		text-decoration: none;
		font-weight: bold;
		}
	#header-container-right li   a:visited {
		color: #cf0;
		text-decoration: none;
		font-weight: bold;
		}

	#header-container-right li  a:hover {
		color: #666;
		text-decoration: none;
		font-weight: bold;

		}
			#header-container-right ul.white{
	 padding-left: 0px;
	 margin-top: 5px;
	 list-style: none;
	 text-align:right;
	 text-transform:uppercase;

}
	#header-container-right li.white{
font-size:12px;

	 			color: #cf0;
	 				display:inline;
line-height:15px;
	 padding-left: 2px;
	 list-style: none;
	 text-align:left;
	 
}
		#header-container-right li.white   a:link {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		}
	#header-container-right li.white  a:visited {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		}

	#header-container-right li.white  a:hover {
		color: #cf0;
		text-decoration: none;
		font-weight: normal;

		}
		

	
	
#content-container  {
	float:left;
	width:1000px;

	padding:0px;


	}

		
		

#content-left{
	float:left;
	width:190px;
	text-align:left;
		padding:0px;
				margin-right:30px;
		font-size: 12px;
font-weight:normal;
	color: #fff;

	}
				#content-left ul{
	 padding: 0px;
	 	 margin: 0px;

	 list-style: none;
	 text-align:left;
	 text-transform:uppercase;
	 	border-bottom: 2px dotted #333;

}
	#content-left li {
font-size:12px;

	 			color: #fff;
	 				display:block;
line-height:20px;
	 padding-left: 0px;
	 list-style: none;
	 text-align:left;
	 height:20px;
	 	border-top: 2px dotted #333;

}
		#content-left li   a:link {
		color: #cf0;
		text-decoration: none;
		font-weight: bold;
		}
	#content-left li    a:visited {
		color: #cf0;
		text-decoration: none;
		font-weight: bold;
		}

	#content-left li  a:hover {
		color: #666;
		text-decoration: none;
		font-weight: bold;

		}
					#content-left ul.white{
	 padding: 0px;
	 	 margin-top:5px;
	 	 margin-bottom:20px;

	 list-style: none;
	 text-align:left;
	 text-transform:uppercase;
	 	border-bottom: none;

}
	#content-left li.white{
font-size:12px;

	 			color: #666;
	 				display:block;
line-height:20px;
	 list-style: none;
	 text-align:left;
	 height:20px;
						background-color: #fff;
	 	border-top: none;
margin-bottom:2px;
padding-left:2px;
}
		#content-left li.white  a:link {
		color: #333;
		text-decoration: none;
		font-weight: bold;
		}
	#content-left li.white   a:visited {
		color: #333;
		text-decoration: none;
		font-weight: bold;
		}

	#content-left li.white  a:hover {
		color: #666;
		text-decoration: none;
		font-weight: bold;
						background-color: #333;

		}

		
#content-middle{
	float:left;
	width:560px;
	text-align:left;
		padding:0px;
		font-size: 12px;
font-weight:normal;
	color: #fff;
line-height:16px;
	}
#content-middle ul {
list-style-image:none;
list-style-type:none;
padding-left:0px;
}

#content-middle li {
background-image:url(/ekmps/shops/fusionmx/resources/Design/bullet.gif);
background-position:left middle;
background-repeat:no-repeat;
list-style-image:none;
margin-left:0;
padding-left:15px;
color: #cf0;
}
	#content-middle  a:link {
		color: #cf0;
		text-decoration: none;
		font-weight: normal;
		}
	#content-middle    a:visited {
		color: #cf0;
		text-decoration: none;
		font-weight: normal;
		}

	#content-middle  a:hover {
		color: #666;
		text-decoration: none;
		font-weight: normal;

		}
	#content-middle h1{
	
		font-size: 22px;
		line-height: 22px;
font-weight:normal;
	color: #cf0;
	text-transform:uppercase;

	}
		.subhead {
				font-size: 14px;
		line-height: 22px;
font-weight:bold;
	color: #cf0;
	text-transform:uppercase;

	}
			.breadcrumbs {
				float:left;	
margin-bottom:10px;
		font-size: 12px;

	}
			.breadcrumbs  a:link {
		color: #cf0;
		text-decoration: none;
		font-weight: normal;
		}
	.breadcrumbs    a:visited {
		color: #cf0;
		text-decoration: none;
		font-weight: normal;
		}

	.breadcrumbs  a:hover {
		color: #666;
		text-decoration: none;
		font-weight: normal;

		}
	
#content-right{
	float:left;
	width:190px;
	text-align:left;
		padding:0px;
				margin-left:30px;
		font-size: 12px;
font-weight:normal;
	color: #999;

	}
	#content-right p{
	margin:0px;

		padding:0px;


	}

	.info  {
	float:left;
	width:190px;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 2px dotted #333;

	}

		
	

#gallery-container  {
	float:left;
	width:1000px;
	height:120px;
padding-top:20px;
padding-bottom:20px;
	color: #fff;

margin:20px 0px 20px 0px;


	
}
	
		

		
		
		

		#search {
width:180px;
	text-align:left;
			float:left;	
		background-color: #fff;



	}
	

	

		
		#footer {
	float:left;
	width:1000px;
	height:30px;
	text-align:left;


		font-size: 10px;
font-weight:normal;
	color: #666;
	line-height:13px;
padding-top:10px;
margin-top:5px;
	border-top: 2px dotted #333;

	}
		#footer-left {
	float:left;
	width:140px;
	height:30px;
	
	line-height:30px;
					color: #cf0;




	}
	.facebook {
	text-align:left;
			float:left;	

margin-right:10px;

	}

		#footer-right {
	float:right;
	width:745px;
	height:30px;
	text-align:right;
	line-height:30px;



	}
		.fmx {
	text-align:left;
			float:left;	

margin-right:0px;

	}
			
		#footer a:link {
		color: #cf0;
		text-decoration: none;
		font-weight: normal;
		
		}
#footer a:visited {
		color: #cf0;
		text-decoration: none;
		font-weight: normal;
		}
#footer a:hover {
		color: #666;
		text-decoration: none;
		font-weight: normal;
		}
				
	.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}






.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
width:1000px;color: white;
/*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
float: right;
color: #000;
 /*background of toggle tab*/
text-decoration: none;
	background-image: url(/ekmps/shops/fusionmx/resources/Design/offer-month.png);
	background-repeat: no-repeat;
	background-position: right top;
width:217px;
text-align:center;
line-height:33px;
height:33px;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
color: #000;

}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
cursor: pointer;
	font-size:11px;
text-align:center;
width:217px;
font-weight:bold;
letter-spacing:3px
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
color: #fff; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}





.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1000px; /*Width of Carousel Viewer itself*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 20px; /*margin around each panel*/
margin-top: 20px; /*margin around each panel*/
width: 1000px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}