@charset "UTF-8";
/**
 * CSS for layout elements.
 *
 * @copyright  Copyright (c) 2005-2010 Found Line, Inc. (http://www.foundline.com/)
 * @version    $Id: layout-screen.css 1602 2011-12-13 19:33:02Z matt.eagar $
 */

body {
	background: #333 url('../images/body.png') repeat-x top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: black;
	text-align: center;
}
#page {
    position: relative;
    width: 910px;
    margin: 110px auto 0;
    padding: 0 25px 60px;
}
#content {
    position: relative;
    width: 725px;
    overflow: hidden;
    float: right;
    background-color: #3E3E3E;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
}
    body.products #content,
    body.nav-products #content {
        background-image: url('../images/content-products.png');
    }
    body.buy #content,
    body.nav-buy #content {
        background-image: url('../images/content-buy.png');
    }
    body.support #content {
        background-image: url('../images/content-support.png');
    }
    body.news #content {
        background-image: url('../images/content-news.png');
    }
    body.company #content {
        background-image: url('../images/content-company.png');
    }
    body.awards #content {
        background-image: url('../images/content-awards.png');
    }
    body.sitemap #content {
        background-image: url('../images/content-sitemap.png');
    }
    body.universal-remote-control #content {
        background-image: url('../images/content-products.png');
    }
    body.iphone-universal-remote-control-redeye #content {
        background-image: url('../images/content-products.png');
    }
    body.android-universal-remote-control-redeye #content {
        background-image: url('../images/content-products.png');
    }
    body.auth #content,
    body.login #content,
    body.dealer #content {
        background-image: url('../images/content-dealer.png');
    }
    body.root #content {
        background-image: url('../images/content-root.png');
        background-image: none;
    }
        body.root .slideshow {
            position: absolute;
            top: 0;
            left: 0;
        }
        body.root .slideshow,
        body.root .slideshow .frame,
        body.root .slideshow .frame a {
            width: 725px;
            height: 349px;
            border-top-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            -webkit-border-top-right-radius: 15px;
        }
        body.root .slideshow .frame {
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 0 0;
            text-indent: -999em;
        }
        .frame#content-holidays {
            background-image: url('../media/content-holidays.png');
        }
        .frame#android-app {
            background-image: url('../media/android-app.png');
        }
        .frame#financial-times-quote {
            background-image: url('../media/financial-times-quote.png');
        }
        .frame#introducing-redeye-pro {
            background-image: url('../media/introducing-redeye-pro.png');
        }
        .frame#zdnet-quote {
            background-image: url('../media/zdnet-quote.png');
        }
        .frame#redeye-gen2 {
            background-image: url('../media/redeye-gen2.png');
        }
        .frame#sound-and-vision-quote {
            background-image: url('../media/sound-and-vision-quote.png');
        }
        .frame#control-evolved {
            background-image: url('../media/control-evolved.png');
        }
        .frame#universal-remote {
            background-image: url('../media/universal-remote-control.png');
        }
    body.error #content {
        background-image: url('../images/content-error.png');
    }
#content .inner,
#navigation {
    text-align: left;
}
#content .inner {
    overflow: hidden;
    padding: 0 30px 40px;
    *padding-top: 1px;
    background: #FFF url('../images/content-inner.png') repeat-y center 0;
}
body.support #wrapper,
body.support #sidebar {
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*_height: 0;*/
    overflow: hidden;
    vertical-align: top;
}
body.support #wrapper {
    width: 440px;
    margin-right: 25px;
}
body.support #sidebar {
    width: 180px;
}
    body.support #wrapper, x:-moz-any-link {
        display: moz-inline-box;
        float: left;
        clear: none;
    }
    body.support #wrapper, x:-moz-any-link, x:default {
        display: inline-block;
        *display: inline;
        float: none;
        clear: none;
    }
    body.support #sidebar, x:-moz-any-link {
        display: moz-inline-box;
        float: left;
        clear: none;
    }
    body.support #sidebar, x:-moz-any-link, x:default {
        display: inline-block;
        *display: inline;
        float: none;
        clear: none;
    }
    body.support #sidebar li {
        margin-left: 0;
        font-size: 1.0em;
        list-style: none;
    }
    body.support #sidebar li h3 {
        position: relative;
        _width: 100%;
        margin-top: 1.2em;
        color: #0099CC;
        _float: left;
    }
    body.support #sidebar li li,
    body.support #sidebar li p {
        font-size: 1.4em;
        line-height: 1.2;
    }
    body.support #sidebar li li {
        margin-top: 0.6em;
    }
#navigation {
    width: 185px;
    float: left;
    padding-bottom: 25px;
}
#nav-primary {
    margin-top: 0;
}
#nav-primary li {
    margin: 0;
    border-bottom: 1px solid #3E3E3E;
    font-size: 1.0em;
    line-height: 1.6;
    list-style: none;
}
#nav-primary li a {
    display: block;
    padding: 14px 25px 6px;
    background-color: #000;
    font-size: 2.2em;
    color: #CBCBCB;
    text-decoration: none;
    text-align: right;
}
#nav-primary li:first-child a {
    border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
}
#nav-primary li a:hover,
#nav-primary li a:focus {
    color: #0099CC;
}
#nav-primary li a.navlinkactive,
#nav-primary li a.navlinkactive:hover,
#nav-primary li a.navlinkactive:focus {
    background-color: #3E3E3E;
    color: #CCC;
}
#navigation .feature {
    margin-top: 25px;
    padding: 0 25px;
    text-align: center;
}
#header {
    position: absolute;
    width: 910px;
    height: 100px;
    top: -110px;
    left: 25px;
    _clear: right;
}
#thinkflood-logo {
    position: absolute;
    width: 175px;
    height: 51px;
    top: 30px;
    left: 12px;
    display: block;
    background: transparent url('../images/thinkflood-sprite-000000-175x51.png') no-repeat 0 0;
    text-indent: -999em;
}
#thinkflood-logo:hover,
#thinkflood-logo:focus {
    background-position: 0 -51px;
}
#nav-secondary,
#nav-tertiary {
    overflow: hidden;
}
#nav-secondary {
    margin: 44px 12px 0 259px;
    text-align: right;
}
#nav-tertiary {
    margin-bottom: 15px;
}
#nav-secondary li,
#nav-tertiary li {
    display: inline;
    margin: 0;
    padding: 0.5em 0.5em 0.3em;
    border-right: 1px solid #A5A5A5;
    font-size: 1.0em;
    list-style: none;
}
#nav-tertiary li {
    font-size: 0.9em;
}
#nav-secondary li.last,
#nav-tertiary li.last {
    border-right: none;
}
#nav-secondary li a,
#nav-tertiary li a {
    font-size: 1.4em;
    color: #929292;
    text-decoration: none;
}
#nav-secondary li a:hover,
#nav-secondary li a:focus,
#nav-tertiary li a:hover,
#nav-tertiary li a:focus {
    color: #0099CC;
}
#subnav {
    position: relative;
    height: 54px;
    overflow: hidden;
    padding-top: 135px;
    background: transparent url('../images/content-inner-header.png') no-repeat center bottom;
}
    body.root #subnav {
        padding-top: 315px;
        border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
    }
#subnav ul,
#mc_menu_1 ul {
    float: right;
    margin: 0 25px;
    text-align: right;
}
#subnav li,
#mc_menu_1 li {
    float: left;
    clear: none;
    margin: 0;
    font-size: 1.0em;
    line-height: 1.6;
    list-style: none;
}
#subnav a,
#mc_menu_1 a {
    display: block;
    margin-top: 4px;
    margin-bottom: 18px;
    margin-right: 1px;
    padding: 4px 22px 2px;
    font-size: 1.6em;
    text-align: center;
    background-color: #33ADD6;
    background-color: rgba(0, 153, 204, 0.8);
    _background-color: #33ADD6;
    color: #FFF;
    text-decoration: none;
}
#subnav a:hover,
#subnav a:focus,
#mc_menu_1 a:hover,
#mc_menu_1 a:focus {
    background-color: #19A3D1;
    background-color: rgba(0, 153, 204, 0.9);
    _background-color: #19A3D1;
}
#subnav li.first a,
#mc_menu_1 li:first-child a {
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}
#subnav li.last a,
#mc_menu_1 li:last-child a {
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}
#subnav li a.navlinkactive,
#subnav li a.navlinkactive:hover,
#subnav li a.navlinkactive:focus,
#mc_menu_1 li.current_page_item a,
#mc_menu_1 li.current_page_item a:hover,
#mc_menu_1 li.current_page_item a:focus {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -1px;
    margin-right: 0;
    padding-top: 8px;
    padding-bottom: 19px;
    background-color: #FFF;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    color: #323232;
}
#footer {
    clear: right;
}
#footer .inner {
    width: 525px;
    margin-left: 185px;
    padding: 50px 100px 0;
    background: transparent url('../images/content-inner-footer.png') no-repeat center top;
    _background-image: none;
}
#footer p,
#footer p a {
    color: #A7A7A7;
}
#footer p {
    margin-top: 0.4em;
    font-size: 1.1em;
}

/* TOOLBAR */
#toolbar {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    background-color: #DDD;
}
#toolbar .inner {
    width: 910px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 25px;
    text-align: right;
}
body.authenticated #page {
    margin-top: 150px;
}