#m3_logo {
	width: 300px;
	height: 320px;
	float: right;
	background: url(../images/m3_logo.gif) 40px 110px no-repeat;

	}
	
	/*Start image gallery*/
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#panel_one,#arrows,#thumbs{	/* Width of divs for thumbnails */
		width:320px;
	}
	#panel_one{		
		float:left;	
	}
	#thumbs{
	overflow:hidden;	/* Don't change this */
	height:170px;	/* Height of thumbnail div */
	position:relative;	/* Never change this */
	float:left;
	}
	#largeImage{	/* Large image div */
	width:620px;	/* Width of large image div */
	height:320px;
	}
	#largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#largeImage img{	/* Large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:80px;	/* Width of strip */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:80px;
		height:80px;
		text-align:center;

	}
	.strip_of_thumbnails img{
	border:0px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		padding:0px;
	
	}
#arrows {
	width: 80px;
	float: right;
	margin: 20px 20px 0 0;
	visibility: hidden;
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
#option{
		float: left;
		}
#option p {
		padding: 30px 0 0 10px;
		float: left;
		}

	#thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
/*end image gallery*/

#container_top {
	background: url(../images/m3_logo.jpg) no-repeat 12px 107px;
	}
#bottom_left {
	width: 600px;
	height: 240px;
	}
#modern {
	position: relative;
	top: 15px;
	left: 10px;
	}
#modern li {
	float: left;
	padding-right: 30px;
	}
#dhlogo {
	position: absolute;
	top: 27px;
	left: 741px;
	}
#product.on .sub_off {
	background-position: -133px -37px;
	}
.on {
	color: #ff9933;
	}