/* File: project. css - SAFEWAY!*/
/* Date Created: 16 June 2009*/


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

body{background-color:#E5E5E5;overflow:auto;}
*{font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:0px; color:#000000; line-height:1.5; }
a{font-size:12px;text-decoration:underline;cursor:pointer}
a:hover{text-decoration:underline;}


#container {
    width:900px;
    margin:0 auto 10px;
    height:auto;
    overflow:hidden;
    min-height:500px;
    background-color:#FFFFFF;
}

/*===Header Search===*/
#container #headerSearch {
    width:900px;
    clear:both;
    float:left;
    height:24px;
    background-color:#FFFFFF;
    text-align:right;
    color:#931918;
}

#container #headerSearch #headerSearch_Right {
    text-align:right;
    color:#931918;
    padding-right:0px;
    margin-top:2px;
}

#container #headerSearch strong, #container #headerSearch a {
    color:#931918;
}


#container #headerSearch strong, #container #headerSearch span {
    color:#931918;margin-right:40px;
}

/*===Header Logo==*/
#container #headerLogo {
    width:900px;
    clear:both;
    float:left;
    height:40px;
    background-color:#FFFFFF;
}
#container #headerLogo #headerLogo_Left {
    width:514px;
    float:left;
    height:58px;
    margin-top:-20px;
    background:url(/images/Logo.gif) 25px 0px no-repeat;
    position:absolute;
    z-index:20;
}
#container #headerLogo #headerLogo_Right {
    width:150px;
    float:right;
    text-align:right;
    height:35px;
    background:url(/images/logo_safeway.gif) 10px 0px no-repeat;
}


/* FOOTER */
#container #footer {
    width:900px;
    clear:both;
    float:left;
    background:#FFFFFF;
    height:30px;
    display:inline-block;
}
#container #footer #footerTop {
    clear:both;
    width:900px;
    float:left;
    height:10px;
    color:#000000;
    display:inline;
    line-height:0px;
}
#container #footer #footerBottom {
    clear:both;
    width:900px;
    float:left;
    height:20px;
    text-align:center;
    display:inline;
    overflow:hidden;
    line-height:0px;
}
#container #footer #footerBottom #footer_Left {
    float:left;
    width:380px;
    height:20px;
    text-align:left;
    color:#b1a79e;
    padding-left:30px;
}
#container #footer #footerBottom #footer_Right {
    float:right;
    width:280px;
    height:20px;
    text-align:left;
    display:inline;
    overflow:hidden;
}
#container #footer #footerBottom #footer_Right a{color:#b1a79e;}


/*===Main Navi==*/
#container #mainNavi {
    width:900px;
    height:34px;
    clear:both;
    background-color: #931918;
}

#container #mainNavi #menu {
    margin:0 auto;
}

#container #mainNavi #menu ul {
    margin:0;
    padding:0;
}

#container #mainNavi #menu_bottom {
    background-color:#e2863f;
    height:5px;
    width:900px;
    position:absolute;
    top:98px;
    margin:0;
    padding:0;
    font-size:0px;
    z-index:99;
}

.link_lv1 {
    float:left;
    background-color: #931918;
    color: #ffffff;
    width:170px;
    padding:7px 0px;
    font-size:12px;
    text-align:center;
    position:relative;
    cursor:pointer;
    height:20px;
    border:0;
}

.link_lv1:hover {
    background-color: #a94746;
    color: #ffffff;
    border:0;
}

div.selected {
    background-color: #a94746;
    color: #ffffff;
    border:0;
}

div.hover {
    background-color: #a94746;
    color: #ffffff;
    border:0;
}

div.current {
    background-color: #be301a;
    border:0;
}

.lv2_links {
    background-color: #a94746;
    list-style-type:none;
    width:170px;
    position:absolute;
    float:none;
    top:103px;
    margin:0;
    padding:0;
    z-index:99;
}

.link_lv2 {
    list-style-type:none;
    text-align:left;
    cursor:pointer;
    color: #ffffff;
    float:left;
    width:152px;
    padding:5px 8px;
    margin:3px 1px;
    border:0;
}

.link_lv2 a {
    text-decoration:none;
    color: #ffffff;
    width:150px;
    float:left;
    border:0;
    margin:0;
    padding:0;
}


.lv2_links li.selected {
    background-color:#e2863f;
    color: #ffffff;
    border:0;
}

.lv2_links li.selected a {
    color: #ffffff;
    border:0;
    text-decoration:none;
}

.lv3_links {
    background-color:#e2863f;
    list-style-type:none;
    position:absolute;
    float:none;
    top:70px;
    margin:0;
    padding:0;
    z-index:99;
}

.link_lv3 {
    list-style-type:none;
    text-align:left;
    padding:5px 8px;
    cursor:pointer;
    color: #ffffff;
    float:left;
    clear:both;
}

.link_lv3 a {
    text-decoration:none;
    color: #ffffff;
}

.link_lv3:hover {
    background-color:#9a8c7f;
    color: #ffffff;
}

.link_lv3:hover a {
    text-decoration:none;
}

li.hover {
    background-color:#9a8c7f;
    color: #ffffff;
    float:left;
    clear:both;
    padding:5px 8px;
    border:0;
}

li.hover a {
    text-decoration:none;
}

.menu_helper {
 display:none;
}


.lv4_links {
    background-color: #af2d2c;
    list-style-type:none;
    width:100%;
    position:relative;
    float:left;
    top:0;
    margin:0;
    margin-top:1px;
    padding:0;
    z-index:15;
    left:0;
    height:26px;
    overflow:hidden;
}

.lv4_link_label {
    list-style-type:none;
    text-align:right;
    color: #ffffff;
    float:right;
    padding:4px 10px 0px 10px;
    margin:0px;
    background-color:#af2d2c;
    height: 20px;
    border: 1px solid #af2d2c;
    font-weight:bold;
}

.link_lv4 {
    list-style-type:none;
    text-align:center;
    cursor:pointer;
    color: #ffffff;
    float:right;
    width:136px;
    padding:4px 0px 0px 0px;
    margin:0px;
    border: 1px solid #af2d2c;
}

.link_lv4 a {
    font-size:11px;
    text-decoration:none;
    color: #ffffff;
    width:130px;
    float:left;
    text-align:center;
    padding:0px 3px;
    border-right:1px solid #c1c1c1;
    font-weight:normal;
}

.no_border a {
    border-right:0;
}

.link_lv4.selected {
    background-color:#e8995c;
    color: #ffffff;
    height: 20px;
    border: 1px solid #e8995c;
}

.link_lv4.selected a {
    color: #ffffff;
    border-right:0;
}

.link_lv4.hover {
    background-color:#bf4443;
    color: #ffffff;
    height: 20px;
    border: 1px solid #bf4443;
}

.link_lv4:hover {
    background-color:#bf4443;
    color: #ffffff;
    height: 20px;
    border: 1px solid #bf4443;
}

.link_lv4.current {
    background-color:#e2863f;
    color: #ffffff;
    height: 20px;
    border: 1px solid #e2863f;
}

.link_lv4.current a {
    color: #ffffff;
    border-right:0;
}


/* === Main content area ===*/
#container #contentarea {width:900px; clear:both; float:left; height:auto; }
#container #contentarea #contentarea_Top{width:870px; float:left; height:35px; font-size:16px; color:#c33f23; margin-top:5px; padding-left:30px; font-weight:bold;}
#container #contentarea #contentCenter {
    width:840px;
    float:left;
    min-height:400px;
    padding-left:30px;
    padding-right:30px;
    background-color:#FFFFFF;
}
.rcontent span, .rcontent a, .rcontent a:hover{font-size:11px;}
.rcontent a{color:#000000;}
.rcontent strong{font-weight:bold;}


/* === Table Data 2 - font 12 ===*/
.tableData2 {text-align:left; width:100%; font-size:12px; background-color:#FFFFFF; }
.tableData2 th{text-align:left; font-size:12px; padding:0px;}
.tableData2 td{font-family:arial; text-align:left; font-size:12px; border-left:1px solid #ffaa9f; border-bottom:1px solid #ffaa9f; padding:7px; vertical-align:top;color:#455560;}
.tableData2 td a{color:#000000; text-decoration:underline; font-size:11px;}
.tableData2 td a:hover{color:#000000; font-size:12px;}
.tableData2 strong{font-weight:bold;}
.tableData2 .bdrLeftNone{border-left:0px solid #ffaa9f;}
.tableData2 .bdrBtmNone{border-bottom:0px solid #ffaa9f;}
.tableData2 .bdrLeft{border-left:1px solid #ffaa9f;}
.tableData2 .bdrRight{border-right:1px solid #ffaa9f;}
.tableData2 .bdrTop{border-top:1px solid #ffaa9f;}

/* === MISC ===*/
.flLeft{float:left;}
.flRight{float:right;}
.clear{clear:both;}
.center{text-align:center;}

.white_bg {background-color: #ffffff;}
.white, .white a, .white a:hover{color:#FFFFFF;}
.yellow1, .yellow1 a{color:#fcb913;}
.yellow1 a:hover, .tableData1 .yellow1 a:hover, a:hover .yellow1{color:#fcb913; text-decoration:underline;}
.black{color:#000000;}
.grey1{color:#9a8c7f;}
.grey2{color:#455560;}
.red1, .red1 a, .red1 a:hover, .tableData1 .red1, option .red1{color:#bf2f17;}
.green1{color:#bdd73c;}
.orange1, .orange1 a, .tableData1 .orange1 a, a .orange1{color:#f57b20; text-decoration:none;}
.orange1 a:hover, .tableData1 .orange1 a:hover, a:hover .orange1{color:#f57b20; text-decoration:underline;}

* input, * select option{color:#000000;}

.helv10{font-family:Helvetica, sans-serif; font-size:10px;}
.helv11{font-family:Helvetica, sans-serif; font-size:11px;}
.helv13{font-family:Helvetica, sans-serif; font-size:13px;}
.helv14{font-family:Helvetica, sans-serif; font-size:14px;}
.helv17{font-family:Helvetica, sans-serif; font-size:17px;}
.helv23{font-family:Helvetica, sans-serif; font-size:23px;}

.bold{font-weight:bold;}

.height10{clear:both; height:10px; width:100%; line-height:2px; }
.width30{width:30px; clear:both; height:100px; }

.olClass li{padding-left:5px; list-style-type:decimal; list-style-position:outside; margin-left:5px; line-height:1.5;}
.olClass2 li{padding-left:5px; list-style-type:lower-alpha; list-style-position:outside; margin-left:5px; line-height:1.5;}
.ulClass li{padding-left:5px; list-style-type:disc; list-style-position:outside; margin-left:5px; line-height:1.5;}

.boxOrange{padding:3px; border:1px solid #bf2f17; float:left; color:#000000;}



/*=== HEIGHT 20 ===*/
#container .height20 {clear:both; height:20px; width:100%; }

/*TOOLTIP - Yellow Bg*/
a.tooltip {position:relative;text-decoration:none; z-index:24; }
a.tooltip span{display:none; text-decoration:none;}
a.tooltip:hover{z-index:25; background:;}
a.tooltip:hover span.tipcontent{display:block; position:absolute; top:0px;left:20px;width:150px;border:1px solid #bf2f17;color:#000000;text-align:left; padding:6px; text-decoration:none; background-color:#FFFFFF; font-size:11px; line-height:1;}

/*== Modal Window == */
.black_overlay {display:none;position:absolute;top:0%;left:0%; height:100%;width:100%;background-color:black;z-index:1001;-moz-opacity:0.4;opacity:.40;filter:alpha(opacity=40);height:expression(document.body.scrollHeight > 500 ? document.body.scrollHeight + 'px' : '100%');	}

#adbox{color:#333333;}

.white_content {display:none;position:absolute; top:25%; left:35%; width:400px; padding:15px;border:10px solid #bf2e1b;background-color:white;z-index:1002;overflow:auto;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (white_content = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); font-size:12px; color:#000000; }


.lightboxheader {font-weight:bold;font-size:12px;float:left; color:#333333;}
.lightboxclose {float:right; color:#333333;}
.lightboxrule {clear:both;height:1px;margin:5px 0;}
button{color:#333333;}
/*
input.action, button.action {margin:auto;font-size:11px;font-family:tahoma;height:22px;padding-right: 4px;padding-left:4px;text-transform:lowercase;}
*/