﻿.IE6headerAddition
{
    background-color: #ffffff;
    height: 15px;
    width: 720px;
    border: solid 3px #FEBD18;
    color: #000000;
    font-size: 8pt;
    margin-bottom: 3px;
    margin-left: 260px;
    margin-top: 3px;
    padding: 2px;
    text-align: center;
    
}
#header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 100%;
}
#masthead {
	width: 995px;
	height: 100px;
	background-color: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
}

#showhidePasswordRecovery
{
background-color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
padding:0 0 10px 9px;
text-align:left;

}

#PasswordRecoveryQuestionAnswerPanel
{
    background-color:#ffffff;
	padding:10px 10px 10px 10px;
	text-align:left;
	width: 456px;
}
#PasswordRecoveryQuestionAnswerPanel p,
#PasswordRecoveryQuestionAnswerPanel a
{
    font-size:12px;
	line-height:17px;
	font-weight:bold;
	margin-bottom:0px;
	color:#000000;
	text-decoration:none;
}

#PasswordRecoveryQuestionAnswerPanel a:hover {
    font-size:12px;
	line-height:17px;
	font-weight:bold;
	margin-bottom:0px;
	color:#000000;
	text-decoration:underline;
}

#logo {
	width: 201px;
	height: 48px;
	position: absolute;
	left: 21px;
	top: -10px;
}

#welcome {
    margin: 0px;
	font-family: Arial,Helvetica,sans-serif; 
	font-weight: bold; 
	color: #FFFFFF;
	line-height: 26px;
	text-align: right;
	width: 415px;
	position:absolute;
	top:64px;
	right:0px;
	z-index:-1;
}

.name {
    width:auto;
}
.welcomeUserClass {
    float:right;
    overflow:hidden;
    width:100px;
}
.namepart {
    float:right;
    overflow:hidden;
    width:auto;
}



#memberToolsandSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin: 0;
	padding: 0;
	float: right;
	height: 100px;
	width:560px;
	position: absolute;
	right: 24px;
	text-align:right;
	z-index:1000;
}

#memberToolsandSearch a:link,
#memberToolsandSearch a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

#memberToolsandSearch a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#memberToolsandSearch div.viewProfilePanel 
{
    display:none;
    visibility:hidden;
}

#memberToolsandSearch #findRetailer,
#memberToolsandSearch #login,
#memberToolsandSearch #viewProfile{
	line-height: 30px;
	
}

#memberToolsandSearch #login,
#memberToolsandSearch #viewProfile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	height: 26px;
	z-index: 3;
	vertical-align: baseline;
	padding: 0px;
	float:left;
	text-decoration: none;
	margin-top: 1px;
}

#memberToolsandSearch #login {
    margin: 0 0 0 12%;    
    width: 69px;
	background-color: #5d5d5d;
}

#memberToolsandSearch #viewProfile {
    width: 136px;
    position:absolute;
    left:0;
    top:0px;
}
    
#memberToolsandSearch #login:hover {
	background-color:#3d3d3d;
}

#memberToolsandSearch #login a:link,
#memberToolsandSearch #login a:visited,
#memberToolsandSearch #viewProfile a:link,
#memberToolsandSearch #viewProfile a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 69px;
	height: 26px;
	vertical-align: bottom;
}

#memberToolsandSearch #login:hover a,
#memberToolsandSearch #login a:hover,
#memberToolsandSearch #viewProfile:hover a,
#memberToolsandSearch #viewProfile a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FEBD18;
	text-decoration: none;
	width: 69px;
	height: 26px;
	background: none; 
}

#memberToolsandSearch #viewProfile a.welcomeBarViewProfile
{
    left:4px;
    position:absolute;
    top:0;
    width:131px;
	background-color: #5d5d5d;
}

#memberToolsandSearch #viewProfile a.welcomeBarViewProfile:hover
{
    background:#3d3d3d;
}

#memberToolsandSearch #login div.dropdown,
#memberToolsandSearch #viewProfile div.dropdown {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000; 
	display: none;
	background: #cfcfcf; 
	position: relative; 
	top: 26px; 
	left: 4px; 
	width: 320px;
	height: auto;
	text-align: left;
	visibility: hidden;
	padding: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top:solid 2px #000000;
    z-index:3;
	/* z-index handled in z-index.css, because this element crosses stylesheets */
}

#memberToolsandSearch #viewProfile div.dropdown 
{
    
}

#memberToolsandSearch #login div.dropdown form input,
#memberToolsandSearch #viewProfile div.dropdown form input {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #9f9f9f;
	width:80px; 
	height:17px;
	padding:5px 0px 0px 5px;
	border:solid 1px #dbdbdb;	
}

#memberToolsandSearch #login div.dropdown div.LogInput {
    margin-right:5px;
}

#memberToolsandSearch #login div.dropdown a,
#memberToolsandSearch #viewProfile div.dropdown a{	
	color: #5d5d5d;
	text-decoration:none;
}

#memberToolsandSearch #viewProfile div.dropdown a:visited{	
	color: #5d5d5d;
	text-decoration:none;
}
#memberToolsandSearch #viewProfile div.dropdown a:hover{	
	color: #5d5d5d;
	text-decoration:none;
}

#memberToolsandSearch #login div.dropdown a:hover,
#memberToolsandSearch #viewProfile div.dropdown a:hover {	
	color: #2e2e2e;
	text-decoration:none;
}

/*#memberToolsandSearch #login:hover div.dropdown,*/
#memberToolsandSearch #viewProfile:hover div.dropdown {	
	display: block; 
	visibility: visible;
}

#memberToolsandSearch #findRetailer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5d5d5d;
	text-align: center;
	height: 26px;
	z-index: 3;
	width: 120px;
	vertical-align: baseline;
	padding: 0px;
	float:left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	position:absolute;
	top:0px;
	left:135px;
}

#memberToolsandSearch #findRetailer:hover {
	background-color:#3d3d3d;
}

#memberToolsandSearch #findRetailer a:link,
#memberToolsandSearch #findRetailer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 26px;
	height: 26px;
	width: 116px;
}

#memberToolsandSearch #findRetailer:hover a,
#memberToolsandSearch #findRetailer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FEBD18;
	text-decoration: none;
	background: none; 
}

#memberToolsandSearch #findRetailer div.dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #2f2e2e; 
	display: none;
	background: #CCCCCC; 
	position: relative; 
	top: -5px; 
	left: -79px; 
	width: 171px;
	height: auto;
	text-align: left;
	visibility: hidden;
	border-top:solid 2px #000000;
	padding: 14px 14px 2px 14px;	
	/* z-index handled in z-index.css, because this element crosses stylesheets */
}

#memberToolsandSearch #findRetailer div.dropdown form input {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #9f9f9f;
	width:115px; 
	height:17px; 
	padding: 5px 0px 0px 5px;
	border:solid 1px #dbdbdb; 

}


#memberToolsandSearch #findRetailer:hover div.dropdown{	
    /*z-index handled in z-index.css, because this element crosses stylesheets */
}

#memberToolsandSearch #findRetailer div.dropdown a {	
	color: #5d5d5d;
	text-decoration:none;
}

#memberToolsandSearch #findRetailer div.dropdown a:hover {	
	color: #2e2e2e;
	text-decoration:none;
}

#memberToolsandSearch #search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #5d5d5d;
	float: right;
	height: 26px;
	width: 268px;
	vertical-align: baseline;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#memberToolsandSearch #search div.searchTextBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FEBD18;
	vertical-align: baseline;
	height: 16px;
	width: 248px;
	margin: 1px 0 1px 1px;
	padding: 4px 10px;
}

#memberToolsandSearch #search div.searchTextBox input {
	background-color: #febd18;
	text-decoration: none;
	color: #000000;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height:16px;
	width: 238px;
	font-weight: bold;
	color: #000000;
}

#memberToolsandSearch #search div.searchIconX {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 17px;
	right: 6px;
	position: absolute;
	top: 2px;
}

#memberToolsandSearch #search div.searchIconX img {
	margin-top: 0px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown {
	background: #ffffff; 
	position:absolute; 
	top: 24px; 
	left: -246px; 
	width: 268px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	border:2px solid #000;
	z-index:-1;
	/*visibility: visible;*/
	/* z-index handled in z-index.css, because this element crosses stylesheets */
}

#memberToolsandSearch #search div.searchIconX div
 h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;	
	color: #000000;
	width: 260px;
	margin-left: 14px;
	margin-top: 20px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown h2 span.small {
	font-size:12px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .results ,
#memberToolsandSearch #search div.searchIconX div.dropdown .resultstxt {
	height: auto;
	width: auto;
	padding: 8px 0px 8px 10px;
	margin: 0 auto;
	background-color: #ffffff;
	z-index:2000;
}


#memberToolsandSearch #search div.searchIconX div.dropdown .resultstxt {
	/*padding-left:5px;*/
}

#memberToolsandSearch #search div.searchIconX div.dropdown .results img {
	border:solid 1px #d7d7d7;
	margin-top:0px;
	margin-right: 25px;
	float:left;
	width: 45px;
	height: 45px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .results h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;	
	color: #3c3c3c;
	margin-top:0px;
	float: left;
	width: 171px;
}
#memberToolsandSearch #search div.searchIconX div.dropdown .results h3 a,
#memberToolsandSearch #search div.searchIconX div.dropdown .results h3 a:hover {
    color: #3c3c3c;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .results p {
	font-size: 12px;
	font-weight: 700;	
	color: #3c3c3c;
	width: 180px;
	float:right;
	font-weight:normal;
	float: left;
	width: 171px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .results p a,
#memberToolsandSearch #search div.searchIconX div.dropdown .results p a:hover
{
    color: #3c3c3c;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .resultstxt h3 {
	font-size: 12px;
	font-weight: bold;	
	color: #3c3c3c;
	margin-top:0px;
	margin-bottom: 6px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .resultstxt h3 a {
	color:#000000;
	text-decoration:none;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .resultstxt p {
	font-size: 12px;
	font-weight:100;	
	color: #3c3c3c;
	width: 260px;
	margin-right:6px;
}

#memberToolsandSearch #search div.searchIconX div.dropdown .resultstxt p a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	margin-right:6px;
}


#memberToolsandSearch #search div.searchIconX:hover div.dropdown 
{
	 /*
    display: block; 
    z-index handled in z-index.css, because this element crosses stylesheets 
    */		
}

#memberToolsandSearch #search div.searchIconX div.dropdown div.imgResult {
    border:1px solid #d7d;    
}


#memberToolsandSearch a.close_dropdown {
    position:relative;
    float:right;
    margin:4px 9px 0 0;
    background-color:#fff;
    border:1px solid #000;
    color:#000;    
    display:block;
    height:15px;
    width:15px;
    text-align:center;
    font-weight:normal;
    z-index:2000;
}

#headerLinks {
	position: absolute;
	top: 45px;
	right:0px;
	z-index:-2;
}

#headerLinks,
#headerLinks a,
#headerLinks a:visited {
	font-weight:bold;
	color: #b9b9b9;
	text-decoration:none;
}

#headerLinks a:hover{
	text-decoration:underline;
	background: none; 
}

.flr {
	float: right;
}

.hidden
{
    display:none;
}

/* Dialog
----------------------------------*/
.ui-dialog 
{ 
    position: relative; 
    padding: .2em; 
    width: 300px; 
}

.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; background-color:#ffffff; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 18px; margin: -10px 0 0 0; padding: 1px; height: 18px; background-image:url(/assets/images/btn_sq_18_x.gif); background-repeat:no-repeat; cursor:pointer;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; border:none; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: #ffffff; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { 
	text-align: left; 
	border-width: 1px 0 0 0; 
	background-color:#ffffff; 
	margin: .5em 0 0 0; 
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }