/* CSS Document */


/*============================ MAIN ============================*/

body {
background-color: #737E7A;
background-image: url(../images/background.jpg);
background-repeat: repeat-x;
padding: 0;
margin:0;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #6C5F4F;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #627270;
text-decoration: none;
}

a:hover {
color: #6C5F4F;
}

/*============================ HERO ============================*/

#heroContainer {
width: 875px;
height: 130px;
background: #CDD9D8;
padding: 0;
margin: 0;
}

.heroLogo {
width: 255px;
height: 130px;
float: left;
padding: 0;
margin: 0;
}

.topRight {
width: 620px;
height: 130px;
float: left;
background-image: url(../images/topRightBkgd.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}


/*============================ TOP NAV ============================*/

#topNav {
margin: 0;
padding: 8px 20px 0px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #838582;
}

#topNav a {
list-style: none;
display: inline;
padding: 0;
margin: 0;
color: #838582;
}

#topNav p {
margin: 0;
padding: 8px 0 0 0;
}

#topNav a:hover {
color: #6C5F4F;
}

#topNav form {
margin: 0;
padding: 0;
}

#topNav select {
color: #6C5F4F;
margin: 0;
padding: 0;
font-family: Georgia, Times New Roman, Times, serif;
font-size:9px;
}


/*============================ MAIN NAV ============================*/

#navContainer {
width: 875px;
background-image: url(../images/navBkgd.gif);
background-repeat: repeat-y;
}

#navContainer ul{
width: 100%;
float: left;
padding: 0 0 0 6px;
margin: 0;
overflow: hidden;
}

#navContainer ul li{
list-style: none;
display: inline;
float: left;
padding: 0;
margin: 0;
}

#navContainer ul li a, #navContainer ul li a:visited {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 10px;
letter-spacing: 2px;
color: #DDDAD6;
text-decoration: none;
float: left;
border-right: 1px solid #796D5F;
border-left: 1px solid #796D5F;
padding: 5px 11px;
margin: 0 1px 0 0;
}

#navContainer ul li a:hover, #navContainer ul li a:active {
background-color: #627270;
}

#navContainerYAH a { 
background-color: #627270;
}

/*============================ SUB NAV ============================*/

#subnavContainer {
width: 875px;
background-image: url(../images/navBkgd2.gif);
background-repeat: repeat-y;
}

#subnavContainer ul{
width: 100%;
float: left;
padding: 0 0 0 6px;
margin: 0;
overflow: hidden;
}

#subnavContainer ul li{
list-style: none;
display: inline;
float: left;
padding: 0;
margin: 0;
}

#subnavContainer ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #9DAFAB;
letter-spacing: 2px;
text-decoration: none;
float: left;
padding: 5px 11px;
margin: 0;
}

#subnavContainer ul li a:hover {
color: #DDDAD6;
}


/*============================ CONTENT ============================*/

#mainContainer {
width: 875px;
height: 385px;
margin: 0;
padding: 0;
}

.merch {
width: 650px;
height: 385px;
background-image: url(../images/merchBkgd.jpg);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

.sidebar {
width: 255px;
height: 385px;
background-image: url(../images/sidebarBkgd.jpg);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

/*============================ MERCH ============================*/

#merchContainer {
width: 650px;
height: 385px;
margin: 0;
padding: 0;
}

.pageTitle {
width: 160px;
height: 385px;
margin: 0;
padding: 5px 5px 6px 6px;
}

.products {
overflow: hidden;
width: 484px;
height: 385px;
padding:0;
margin:0;
font:Georgia, "Times New Roman", Times, serif;
color:#628684;
}

/*============================ SIDEBAR ============================*/


.sidebarNavTop {
height: 50;
padding: 0;
margin: 0;
}

#giftCertificates a {
display: block;
width: 225px;
height: 70px;
}

#giftCertificates a:hover {
width: 225px;
height: 70px;
background-image: url(../images/giftCertificates.jpg);
background-repeat: no-repeat;
}

#whatsHot a {
display: block;
width: 225px;
height: 120px;
}

#whatsHot a:hover {
width: 225px;
height: 120px;
background-image: url(../images/whatsHot.jpg);
background-repeat: no-repeat;
}

#personalShopper a {
display: block;
width: 225px;
height: 70px;
}

#personalShopper a:hover {
width: 225px;
height: 70px;
background-image: url(../images/personalShopper.jpg);
background-repeat: no-repeat;
}

.sidebarNavBottom {
height: 75;
padding: 0;
margin: 0;
}


/*============================ FOOTER ============================*/

#footer p {
color: #9DAFAB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

#footer a {
color: #9DAFAB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}

#footer a:hover {
color: #DDDAD6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}