body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; color: #FFF; background:url(images/header.png) repeat-x #050505; }

a { text-decoration:none;}

h1 { font: 17px normal Arial, Helvetica, sans-serif;}
h2 { font: 14px normal Arial, Helvetica, sans-serif;}
h3 { font: 12px normal Arial, Helvetica, sans-serif;}

table { border-collapse:collapse;}

.red { color:#FF0000;}
.orange { color:#FFBF00;}
.lemon { color:#7DFF00;}
.black { color:#000000;}
.grey { color:#666666;}
.white { color:#FFFFFF;}

#content-wrap { width:100%; float:left}
#content { width:1024px; margin:0 auto;}

#footer-wrap { width:100%; height:250px; margin-top:50px; background-color:#000000; float:left;}
#footer { width:1024px; margin:0 auto;}

#header { width:100%; padding-top:20px; float:left;}
#header a { color:#FFFFFF;}
#header .logo { width:196px; height:93px; background:url(images/logo.png) no-repeat; float:left;}
#header .logo a { width:196px; height:93px; display:block; float:left;}
#header .sub { width:200px; margin-top:25px; float:right; text-align:right;}
#header .sub h3 { margin-bottom:10px;}
#header .sub .sbox { height:23px;}

#middle { width: 1024px; margin-top:60px; float:left;}
#middle #left { width:200px; float:left;}
#middle #left #nav { max-height:400px;}
#middle #left ul { list-style:none; margin:0;}
#middle #left li { height:20px; margin-bottom:1px; background-color:#0D0D0D; font: normal 12px "Myriad Pro", sans-serif;}

#middle #left ul ul { padding-top:5px;}

#middle #left .newsletter { width:200px; height:100px; margin-top:10px; padding:60px 0 0 15px; float:left; background:url(images/newsletter-box.png) no-repeat;}
#middle #left .newsletter h3 { font: normal 11px "Myriad Pro", sans-serif; margin:0 0 5px 0;}

#middle #right { width:820px; margin-left:4px; float:left}
#middle #right .rbanner { margin-bottom:5px;}
#middle #right .sbanner { margin-bottom:6px;}
#middle #right .title { width:805px; height:20px; padding:5px 0 2px 10px; float:left; background-color:#000000; background:url(images/title-bar.png) no-repeat;}
#middle #right .title h3 { margin:0;}
#middle #right .title a { color:#FFF;}
#middle #right .title2 { width:805px; height:30px; padding:0 0 0 10px; float:left; background-color:#000000; background:url(images/title-bar.png) no-repeat;}
#middle #right .title2 h3 { margin:0;}
#middle #right .title2 a { color:#FFF;}
#middle #right .title3 { width:805px; height:26px; padding:4px 0 0 10px; float:left; background-color:#000000; background:url(images/title-bar.png) no-repeat;}
#middle #right .title3 h3 { margin:0;}
#middle #right .title3 a { color:#FFF;}
#middle #right #youtube { width:392px; height:268px; padding:7px 6px 0 6px; float:left; background-color:#1C1C1C;}
#middle #right #youtube h2 { font: normal 14px "Myriad Pro", sans-serif; margin:0px; margin-bottom:5px;}
#middle #right #youtube .review { width:390px; height:240px; background-color:#000000;}
#middle #right #youtube .review .pic { float:left;}
#middle #right #youtube .review .article { padding:10px; float:left;}
#middle #right #youtube .review .article .text { height:200px; float:left; color:#B2B2B2;}
#middle #right #youtube .review .article .more { float:left;}

#middle #right #newitem { margin-top:5px; margin-bottom:20px; float:left;}
#middle #right #newitem .box { width:200px; height:250px; margin:0 5px 5px 0; float:left; background:#1C1C1C;}
#middle #right #newitem .box h2 { margin:5px 0 5px 10px;}
#middle #right #newitem .box h2 span { font-size:18px;}
#middle #right #newitem .box a { color:#CCC;}
#middle #right #newitem .box a:hover { color:#FFFFFF;}
#middle #right #newitem .box .inner { margin:0px; margin-top:5px;}
#middle #right #newitem .box .text { height:220px;}
#middle #right #newitem .box .text h2 { font: 12px normal Arial, Helvetica, sans-serif;}
#middle #right #newitem .box .addcart { margin-right:5px; float:right;}

/*Product Model*/
#middle #right #detail { width:820px; min-height:430px; float:left; background-color:#FFFFFF;}
#middle #right #detail .titlebar { width:810px; height:22px; padding:8px 0 0 10px; background-color:#000000; float:left;}
#middle #right #detail .titlebar h3 { margin:0px;}
#middle #right #detail .model { margin-left:40px; margin-top:15px;}
#middle #right #detail .zoom { margin-top:30px; margin-right:60px; text-align:right;}
#middle #right #detail .price { width:300px; height:86px; margin-top:15px; padding:7px 0 0 15px; float:left; background:url(images/price-box.png) no-repeat;}
#middle #right #detail .price h1 { margin:0px; margin-bottom:6px;}
#middle #right #detail .free { width:302px; height:32px; padding:5px 0 0 15px; float:left; background:url(images/free-box.png) no-repeat;}
#middle #right #detail .free p { margin:0px;}
#middle #right #detail .rating { width:100%; margin-top:25px; float:left;}
#middle #right #detail .morepic { float:left;}
#middle #right #detail .morepic .mright { margin-right:10px;}

#middle #right #description { width:820px; margin-top:10px; float:left;}
#middle #right #description #overview { width:510px; min-height:205px; padding-bottom:20px; float:left; background-color:#1C1C1C;}
#middle #right #description #overview .titlebar { width:500px; height:22px; padding:8px 0 0 10px; background-color:#000000; float:left;}
#middle #right #description #overview .titlebar h3 { margin:0px;}
#middle #right #description #overview .text { margin:0 10px; float:left;}
#middle #right #description #overview .text p { margin:0px; margin:10px 0;}

#middle #right #description #feature { width:510px; min-height:225px; padding-bottom:20px; margin-top:5px; float:left; background-color:#1C1C1C;}
#middle #right #description #feature .titlebar { width:500px; height:22px; padding:8px 0 0 10px; background-color:#000000; float:left;}
#middle #right #description #feature .titlebar h3 { margin:0px;}
#middle #right #description #feature .text { margin:0 10px; float:left;}
#middle #right #description #feature .text p { margin:0px; margin:10px 0;}

#middle #right #description #feature #commentlink { margin:20px 0 0 12px; padding-bottom:10px;}
#middle #right #description #feature #commentlink a { color:#FFFFFF;}
#middle #right #description #feature #commentlink a:hover { text-decoration:underline;}
#middle #right #description #feature #commentlink h3 { margin:0px;}
#middle #right #description #feature .ctext { margin:10px 0;}

#middle #right #description #relate { width:300px; min-height:120px; padding-bottom:5px; float:left; background-color:#1C1C1C;}
#middle #right #description #relate .titlebar { width:300px; height:22px; padding:8px 0 0 10px; background-color:#000000; float:left;}
#middle #right #description #relate .titlebar h3 { margin:0px;}
#middle #right #description #relate .text { margin: 10px 0 0 8px; float:left;}
#middle #right #description #relate .text img { margin:0 3px 5px 0;}

#middle #right #description #media { width:300px; min-height:225px; margin-top:5px; padding-bottom:5px; float:left; background-color:#1C1C1C;}
#middle #right #description #media .titlebar { width:300px; height:22px; padding:8px 0 0 10px; background-color:#000000; float:left;}
#middle #right #description #media .titlebar h3 { margin:0px;}
#middle #right #description #media .text { margin: 10px 0 0 6px; float:left;}

/*Music 13 Branches*/
#middle #right #shop { width:810px; padding: 5px 0 0 10px; float:left; background-color:#1C1C1C;}
#middle #right #shop .tab { width:800px; height:55px; padding-top:6px; float:left; background:url(images/branch-tab.png) no-repeat; text-align:center;}
#middle #right #shop .tab h1 { margin:0px;}
#middle #right #shop td { text-align:center;}
#middle #right #shop td h3 { margin:5px 0 20px;}

/*Brands List*/
#middle #right #shop #brand { width:750px; padding:0px 20px 40px; float:left;}
#middle #right #shop #brand h3 { margin:0px; margin-bottom:10px;}
#middle #right #shop #brand a { color:#FFFFFF;}
#middle #right #shop #brand a:hover { color:#FF6600;}

/*Service Shop*/
#middle #right #shop .service { margin:20px; float:left;}
#middle #right #shop .service td { text-align:left;}
#middle #right #shop .service a { color:#FF9900;}
#middle #right #shop .service h1 { margin:0px;}

.marleft { margin-left:205px; margin-top:20px;}
.marleft a:hover { color:#FFFFFF;}
.marleft h3 { margin:0px; margin-top:10px; font: normal 12px "Myriad Pro", sans-serif;}
.marleft ul { list-style:none; margin:0;}
.marleft li { width:185px; height:18px; margin-bottom:1px; padding: 3px 0 0 15px; background-color:#050505; color:#666666;}
.marleft li a { color:#666666;}
.marleft li:hover { background-color:#0E0E0E;}

.marleft .copy { width:292px; height:41px; margin-top:10px; padding:10px 15px; background:url(images/copyright-box.png) no-repeat;}
.marleft .connect { margin-top:25px; float:left;}
.marleft .connect #icon { margin-top:10px; float:left;}

.marleft .contact { width:237px; height:147px; margin-top:10px; padding:15px; float:right; background:url(images/contact-box.png) no-repeat;}
.marleft .contact h2 { margin-bottom:0px;}

.line { width:100%; height:1px; margin-top:10px; margin-bottom:10px; float:left; background:url(images/white-line.jpg) repeat-x;}

.fixnav { margin-top:-4px;}