body { font-family: verdana; margin: 0; }
h1 { color: black; font-size: 18pt; font-weight: normal; }
h2 { color: #0066FF; font-size: 12pt; font-weight: bold; }
p { color: black; font-size: 10pt; }
a { text-decoration: none; }
a:link img { border: none; text-decoration: none; }
a:visited img { border: none; text-decoration: none; }
a:hover img { border: none; text-decoration: none; }
a.menutext { color: white; text-decoration: none; }
a.menutext:hover { color: white; text-decoration: underline; }
a.emaillink { color: black; text-decoration: none; }
a.emaillink:hover { color: black; text-decoration: underline; }

.menu { display: inline; list-style-type: none; margin-left: 38px; }
#screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0d89b2; }
#page { position: relative; width: 800px; height: 600px; background-color: gainsboro; }
#header { background-color: #0098FF; font-size: 12pt; color: white; position: relative; height: 75px; }
#header ul { list-style: none; display: inline; width: 100%; padding: 0; padding-bottom: 4px;  margin: 0; }
#footer { background-color: #0098FF; font-size: 10pt; color: white; position: relative; height: 20px; }

/* Content */
#phoneno {
    position: absolute;
    top: 5px;
    left: 650px;
    color: red;
    font-weight: bold;
    font-size: 12pt;
}

#stage {
    position: relative;
    /*height: 505px;*/
    height: auto;
    text-align: left;
    background-color: white;
    border: 1pt solid #0098FF;
}

#subpage {
    position: relative;
    left: 10px;
    top: 10px;
    width: 340px;
    height: 485px;
    background-color: white;
    filter: alpha(opacity=90);
    opacity: .90;
    border: 1px solid gainsboro;
}

#subpagetext {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 320px;
    height: 20px;
}

#subpagetext h1 {
    margin-top: 10px;
}

#infosubpage {
    position: absolute;
    left: 380px;
    top: 340px;
    width: 410px;
    height: 155px;
    background-color: white;
    filter: alpha(opacity=90);
    opacity: .90;
    border: 1px solid gainsboro;
}

#infosubpagetext {
    position: absolute;
    left: 390px;
    top: 350px;
    width: 400px;
    height: 20px;
    font-weight: bold;
}

#infosubpagetext h2 {
    margin: 0 10px 0 0;
    border-bottom: 1pt solid #0098FF;
}

#pageheader {
    position: relative;
    width: 100%;
    height: 65px;
}

#pageheader h1 {
    color: black;
    font-size: 18pt;
    font-weight: normal;
    margin-left: 20px;
    margin-top: 16px;
}

#pageheader h2 {
    color: #0066FF;
    font-size: 12pt;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: 5px;
}

#navcontainer {
    width: 796px;
}

#navcontainer img { display: block; }

#navlist {
    padding: 5px 0 0 0;
    margin: 0;
    background-color: #0098FF;
    border-bottom: 1pt solid red;
}

#navlist li {
    list-style: none;
    margin: 0;
    display: inline;
    line-height: 25px;
}

#navlist li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1pt solid white;
    border-bottom: none;
    background: #0098FF;
    text-decoration: none;
}

#navlist li a:link { color: white; }
#navlist li a:visited { color: white; }

#navlist li a:hover {
    background: white;
    color: red;
    border-color: red;
}

#navlist li a#current {
    background: white;
    color: red;
    border: 1px solid red;
    border-bottom: 1px solid white;
}

#gallerycontainer {
    width: auto;
    height: 373px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 0 0 5px;
}

div.series {
    font-size: 14pt;
    color: black;
    font-weight: bold;
    border-top: 2pt solid black;
    border-bottom: 2pt solid black;
    padding: 0;
    margin: 50px 5px 5px 0;
}

div.series ul {
    padding: 0 0 0 20px;
    margin: 0 0 -2px 0;
}

div.series li {
    list-style: none;
    margin: 0;
    padding: 3px 0.2em 0.2em 5px;
}

#paddingbottom {
    float: left;
    width: 775px;
    height: 5px;
}

div.gallery {
    margin: 5px;
    float: left;
    width: 180px;
    height: 245px;
    border: 1pt solid #0098FF;
    text-align: center;
}

div.galleryspecials {
    margin: 5px;
    float: left;
    width: 180px;
    height: 245px;
    border: 1pt solid red;
    text-align: center;
}

div.gallerytitle {
    width: 100%;
    height: 20px;
    background-color: #0098FF;
    color: white;
    font-size: 10pt;
    font-weight: bold;
}

div.gallerytitlespecials {
    width: 100%;
    height: 20px;
    background-color: red;
    color: white;
    font-size: 10pt;
    font-weight: bold;
}

div.gallery img {
    display: inline;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 100px;
    max-height: 100px;
    width: expression(this.width > 100 && this.width > this.height ? "100px" : true);
    height: expression(this.height > 100 && this.height > this.width ? "100px" : true);
}

div.galleryspecialsimg {
    float: left;
    width: 100%;
    height: 100px;
}

div.galleryspecialsimg img {
    display: inline;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 100px;
    max-height: 100px;
    width: expression(this.width > 100 && this.width > this.height ? "100px" : true);
    height: expression(this.height > 100 && this.height > this.width ? "100px" : true);
}

div.specialwatermark {
    position: absolute;
    width: 178px;
    height: 100px;
    color: red;
    font-weight: bold;
    font-size: 16pt;
    text-align: center;
    line-height: 100px;
}

div.gallerydim {
    float: left;
    width: 80px;
    margin-left: 4px;
    color: black;
    font-size: 10pt;
    text-align: left;
}

div.gallerydata {
    float: right;
    width: 88px;
    color: black;
    font-size: 10pt;
    text-align: left;
}

div.lowerdesc {
    float: left;
    width: 174px;
    margin-left: 4px;
    color: black;
    font-size: 10pt;
    text-align: left;
}

table.detail {
    width: 772px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-left: 1pt solid #0098FF;
}

table.detail td.header1 {
    height: auto;
    background-color: #0098FF;
    color: white;
    font-weight: bold;
    font-size: 12pt;
    padding-top: 10px;
}

table.detail td.header2 {
    height: auto;
    background-color: #3eb0ff;
    color: white;
    font-size: 10pt;
    padding-top: 10px;
}

table.detail td.footer {
    height: 30px;
    background-color: #0098FF;
    color: white;
}

table.detail td {
    height: 20px;
    color: black;
    font-size: 10pt;
    border-right: 1pt solid #0098FF;
}

table.detail tr.tr0 {
    background-color: #bbe4ff;
}

table.detail tr.tr1 {
    background-color: #dff2ff;
}

table.detailspecial {
    width: 772px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-left: 1pt solid red;
}

table.detailspecial td.header1 {
    height: auto;
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 12pt;
    padding-top: 10px;
}

table.detailspecial td.header2 {
    height: auto;
    background-color: #ff3e3e;
    color: white;
    font-size: 10pt;
    padding-top: 10px;
}

table.detailspecial td.footer {
    height: 30px;
    background-color: red;
    color: white;
}

table.detailspecial td {
    height: 20px;
    color: black;
    font-size: 10pt;
    border-right: 1pt solid red;
}

table.detailspecial tr.tr0 {
    background-color: #ffbbbb;
}

table.detailspecial tr.tr1 {
    background-color: #ffdfdf;
}

/* Accessories */

div.galleryaccessories {
    margin: 5px;
    float: left;
    width: 180px;
    height: 210px;
    border: 1pt solid #0098FF;
    text-align: center;
}

div.galleryaccessories img {
    display: inline;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 100px;
    max-height: 100px;
    width: expression(this.width > 100 && this.width > this.height ? "100px" : true);
    height: expression(this.height > 100 && this.height > this.width ? "100px" : true);
}

div.galleryaccessoriesspecials {
    margin: 5px;
    float: left;
    width: 180px;
    height: 210px;
    border: 1pt solid red;
    text-align: center;
}

div.galleryaccessoriesspecials img {
    display: inline;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 100px;
    max-height: 100px;
    width: expression(this.width > 100 && this.width > this.height ? "100px" : true);
    height: expression(this.height > 100 && this.height > this.width ? "100px" : true);
}
/*
div.gallerydim {
    float: left;
    width: 80px;
    margin-left: 4px;
    color: black;
    font-size: 10pt;
    text-align: left;
}

div.gallerydataaccessories {
    float: left;
    width: 178px;
    color: black;
    font-size: 10pt;
    text-align: left;
    padding-left: 5px;
}
*/
#popupbackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#popupscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#popupwindow {
    position: relative;
    top: 50px;
    width: 700px;
    height: 500px;
    background-color: #0098FF;
    color: black;
    font-size: 12pt;
    border: 3pt solid #0098FF;
}

#popupimg {
    float: left;
    width: 700px;
    height: 500px;
    padding: 0px;
}

#popupimg img {
    max-width: 700px;
    max-height: 500px;
    width: expression(this.width > 700 ? 700: true);
    height: expression(this.height > 500 ? 500: true);
}

#popupclose {
    position: absolute;
    top: 0;
    left: 670px;
    width: 30px;
    height: 25px;
    background-color: #0098FF;
    color: white;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

#popupclose a {
    color: white;
    text-decoration: none;
}

#popupclose a:link { color: white; }
#popupclose a:visited { color: white; }
#popupclose a:hover { color: red; }

#quotewindow {
    position: relative;
    top: 0px;
    width: 700px;
    height: 650px;
    background-color: #0098FF;
    color: white;
    font-size: 10pt;
    padding: 30px 10px 0px 10px;
    border: 3pt solid #0098FF;
}

#quotewindow .button {
    color: white;
    font-size: 12pt;
    background-color: #0098FF;
    border: 1pt solid white;
}

#quotewindow .button:hover {
    color: red;
    font-size: 12pt;
    background-color: white;
    border: 1pt solid #0098FF;
}

#quoteclose {
    position: absolute;
    top: 0;
    left: 665px;
    width: 30px;
    height: 25px;
    background-color: #0098FF;
    color: white;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

#quoteclose a {
    color: white;
    text-decoration: none;
}

#quoteclose a:link { color: white; }
#quoteclose a:visited { color: white; }
#quoteclose a:hover { color: red; }

.quotetable {
    float: left;
    width: 100%;
    height: auto;
    color: white;
/*    border: 1pt solid black;*/
}

.quoteheader {
    border-bottom: 1pt solid white;
}

.quotetable h1 {
    color: white;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
}

.quotetable h2 {
    color: white;
    font-size: 11pt;
    font-weight: bold;
    margin: 0;
}

.quotetable h3 {
    color: white;
    font-size: 8pt;
    font-weight: bold;
    margin: 0;
}

.quotetable h4 {
    color: white;
    font-size: 8pt;
    font-weight: normal;
    margin: 0;
}

/*.quotetable td {
    border: 1pt solid red;
}*/

.quotetable input {
    width: 100%;
    margin: 0;
    color: white;
    background-color: #0098FF;
    border: 1pt solid white;
}

.quotetable select {
    color: white;
    background-color: #0098FF;
    border: 1pt solid white;
}

.quotetable textarea {
    color: white;
    background-color: #0098FF;
    border: 1pt solid white;
}

td.quotefield1 {
    width: 200px;
}

input.quotelabel {
    border: none;
    font-size: 12pt;
}

#map {
    position: absolute;
    top: 250px;
    left: 0px;
    width: 319px;
    height: 215px;
    border: 2pt solid #0098FF;
}