﻿body
{
    font-family: 'Times New Roman' , Georgia, Times, Serif;
    margin: 20px;
    padding: 0;
    background-color: #31949c;
    font-size: 1em;
}

img{width:120px;height:97px;}

.pgContainer
{
    width:95%;
    min-width: 800px;
    max-width: 1280px;
    margin-left:auto;
    margin-right:auto;
}

.pgHeader
{
    background-color: #ede7db;
    text-align :center;
    margin-top:1%;
}

.pgNavBar
{
    font-size: 1.1em;
    color: #ede7db;
    font-family: 'Times New Roman' , Arial;
    background-color: #31949c;
    text-align: center;
    padding: 1%;
}

.pgContentContainer
{
    background-color:#ede7db;
    padding:1%;
}

/*
If the LeftContent Width is adjusted the 
MainContent's Width and Left Margin should be adjusted as well
*/
.pgLeftContent
{
    width: 15%;
    float: left;
    background-color: #ede7db;
    color: black;
    padding-bottom: 1%;
    padding-left:5px;
    font-weight: bold;
    font-style: italic;
    border-top-style: inset;
    border-right-style: inset;
    border-left-style: inset;
    border-bottom-style: inset;
    border-left-color: #ede7db;
    border-bottom-color: #ede7db;
    border-top-color: #ede7db;
    border-right-color: #ede7db;
}

/*
pgMainContent Margin-left should roughly equal 
LeftContent.Margin + LeftContent.Width + Border + Padding

Width + Margin-Left + Margin-Right should equal roughly 99%.
*/
.pgMainContent
{
    background-color:#ede7db;
    width:80%;
    margin-left:19%;
}

.pgRightContent
{
    float: right;
    color: black;
    width: 25%;
    margin: 0 0 0 2%;
    padding: 1em;
    background-color: #ede7db;
    border-left-color: #ede7db;
    border-bottom-color: #ede7db;
    border-top-style: inset;
    border-top-color: #ede7db;
    border-right-style: inset;
    border-left-style: inset;
    border-right-color: #ede7db;
    border-bottom-style: inset;
}

.pgFooter
{
    background-color: #ede7db;
    padding:1em 4em 1em 4em;
    font-size:.8em;
}

.pgNavBar a
{
    color: #ede7db;
    padding-right:25px;
}

.NavFooter
{
    color: #ede7db;
    text-align:center;
}
    
.pgFooter a
{
    color:#860e0f;
    padding-right:25px;
    
}


.hometext
{
    padding-right: 15px;
    padding-top:25px;
}
 
.hr
{
    
    border-left-color: #a29585;
    border-bottom-color: #a29585;
    border-top-style: groove;
    border-top-color: #a29585;
    border-right-style: groove;
    border-left-style: groove;
    border-right-color: #a29585;
    border-bottom-style: groove;
}

.safepanel
{
   padding-right:10px; 
}
   
.safepanel2
{
    width:265px;
    padding-left:15px;
    float:left;
}


.headerimg
{
    width:500px;
    height:175px;
    padding-top:15px;
   
}
    
.shellimg
{
    width:91px;
    height:81px;
}
    
.imgright
{
    float:right;
    
}

.kimandedimg
{
    width: 375px;
    height: 300px;
    float: right;
    margin-right: 50px;
    border-top-style: inset;
    border-right-style: inset;
    border-left-style: inset;
    border-bottom-style: inset;
}
.kimandedtext
{
   
    
    width:423px;
    float:left;
    
   
    
}
.safeimg
{
    width:200px;
    height:270px;
    float:left;
   
   
}
.image
{
    
    border-top-style: inset;
    border-right-style: inset;
    border-left-style: inset;
    border-bottom-style: inset;
}
    
.safeimg2
{
    width:49px;
    height:100px;
    float:left;
    padding-right:15px;
}
    
.infoimg
{
    width:521px;
    height:101px;
}

.flagimg
{
    width:120px;
    height :80px;
    }

.clear{clear:both}

.OuterList
{
    list-style-type: none;
    padding-left: 40px;
    margin-left: 0;
    width: 35%;
    font-weight: bold;
    font-size: 1.2em;
}

/*
IE: only margin-left seems to affect the indentation adjustment of the bulletted list
*/
.InnerList
{
    list-style-type:disc;
    padding-left:10px;
    margin-left:80px;
}

.PopupItem
{
    text-decoration:underline;
    position:relative;
    cursor:pointer;
}

.PopupList
{
    width: 80%;
    font-size: smaller;
    position:absolute;
    left:-10000px;
    top:3ex;
    background-color: #ede7db;
    text-decoration:none;    
}

.type
{
    padding-left:1em;
    text-decoration:none;    
}


.price
{
    text-align:right;
    padding-right:1em;
    text-decoration:none;
}

li:hover div.PopupList{left:2em;}

.plogos
{
    font-size: 1.3em;
    font-family: 'Times New Roman';
    
    color: teal;
}
.imagecard
{width:65px;
    height:45px;
    padding-left:10px;}
 .redsale
 {width:344px;
    height:65px;}
    



