@charset "utf-8";
/* JUSTHDMI 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:#000000; 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;}
.mounts {color:#fe9331;}

#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.logo {position:absolute; top:52px; left:40px;}
#header img.avrio {position:absolute; top:98px; left:279px;}
#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:#000000; 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 #menu ul li a span.mounts {display:inline; height:auto; background:none;}
#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 #ababab; margin:0 10px 5px 0; padding-bottom:5px;}
#header #twitter #feed dl dt {color:#FFF; font-size:0.85em; padding-left:1px;}
#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:#ababab; font-size:0.70em; padding-left:1px;}

/* 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:#000000; 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 #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/signaway-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.desc {position:absolute; left:236px; top:35px; display:block; width:200px; font-size:11px; color:#FFF; line-height:13px;}
#content #product01 a span.price {font-size:14px; font-weight:bold; position:absolute; display:block; left:236px; bottom:30px;}
#content #product02 {background:url(../images/home/ads/eztable-back.gif) left top no-repeat scroll;}
#content #product02 a {color:#6c38ac;}
#content #product02 a img {margin:35px 0 0 20px;}
#content #product02 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 #product02 a span.desc2 {position:absolute; left:20px; bottom:30px; display:block; width:436px; color:#6c38ac; font-size:11px; line-height:13px;}
#content #product03 {background:#FFF;}
#content #product03 a {color:#4fa1ca;}
#content #product03 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 #product03 a span.just {font-weight:normal;}
#content #product03 a span.vote {color:#fe9326;}
#content #product03 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 #product03 a span.price strong {display:block; font-size:30px; margin-top:-5px;}
#content #product04 {background:url(../images/home/ads/hdmi-back.gif) top left no-repeat scroll; width:466px;}
#content #product04 a {color:#FFF;}
#content #product04 img.logo {margin:22px 0 0 10px;}
#content #product04 img.product {position:absolute; left:-10px; bottom:1px;}
#content #product04 a span.product {position:absolute; display:block; font-size:14px; color:#FFF; width:320px; left:135px; top:34px; font-weight:bold;}
#content #product04 a span.desc {position:absolute; display:block; font-size:11px; color:#FFF; width:250px; top:58px; left:200px;}
#content #product04 a span.price {position:absolute; display:block; font-size:12px; font-weight:bold; width:110px; left:297px; bottom:39px; text-transform:uppercase;}
#content #product04 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:#000000; width:200px;}
fieldset input.button {background:#000000; 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:#000000;}
fieldset textarea {display:inline-block; border:1px solid #000000; margin-bottom:10px; padding:2px; color:#000000; width:200px; height:120px;}
p.error {color:#FF0000; font-size:0.70em!important;}

#footer {float:left; display:inline; width:920px; border-top:1px solid #000000; padding:20px;}
#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 #000000; padding:0 10px 0 1px; margin-right:10px;}
#footer dl dd.web {border-right:none;}
#footer dl dd a {color:#000000; text-decoration:underline;}
#footer dl dd a:hover {color:#fe9331;}

#companyInfo {float:left; display:inline; width:920px; padding:20px; font-size:0.85em; color:#6f6f6f;}
#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:#6f6f6f; text-decoration:underline;}
#companyInfo p.by a:hover {color:#000000;}

/* -- 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 */