﻿html, body, form { height: 100%; }

body
{
    height: 100%;
    margin: 0 auto;
    background-color: #EAEAEA;
    font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
    font-size: 80%;
}

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }

p { margin-top: 1em; margin-bottom: 1em; }

#RootDiv
{
    height: auto !important;
    min-height: 100%;
    height: 100%;
    background-color: White;
    margin: 0 auto -3em;
    margin-top: 0px;
    width: 960px;
    padding: 10px;
    border-left: solid 1px black;
    border-right: solid 1px black;
    position: relative;
}

#HeaderDiv
{
    background-image: url(../images/StoreHeader.jpg);
    background-repeat: no-repeat;
    border: solid 1px black;
    width: 958px;
    height: 101px;
    color: White;
}

#HeaderDiv a.banner { display: block; width: 650px; height: 101px; }

#SearchDiv
{
   background-color: #A2BCDF;
   margin-top: 15px;
   padding: 10px;
   border: solid 1px black;
   color: Black;
   width: 938px;
}

#CategoriesTable { width: 100%; background-color: #EAEAEA; border-right: solid 1px black; }
#CategoriesTable td
{
   border-left: solid 1px black;
   border-bottom: solid 1px black;
   padding: 5px;
   text-align: center;
   background-color: #EAEAEA;
}

#CategoriesTable a
{
    display: block;
}

#ContentDiv
{
    margin-top: 15px;
    line-height:1.5;
    height: 100%;
}

#PushDiv { height: 5.2em; }

#FooterDiv
{
    height: 5.2em;
    bottom: 0;
    position: absolute;
    width: 960px;
}

#FooterContent { border-top: solid 1px black; padding: 10px; }

a:link { color:#000099; text-decoration: none; }
a:visited { color:#000099; text-decoration: none; }
a:hover { color:#000099; text-decoration: underline; }
a:active { color:#000099; text-decoration: underline; }

a:link.underline { color:#000099; text-decoration: underline; }
a:visited.underline { color:#000099; text-decoration: underline; }

a.productLink:link { color:#0082C9; text-decoration: underline; }
a.productLink:visited { color:#0082C9; text-decoration: underline; }
a.productLink:hover { color:#0082C9; text-decoration: underline; }
a.productLink:active { color:#0082C9; text-decoration: underline; }
a.productLink img { border: 0; } 

a.headerLink:link { color:#EAEAEA; text-decoration: underline; }
a.headerLink:visited { color:#EAEAEA; text-decoration: underline; }
a.headerLink:hover { color:#EAEAEA; text-decoration: underline; }
a.headerLink:active { color:#EAEAEA; text-decoration: underline; }

.joinSDMS 
{
    float: right; border: solid 3px black; width: 235px; background-color: #E5E6E6;
}

.infoBox { border: solid 1px black; background-color: #F1F1F1 }

/* Seach Results */
table.searchResults .col1 { vertical-align: top; width: 122px;  }
table.searchResults .col2 { vertical-align: top; width: 838px; padding-left: 5px; }

/* Spotlight Items */
table.spotlight .col1 { vertical-align: top; width: 122px;  }
table.spotlight .col2 { vertical-align: top; width: 353px; padding-left: 5px; }

/* Product Details */
table.prodDetails .col1 { vertical-align: top; width: 122px; } 
table.prodDetails .col2 { vertical-align: top; width: 628px; } 
table.prodDetails .col3 { vertical-align: top; width: 210px; }
table.priceBox { border: solid 1px black; background-color: #EAEAEA; width: 210px; }

/* Shopping Cart */
table.shoppingCart 
{
    color: Black; background-color: White; border-color: Black; border-width: 1px;
    border-style: solid; border-collapse: collapse;
}
table.shoppingCart tr.header
{
    color: Black; background-color: #DCDDDE; font-weight:bold;
}
table.shoppingCart tr.altRow { background-color: White; } 
table.shoppingCart tr.row { background-color: #F7F7DE; } 
table.shoppingCart td { border: solid 1px black; }
table.shoppingCart th { border: solid 1px black; }
table.shoppingCart tr.footer
{
    color: Black; background-color: #F1F1F1; font-weight:bold; 
}

/* Checkout */
table.checkoutStep { min-width: 550px; }
div.checkoutValSummary { width: 500px; }

/* Common Styles */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.red { color: Red; }
.gray { color: Gray; }
.pegasusCDRom { color: #00AEEF; }
.productTitle { color: #0082C9; font-weight: bold; }
.commonDDL { border: solid 1px black; }
.productImage { max-height: 172px; max-width: 122px; }
div.productImageWrapper { width: 122px; }
.pageHeader { border-bottom: solid 1px black; }
.subHeader { border-bottom: dashed 1px black; }
.textRight { text-align: right; }
.borderTop { border-top: solid 1px black; }
.smaller { font-size: 90%; }
.form { background-color: #F1F1F1; }
.form:hover { background-color: #D3D9E8; }
.form:focus { background-color: #D3D9E8; }

/* Fieldset Styles */
.commonFieldset
{
    border: 1px solid black;
}

.commonLegend
{
    font-style: italic;
    font-weight: bold;
    color: #003399;
}

/* Modal Popup */
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
}

.modalPopupWhite
{
    background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px; 
}

