@charset "utf-8";
body {margin:0; padding: 0; font-size: 62.5%; text-align: center; font-family: Calibri, Arial; color: #000}
img {border: none}
a {text-decoration: underline; color: #1a1361; font-weight: bold}
	a:hover {text-decoration: none}
.clear_floats {clear: both}
.container {width: 97em; margin: 0 auto; text-align: left}
	.header {margin: 2.7em 0 0 0}
		.hdanywhere_logo {float: left; width: 10em; height: 10em; margin: 0 0 0 1em}
		.multiroom_logo {float: right; margin: 2em 0 0}
	.navigation {float: left; margin: 1em 0 0 0; width: 90%; font-size: 1.4em;}
		/*.navigation ul {margin: 0; padding: 0}*/
		.navigation ul li {/*float: left; margin: 0 1em 0 1.5em; list-style-image: url(../images/site/bullet-point.png); list-style-type: none; */ }
		.navigation ul li a {text-decoration: none; color: #666666; font-weight: lighter}
		/*.navigation ul li a:hover {color: #000}*/
	.content {float: left; margin: 0.5em 0}
	.content ul {font-size: 1.2em; color: #39b54a; font-weight: bolder}
	.content .home {width: 97em;}
	.content .home .left {float: left; width: 27.3em; padding: 15em 0 0 0}
		.content .home .left h1 {color: #54d302; font-size: 1.7em}
		.content .home .left p {font-size: 1.2em} 
	.content .home .flash {float: left; width: 42.2em}
	.content .home .right {float: right; width: 27.3em; padding: 9em 0 0 0}
		.content .home .right h1 {color: #54d302; font-size: 1.7em; text-align: right;}
		.content .home .right p {font-size: 1.2em; text-align: right}
	.content .better-because, .content .concept, .content .products {width: 94em; margin: 0 0 0 1em}
		.content .better-because h1, .content .concept h1, .content .products h1 {color: #54d302; font-size: 2.7em}
		.content .better-because h2, .content .concept h2, .content .products h2 {color: #54d302; font-size: 1.7em; padding: 0; margin: 0}
		.content .better-because p, .content .concept p, .content .products p {font-size: 1.2em}
	.content .better-because .left {float: left; width: 49%}
	.content .better-because .right {float: right; width: 49%}	
	.content .better-because .icon-pod {float: left; margin: 0 0 1em 0; clear: both}
	.content .better-because .left img, .content .better-because .right img {float: left}
	.content .better-because .left .text, .content .better-because .right .text {float: right; width: 32em; display: block; margin:0 0 0 1em} 
	.content .better-because .left .price {font-weight: bolder; font-size: 1.6em; margin: 1em 0; color: #54d302}
	.content .products {min-height: 45em}
	.content .products .matrixpod, .content .products .remotepod, .content .products .cablepod {float: left; height: 12.3em}
		.content .products h2 {padding: 0; margin: 1em 0 0 0}
		.content .products p {padding: 0; margin: 0}
			.content .products .available_in {color: #999999; font-size: 1em}
			.content .products .price {font-weight: bolder; font-size: 1.3em; margin: 1em 0; color: #54d302}
		.content .products .matrixpod {width: 29em; border-right: 1px solid #e6e6e6; margin: 0 0.5em 0 0}
		.content .products .remotepod {width: 17.6em; border-right: 1px solid #e6e6e6; padding: 0 0 0 4.5em}
		.content .products .cablepod {margin: 0 0 0 4em}
		.content .products .primary-matrix {margin: 0 0 3em 0}
		.content .products .benefits {float: left;}
		.content .products .benefits h2, .content .products .product-detail h2  {color: #54d302; font-size: 2.7em}
			.content .products .benefits .one, .content .products .benefits .two, .content .products .benefits .three {float: left;}
			.content .products .benefits .one p, .content .products .benefits .two p, .content .products .benefits .three p {margin-top: 1.5em}
			.content .products .benefits .one {width: 40.1em; border-right: 1px solid #e6e6e6; padding: 0 2em 0 0}
			.content .products .benefits .two {width: 16.1em; border-right: 1px solid #e6e6e6; padding: 0 2em 0 3em}
			.content .products .benefits .three {margin: 0 0 0 1em; width: 15em; padding: 0 2em 0 3em}
			.content .products .product-detail p {padding: 0.7em 0;} 
.footer {clear: both; background: url(../images/site/footer.png) top no-repeat #fff; height: 16.2em; margin: 2em 0}
	.footer .links {float: left; margin: 6.5em 0  0 4.5em}
	.footer .links ul {margin: -28px 0 0; padding: 0}
	.footer .links ul li {list-style-type: none; list-style-image: url(../images/site/bullet-point-footer.png); margin: 0 1em 0 1.5em}
	.footer .links ul li a {text-decoration: none; color: #666666}
	.footer .links ul li a:hover {font-weight: bolder}
	.copyright {padding: 2.5em 0 0 0; width: 60em; list-style-type: none}













ul.dropdown, ul.dropdown li, ul.dropdown ul {
	margin: 0; padding: 0; list-style-type: none;
}
ul.dropdown {
    z-index: 597;
}
ul.dropdown li {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
    cursor: default;
    position: relative;
    z-index: 599;
}
ul.dropdown ul {
    left: 0;
    position: absolute;
    top: 90%;
    visibility: hidden;
    width: 99%;
    z-index: 598;
}
ul.dropdown ul li {
    border-top: 3px solid #FFFFFF;
    float: none;
}
ul.dropdown ul ul {
    left: 99%;
    top: 1px;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}
ul.dropdown {
}
ul.dropdown li {
    padding: 7px 15px;
}
ul.dropdown li.hover, ul.dropdown li:hover {
    color: #000000;
}
ul.dropdown a:link, ul.dropdown a:visited {
    color: #666666;;
    text-decoration: none;
}
ul.dropdown a:hover {
    color: #000000;
}
ul.dropdown a:active {
    color: #333333;
}
ul.dropdown ul {
    background-color: #EFEFEF;
    width: 210px;
}
ul.dropdown ul li {
}
ul.dropdown .dir {
    background-image: url("../images/nav-arrow-down.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 20px;
}
ul.dropdown-horizontal ul .dir {
    background-image: url("../images/nav-arrow-right.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 15px;
}
ul.dropdown-upward .dir {
    background-image: url("../images/nav-arrow-top.png");
}
ul.dropdown-vertical .dir, ul.dropdown-upward ul .dir {
    background-image: url("../images/nav-arrow-right.png");
}
ul.dropdown-vertical-rtl .dir {
    background-image: url("../images/nav-arrow-left.png");
    background-position: 0 50%;
    padding-left: 15px;
    padding-right: 10px;
}













#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 2px; /*Padding inside each content*/
}


.haccordion{
padding: 0;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 300px; /*For users with JS disabled: Width of each content*/
height: 400px;  /*For users with JS disabled: Height of each content*/