/* Global  
html, body
{
    font-family: Calibri, Segoe UI, Tahoma, Verdana;
    font-size: 1em;
    background: #ffe;
    text-align: center;
}
img
{
    border: none;
}
a
{
    color: #f30;
}
a:link, a:visited
{
    text-decoration: none;
}
a:hover, a:active
{
    text-decoration: underline;
}
.super
{
    color: #666;
    border: 1px solid #666;
    padding: 6px;
    font-size: .8em;
    background: #e9e9e9;
} */


body
{
    background-color: black;
    margin: 0px;
    margin-right: 10px;
    font-weight: normal;
    text-transform: none;
    font-size: small;
    text-decoration: none;
    line-height: 10pt;
    letter-spacing: 2pt;
    color: #a0a2a5;
    font-family: Tahoma, "Gill Sans Light" , Arial;
}


.country
{
    background-color: black;
    margin: 0px;
    margin-right: 10px;
    font-weight: normal;
    text-transform: none;
    font-size: small;
    text-decoration: none;
    line-height: 10pt;
    letter-spacing: 2pt;
    color: #a0a2a5;
    font-family: Tahoma, "Gill Sans Light" , Arial;
}

div#menu
{
    margin-left: 10px;
    position: fixed;
    width: 100%;
    height: 100px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 30px;
}
div#menu a
{
    text-decoration: none;
    color: #a0a2a5;
    font-size: medium;
}
div#menu a:hover
{
    text-decoration: underline;
}
div#pleaseinstall
{
    position: relative;
    top: 8px;
    left: 9px;
    height: 540px;
    width: 670px;
}
div#bottomframe
{
    background-image: url(../images/frame_bottom.png);
    position: absolute;
    bottom: 0px;
    left: -2px;
    width: 670px;
    height: 22px;
}
div#gloss
{
    width: 670px;
    height: 260px;
    position: absolute;
    background-image: url(../images/gloss_large.png);
    left: -2px;
    top: 0px;
}
div#header
{
    background-image: url(../images/header_text.png);
    width: 670px;
    height: 118px;
    position: relative;
    top: 30px;
}
div#product
{
    background-position: -270px -90px;
    background-image: url(../images/product_image.png);
    background-repeat: no-repeat;
    width: 210px;
    height: 500px;
    position: absolute;
    top: 0px;
    left: 0px;
}
div#content
{
    left: 270px;
    top: 80px;
    position: relative;
    width: 384px;
    font-weight: normal;
    text-transform: none;
    font-size: small;
    text-decoration: none;
    line-height: 25pt;
    letter-spacing: 2pt;
    color: #a0a2a5;
    font-family: Tahoma, "Gill Sans Light" , Arial;
}
div#content a
{
    display: block;
    text-indent: -9999px;
    width: 316px;
    height: 75px;
    background-repeat: no-repeat;
    overflow: hidden;
}

a#installnow
{
    margin-top: 30px;
    background-image: url(../images/Install_button_up.png);
}
a#installnow:hover
{
    background-image: url(../images/Install_button_down.png);
}

div#outerframe
{
    background-repeat: no-repeat;
    background-image: url(../images/tone_image_0909.png);
    margin: 0 auto;
    margin-bottom: 50px;
    width: 684px;
    height: 555px;
}
div#installcompatible
{
    background-repeat: no-repeat;
    background-image: url(../images/Install_compatible.jpg);
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 425px 0 0 100px;
    width: 688px;
    height: 554px;
}
.ribbonClass
{
    background-position: right;
    width: 100%;
    margin-left: -20px;
    margin-bottom: 20px;
    background-repeat: repeat-x;
    background-image: url(../images/ribbon_extender.png);
}
.ribbontitleClass
{
    background-position: right;
    height: 60px;
    background-repeat: no-repeat;
    background-image: url(../images/ribbon.png);
}
#mainheader
{
    position: fixed;
    width: 100%;
    height: 15%;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
}
#findstore
{
    position: fixed;
    width: 0%;
    height: 0%;
    top: 5%;
    right: 100%;
    bottom: 130px;
    left: 0;
    background-color: black;
}

.findstoreHeadingClass
{
    color: #FFFFFF;
    font-size: medium;
}
#installer
{
    position: fixed;
    width: auto;
    height: auto;
    top: 15%;
    right: 0;
    bottom: 100px;
    left: 10em;
}



/* Page */
#page
{
    margin: auto;
    text-align: left;
    min-width: 500px;
}
/* Product Items */
.product-list
{
    width: 100%;
}
.product
{
    list-style: none;
    width: 200px;
    height: 200px;
    padding: 8px;
    float: left;
}
.product .image
{
    display: block;
    text-align: center;
}
.product .name
{
    padding: 4px;
    display: block;
}
.product .summary
{
    padding: 12px 4px;
    display: block;
    height: 30px;
}
.product .price
{
    display: block;
    font-weight: bold;
    color: #333;
    padding: 10px;
    text-align: right;
}
/* Product Details */
.product-detail-container
{
    text-align: center;
}
.product-detail
{
    margin: auto;
    width: 400px;
}
.product-detail .image-logo
{
    display: block;
}
.product-detail .title
{
    font-weight: bold;
    color: #333;
    font-size: 2.26em;
    padding: 4px;
}
.product-detail .price
{
    color: #093;
}
.product-detail .summary
{
    text-align: left;
    font-weight: bold;
    color: #333;
    padding: 0 4px;
    text-decoration: underline;
}
.product-detail .details
{
    text-align: left;
    padding: 4px;
}
/* Installation Prompt */
.install-prompt
{
    border: 1px dotted #999;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 20px;
    padding: 8px;
    background-color: #FFE7CE;
}
#footer
{
    clear: both;
}

.findstoresidebarClass
{
    position: fixed;
    width: 200px;
    height: 720px;
    min-height: 620px;    
    right: auto;
    top: 5%;
    left: 0;
    margin-left: 10px;
}
.dynamicContentClass
{
    position: fixed;
    width: auto;
    right: 0;
    height: 740px;
    min-height: 740px;
    top: 5%;
   
    left: 210px;
}
 
 /*
 bottom: 100px;   

*/ 

.ribbonfooterClass
{
    position: fixed;
    width: 100%;
    height: 100px;
    top: 740px;
    right: 0;
    left: 0;
}


/*
div#findstoresidebar {
    position: fixed;
    width: 300px;
    height: auto;   
    right: auto;
    top: 5%;
    bottom: 100px;
    left: 0;
    }
    div#dynamicContent {
    position: fixed;
    width: auto;
    height: auto;          
    right: 0;
    top: 5%;
    bottom: 100px;
    left: 300px;
    }
    div#ribbonfooter {
    position: fixed;
    width: 100%;
    height: 100px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    }
*/