/* Basic Elements */

#container {
width: 850px;
margin: 0px auto;
}

body {
font-family: Verdana;
font-size: 11px;
background: #FFFFFF url(images/grey_bg.jpg) repeat-x top right;
margin-top: 0px;
}

p { 
font-family: Verdana;
font-size: 11px; 
margin-top: 0px; 
text-align: justify; 
}

a {
color: #465365;
text-decoration: none;
}

a:link { 
font-weight: normal; 
text-decoration: none; 
color: #465365;
}

a:visited { 
font-weight: normal; 
text-decoration: none; 
color: #465365;
}

a:hover, a:active { 
text-decoration: none; 
color: #465365;
}

.violet {
color: #ACB7DC;
font-size: 9px;
}

.uv {
color: #5952B2;
}

.uv a{
color: #5952B2;
}

.promo2 {
color: #475366;
font-size: 24px;
font-family: Georgia, Times;
}

/* Header Table Elements */
#iit_header { 
background: #FFFFFF url(images/header.jpg) no-repeat top right; 
margin: 0px; 
width: 850px;
height: 143px;
}

#address {
text-align: right; 
padding: 10px;
color: #445165;
}

#address a:hover{
text-decoration: underline;
}


/* TOP NAVIGATION */
.topnav {
background-color: #424E72;
height: 28px;
width: 850px;
border-bottom: 1px solid #8996BC;
border-top: 1px solid #8996BC;
text-align: center;
}
.topnav ul {
list-style-type:none;
margin:0;
padding:0;

}
.topnav li {
float:left;
margin:0;
padding:5px;
}

.topnav a {
padding-left: 5px;
padding-right: 5px;
padding-top:6px;
padding-bottom:5px;
text-transform: uppercase;
color: #FFFFFF;
font-family: georgia;
font-size: 10pt;}

.topnav a:hover {
text-decoration: none;
text-transform: uppercase;
color: #D6DBEE;
}

.nav_special a {
padding-left: 5px;
padding-right: 5px;
padding-top:6px;
padding-bottom:5px;
text-transform: uppercase;
color: #f1c3e2;
font-family: georgia;
font-size: 10pt;
font-weight:bold;
background-color: #782964;
}

.nav_special a:hover {
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
font-weight:bold;
}

/* Main Table Elements */
#whole {
width: 850px;
height: 400px;
}

/* Home Page Elements */
#welcome {
background: #445074 url(images/welcome_bg.jpg) repeat-x top right;
}

#welcome p{
color: #FFFFFF;
padding: 15px;
margin-top: 15px;
}

#welcome a{
color: #FFFFFF;
text-decoration: underline;
}

#welcome a:hover{
color: #FFFFFF;
text-decoration: underline;
}

#bride {
background: url(images/bride.jpg) no-repeat top right;
width: 484px;
height: 442px;
}

#announcement {
background: url(images/promo1.jpg) no-repeat top right;
width: 366px;
height: 212px;
}

#announcement p{
color: #475366;
padding-left: 40px;
padding-right: 40px;
text-align: center;
}

#special {
background: url(images/bride2.jpg) no-repeat top right;
width: 484px;
height: 212px;
}

#special p{
text-align: center;
color: #475366;
font-size: 12px;
padding-left: 50px;
padding-right: 50px;
}


/* Side Panel Elements */
#sidepanel {
background: #414D71 url(.jpg) top right repeat-x ; 
margin: 0px; 
height: 400px;
width: 200px;
}

#sidepanel p {
color: #FFFFFF;
}

#sidepanel li {
color: #FFFFFF;
text-align: left;
}

#sidepanel a {
color: #FFFFFF;
font-size: 11px;
}

#sidepanel a:hover {
color: #D6DBEE;
text-decoration: none;
}

#sidepanel h3 {
color: #FFFFFF; 
font-size: 12px;
font-weight: normal;
}

#space {
margin-top: 25px;
}

/* Mid Area Elements */
#midarea {
background-color: #D6DBEE;
}

#breadcrumb {
font-size: 10px;
color: #444F73;
margin-left: 35px;
margin-top: 15px;
text-align: left; 
}

#breadcrumb a {
color: #444F73;
}

#breadcrumb a:hover {
color: #444F73;
text-decoration: underline;
}

#breadcrumb2 {
font-size: 10px;
color: #444F73;
margin-left: 15px;
margin-top: 15px;
text-align: left; 
}


#content {
margin-left: 10px;
}


#content img{
border: 1px solid #434F73;
}

#feature {
width: 300px;
}

/* Product detail page */
#detail {
width: 250px;
}
#detail {
width: 250px;
}

#detail img{
margin: 15px;
}

#shoedetail {
width: 600px;
padding:10px;
}
#shoedetail img{
margin: 15px;
}

/* Product page */
#product {
text-align: center;
margin-left: 10px;
padding-bottom: 30px;
}

#product img{
margin: 10px;
border: 1px solid #434F73;
}

#item1 {
width: 150px;
}

#item2 {
width: 150px;
}

#item3 {
width: 150px;
}

#item4 {
width: 150px;
}

#counter {
text-align: right;
margin-right: 30px;
padding-bottom: 10px;
}

/* Footer Elements */
#footer { 
background-color: #424E72;
height: 28px;
width: 850px;
border-bottom: 1px solid #8996BC;
border-top: 1px solid #8996BC;
text-align: center;
color:#ffffff;
}

#footnote {
width: 850px;
text-align: center;
}