html, body { height: 100%; }

table, div, td, tr, th{
    margin: 0px; padding: 0px;
    border: 0px; border-collapse: collapse;
    font-family: "Arial";
    font-size: 14px;
}

body{
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
    font-family: "Arial";
    font-size: 14px;
    background-image: url("../images/common/body.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}

a{ text-decoration: none; color: #000000; }
img{ border: none; }



p.prod-info-nav{
    background-color: #FFA800; text-align: center;
}
td.prod-info-nav{
    width: 130px; padding: 3px;
}
a.prod-info-nav{ color: #FFFFFF; }
/*a.prod-info-nav:hover{ color: #000000; }*/
a.prod-info-more{ color: #FFA800; text-decoration: underline; font-style: italic; }

#page-container {
    /*height: 100%;*/ width: 1000px;
    margin: 0px auto; background-color: #ffffff;
    border-color: #d5d5d5;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
}

#page-sidebar {
    width: 200px; float: left;
    background-color: #3D69A0;
}
#page-body {
    width: 800px; float: right;
    background-color: #ffffff;
}
#page-header {
}
#page-footer {
    clear: both;
    color: #aaaaaa; text-align: center;
    padding: 20px; font-size: 12px;
    height: 40px;
    border-color: #d5d5d5;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
}

p.download{
    height: 50px;
    margin: 10px; padding: 10px;
    font-family: Arial;
    font-size: 12px;
}
img.download{
    float: left;
    margin-right: 10px;
}

.nav-major{
    border-bottom: 1px solid #7DA2CD;
    padding: 5px 10px;
}
.nav-minor{
    border-bottom: 1px solid #7DA2CD;
    background-color: #618CC1;
    padding: 4px 10px;
}
.nav-minor a {
    color: #ffffff; font-size: 11px;
    font-family: Arial;
}

.nav-major a {
    color: #ffffff; font-size: 15px;
    font-family: Arial;
}

.nav-securenet {
    background-color: #EBECED;
    padding: 4px 10px;
    color: #000000;
}

.nav-securenet:hover {
    background-color: #8C8C8D;
    color: #ffffff;
}

.nav-securenet a {
    font-weight: bold;
    color: inherit;
    font-size: 12px;
}

.model-link{
    font-family: Arial; font-size: 18px; color: #083D80;
}

.heading{
    margin-left: 10px; margin-right: 10px;
    margin-top: 10px; margin-bottom: 0px;
    background-color: #DDDDDD;
    color: #666666;    
    font: 16px Arial;
    font-weight: bold;
    text-align: center;
}
.text{
    margin-left: 10px; margin-right: 10px;
    margin-top: 0px; margin-bottom: 10px;
    font: 0.825em Verdana;
    
}
.subheading{
    margin-left: 10px; margin-right: 10px;
    margin-top: 5px; margin-bottom: 0px;
    font: 0.825em Arial;
    font-weight: bold;
}

/* Spec-Page */
.spec{
    width: 100%;
    margin: 10px;
}
.spec-title{
    background-color: #DDDDDD;
    color: #666666;    
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.spec-left{
    width: 200px;
    background-color: #EEEEEE;
    font-family: Arial;
    font-size: 12px;
    border-bottom: 1px solid #CCCCCC;
}
.spec-right{
    width: 400px;
    font-family: Arial;
    font-size: 12px;
    border-bottom: 1px solid #CCCCCC;
}

.masthead-home{
    background-image: url("../images/bg/family.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 300px;
}

.img-prod-cat{ margin: 10px; border: 1px solid #999999; }
.img-prod-cat:hover{ border: 1px solid #073A78; }

.wty-row-grey{ background-color: #EEEEEE; }

table.locations { width: 100%; margin: 5px; }

table.locations td {
    padding: 10px 5px; border-bottom: 1px dotted #999999; line-height: 150%;
}

.ui-tabs-panel img { border: 1px solid #dddddd; }

div.youtube { padding: 5px; text-align: center; }

.subtitle-inline {
    font-family: Arial; font-weight: bold;
    color: #073A78; 
}

div.location {
    margin: 20px 10px 0px 10px;
    border-bottom: 1px solid #dddddd;
    line-height: 2em;
}

div.title {
    font-family: Arial; font-size: 1.5em; font-weight: bold;
    margin: 20px 10px 0px 10px;
    border-bottom: 1px solid #dddddd;
    color: #073A78;    clear: both;
}
div.body {
    margin: 0px 10px 20px 10px;
    line-height: 2em; text-align: justify;
    font-size: 14px; color: #333;
}

div.body p {}
div.body a {}

div.news-item {}
div.news-item .date {
    font-family: Arial; font-size: 12px; 
    margin: 0px 10px 20px 10px;
    color: #666666; text-align: right;
}

.masthead-home div {
    float: left; width: 450px; margin-left: 10px; margin-top: 60px;
    line-height: 1.5em; font-size: 14px; text-align: justify;
}

p { text-align: justify; line-height: 1.5em; }
h1 {
    font-family: Arial; font-size: 1.5em; font-weight: bold;
    margin: 20px 10px 0px 10px;
    border-bottom: 1px solid #dddddd;
    color: #073A78; 
}
h2 {
    background-color: #DDDDDD;
    color: #666666; 
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
h3 { font-weight: bold; text-transform: uppercase; font-size: 12px; }

div#header-content { float: right; width: 600px; text-align: right; }
div#header-content ul { margin: 20px; padding: 0px; }
div#header-content li { display: inline; border-right: 1px solid #1C94C4; padding: 0px 10px; }
div#header-content li:last-child { border: 0px; }
div#header-content a, a.body { color: #1C94C4; font-size: 12px; }
div#header-content a:hover, a.body:hover { text-decoration: underline; }
div#header-content a.current { font-weight: bold; }
div#header-content p { text-align: right; margin: 0px 20px; }

div#cart { padding: 10px; }
div#cart table { width: 100%; }
div#cart table td { border-bottom: 1px dotted #1C94C4; text-align: center; padding: 5px;}
div#cart table td.product a { font-size: 10px; color: #1C94C4; }

div#cart input.qty { width: 25px; text-align: center; }

table.products td { border-bottom: 0.2em dotted #dddddd; padding: 5px; }

table.products div.price { float: right; font-size: 1.8em;
    padding: 0px 10px; margin: 0px 20px; color: #666666;
    font-family: "Trebuchet MS", "Helvetica", "sans-serif";
    border: 1px solid #dddddd; background-color: #eeeeee;
    text-align: center; }
    
table.products div.price a { font-size: 10px; font-family: Verdana; 
    color: #1C94C4; line-height: 1.5em; }
table.products div.price a:hover { text-decoration: underline; }

table.signup { width: 100%; }
table.signup td { width: 50%; padding: 5px; }
table.signup tr td:first-child { text-align: right; }
table.signup tr td:last-child { text-align: left; }