html { font-size: 100%; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	text-align:center;
}
#wrapper {
			width: 910px;
			margin: 0 auto 0 auto;
			text-align:left;
			position: relative;
			}
#header {
			width: 910px;
			height: 81px;
			background-image:url(../images/headerBG.jpg);
			background-repeat: no-repeat;
			}
#nav {
			position: absolute;
			margin-top: 37px;
			margin-left: 165px;
			height: 34px;
			}
#nav ul {
			list-style: none;
			}
#nav ul li {
			padding: 0;
			margin-left: -3px;
			display: inline;
			}
#call  {
			width: 910px;
			height: 54px;
			background-image:url(../images/call-bar.jpg);
			background-repeat: no-repeat;
			}
#ms-global-hdr-input {
			width: 95px;
			height: 17px;
			margin-top: 15px;
			margin-left: 20px;
			border: none;
			}
#ms-global-search-btn {
			position: relative;
			right: 10px;
			z-index:100;
			top: 6px;
			width: 50px;
			height: 25px;			
			}
.callposition {
			margin-left: 750px;
			}
#cart {
			float: right;
			width: 188px;
			height: 70px;
			background-image:url(../images/shopping_cart_bg.jpg);
			background-repeat: repeat-x;
			border: solid 1px #CCCCCC;
			margin-top: 5px;
			}
.cart_text {
			padding-left: 10px;
			margin-top: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align: center;
			}
#shopbybrand {
			float: right;
			width: 188px;
			height: 60px;
			background-image:url(../images/Shopbybrand_BG.jpg);
			background-repeat: repeat-x;
			border: solid 1px #CCCCCC;
			margin-top: 5px;
			}
.shopbybrand_text {
			padding-left: 10px;
			margin-top: 5px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
.shopbybrand_form {
			margin-top: 5px;
			}
#leftmenu {
			float: left;
			width: 712px;
			height: 277px;
			}
#galleryleftmenu {
			float: left;
			width: 712px;
			height: 201px;
			}
#mirrorImage {
	background: url(../images/side_menu_BG_audio-full.jpg) top left no-repeat;
	height:277px;
	padding:0px;
	margin:0px;
}
#mirrorImage a, #mirrorImage img {
	padding:0px;
	margin:0px; 
}
.clearMenuImage {
	height:10px;
	padding:0px;
	margin:0px;
}
#content {
			float: left;
			width: 595px;
			height: 277px;
			left: 200px;
			top: 150px;
			background-image: url(../images/main_content_index.jpg);
			}
#hotproduct {
			position: relative;
			float: left;
			margin-top: 3px;
			left: 4px;
			width: 703px;
			height: 219px;
			background-image: url(../images/hotproduct_BG.jpg);
			background-repeat: repeat-x;
			border: solid 1px #CCCCCC;
			}
#hotproduct .hp_content {
			left: 1px;
			padding: 5px 0 0 0;
			position: relative;
			}
#hp_imagebracket {
			text-align: center;
			margin-top: 8px;
			margin-left: 4px;
			margin-right: 4px;
			float: left;
			width: 165px;
			height: 151px;
			background-image: url(../images/hp_content_BG.jpg);
			border: solid 1px #a9ccde;
			}
#hp_imagebracket .bracketcontent {
			margin-top:3px;
			font-size: 10px;
			}
#product_menu {
			position: relative;
			float: right;
			width: 188px;
			}
#product_menu .pm_content {
			position: absolute;
			top: 6px;
			left: 0px;
			}
#news {
			position: relative;
			margin-top: 5px;
			display: block;
			left: 4px;
			float: left;
			width: 703px;
			height: 181px;
			background-image: url(../images/news_BG.jpg);
			background-repeat: repeat-x;
			border: solid 1px #CCCCCC;
			}
#news .news_content {
			position: relative;
			display: block;
			margin-left: 5px;
			margin-top: 5px;
			width: 700px;
			height: 173px;
			vertical-align: top;
			}
#news .news_contentText {
			display: block;
			width: inherit;
			height: 100px;
			font-family: "Trebuchet MS";
			font-size: 11px;
			line-height: 16px;
			color: #333333;
			}
.headerText {
			font-family: Arial, Helvetica, sans-serif;
			color: #000000;
			font-size: 24px;
			font-weight: 400;
			}
.dateText {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
			font-size: 10px;
			font-style: italic;
			}
#workinghour {
			clear: both;
			position: relative;
			top: 4px;
			width: 709px;
			display: block;
			background-image:url(../images/workinghour.jpg);
			background-repeat: no-repeat;
			border: solid 1px #abcddf;
			}
#footer {
			clear: both;
			position: relative;
			width: 710px;
			top: 10px;
			height: 65px;
			background-image:url(../images/footer_BG.jpg);
			background-repeat: repeat-x;
			border: solid 1px #000000;
			text-align: center;
			}
#footer .footer_content {
			position: relative;
			top: 7px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #CCCCCC;
			line-height: 16px;
			}
/*********************************************/
/* accordion style */
/*********************************************/
.accordion_toggle {
			display: block;
			height: 25px;
			width: 168px;
			background-image:url(../images/pm_BG_0.jpg);
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border: 1px solid #5b9400;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background-image: url(../images/pm_BG.jpg);
			color: #ffffff;
			border: 1px solid #1c6cbe;
		}
		
		.accordion_content {
			background-image:url(../images/pm_content_BG.jpg);
			background-repeat: repeat-x;
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
		.accordion_content ul {
			padding-left: 10px;		
			padding-right: 10px;
			font-size: 11px;
			list-style: none;
			left: 0;
			width: 179px;
			}
		.accordion_content ul li{
			padding-bottom: 5px;
			padding-top: 5px;
			border-bottom: solid 1px #999999;
			}
		.accordion_content ul li a, link {
			text-decoration: none;
			color:#000000;
			} 	
		.accordion_content ul li a:hover {
			display: block;
			line-height: 13px;
			margin-left: -10px;
			padding-left: 10px;
			width: 189px;
			text-decoration: none;
			color: #FFFFFF;
			background-color: #333333;
			z-index: 100;
			} 	
		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
			}
			
		.accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(/images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(/images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

		.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

		.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(/images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(/images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
		    /* Container styling*/
		    #horizontal_container {
		      margin: 20px auto 20px auto;
		      width: 680px;   
		      height: 100px;    
		    }
		    
		    #vertical_nested_container {
		      margin: 20px auto 20px auto;
		      width: 620px;
		    }
			
#productheader {
			position: relative;
			top: 3px;
			margin-bottom: 5px;
			clear: both;
			width: 699px;
			height: 16px;
			background-repeat: repeat-x;
			border: 1px solid #be8f00;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 15px;
			color: #FFFFFF;
			padding: 5px;
			}
#packageheader {
			position: relative;
			top: 3px;
			margin-bottom: 5px;
			clear: both;
			width: 699px;
			height: 16px;
			background-repeat: repeat-x;
			border: 1px solid #abcddf;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 15px;
			color: #FFFFFF;
			padding: 5px;
			}
#productreviewheader {
			position: relative;
			top: 3px;
			margin-bottom: 5px;
			clear: both;
			width: 699px;
			height: 16px;
			background-repeat: repeat-x;
			border: 1px solid #284A91;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 15px;
			color: #FFFFFF;
			padding: 5px;
			}			
#productlayout {
			clear:both;
			width: 710px;
			position: relative;
			padding: 5px;
			}
#productbracket_general {
			float: left;
			width: 106px;
			margin-left:5px;
			margin-right: 5px;
			margin-bottom: 10px;
			background-image: url(../images/productgeneral_bracket_BG.jpg);
			background-repeat: repeat-x;
			background-position: bottom left;
			border: 1px solid #bebdbe;
			}
#productbracket_none {
			float: left;
			width: 699px;
			margin-left:5px;
			margin-right: 5px;
			margin-bottom: 10px;
			background-image: url(../images/productgeneral_bracket_BG.jpg);
			background-repeat: repeat-x;
			background-position: bottom left;
			border: 1px solid #bebdbe;
			}
#product_logoposition {
			width: 68px;
			heigh: 46px;
			margin: 4px;
			}
#productposition {
			width: 158px;
			heigh: 134px;
			text-align: center;
			margin-left: 24px;
			margin-top: 10px;
			}
#galleryposition {
			width: 158px;
			text-align: center;
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 5px;
			margin-bottom: 5px;
			}
#textproductposition {
			width: 200px;
			text-align: center;
			font: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			line-height: 12px;
			margin-left: 2px;
			}
#textproductposition_none {
			width: 699px;
			text-align: center;
			font: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 12px;
			margin-left: 2px;
			}
#putchartposition {
			width: 192px;
			height: 32px;
			text-align: center;
			margin-left:10px;
			margin-top: 6px;
			}
#aboutlayout {
			clear:both;
			width: 700px;
			position: relative;
			margin: 15px;
			}
#abouttext {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			line-height: 16px;
			}
.subhead {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: 700;
			color: #666666;
			}			
.textcms {
		font-family:Arial,sans-serif;
		font-weight: 700;
		font-size:10px;
		} 
.titletext {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 16px;
		font-weight: 700;
		}