body 
{
    background-color:#d2036f;
    font-family:Arial;
    font-size:12px;
    padding:0px;
    margin:0px;
    color:#666666;
    text-align:center;
}

.cb{clear:both;margin:0px;padding:0px;}
.clear{clear:both;margin:0px;padding:0px;}

.hide{display:none;visibility:hidden;}

.bold{font-weight:bold;}

.fl{float:left;}

.fr{float:right;}
        
.pink{color:#d2036f;}
        
.divBackgroundWrapper
{
    width:995px;
    /*background-color:#c89474;*/
    background-image:url(../images/tile_01.jpg);
    background-repeat:repeat;
    background-position:top;
    margin:auto;
    text-align:left;
}

.wrapper
{
    margin:auto;
    width:995px;
    overflow:hidden;
    z-index:2;
    position:relative;
}

.divLeftSection
{
    border:none;
    width:765px;
    height:442px;
    margin-left:-2px;
    float:left;
}

.divLeftContent
{
    background-color:#FFFFFF;
    padding:20px;
    width:674px;
    float:left;
}
        
        

.divRightSection
{
    float:left;
    width:209px;
    font-size:11px;
}

.divRightContent
{
    background-color:#FFFFFF;
    float:left;
    width:189px;
    padding:0px 10px;
}


.divContactRightSection
{
    float:left;
    width:739px;
    font-size:11px;
    margin-left:234px;
    margin-top:-9px;
}

.divContactRightContent
{
    background-color:#FFFFFF;
    float:left;
    width:699px;
    padding:0px 20px;
    padding-bottom:50px;
}

.divContactRightSectionTopCenter, .divContactRightSectionBottomCenter
{
    width:719px;
    float:left;
    height:10px;
    background-color:white;
}





.divTopMenu
{
    float:right;
    margin:5px 25px;
    color:#ffffff;
    display:inline;
}


.divTopMenu a:link {color:#ffffff; text-decoration:none; font-weight:bold;}
.divTopMenu a:visited {color:#ffffff; text-decoration:none; font-weight:bold;}
.divTopMenu a:hover {color:#ffffff; text-decoration:none; font-weight:bold;}
.divTopMenu a:active {color:#ffffff; text-decoration:none; font-weight:bold;}
        

.divLogo, .divLogoFullBorder
{
    float:left;
    height:101px;
    width:147px;
    clear:both;
    margin-left:22px;
    display:inline;
}

.divLogoFullBorder
{
	height:110px !important;
}

.divWelcomeMenu
{
    width:739px;
    height:101px;
    float:right;
    background-color:#FFFFFF;
    padding:0px;
    background:url(../images/bg_mainsitenav_pink.gif) top left no-repeat;
    margin-right:22px;	
    display:inline;        
}
        
.divWelcomeMenuHidden
{
    width:739px;
    height:101px;
    float:right;
    padding:0px;
    margin-right:24px;	        
}
        
.divWelcomeContent
{
    width:739px;
    margin:auto;
    margin-top:20px;
}



.divLogin
{
    font-size:12px;
}

.loginField
{
    float:left;
    padding-top:8px;
}

.loginField .label
{
    font-size:12px;
    font-weight:bold;
}

.loginField .textbox
{
    width:184px; 
    margin-top:2px;
}

.loginButton
{
    float:right;
    padding-top:9px;
}

.error
{
    color:Red;
}

.divWhoElse
{
}

.divWhoElse .item
{
    float:left;
    padding:5px 0px; 
    border-bottom:1px solid #e5e5e5;
}

.divWhoElse .image
{
float:left;width:65px;height:55px;    
}

.divWhoElse .download
{
    float:left;
    width:100px;
    padding-top:5px;
}


.divWhoElse .description
{
    float:left;
    width:100px;
    font-weight:bold;
}

.whatPeopleThink
{
}

.whatPeopleThink .imageArea
{
    margin-top:10px;
    width:190px;
}

        
        
.divFooter
{
    width:100%;
    background-color:#d2036f;
    height:80px;
    margin-top:-40px;
    padding-top:12px;
    margin-bottom:-5px;
    z-index:1;
    position:relative;
    font-size:12px;
}

.divFooterWrapper
{
    margin:auto;
    margin-bottom:0px;
    width:949px;
}

.divFooterMECLogo
{
    width:200px;
    height:35px;
    float:left;
    background-image:url(../images/id_mec_pink.gif);
    background-repeat:no-repeat;
    background-position:top left;
}

.divFooterLeftNote
{
    color:#ffffff;
    float:left;
    font-weight:bold;
}

.divFooterRightNote
{
    color:#ffffff;
    float:right;
    font-weight:bold;
}

.divFooterPattern
{
    background:url(../images/i_barcode_pink.gif) no-repeat bottom center;
    width:949px;
    height:20px;
    margin-top:5px;
    margin-bottom:0px;
    float:left;
}

.divFooterRightNote a:link {color:#ffffff; text-decoration:none}
.divFooterRightNote a:visited {color:#ffffff; text-decoration:none}
.divFooterRightNote a:hover {color:#ffffff; text-decoration:none}
.divFooterRightNote a:active {color:#ffffff; text-decoration:none}
    



.divWelcomeUser
{
    width:210px;
    float:left;
    padding-left:20px;
}

.divShopperLogicHome
{
    width:100px;
    float:left;
}

.divExploreShopperLogic
{
    width:200px;
    float:left;
}

.divDefine
{
    width:200px;
    float:left;
}


.whiteTopLeft, .whiteTopRight, .whiteBottomLeft, .whiteBottomRight
{
    width:10px;
    height:10px;
}

.whiteTopLeft{background:url(../images/ic_white_topleft_10x10.gif) top left no-repeat; float:left;}
.whiteTopCenter{background-color:#ffffff; width:719px; height:10px; float:left;}
.whiteTopRight{background:url(../images/ic_white_topright_10x10.gif) top left no-repeat; float:right;}

.whiteBottomLeft{background:url(../images/ic_white_bottomleft_10x10.gif) top left no-repeat; float:left;}
.whiteBottomCenter{background-color:#ffffff; width:694px; height:10px; float:left;}
.whiteBottomRight{background:url(../images/ic_white_bottomright_10x10.gif) top left no-repeat; float:right;}


.divLeftSectionTopCenter{
    width:704px;
    height:10px;
    float:left;
    background-color:#ffffff;
}        

.divRightSectionTopCenter, .divRightSectionBottomCenter
{
    width:189px;
    float:left;
    height:10px;
    background-color:white;
}


.aForgotPassword:link, .aForgotPassword:visited, .aForgotPassword:hover, .aForgotPassword:active
{color:#d2026e;}
        



/* contact page */


.contactForm
{
	width:405px;
	border:2px solid #eaeaea;
	float:left;
}

.contactForm .topLeft, .contactForm .topRight 
{
    width:4px;
    height:4px;
}

.contactForm .topLeft
{
    float:left;
    background-image:url(../images/ic_lightgrey_topleft_4x4.gif);
    margin:-2px 0px 0px -2px;
}
.contactForm .topRight
{
	float:right;
    background-image:url(../images/ic_lightgrey_topright_4x4.gif);
    margin:-2px -2px 0px 0px;
}

.contactForm .content
{
	padding:10px;
}

.contactForm .label
{
	width:130px;
	margin-right:10px;
	float:left;	
	text-align:right;
	margin-top:2px;
	font-size:12px;
	font-weight:bold;
}

.contactForm .textbox
{
	width:210px;
	border:1px solid #cccccc;
	font-family:Arial;
	font-size:11px;
	margin-bottom:10px;
}

.contactForm .dropdownlist
{
	font-family:Arial;
	font-size:11px;
	margin-bottom:10px;
}

.contactForm .checkbox
{
	text-align:right;
	float:right;
	margin-right:39px;
}

.contactForm .submit
{
	float:right;
	margin-right:39px;
	margin-top:20px;
	margin-bottom:20px;
}

.contactForm .submit img
{
	border:none;
}

.contactDetails
{
	width:270px;
	float:left;
	background-color:#e5e5e5;
	margin-left:20px;
}

.contactDetails .topLeft
{
    border:none;
    background-image:url(../images/ic_lightgrey_filled_topleft_4x4.gif);
    width:4px;
    height:4px;
    float:left;
}

.contactDetails .topCenter
{
	float:left;
	width:260px;
}

.contactDetails .topRight
{
    border:none;
    background-image:url(../images/ic_lightgrey_filled_topright_4x4.gif);
    width:4px;
    height:4px;
    float:right;
}

.contactDetails .bottomLeft
{
    border:none;
    background-image:url(../images/ic_lightgrey_filled_bottomleft_4x4.gif);
    width:4px;
    height:4px;
    float:left;
}

.contactDetails .bottomCenter
{
	float:left;
	width:260px;
}

.contactDetails .bottomRight
{
    border:none;
    background-image:url(../images/ic_lightgrey_filled_bottomright_4x4.gif);
    width:4px;
    height:4px;
    float:right;
}


.contactDetails .content
{
	padding:10px;
	padding-top:0px;
	font-size:12px;
}

.glossary
{
	font-size:12px;	
}

.glossary .letterGroup
{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #cccccc;
	float:left;	
}

.glossary .gif
{
	width:44px;
	float:left;
}

.glossary .entry
{
	float:left;
	margin-bottom:20px;
}

.glossary .term
{
	float:left;
	font-weight:bold;
}

.glossary .definition
{
	float:left;
	width:650px;
}


.glossary .entries
{
	float:left;
	width:655px;	
}