/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 23, 2015, 10:55:16 PM
    Author     : olayinka2
*/
body{
  width:1000px;
  margin-left: auto;
  margin-right: auto;
  font-family: Verdana, Helvetica, sans-serif
}
header img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#mainnav{
    clear: both;
    background-color: #86b324;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#mainnav ul{
    color: white;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
#mainnav ul a{
    display: block;
    text-decoration: none;
    color: white; 
}
#mainnav ul a:hover{
    background-color: #469314;
}
#mainnav ul a:visited{
    color: purple;
}

#mainnav li.sales{
    color: red;
}
#mainnav ul li{
    float: left;
    width: 150px;
    text-align: center;
}
#mainnav li.shoppingbag{
    float: right;
    width: 200px;
}
#topleftsubnav{
    width: 50%;
    float: left;
    margin-bottom: 15px;
    color: #669900;
}
#toprightsubnav{
    width: 50%;
    float: right;
    text-align: right;
}
#sidenav{
   width: 200px;
   height: 500px;
   background-color: #86b324; 
   float: left;
   overflow: hidden;
   padding: 10px;
}
#sidenav ul{
    color: white;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
#sidenav ul a{
    display: block;
    text-decoration: none;
    padding: 10px 10px;
    color: white; 
}
#sidenav ul a:hover{
    background-color: #469314;
}
#sidenav ul a:visited{
    color: purple;
}
#bottomdiv {
 background-color: #86b324; 
 width: 100%;
 overflow: hidden;
}
.signup{
 background-color: #86b324; 
 width: 50%;
 float: left;
 color: white;
 margin-bottom: 15px;
 text-align: center;
 padding-top: 15px;
}
.social{
 background-color: #86b324; 
 width: 25%;
 float: left;
 color: white;
 margin-bottom: 15px;
 text-align: center;
 padding-top: 15px;
}
.socialicons{
 background-color: #86b324; 
 float: right;
 padding-right: 20px;
}
a.signupbutton{
 color: white;
 border-left: 1px solid #227304;
 border-top: 1px solid #227304;
 border-right: 3px solid #227304;
 border-bottom: 3px solid #227304;
 border-radius: 4px;
 margin-left: 10px;
 text-decoration: none;
 padding: 4px;
}

a.signupbutton:hover{
    background-color: #449324;
}

a.image-border{
    text-decoration: none;
    border: 0 none;
}
#maindiv img{
display: block;
margin-left: auto; 
margin-right: auto;
margin-bottom: 20px;
margin-top: 20px;
}
#bottomnav{
    clear: both;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
#bottomnav li{
    list-style: none;
    float: left;
    width: 33.33%;
    color: #669900;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}
footer {
    background-color: #86b324;
    text-align: center;
    font-size: .8em;
    float: left;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    color: white;
}
.dressdetail{
    border:1px solid #dddddd;
    float:left;
    width: 380px;
    margin-left: 8px;
    margin-bottom: 15px;
}
.dressdescription{
    background-color: #86b324;
    padding:10px;
    text-align: center;
    color: white;
}
#submitform label{
    float: left;
    width: 100px;
    clear: left;
    text-align: right;
    padding-right: 10px;
}
#submitform fieldset{
    border: 3px solid #86b324;
    margin-bottom: 5px;
}
#submitform input.textfld {
    width: 250px;
}