@import "rightColumn.css";

/* document */
#main-content {
width: 682px;
float: left;
display: inline;
padding: 0;
}
#contextual-content {
margin: -22px 7px 0 0;
}

/* Catalogs
-------------------------------- */
.catalogs {
width: 682px;
min-height:450px;
padding: 0 0 40px 0;
}
.catalogs .category {
/*margin: px 0 20px 0;
position:relative;*/
padding: 15px 7px 11px;
overflow:hidden;

}
/* Catalog Title
-------------------------------- */
.catalog-title {
width:574px;
float:left;
display:inline;
margin: 0;
}
.catalog-title h1 {
width: 500px;
padding: 18px 7px 5px;
margin:0;
}

.categoryNav
{
    width:668px;
    margin:3px 7px;
    background: url(../img/categoryNavBg.jpg) repeat-x 0px -10px;
    overflow:hidden;
}

.categoryNav #categoryNavTable
{
    width:668px;
    margin:0;
}
.categoryNav #categoryNavTable td
{
    border:none;
    border-right: dotted 1px #FFFFFF;
    padding:0;
    font-size: 93%;
    line-height:1.1em;
    text-align:center;
    padding: 6px 0px;
    cursor:pointer;
}

.categoryNav a
{
    color:#FFFFFF;
    display:block;
    margin:auto;
    text-align:center;
    width:65px;
}
.categoryNav td:hover,
.categoryNav td.selected
{
    text-decoration:none;
    background: url(../img/categoryNavBg.jpg) repeat-x 0px -70px;
}

.categoryNav a:hover,.categoryNav a:active
{
    text-decoration:none;
}

.catalogs .category .categoryTitle
{
    background-color: #e6e9f0;
    float:left;
    margin-top:10px;
}

.catalogs .category h2 {
    background-color: #e6e9f0;
    padding: 3px 20px 3px 10px;
    display:inline;
    /*margin-bottom:2px;*/
    float:left;
    margin: 0;
}
.catalogs .category .categoryToolTip
{
    float:left;
    cursor:pointer;
}

.catalogs .category .section {
	margin: 10px 0 0 0;
}

.catalogs .category .categoryLabel
{
    font-weight:normal;
}
.catalogs .category .categoryName
{
    font-size: 110%;
    font-weight:bold;
    text-transform:uppercase;
}

div#categoryDescTooptip
{
    width: 350px;

    background-color: #e6e9f0;
    overflow:hidden;
}
div#categoryDescTooptip .bd
{
    text-align:left;
    padding:10px;
}

div#snapshotTipTooptip a
{
    width: 80px;
    height: 18px;
    text-align:center;
    background-color:#FFFFFF;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 85%;
    color:#00256F;
    border: solid 1px #00256F;
    text-decoration:none;
    cursor:pointer;
    display:block;
}
div#snapshotTipTooptip a:hover
{
    width: 80px;
    height: 18px;
    background-color:#00256F;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 85%;
    color:#FFFFFF;
    text-decoration:none;
    border: solid 1px #00256F;
}

div#snapshotInfoPanel
{
    background-color:#FFFFFF;
    border: 1px solid #E6E9F0;
    text-align:left;
    font-size: 12px;
    padding: 15px;
}

div#snapshotInfoPanel span#ProductName
{
    font-size: 14px;
    font-weight:bold;
}
div#snapshotInfoPanel div#snapshotProdDetails
{
    border-bottom: 1px solid #E6E9F0;
}
div#snapshotInfoPanel a#DetailsLink
{
    font-size:13px;
    font-weight:bold;
}

div#snapshotInfoPanel a.container-close {
    background:transparent url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) no-repeat scroll 0 -300px;
    cursor:pointer;
    height:15px;
    position:absolute;
    right:6px;
    top:5px;
    width:25px;
}

.catalogs .category .productList
{
    clear:both;
    float:left;
    width:668px;
}
.catalogs .category .productList .singleProduct
{
    background-color: #E6E9F0;
    clear:none;
    cursor:default;
    display:inline;
    float:left;
    min-height:165px; /* set to with large img and snapshot165px;*/
    height:165px; /* set to with large img and snapshot165px;*/
    margin: 5px 10px 5px 0px;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    width:158px;
    border: solid 1px #e6e9f0;
}

.catalogs .category .productList .productThumbDiv
{
    padding: 4px 4px 0 4px;
    background-color: #FFFFFF;
}

.catalogs .category .productList .singleProduct h3
{
    margin:3px;
    font-size:77%;
}




/* Store Locator
-------------------------------- */
.store-locator {
padding: 12px 0;
}
.store-locator input {
width: 120px;
}
.store-locator button {
width: 22px;
height: 20px;
overflow: hidden;
background: url(../img/btn_go.png) no-repeat 0 0;
font-size: 0%;
line-height: 0%;
text-indent: -99999px;
vertical-align: bottom;
}

#yui-history-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}


/* Typography
-------------------------------- */
.catalogs .category h2 {font-size:85%;}
.catalogs .category h2 a {color:#000000;font-weight:bold;text-decoration:none;text-transform:uppercase;}
.catalog li h3 {font-weight:normal;font-size:1.0em;}

#special li h3 {font-weight:normal;font-size:1.4em; line-height:1.1;}
#special li p {font-size:1.2em;}

/* categories */

.store-locator label {color:#333333;font-size:0.75em;text-transform:uppercase;}

#msnSemProd
{
	padding-left: 10px;
	font-weight: bold;
}