﻿body 
{
background-image: url(../Images/BG-Top.jpg) ;
background-repeat: repeat-x ;
font-family: Verdana, Arial, Helvetica, sans-serif ;
background-color: #d5e1f3 ;
}

.Main-Container
{
width: 900px ;
height: auto ;
border: 0px solid #000 ;
background-color: #fff ;
margin: auto ;
padding-top: 20px ;
}

.Header
{
width: 860px ;
height: 198px ;
border: 0px solid #000 ;
background-color: transparent ;
margin: auto ;
margin-left: 20px ;
margin-top: -198px ;
background-image: url(../Images/Glasses-Image.jpg) ;
background-repeat: no-repeat ;
}

.CompanyName
{
width: 575px ;
height: 125px ;
border: 0px solid #000 ;
background-color: transparent ;
margin: auto ;
margin-left: 285px ;
padding-top: 10px ;
background-image: url(../Images/Southgates-Name.jpg) ;
background-repeat: no-repeat ;
}

.BlueBar
{
width: 100% ;
height: 50px ;
border: 0px solid #000 ;
margin: auto ;
background-image: url(../Images/BG-MediumBlue.jpg) ;
background-repeat: repeat ;
margin-top: 148px ;
}

h1
{
font-size: 1.1em ;
color: #2385c6 ;
}

.TopLinksDarkBlue
{
width: 266px ;
height: 50px ;
border: 0px solid #000 ;
background-color: transparent ;
margin: auto ;
margin-left: 20px ;
margin-top : 2px ;
background-image: url(../Images/BG-DarkBlue.jpg) ;
background-repeat: repeat ;
}

/* CATEGORIES */
.CategoriesContainer
{
background-image: url(../Images/BG-LightBlue.jpg) ;
background-repeat: repeat ;
width: 264px ;
height: auto ;
border: 1px solid transparent ;
vertical-align: top ;
font-weight: 500 ;
padding-top: 0px ;
margin-top : 2px ;
margin-left: 20px ;
}

#maincategory
{
margin-left: -5px ;
font-weight: 500 ;
font-size: .8em ;
}

#subcategory
{
padding-left: 10px ;
font-weight: 500 ;
font-size: .8em ;
}

.category a 
{
color: #000 ;
font-weight: 500;
border: none;
display: inline ;
margin: 0 ;
padding: 0 ;
}

.category a:link 
{
font-weight: 500;
background: transparent;
color: #000 ;
text-decoration: none;
display: inline ;
margin: 0 ;
padding: 0 ;
}

.category a:visited 
{
font-weight: 500;
background: transparent;
color: #000 ;
text-decoration: none;
display: inline ;
margin: 0 ;
padding: 0 ;
}

.category a:hover 
{
font-weight: 500;
background: transparent;
border: none ;
color: #ff0000 ;
margin: 0 ;
padding: 0 ;
text-decoration: none;
}

.category ul
{
list-style: none;
border: none ;
color: #000000 ;
font-weight: 500;
line-height: 100%;
text-align: center ;
}

.category li
{
color: #000 ;
font-weight: 600;
border: none;
list-style: none;
width : 230px ;
margin-left: -20px ;
padding-bottom: 5px ;
}

.ContentContainer
{
border: 0px solid #000 ;
margin-top: 2px ;
margin-left: 20px ;
margin-right: 20px ;
font-size: .8em ;
}

.Contact
{
color: #ff0000 ;
font-weight: 500;
border: none;
font-style: italic ;
text-decoration: none ;
}

.Contact a 
{
color: #ff0000 ;
font-weight: 500;
border: none;
font-style: italic ;
text-decoration: none ;
}

.Contact a:link 
{
font-weight: 500;
background: transparent;
color: #ff0000 ;
text-decoration: none;
}

.Contact a:visited 
{
font-weight: 500;
background: transparent;
color: #ff0000 ;
text-decoration: none;
}

.Contact a:hover 
{
font-weight: 500;
background: transparent;
border: none ;
color: #000 ;
text-decoration: none;
}

/* FOOTER */
.Footer
{
margin: auto ;
margin-top: 5px ;
border: 0px solid #000000 ;
width: 890px ;
font-size: .7em ;
text-align: right ;
color: #000000 ;
}

.Footer a:link, .Footer a:visited
{
text-decoration: none ;
color: #000000 ;
}  

.Footer a:hover
{
color: #000000 ;
} 

.OwthornPic
{
margin-top: 2px ;
margin-left: 20px ;
margin-bottom: 20px ;
}
