/*==========================
         CSS RESET        */

*{margin:0px; padding:0px;}
html{overflow-y:scroll;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
ol,ul {	list-style:none;}
button {border:none; cursor:pointer;}
a{outline:none;}
object{outline:none;}

/*==========================*/


body    { color:#333333; font-family:Verdana,Geneva,sans-serif; font-size:11px; }
a       { color:#1A75CF; }
a:hover { color:#F47B20; }
p{margin-top:5px; margin-bottom:10px; line-height:16px;}
hr{border-top:none; border-left:none; border-right:none; border-bottom:1px solid #ccc; clear:both; line-height:0px; margin:0px 0px 10px 0px;}
h1{color:#1A75CF; font-size:21px; margin-bottom:10px;}
h2{color:#666666; font-size:20px; margin-bottom:5px; letter-spacing:-1px;}
h3{color:#333333; font-size:14px; margin-bottom:5px;}
h4{}
h5{}
h6{color:#0769cd; font-size:13px; font-weight:bold; margin-bottom:5px;}

.err{color:red;}
.clearBoth  {clear:both;}
.floatLeft  {float:left;}
.floatRight {float:right;}
.bulletList {margin-left:30px; margin-bottom:10px;}
.bulletList li{list-style-type:disc; margin-bottom:2px;}
.displayBlock{display:block;}
.displayNone{display:none;}
.imgBorder{border:1px solid #CCCCCC;}
.margin0{margin:0px;}
.marginTop0{margin-top:0px;}
.marginTop10{margin-top:10px;}
.marginLeftBottom10{margin-left:10px; margin-bottom:10px;}
.marginRight10{margin-right:10px;}
.marginLeft30{margin-left:30px;}
.marginBottom10{margin-bottom:10px;}
.width430{width:430px;}

.c1A75CF{color:#1A75CF;}
.gradGreyWhiteBorder{background:url(/Images/bg_whiteGrey_gradient.gif) repeat-x 0px 0px; border:1px solid #CCC;}


.width210{width:210px;}

#wrapper{
    margin:0px auto 10px auto;
    width:720px;
    }

#topAdvertising{
    height:90px !important;
    width:720px;
    }
    #topAdvertising ul{height:90px;overflow:hidden;}
    
#midAdvertising{
height:88px !important;
width:544px;
}
    #midAdvertising ul{height:88px;overflow:hidden;}

/*==========================
1.   HEADER
==========================*/

#header img{
    float:left;
    }
#header ul{
    color:#1A75CF;
    float:right;
    margin-top:35px;
    }
    #header ul li{
        display:inline;
        font-weight:bold;
        margin:0px 5px;
        }
        
/*==========================
2.   MAIN NAVIGATION
==========================*/

#mainNav{
    background:url(/Images/mainNav_bg.gif) repeat-x 0px 0px;
    clear:both;
    height:33px;
    padding-top:5px;
    }
    #mainNav #mainNavStartCap, #mainNav #mainNavEndCap{
    display:block;
    height:28px;
    margin-left:0px;
    margin-top:-5px;
    width:2px;
    }
    #mainNav #mainNavStartCap{
    background:url(/Images/mainNav_StartCap.gif) no-repeat 0px 0px;
    float:left;
    padding-right:10px;
    }
    #mainNav #mainNavEndCap{
    background:url(/Images/mainNav_EndCap.gif) no-repeat 0px 0px;
    float:right;
    }
    #mainNav li{
        display:inline;
        margin-left:4px;
    }
    #mainNav li a{
        color:#FFF;
        padding:2px 5px 6px 5px
    }
    #mainNav li a:hover{
        background:#195CB7;
    }

/*==========================
3.   BREAD CRUMB
==========================*/

#breadCrumbs{
    clear:both;
    height:28px;
    margin-bottom:10px;
    }

    #breadCrumbs .crumbs{
        background:#F0F0F0;
        float:left;
        height:28px;
        width:720px;
        }
        #breadCrumbs .walmartPR{
        background:url(/Images/breadcrumb_walmartpr.gif) 0px top;
        display:block;
        float:left;
        height:28px;
        text-indent:-9999px;
        width:168px;
        }
        #breadCrumbs .walmartPR:hover{
            background:url(/Images/breadcrumb_walmartpr.gif) 0px bottom;
        }
        
    #breadCrumbs span span{
            float:left;
        }
    #breadCrumbs .pageOn{
            padding-left:5px;
            padding-top:6px;
        }
        #breadCrumbs .first{
            background:url(/Images/breadcrumb_bg_orange.gif) repeat-x;
            cursor:pointer;
            display:block;
            padding:5px 0px 9px 5px;
            text-decoration:underline;
        }
        #breadCrumbs span a{
            color:#FFF;
            font-size:12px;
        }
        #breadCrumbs .spacerOrangeGrey{
            background:url(/Images/breadcrumb_orange.gif) no-repeat 0px 0px;
            width:20px;
            height:23px;
        }
        #breadCrumbs .spacerOrangeOrange{
            background:url(/Images/breadcrumb_orange_orange.gif) no-repeat 0px 0px;
            display:block;
            width:20px;
            height:28px;
        }

/*==========================
4.   MAIN CONTENT
==========================*/

#mainContent{
    
    }
    
    #mainSideNav{
        border:1px solid #ccc;
        position:relative;
        width:165px;
        z-index:100;
    }
       #mainSideNav li{
            background:#FFF url(/Images/menuitem_submenuindicator.png) no-repeat right center;
            border-bottom:1px dotted #ccc;
            width:165px;
            padding:0px;
            line-height:0px;
       }
       #mainSideNav .last{
            border-bottom:none;
       }
            #mainSideNav li a{
                font-size:11px;
                line-height:14px;
                padding:4px 5px 5px 5px;
                display:block;
                font-weight:bold;
                letter-spacing:-1px;
                text-decoration:none;
            }
             #mainSideNav li a:hover{
             }
       #mainSideNav li .sideNavPopOut{
            background:#FFFAEA;
            border:1px solid #FDBB30;
            display:none;
            padding:4px 5px;
            position:absolute;
            margin:-23px 0px 0px 145px;
            }
            #mainSideNav li .popOutCorner{
                background-color:#FFFAEA;
                height:21px;
                left:-1px;
                position:absolute;
                top:0;
                width:2px;
            }
            #mainSideNav li .sideNavPopOut ul, #mainSideNav li .sideNavPopOut2 ul{
                width:140px;
            }
            #mainSideNav li .sideNavPopOut li, #mainSideNav li .sideNavPopOut li a, #mainSideNav li .sideNavPopOut2 li, #mainSideNav li .sideNavPopOut2 li a{
                background-image:none;
                border:none;
                font-weight:normal;
                width:121px;
                }
       #mainSideNav .popOut a{
            background:#FFFAEA;
            border:1px solid #FDBB30;
            padding:3px 20px 4px 4px;
            }
       #mainSideNav .popOut .sideNavPopOut{
            display:block;
            }
            
       #mainSideNav li .sideNavPopOut2{
            background:#FFFAEA;
            border:1px solid #FDBB30;
            display:none;
            padding:4px 5px;
            position:absolute;
            margin:-37px 0px 0px 145px;
            }
            #mainSideNav li .popOutCorner2{
                background-color:#FFFAEA;
                height:36px;
                left:-1px;
                position:absolute;
                top:0;
                width:2px;
            }


       #mainSideNav .popOut2 a{
            background:#FFFAEA;
            border:1px solid #FDBB30;
            padding:3px 20px 4px 4px;
            }
       #mainSideNav .popOut2 .sideNavPopOut2{
            display:block;
            }
            
    .roundTopHeader{
        position:relative;
        width:167px;
        z-index:1;
        }
        .roundTopHeader div{
            background:#e9e9e9;
            border:1px solid #ccc;
            margin-top:10px;
            padding:5px 7px 5px 7px;
            }
            .roundTopHeader div h3{
            font-size:12px;
            font-weight:bold;
            }
            .roundTopHeader ul{
            border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;
            border-top:0px solid #ccc;
            padding:1px 7px 5px 7px;
            }
                .roundTopHeader ul li{
                padding:4px 0px 1px 0px;
                }
    
    /* HOME ========== */
    #newspaperCircular{
        background:url(/Images/banner_shopper.jpg) no-repeat 0px 0px;
        height:80px;
        margin-bottom:10px;
        padding-top:130px;
        width:544px;
    }
        #newspaperCircular a{
            background:url(/Images/btn_viewCircular.gif) no-repeat 0px 0px;
            display:block;
            height:25px;
            margin:0px 0px 0px 15px;
            width:100px;
        }
        #newspaperCircular a.commercial{
            background:url(/Images/btn_comercial.gif) no-repeat 0px 0px;
        }
        #newspaperCircular a.catalogo{
            background:url(/Images/btn_catalogo.gif) no-repeat 0px 0px;
        }
        #newspaperCircular p{
            color:#FFF;
            font-size:11px;
            margin:10px 0px 0px 15px;
            letter-spacing:-1px;
            width:180px;
        }
        
    #homeMidList{
        padding:5px 10px;
        height:165px;
        margin-bottom:10px;
        width:210px;
    }
        #homeMidList ul{
            color:#1A75CF;
            list-style-type:disc;
            margin-top:10px;
            margin-left:13px;
        }
            #homeMidList ul li{
                margin-bottom:15px;
            }
            #homeMidList ul .last{
                margin-bottom:5px;
            }
    
    #featureItemsHome{
        background:url(/Images/bg_whiteGrey_gradient.gif) repeat-x 0px bottom;
        border:1px solid #ccc;
        clear:both;
        min-height:175px;
        padding:10px 15px 20px 15px;
    }
        #featureItemsHome .column3A, #featureItemsHome .column3B, #featureItemsHome .column3C{
            height:100px;
        }
        #featureItemsHome .column3A{
            border-right:1px solid #ccc;
            padding:10px 5px 10px 10px;
        }
        #featureItemsHome .column3B{
            border-right:1px solid #ccc;
            padding:10px 5px 10px 25px;
        }
        #featureItemsHome .column3C{
            padding:10px 0px 10px 25px;
            width:140px;
        }
        
    #botAdvertising{
        margin-top:10px;
    }
    
    
    /* DIRECTORIO ========== */
    #stores{
        margin-left:10px;
    }
        .store h3{
            background:#F0F0F0;
            cursor:pointer;
            padding:2px 5px;
            width:380px;
            }
        .store .bulletList .bulletList li{
            list-style-type:circle;
            }    
        .store ul{margin-bottom:10px;}

    
/*==========================
5.   FOOTER
==========================*/

#footer{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #cbdffa;
    clear:both;
    margin-top:10px;
    padding:20px 40px;
    }
    #footer h6{
        color:#333333;
        font-size:9px;
        font-weight:bold;
        text-transform:uppercase;
    }
    #footer a{
        font-size:9px;
        text-decoration:none;
        white-space:nowrap;
    }
    #footer a:hover{
        text-decoration:underline;
    }
    #footer ul li{
        list-style-type:none;
        }
        
        
        
        
/*==========================
6.   COLUMNS
==========================*/


.column2A, .column2B{
    }
.column2A{
    width:165px;
    }
.column2B{
    width:544px;
    }


.column3A, .column3B, .column3C{
    float:left;
    padding:10px 15px;
    width:150px;
    }    
.column3C{
    float:right;
    }


.column4A, .column4B, .column4C, .column4D{
    float:left;
    padding-right:36px;
    }
.column4D{
    float:right;
    padding-right:0px;
    }