@charset "utf-8";
/* Avrio Master CSS Document */

/* CSS Reset */
html {height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; border:0; border-collapse: separate;}
fieldset,img {border:0;}
ol,ul {list-style:none; margin:0; padding:0;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin:0; padding:0;}
label {font-weight:bold;}

/* CSS set */
body {background:#FFF; color:#584058; font-size:101%; font-family:Arial, Helvetica, sans-serif; height:100%;}
p {line-height:1.4em; margin:0 0 0.9em 0; font-size:0.8em;}
h1, h2, h3, h4, h5, h6 {line-height:1.4em; margin:0 0 0.9em 0;}
hr {display:none;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}

#container {width:960px; margin:0 auto;}

#header {float:left; display:inline; width:960px; height:149px; background:url(../images/global/header-back.gif) left top no-repeat scroll; position:relative;}
#header img {float:left; display:inline; margin:16px 0 0 39px;}
#header #menu {position:absolute; z-index:3; left:40px; bottom:-14px;}
#header #menu ul li {float:left; display:inline-block; padding-left:15px; background:url(../images/global/menu-left.png) top left no-repeat scroll; height:29px; line-height:29px; margin-right:10px;}
#header #menu ul li a {display:inline-block; padding-right:15px; background:url(../images/global/menu-right.png) top right no-repeat scroll; color:#584058; text-decoration:none;}
#header #menu ul li a:hover {text-decoration:underline;}
#header #menu ul li a span {display:block; height:29px; background:#FFF; cursor:pointer;}
#header #twitter {position:absolute; z-index:2; right:0; top:0; background:url(../images/global/twitter-back.jpg) left top no-repeat scroll; width:467px; height:149px; color:#FFF;}
#header #twitter #feed {width:100px; height:100px; overflow:auto; width:360px; height:120px; float:right; display:inline; margin:10px 10px 0 0;}
#header #twitter #feed dl {border-bottom:1px dotted #9b8c9b; margin:0 10px 5px 0; padding-bottom:5px;}
#header #twitter #feed dl dt {color:#FFF; font-size:0.85em;}
#header #twitter #feed dl dt a {color:#FFF; text-decoration:none;}
#header #twitter #feed dl dt a:hover {color:#cac2ca;}
#header #twitter #feed dl dd {color:#9b8c9b; font-size:0.70em;}

/* home */
#content {float:left; display:inline; width:960px; padding:40px 0 30px; min-height:200px;}
#content h1 {font-size:1.3em; text-transform:uppercase; padding:0 20px; margin-bottom:0.5em;}
#content h2 {font-size:1.3em; text-transform:uppercase; padding:0 20px; margin:2em 0 0.5em;}
#content #shops {float:left; display:inline; width:960px; position:relative; height:398px; clear:both;}
#content p {padding:0 20px; font-size:0.85em; clear:left;}
#content p a {color:#000; text-decoration:underline;}
#content p a.download {padding-left:10px; background:url(../images/global/arrow.gif) 0 0.4em no-repeat scroll;}
#content p a:hover {text-decoration:none;}
#content #shops p.section span.intro {position:absolute; top:-6px; right:209px; z-index:10; display:none;}
#content #shops p.section a:hover span.intro {display:block;}
#content #shops p.section span.intro span.top {display:block; width:264px; height:38px; background:url(../images/home/rollover-back.png) left top no-repeat scroll;}
#content #shops p.section span.intro span.middle {display:block; width:179px; background:url(../images/home/rollover-back-middle.png) left top no-repeat scroll; padding:0 56px 0 29px; color:#000; font-size:0.85em;}
#content #shops p.section span.intro span.bottom {display:block; width:264px; height:42px; background:url(../images/home/rollover-back.png) left bottom no-repeat scroll;}
#content #shops p.section span.right {left:211px; right:auto;}
#content #shops p.section span.right span.top {background:url(../images/home/rollover-right-back.png) left top no-repeat scroll;}
#content #shops p.section span.right span.middle {background:url(../images/home/rollover-right-back-middle.png) left top no-repeat scroll; padding:0 29px 0 56px;}
#content #shops p.section span.right span.bottom {background:url(../images/home/rollover-right-back.png) left bottom no-repeat scroll;}
#content #shops p.section {clear:none; float:left; display:inline; width:219px; height:165px; margin:0 28px 28px 0; padding:0; line-height:normal; position:absolute;}
#content #shops p.section a {text-decoration:none; color:#FFF; display:block; width:219px; height:165px;}
#content #shops p.section img.logo {position:absolute; z-index:12;}
#content #shops p.section img.product {position:absolute; z-index:11;}
#content #shops p.section span.description {display:block; width:199px; padding:0 10px; text-align:center; color:#FFF; font-weight:bold; cursor:pointer; font-size:0.85em; position:absolute; bottom:15px; left:0; z-index:13;}
#content #shops p.avrio {background:url(../images/home/avrio-back.gif) top left no-repeat scroll; left:0; top:0; z-index:1;}
#content #shops p.avrio img.logo {left:44px; top:4px;}
#content #shops p.avrio img.product {left:36px; top:44px;}
#content #shops p.hdmi {background:url(../images/home/black-back.gif) top left no-repeat scroll; left:247px; top:0; z-index:5;}
#content #shops p.hdmi img.logo {left:-1px; top:6px;}
#content #shops p.hdmi img.product {left:35px; top:30px;}
#content #shops p.cases {background:url(../images/home/black-back.gif) top left no-repeat scroll; left:494px; top:0; z-index:6;}
#content #shops p.cases img.logo {left:8px; top:14px;}
#content #shops p.cases img.product {left:12px; top:60px;}
#content #shops p.vote {margin-right:0; background:url(../images/home/vote-back.gif) top left no-repeat scroll; left:741px; top:0; z-index:7;}
#content #shops p.vote img.logo {left:10px; top:14px;}
#content #shops p.vote img.product {left:22px; top:32px;}
#content #shops p.mounts {background:url(../images/home/black-back.gif) top left no-repeat scroll; /*margin-bottom:40px;*/ left:0; top:193px; z-index:1;}
#content #shops p.mounts img.logo {left:9px; top:16px;}
#content #shops p.mounts img.product {left:48px; top:35px;}
#content #shops p.aclass {background:url(../images/home/aclass-back.gif) top left no-repeat scroll; /*margin-bottom:40px;*/ left:247px; top:193px; z-index:2;}
#content #shops p.aclass img.logo {left:15px; top:14px;}
#content #shops p.aclass img.product {left:56px; top:43px;}
#content #shops p.signaway {background:url(../images/home/signaway-back.gif) top left no-repeat scroll; /*margin-bottom:40px;*/ left:494px; top:193px; z-index:3;}
#content #shops p.signaway img.logo {left:41px; top:14px;}
#content #shops p.signaway img.product {left:5px; top:34px;}
#content #shops p.soundfields {margin-right:0; background:url(../images/home/soundfields-back.gif) top left no-repeat scroll; /*margin-bottom:40px;*/ left:741px; top:193px; z-index:4;}
#content #shops p.soundfields img.logo {left:27px; top:15px;}
#content #shops p.soundfields img.product {left:29px; top:20px;}

#content #thisWeekOnly {float:left; display:inline; width:960px; height:165px; margin-bottom:15px; position: relative;}
#content #thisWeekOnly .weeklyScrollButtons {display:none;}
#content #thisWeekOnly .scrollWeek {width:960px; overflow:auto; overflow-x: hidden; position:relative; clear:left;}
#content .WeekPanel {float:left; display:inline; width:494px; height:165px; position:relative;}
#content .WeekPanel a {display:block; width:466px; height:165px; text-decoration:none;}
#content .WeekPanel a span {cursor:pointer;}
#content #product01 {background:url(../images/home/ads/fp-back.gif) left top no-repeat scroll;}
#content #product01 a {color:#FFF;}
#content #product01 a img {margin-left:10px;}
#content #product01 a span {cursor:pointer;}
#content #product01 a span.product {position:absolute; display:block; font-size:14px; color:#FFF; width:320px; left:173px; top:34px; font-weight:bold;}
#content #product01 a span.desc {position:absolute; left:173px; top:59px; display:block; width:244px; font-size:11px; color:#FFF; line-height:13px;}
#content #product01 a span.price {font-size:14px; font-weight:bold; position:absolute; display:block; left:173px; bottom:30px;}
#content #product02 {background:url(../images/home/ads/signaway-back.gif) left top no-repeat scroll;}
#content #product02 a {color:#FFF;}
#content #product02 a img {margin-left:10px;}
#content #product02 a span {cursor:pointer;}
#content #product02 a span.desc {position:absolute; left:236px; top:35px; display:block; width:200px; font-size:11px; color:#FFF; line-height:13px;}
#content #product02 a span.price {font-size:14px; font-weight:bold; position:absolute; display:block; left:236px; bottom:30px;}
#content #product03 {background:url(../images/home/ads/eztable-back.gif) left top no-repeat scroll;}
#content #product03 a {color:#6c38ac;}
#content #product03 a img {margin:35px 0 0 20px;}
#content #product03 a span.desc {position:absolute; left:20px; top:72px; display:block; width:436px; font-size:14px; color:#6c38ac; line-height:16px; font-weight:bold;}
#content #product03 a span.desc2 {position:absolute; left:20px; bottom:30px; display:block; width:436px; color:#6c38ac; font-size:11px; line-height:13px;}
#content #product04 {background:#FFF;}
#content #product04 a {color:#4fa1ca;}
#content #product04 a span.desc {display:block; position:absolute; right:28px; top:20px; font-size:14px; color:#4fa1ca; line-height:16px; font-weight:bold; text-align:right; width:240px;}
#content #product04 a span.just {font-weight:normal;}
#content #product04 a span.vote {color:#fe9326;}
#content #product04 a span.price {display:block; width:88px; height:64px; background:url(../images/home/ads/justvote-price-back.png) top left no-repeat scroll; position:absolute; left:239px; top:74px; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; padding-top:25px; text-align:center;}
#content #product04 a span.price strong {display:block; font-size:30px; margin-top:-5px;}
#content #product05 {background:url(../images/home/ads/hdmi-back.gif) top left no-repeat scroll; width:466px;}
#content #product05 a {color:#FFF;}
#content #product05 img.logo {margin:22px 0 0 10px;}
#content #product05 img.product {position:absolute; left:-10px; bottom:1px;}
#content #product05 a span.product {position:absolute; display:block; font-size:14px; color:#FFF; width:320px; left:135px; top:34px; font-weight:bold;}
#content #product05 a span.desc {position:absolute; display:block; font-size:11px; color:#FFF; width:250px; top:58px; left:200px;}
#content #product05 a span.price {position:absolute; display:block; font-size:12px; font-weight:bold; width:110px; left:297px; bottom:39px; text-transform:uppercase;}
#content #product05 a span.price strong {font-size:30px;}

/* forms */
span.ast {color:#FF0000;}
fieldset {padding:0 20px;}
fieldset label {float:left; display:inline-block; width:160px; font-size:0.85em; margin-bottom:10px;}
.logon fieldset label {width:100px;}
fieldset input {display:inline-block; border:1px solid #584058; margin-bottom:10px; padding:2px; color:#584058; width:200px;}
fieldset input.button {background:#584058; color:#FFF; font-weight:bold; cursor:pointer; width:auto; text-transform:uppercase; border:none; font-size:0.75em; padding:5px; margin-left:160px;}
.logon fieldset input.button {margin-left:100px;}
fieldset input.button:hover {background:#000;}
fieldset textarea {display:inline-block; border:1px solid #584058; margin-bottom:10px; padding:2px; color:#584058; width:200px; height:120px;}
p.error {color:#FF0000; font-size:0.70em!important;}

#footer {float:left; display:inline; width:920px; border-top:1px solid #584058; padding:20px; position:relative;}
#footer address {font-size:0.70em; font-style:normal;}
#footer dl {font-size:0.70em; margin-top:3px;}
#footer dl dt {float:left; display:inline; padding-left:1px;}
#footer dl dd {float:left; display:inline; border-right:1px solid #584058; padding:0 10px 0 1px; margin-right:10px;}
#footer dl dd.web {border-right:none;}
#footer dl dd a {color:#584058; text-decoration:underline;}
#footer dl dd a:hover {color:#000;}
#footer img.bata {position:absolute; right:45px; top:10px;}

#companyInfo {float:left; display:inline; width:920px; padding:20px; font-size:0.85em; color:#9b8c9b;}
#companyInfo p.registered {float:left; display:inline; width:400px;}
#companyInfo p.by {float:right; display:inline; width:400px; text-align:right;}
#companyInfo p.by a {color:#9b8c9b; text-decoration:underline;}
#companyInfo p.by a:hover {color:#000;}

/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */