@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;}
.hdmi {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:182px;}
#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.hdmi {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;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/** {padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link {color: #FFF;}
#TB_window a:visited {color: #FFF;}
#TB_window a:hover {color: #FF9330;}
#TB_window a:active {color: #FFF;}
#TB_window a:focus{color: #FFF;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#FFF; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: none; text-align:left; top:50%; left:50%;}
* html #TB_window {/* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;}
#TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:0; text-align:right; float:right;}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:0;}
#TB_title {background-color:#000; height:27px; color:#FFF;}
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load {/* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect {z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}
* html #TB_HideSelect {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent {clear:both; border:none; margin:0;}

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