/* 
    Document   : gerhardsMicro
    Created on : Aug 20, 2009, 5:30:34 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@import "scrollable.css";

* {
        margin: 0;
        padding: 0;
  }

html {
    height:100%
}

body {
        font: 14px Arial, Helvetica, sans-serif;
        height:100%;
        background:#A21320;
     }

img {
    border:none;
}
#topLinks {
    position:absolute;
    top:-2px;
    right:60px;

}
a {
    color:#A21320;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
#topLinks ul{
    list-style:none;
}
#topLinks li {
    list-style:none;
    display:block;
    padding:5px;
    float:left;
     color:#FCF591;
     font-size:10pt;
}
#topLinks li a{
    color:#FCF591;
    text-decoration:none;
}
#topLinks li a:hover{
    text-decoration:underline;
}
#mainNav {
    margin-left:120px;
    position:absolute;
    width:840px;
    bottom:17px;
}
#mainNav li {
    float:left;
    padding:10px 0px 10px 0px;
    display:block;
    list-style:none;
}
#mainNav li a{
    margin:10px;
    padding:10px 20px 10px 20px;
    color:#FFFFFF;
    font: 11pt Verdana;
    font-weight:bold;
    text-decoration:none;
}
#mainNav li a:hover {
    color:#FCF591;
    background:#8E111C;
    padding:10px 20px 10px 20px;
}
.sel a{
    color:#FCF591;
    background:#8E111C;
}
#microHeader {
    position:relative;
    margin:0 auto;
    background:url(../images/microHeader.png) 0 0 no-repeat;
    height:200px;
    width:1024px;

}
#microHeaderBack {
    background:url(../images/microHeaderBack.png) 0 0 repeat-x;
    height:200px;
}
#mainContent {
    background-color:#FFFFFF;
    width:100%;

}
#mainContentFooter {
    position:relative;
    display:block;
    background:url(../images/mainContentFooter.png) 0 0 repeat-x;
    height:25px;
    margin-bottom:-10px;
    z-index:1;
}
.wrapper{
    margin:0 auto;
    width:890px;
}
#textArea {
    float:left;
    width:520px;
}
#textArea h1 {
    font-size:16pt;
}
#textArea p{
    text-align:justify;
    margin-bottom:10px;
}


#mapArea {
    position:relative;
    float:right;
    margin-right:5px;
    margin-top:25px;
    width: 350px;
    height: 300px;
    border:solid 1px;
}

#sidebar_map {
    position:absolute;
    top:-40px;
    width:400px;
}
#sidebar_map ul {
    list-style:none;
}
#sidebar_map li {
    display:block;
    float:left;
    margin:10px;
    font:10pt Verdana;
}
#sidebar_map li a{
    color:#A21320;
    text-decoration:none;
    font-weight:bold;
}
#sidebar_map li a.active{
    background:url(../images/mapBtn.gif) -3px -0px;
    width:90px;
    height:27px;
    color:#666666;
    padding:10px;
}

.clear {
    clear:both;
}

#slider {
    height:100px;
    width:530px;
    border:none;
}	


#footerSpace {
    position:relative;
    padding:10px;
    background:url(../images/footerBg.png) 0 0 no-repeat;
    margin:0 auto;
    width:864px;
    height:303px;
}

#footerLinks {
    position:absolute;
    bottom:0px;
    left:0px;

}
#footerLinks ul{
    list-style:none;
}
#footerLinks li {
    list-style:none;
    display:block;
    padding:5px;
    float:left;
     color:#FCF591;
     font-size:10pt;
}
#footerLinks li a{
    color:#FCF591;
    text-decoration:none;
}
#footerLinks li a:hover{
    text-decoration:underline;
}
#copyRight {
    position:absolute;
    bottom:5px;
    right:20px;
    
    color:#FCF591;
     font-size:10pt;
}
.poweredBy {
    color:green;
    text-decoration:none;
}
.poweredBy:hover {
    text-decoration:underline;
}

#videoSpace {
   position: relative;
   float:left;
    width:540px;
    height:260px;
    margin:0 10px 10px 10px;
    border:solid 2px;
}
#dealSpace {
   position: relative;
   float:left;
    width:270px;
    height:240px;
}
#dealSpaceBg{
    position: relative;
    float:left;
    background:url(../images/dealBg.png) 0 0;
    width:270px;
    height:255px;
    padding:5px;
}
#dealSpaceBg h3{
    font-size:10pt;
    text-align:center;
}

.flatScreen {
    background:url(../images/toshiba-flat-screen.jpg) 0 0;
    height: 71px;
    width: 260px;
    margin-bottom:5px;
}

.stoveTop {
    background:url(../images/viking-stove-top.jpg) 0 0;
    height: 59px;
    width: 260px;
    margin-bottom:5px;
}
.geAc {
    background:url(../images/ge-115-volt-ac.jpg) 0 0;
    height: 63px;
    width: 260px;
    margin-bottom:5px;
}
.geFridge {
    background:url(../images/ge-energy-star-refrigerator.jpg) 0 0;
    height: 65px;
    width: 260px;
    margin-bottom:5px;
}
.geWasher {
    background:url(../images/GE-Energy-Star-Washer.jpg) 0 0;
    height: 65px;
    width: 260px;
    margin-bottom:5px;
}
.dishwasher {
    background:url(../images/ge-monogram-dishwasher.jpg) 0 0;
    height: 57px;
    width: 260px;
    margin-bottom:5px;
}
.outdoorStove {
    background:url(../images/ge-outdoor-cooking-center.jpg) 0 0;
    height: 58px;
    width: 260px;
    margin-bottom:5px;
}
.microwave {
    background:url(../images/hirlpool-stainless-steel-microwave.jpg) 0 0;
    height: 65px;
    width: 260px;
    margin-bottom:5px;
}
.aquos {
    background:url(../images/sharp-aquos-55-flat-screen.jpg) 0 0;
    height: 74px;
    width: 260px;
    margin-bottom:5px;
}
.sony {
    background:url(../images/sony-55-flat-screen.jpg) 0 0;
    height: 64px;
    width: 260px;
    margin-bottom:5px;
}