<!-- SCCS ID: @(#)blue_frame.css	1.1 - 02/18/08 -->

.headerLink1,a.headerLink1, a.headerLink1:link, a.headerLink1:visited, a.headerLink1:active, a.headerLink1:hover  {font-size:12px; font-weight:bold; color:#012F8D; margin:0px 10px 0px 10px; text-decoration:none; }
td.headerLink1BrdrBkgnd,td.bodyBrdrBkgnd { background: #9AA9CA;}
td.headerLinkBkgnd,td.bodyBkgnd { background: #E7EAF2; }
a.headerLink2, a.headerLink2:link, a.headerLink2:visited, a.headerLink2:active, a.headerLink2:hover  {font-size:12px; font-weight:bold; color:#012F8D; margin:0px 0px 0px 9px; text-decoration:none;}
input.search { border: 1px solid #9AA9CA; FONT-WEIGHT: normal; FONT-SIZE: 10pt; }
a.footerlink, a.footerlink:link,a.footerlink:active, a.footerlink:visited, a.footerlink:hover { font-weight:bold; color:#012F8D; margin:0px 5px 0px 6px; }
.copyright { font-family:Arial, Helvetica, sans-serif; padding-top:6px; font-size:10px; color:#666666; }

.headerLinks { height: 27px; background-image: url(images/headerLinksBkgnd.gif); }
.headerLinkText {font-size:12px; color:#012F8D; vertical-align: 75%; }

body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4771CA; }
td { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4771CA; }

.notext { line-height:0%; }
.topbluebar,.section { background:#81A2e7; padding:2px 0px 2px 5px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14pt; }


/* BLUE_FRAME */

/***********************/
/* north */
.mqNw-n-ne , .mqWest , .mqSw-s-se , .mqEast
{
    cursor: pointer;
    font-size: 8px;
   
}
.mqNw-n-ne div.mqNxnw
{
    float: left;
    background: transparent url(images/mqo_blue/nxnw.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNa, .mqNw-n-ne div.mqNb
{
    float: left;
    background: transparent url(images/mqo_blue/nsp.gif) repeat-x top left;
}
.mqNw-n-ne div.mqN
{
    float: left;
    background: transparent url(images/mqo_blue/n.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxne
{
    float: left;
    background: transparent url(images/mqo_blue/nxne.gif) no-repeat top left;
}


/* north west */
.mqNw-n-ne div.mqNxnwc
{
    float: left;
    background: transparent url(images/mqo_blue/nxnw.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNw
{ 
    float: left;
    background: transparent url(images/mqo_blue/nw.gif) no-repeat top left;
}
.mqWest div.mqWnw
{    
    background: transparent url(images/mqo_blue/wnw.gif) no-repeat top left;
}
.mqWest div.mqWxnwc
{
    background: transparent url(images/mqo_blue/wxnw.gif) no-repeat top left;
}


/* west */

.mqWest div.mqWxnw
{
    background: transparent url(images/mqo_blue/wxnw.gif) no-repeat top left;
}

.mqWest div.mqWa, .mqWest div.mqWb
{
    background: transparent url(images/mqo_blue/wsp.gif) repeat-y top left;
}
.mqWest div.mqW
{
    background: transparent url(images/mqo_blue/w.gif) no-repeat top left;
}
.mqWest div.mqWxsw
{
    background: transparent url(images/mqo_blue/wxsw.gif) no-repeat top left;
}

/* south west */
.mqWest div.mqWxswc
{
    background: transparent url(images/mqo_blue/wxsw.gif) no-repeat top left;
}
.mqWest div.mqWsw
{
    background: transparent url(images/mqo_blue/wsw.gif) no-repeat top left;
}
.mqSw-s-se div.mqSw
{
    float: left;
    background: transparent url(images/mqo_blue/sw.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxswc
{
    float: left;
    background: transparent url(images/mqo_blue/sxsw.gif) no-repeat top left;
}

/* south */

.mqSw-s-se div.mqSxsw
{
    float: left; 
    background: transparent url(images/mqo_blue/sxsw.gif) no-repeat top left;
}
.mqSw-s-se div.mqSa, .mqSw-s-se div.mqSb
{
    float: left;
    background: transparent url(images/mqo_blue/ssp.gif) repeat-x top left;
}
.mqSw-s-se div.mqS
{
    float: left;
    background: transparent url(images/mqo_blue/s.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxse
{
    float: left;
    background: transparent url(images/mqo_blue/sxse.gif) no-repeat top left;
}

/* south east */

.mqSw-s-se div.mqSxsec
{
    float: left;
    background: transparent url(images/mqo_blue/sxse.gif) no-repeat top left;
}
.mqSw-s-se div.mqSe
{
    float: right;
    background: transparent url(images/mqo_blue/se.gif) no-repeat top left;
}
.mqEast div.mqEse
{
    background: transparent url(images/mqo_blue/ese.gif) no-repeat top left;
}
.mqEast div.mqExsec
{
    background: transparent url(images/mqo_blue/exse.gif) no-repeat top left;
}

/* east */
.mqEast div.mqExse
{
    background: transparent url(images/mqo_blue/exse.gif) no-repeat top left;
}
.mqEast div.mqEa, .mqEast div.mqEb
{
    background: transparent url(images/mqo_blue/esp.gif) repeat-y top left;
}
.mqEast div.mqE
{
    background: transparent url(images/mqo_blue/e.gif) no-repeat top left;
}
.mqEast div.mqExne
{
    background: transparent url(images/mqo_blue/exne.gif) no-repeat top left;
}

/* north east */

.mqEast div.mqExnec
{
    background: transparent url(images/mqo_blue/exne.gif) no-repeat top left;

}
.mqEast div.mqEne
{
    background: transparent url(images/mqo_blue/ene.gif) no-repeat top left;

}
.mqNw-n-ne div.mqNe
{
    float: right;
    background: transparent url(images/mqo_blue/ne.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxnec
{ 
    float: left;
    background: transparent url(images/mqo_blue/nxne.gif) no-repeat top left;
}

/**********************/


/**
 * =CSS PRELOAD MAP ART
 */
/* north */
.mqNw-n-ne div.mqNxnw_hover
{
    float: left;
    background: transparent url(images/mqo_blue/nxnw-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNa_hover, .mqNw-n-ne div.mqNb_hover
{
    float: left;
    background: transparent url(images/mqo_blue/nsp-on.gif) repeat-x top left;
}
.mqNw-n-ne div.mqN_hover
{
    float: left;
    background: transparent url(images/mqo_blue/n-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxne_hover
{
    float: left;
    background: transparent url(images/mqo_blue/nxne-on.gif) no-repeat top left;
}


/* north west */
.mqNw-n-ne div.mqNxnwc_hover
{
    float: left;
    background: transparent url(images/mqo_blue/nxnwc-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNw_hover
{
    float: left;
    background: transparent url(images/mqo_blue/nw-on.gif) no-repeat top left;
   
}
.mqWest div.mqWnw_hover
{    
    background: transparent url(images/mqo_blue/wnw-on.gif) no-repeat top left;
}
.mqWest div.mqWxnwc_hover
{
    background: transparent url(images/mqo_blue/wxnwc-on.gif) no-repeat top left;
}


/* west */

.mqWest div.mqWxnw_hover
{
    background: transparent url(images/mqo_blue/wxnw-on.gif) no-repeat top left;
}

.mqWest div.mqWa_hover, .mqWest div.mqWb_hover
{
    background: transparent url(images/mqo_blue/wsp-on.gif) repeat-y top left;
}
.mqWest div.mqW_hover
{
    background: transparent url(images/mqo_blue/w-on.gif) no-repeat top left;
}
.mqWest div.mqWxsw_hover
{
    background: transparent url(images/mqo_blue/wxsw-on.gif) no-repeat top left;
}

/* south west */
.mqWest div.mqWxswc_hover
{
    background: transparent url(images/mqo_blue/wxswc-on.gif) no-repeat top left;
}
.mqWest div.mqWsw_hover
{
    background: transparent url(images/mqo_blue/wsw-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSw_hover
{
    float: left;
    background: transparent url(images/mqo_blue/sw-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxswc_hover
{
    float: left;
    background: transparent url(images/mqo_blue/sxswc-on.gif) no-repeat top left;
}

/* south */

.mqSw-s-se div.mqSxsw_hover
{
    float: left;
    background: transparent url(images/mqo_blue/sxsw-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSa_hover, .mqSw-s-se div.mqSb_hover
{
    float: left;
    background: transparent url(images/mqo_blue/ssp-on.gif) repeat-x top left;
}
.mqSw-s-se div.mqS_hover
{
    float: left;
    background: transparent url(images/mqo_blue/s-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxse_hover
{
    float: left;
    background: transparent url(images/mqo_blue/sxse-on.gif) no-repeat top left;
}

/* south east */
.mqSw-s-se div.mqSxsec_hover
{
    float: left;
    background: transparent url(images/mqo_blue/sxsec-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSe_hover
{
    float: right;
    background: transparent url(images/mqo_blue/se-on.gif) no-repeat top left;
}
.mqEast div.mqEse_hover
{
    background: transparent url(images/mqo_blue/ese-on.gif) no-repeat top left;
}
.mqEast div.mqExsec_hover
{
    background: transparent url(images/mqo_blue/exsec-on.gif) no-repeat top left;
}

/* east */
.mqEast div.mqExse_hover
{
    background: transparent url(images/mqo_blue/exse-on.gif) no-repeat top left;
}
.mqEast div.mqEa_hover, .mqEast div.mqEb_hover
{
    background: transparent url(images/mqo_blue/esp-on.gif) repeat-y top left;
}
.mqEast div.mqE_hover
{
    background: transparent url(images/mqo_blue/e-on.gif) no-repeat top left;
}
.mqEast div.mqExne_hover
{
    background: transparent url(images/mqo_blue/exne-on.gif) no-repeat top left;
}

/* north east */
.mqEast div.mqExnec_hover
{
    background: transparent url(images/mqo_blue/exnec-on.gif) no-repeat top left;
}
.mqEast div.mqEne_hover
{
    background: transparent url(images/mqo_blue/ene-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNe_hover
{
    float: right;
    background: transparent url(images/mqo_blue/ne-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxnec_hover
{
    float: left;
    background: transparent url(images/mqo_blue/nxnec-on.gif) no-repeat top left;
}
/**********************/

/* zoom levels */
.mqZoom 
{
   cursor: pointer;
   
}
.mqZoom div.mqZin
{
    background: transparent url(images/mqo_blue/zin.gif) no-repeat top left;
}
.mqZoom div.mqZ10
{
    background: transparent url(images/mqo_blue/z10.gif) no-repeat top left;
}
.mqZoom div.mqZ9
{
    background: transparent url(images/mqo_blue/z9.gif) no-repeat top left;
}
.mqZoom div.mqZ8
{
    background: transparent url(images/mqo_blue/z8.gif) no-repeat top left;
}
.mqZoom div.mqZ7
{
    background: transparent url(images/mqo_blue/z7.gif) no-repeat top left;
}
.mqZoom div.mqZ6
{
    background: transparent url(images/mqo_blue/z6.gif) no-repeat top left;
}
.mqZoom div.mqZ5
{
    background: transparent url(images/mqo_blue/z5.gif) no-repeat top left;
}
.mqZoom div.mqZ4
{
    background: transparent url(images/mqo_blue/z4.gif) no-repeat top left;
}
.mqZoom div.mqZ3
{
    background: transparent url(images/mqo_blue/z3.gif) no-repeat top left;
}
.mqZoom div.mqZ2
{
    background: transparent url(images/mqo_blue/z2.gif) no-repeat top left;
}
.mqZoom div.mqZ1
{
    background: transparent url(images/mqo_blue/z1.gif) no-repeat top left;
}
.mqZoom div.mqZout
{
    background: transparent url(images/mqo_blue/zout.gif) no-repeat top left;
}
.mqMapoptions div.mqRevert
{
   background: transparent url(images/mqo_blue/revert-off.gif) no-repeat top left;
   padding:0px;
}
.mqMapoptions div.mqReverton
{
    cursor: pointer;
    margin-top:30px;
    padding:0px;
    background: transparent url(images/mqo_blue/revert.gif) no-repeat top left;
}

/* zoom levels-on images */

.mqZoom div.mqZin_hover
{
    background: transparent url(images/mqo_blue/zin-on.gif) no-repeat top left;
}
.mqZoom div.mqZ_hover
{
    background: transparent url(images/mqo_blue/z-on.gif) no-repeat top left;
}
.mqZoom div.mqZout_hover
{
    background: transparent url(images/mqo_blue/zout-on.gif) no-repeat top left;
}
.mqMapoptions div.mqReverton_hover
{
    cursor: pointer;
    margin-top:30px;
    background: transparent url(images/mqo_blue/revert-on.gif) no-repeat top left;
}


/* For popup */
div.mqDummycss
{
   background: transparent url(images/popup/infobubble-top.png) no-repeat left top;
}
.mqPopupLink
{
   position: relative;
   color:  #00f;

}
div.mqPopuptop-NS{
   background: transparent url(images/popup/infobubble-top.png) no-repeat left top;
   width: 251px;
   height: 14px;
   
   float: right;
}
div.mqPopupmiddle-NS {
   background: transparent url(images/popup/infoboxcntr.png) ;
   width: 251px;
   float: right;
}
div.mqPopupbottom-NS{
   background: transparent url(images/popup/infoboxbtm.png) no-repeat left;
   width: 251px;
   float: right;
}
div.mqPopuppointer-NS{
   background: transparent url(images/popup/infobubble-pointer.png) no-repeat;
   float: left;
}


div.mqPopuptop-IE{
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infobubble-top.png');
   width: 251px;
   height: 14px;
   float: right;
}
div.mqPopupmiddle-IE {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infoboxcntr.png',sizingMethod='scale');
   width: 251px;
   float: right;
}
div.mqPopupbottom-IE{
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infoboxbtm.png');
   width: 251px;
   float: right;
}
div.mqPopuppointer-IE{
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infobubble-pointer.png');
   float: left;
}

div.mqPopupclose {
  background: transparent url(images/x-close.gif) no-repeat;
  position: absolute;
  width: 18px;
  height: 17px;
  left: 225px;
  top: 5px;    
}
/**
 * =GENERAL LAYOUT
 */
/* pull out drawer */
table.mapgrinder
{
    margin-bottom: 10px;
}

.mqMapwidget /*, #maps .mapwidget .mqPanel*/
{
    margin:     0px;
    padding:    3px;
}

/**
 * =MAP CONTROLS 
 * @ pan controls, map
 */
.mqMapcontrols
{   
    float:  right;
}
.mqMapcontrols form
{
    margin:  0px;
    font-size:      11px;
    text-align:     center;
}
.mqMapcontrols img, .mqMapoptions img, .map
{
    cursor: pointer;
    
}
.mqMapcontrols input
{
    margin: 0 2px -2px 6px;
}
.mqMapcontrols label
{
    font-size: 11px;
}

.mqW-map-e div
{
    float: left;
    width: 12px;
}
div .mqW-map-e .mqMiddle
{
    display:        block;
    visibility:     visible;
    position:       relative;
    left:           0px;
    /* mac IE5.2x has problems with displaying \*/
    clip:           rect(0px, 0px, 0px, 0px);
    overflow:       hidden;
    /* end of hide */
    float:          left;
}
.mqW-map-e div.mqEast
{
    float:  right;
    width:  16px;
}
.mqW-map-e img
{
    float: left;
}

/* win IE5.x has 3px float bug \*/
* html .mqW-map-e div, * html .mqW-map-e img
{
    display:        inline;
    float:          none;
    margin:         0;
    voice-family:   "\"}\""; 
    voice-family:   inherit;
    display:        block;
    float:          left;
    margin:         0;
}

/* end hack */

/**
 * =MAP OPTIONS
 * @ zoom, revert
 */
.mqMapoptions
{
    width: 41px;
    margin-top: 10px;
}
.mqMapoptions .mqZoom
{
   background-color: transparent;
    margin:         63px 0 0px;
}
.mqZoom div
{   
    /*padding-left:   8px; width of zlabel image*/
   padding-left:   8px; 
   background:     transparent url(images/mqo_blue/zlabel-en.gif) 0 0 no-repeat;
}
* html body .mqZoom div
{   
    /*padding-left:   8px; width of zlabel image*/
   
   padding-left:   8px; 
   background:     transparent url(images/mqo_blue/zlabel-en.gif) no-repeat;
}
.mqMapoptions img
{
    display:    block;
}
.mqMapoptions .mqRevert
{
    display: none;
    margin-top:30px;
    padding:0px;
}
.mqBody
{
    margin:    8px;
}

.shaded
{
	border-style:solid;
	border-color:#81A2e7;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	font-size:11px;
	vertical-align:middle;
}
.formlabel
{
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#333333;
}
#contentArea {
	margin-right:12px;
	margin-left:12px;
}
#bcfFindStoreForm {
    float:left;
    width:315px;
}

.cssform label,input{
	font-size:11px;
	color:#333333;
	}
.bold {
	font-weight:bold;
}
.cssform option,select{
	font-size:12px;
	color:#000000;
}
.cssform label{
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none;
}

.cssform p{
  FONT-FAMILY: Arial, Helvetica, sans-serif; 
  FONT-SIZE: 12px; 
  width: 100px;
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 100px; /*width of left column containing the label elements*/
  height: 1%;
}
  
.formFindAStore {
	clear:both;
	margin-top:10px;
}

#bcfWrap {
	width:800px;
	margin:0 auto;
	text-align: left;
	}
	
#bcfHeader {
    min-width: 740px;
    overflow:hidden;
    white-space: nowrap;
}

#bcfLogo {
    float:left;
}

#bcfHeaderLinksTop {
    min-width:400px;
    height:27px;
    position:absolute;
    left:273px;
    background-image: url('../images/headerLinksBkgnd.gif');
    background-repeat: repeat-x;
}
#bcfHeaderLinksTop .headerLink1,a.headerLink1, a.headerLink1:link, a.headerLink1:visited, a.headerLink1:active, a.headerLink1:hover  {
    position:relative;
    top:-10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
     }

#bcfHeaderLinksBottom {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    position:absolute;
    left:263px;
    top:40px;
}

#bcfBox {
    width:740px;
    padding:10px 0px 10px 0px;
}

#bcfBoxTop {
    position:relative;
    top:0px;
    width:740px;
    height:10px;
    background-image:url('../images/panel_top_home.gif');
}
     
#bcfBoxBottom {
 width:738px;
 min-height:366px;
 max-width:738px;
 display:table;
 border-bottom: 1px solid #9AA9CA;
 border-left: 1px solid #9AA9CA;
 border-right: 1px solid #9AA9CA;   
 height:auto;
}

#contentArea {
	margin-right:12px;
	margin-left:12px;
}

#contentArea .mqTextBox {
	float:left;
	width:350px;
}

#contentArea .mqTextBold {
	font-weight:bold;
}

/* IE fix */
* html #bcfBoxBottom {
height: 366px;
}
.bcfBoxTitle {
    background-color: #81a2e7;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    height: 20px;
    font-family: Arial, helvetica, sans-serif;
    padding:2px 0px 2px 5px;
    margin-left:12px;
    margin-right:12px;
}  
#bcfBoxTitle {
    background-color: #81a2e7;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    height: 20px;
    font-family: Arial, helvetica, sans-serif;
    padding:2px 0px 2px 5px;
    margin-left:12px;
    margin-right:12px;
}  
#bcfBoxTitle_01 {    
    visibility:visible;    
} 

#bcfBoxTitle_02 {
    visibility:hidden;
}