@font-face {
	font-family: "HelveticaNeueLTStd Bd";
	src: url('fonts/631835938-helveticaneueltstdbd.eot');
	src: url('fonts/631835938-helveticaneueltstdbd.eot?#iefix') format('embedded-opentype'),
	url('fonts/631835938-helveticaneueltstdbd.svg#HelveticaNeueLT Std') format('svg'),
	url('fonts/631835938-helveticaneueltstdbd.woff') format('woff'),
	url('fonts/631835938-helveticaneueltstdbd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeueLTStd Md";
	src: url('fonts/499359131-helveticaneueltstd-md-webfont.eot');
	src: url('fonts/499359131-helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/499359131-helveticaneueltstd-md-webfont.svg#Helvetica Neue LT Std') format('svg'),
	url('fonts/499359131-helveticaneueltstd-md-webfont.woff') format('woff'),
	url('fonts/499359131-helveticaneueltstd-md-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeueLT Std Blk";
	src: url('fonts/835449219-HelveticaNeueLTStd-Blk.eot');
	src: url('fonts/835449219-HelveticaNeueLTStd-Blk.eot?#iefix') format('embedded-opentype'),
	url('fonts/835449219-HelveticaNeueLTStd-Blk.svg#HelveticaNeueLT Std Blk') format('svg'),
	url('fonts/835449219-HelveticaNeueLTStd-Blk.woff') format('woff'),
	url('fonts/835449219-HelveticaNeueLTStd-Blk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "HelveticaNeueLT Std Thin";
	src: url('fonts/279663086-fontscorecom_h_helveticaneueltstd35thin.eot');
	src: url('fonts/279663086-fontscorecom_h_helveticaneueltstd35thin.eot?#iefix') format('embedded-opentype'),
	url('fonts/279663086-fontscorecom_h_helveticaneueltstd35thin.svg#HelveticaNeueLT Std Thin') format('svg'),
	url('fonts/279663086-fontscorecom_h_helveticaneueltstd35thin.woff') format('woff'),
	url('fonts/279663086-fontscorecom_h_helveticaneueltstd35thin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {
	margin:		0px;
	padding:		0px;
	color:			white;
	font-family:		'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-size: 		11px;
	background: black;
}
img {
	border:		0;
}
a {
	color:white;
}
a.lightwindow {
	color: #fc2561;
}
form {
	margin:		0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	border-color: transparent;
}

.logo{
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 1.8% 0;
	width: 21%;
}
.logo span{
	font-family: "HelveticaNeueLT Std Blk", Helvetica, Helvetica, Arial, sans-serif;
}
.tagline{
	font-size: 14px;
	padding: 0 1.8% 0;
	vertical-align: top;
}
div#selectradius {
	position: relative;
	height: 21px;
	width: 70px;
	border: 1px solid #505050;
	display: inline-block;
	background-color: #000;
	font-size: 11px;

}


#search_country {
	position: relative;
	height: 21px;
	width: 70px;
	border: 1px solid #505050;
	display: inline-block;
	background-color: #000;
	color: #fff;
}

#orig_country {
	position: relative;
	height: 21px;
	width: 70px;
	border: 1px solid #505050;
	display: inline-block;
	background-color: #000;
	color:#fff;
}

#dest_country {
	position: relative;
	height: 21px;
	width: 70px;
	border: 1px solid #505050;
	display: inline-block;
	background-color: #000;
	color: #fff;
}

.selectstloc {
	border-radius: 0;
	position: relative;
}

div#selectradius ul {
	list-style-type: none;
	margin: -1px 0 0 0;
	padding: 5px 0;
	border: 1px solid #505050;
	border-top:none;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	top: 19px;
	left: 0px;
	width: 69px;
}

div#selectradius ul li {
	margin: 0;
	padding: 1px 0px 1px 10px;
	-webkit-transition: all .2s ease-out;
	background-color: #000
}

div#selectradius ul li:hover {
	background-color: #505050;
}

.dd_button {
	margin: 8px 8px 0 0;
	float: right;
	border-top: 3px solid white;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid transparent;
}

.dd_current {
	display: block;
	padding: 3px 20px 2px 10px;
}
.searchformcell{
	/*padding-top:10px;(/
	/*padding-right: 10px;*/
	text-align: left;
}

#header {
	position:		relative;
	padding-bottom:	5px;
	width:			100%;
}

#maincont {
	margin: 0 auto;
	/*width:970px;
	height: 700px;*/
	background-color: black;

}
.pinpointlegend{
	/* padding-top: 15px; */
	font-size: 14px;
	width: 100%;
	vertical-align: top;
}
.pinpointlegend span{
	padding-left: 10px;
}
.pinpointlegend span:first-child{
	/* padding-left: 0px; */
}
.pinpointlegend span img{
	vertical-align: middle;
	padding-right: 5px;
}
#controls {
	float:		left;
	/*width:		970px;
	height: 		77px;*/
	background:		#000;
	margin-bottom:	5px;
	position: 		relative;
}
#locator {
	/*float:			left;
	height:			680px;
	width:			970px;*/
	z-index: 		0;	
	position:		relative;
	clear:			both;

}
#map {
	float:			right;
	width:			76.3%;
	/*height:		593px;*/
	position: relative;
	/* top: -72px; */
}

#panel {
	float:			left;
	width:			20%;	
	padding: 10px 1.8%;
	/*border-top:1px solid #808080;*/
	border: none;
}
#panel .panelscrollzone {
	overflow:		auto;
	/*height:		436px;*/
}
#panel table {
	border-spacing:	0px;
	border-collapse: 	collapse;
	padding:		0px;
	margin:		0px;
}
#panel table th {
	padding:		0 0 5px;
	text-align:		left;
	/*font-size:		10px;
	line-height:		20px;*/
	font-weight: normal;
	padding: 5px 0;
}
#panel table th a[action="sort_table"] {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
#panel table th a[action="sort_table"]:hover {
	text-decoration: 		underline;
	font-weight: 			bold;
	font-size: 			12px;
}
#panel table thead tr.poi {
	height: 			20px;
}
#panel table thead tr.poi th{
	font-size: 13px;
	font-weight: bold;
}
#panel table tfoot tr.poi {
	height: 			20px;
	font-size: 			10px; 
	padding-bottom: 		0px; 
	padding-top: 			0px; 
}
#panel table td {
	padding:10px 8px 10px 0; 
	margin:			0px;
	text-align:			left;	
	vertical-align:		top;
	line-height:			13px;
	line-height: 13px;
}
#panel table td.maneuver {
	border-left: 			0px solid #dbdce2;
	border-right:	 		0px solid #dbdce2;
	border-top: 			0px solid #dbdce2;

}
#panel table .prev_results {
	float:				left;	
	text-decoration: 		none;
}
#panel table .next_results {
	float:				right;	
	text-decoration: 		none;
}
#panel table tr.odd {
}
#panel table tr.even {
}
#panel table tr.active {
}
#panel table p {
	margin:			0px;
	padding:			0px;
}

#form table input {vertical-align: middle;}

#form table {
	font-size: 			12px;
	margin: 10px 0 0 10px;
}

#form {

}

#criteriarow {
	width:		970px;
	height: 		185px;
}

#criteriabox {
	width:		20%;
	float: left;
	/*border-top: 1px solid #808080;*/
	border: none;
	padding: 0px 1.8% 7px;
}

.criteriatitle{
	text-transform: uppercase;
	font-size: 10px;
	padding: 10px 5px 5px;
}
.criteriatitle span{
	font-weight: bold;
}
.storecritlist{
	padding-top: 5px;
}
.storecrit{
	background-color: #1e2020;
	height: 16px;
	margin-bottom: 2px;
	background-image: url(../img/checkbox.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.storecrit input{
	vertical-align: middle;
	margin: 0px;
	display: none;
}
.storecrit label{
	padding-left: 24px;
}

.storecrit input.show {
	display: inline;
}
.selected {
	background-position: 0 -52px;
}
.block {
	width: 50%;
	float: left;
}

a.address:link		{ text-decoration: underline; color: #fff; font-weight: bold; }
a.address:visited		{ text-decoration: underline; color: #666666; font-weight: bold; }
a.address:hover		{ text-decoration: underline;  }
a.address:active		{ text-decoration: underline; color: #993333; } 

a.store_name:link 		{text-decoration: none; text-transform: uppercase; font-weight:bold;}
a.store_name:visited 		{text-decoration: none; text-transform: uppercase; font-weight:bold;}
a.store_name:hover 		{text-decoration: none;  text-transform: uppercase; font-weight:bold;}
a.store_name:active 		{text-decoration: none; text-transform: uppercase; font-weight:bold;}

a.next_results:link { text-decoration: none; color: #666666; font-weight: bold; padding-left:5px; padding-right: 0px; text-align: right;}
a.next_results:visited { text-decoration: none; color: #666666; font-weight: bold;padding-left: 5px; padding-right: 0px; text-align: right;}
a.next_results:hover { text-decoration: none; padding-left:     5px; padding-right: 0px; text-align: right;}
a.next_results:active { text-decoration: none; color: #666666;padding-left:     5px; padding-right: 0px; text-align: right;}


a.prev_results:link { text-decoration: none; color: #666666; font-weight: bold;padding-left:0px; padding-right: 5px; text-align: right;}
a.prev_results:visited { text-decoration: none; color: #666666; font-weight: bold;padding-left:0px; padding-right: 5px; text-align: right;}
a.prev_results:hover { text-decoration: none;padding-left:0px; padding-right: 5px;  text-align: right;}
a.prev_results:active { text-decoration: none; color: #666666; padding-left: 0px; padding-right:5px; text-align: right; }

a[action="more_info"]:link { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="more_info"]:visited { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="more_info"]:hover { text-decoration: underline; color: #666666; font-weight: bold; } 
a[action="more_info"]:active { text-decoration: none; color: #666666; font-weight: bold; } 

a[action="show_all"]:link { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="show_all"]:visited { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="show_all"]:hover { text-decoration: underline; color: #666666; font-weight: bold; } 
a[action="show_all"]:active { text-decoration: none; color: #666666; font-weight: bold; } 

xml {
	width:		0;
	height:		0;
	display:	none;
}
.icon {
	position:       relative;
	width:          33px;
	height:         28px;
}

.icon img {
	position:	absolute;
	top:		0px;
	left:		0px;
	cursor:		pointer;
}
.icon div {
	position:		absolute;
	top:			4px;
	left: 1px;
	width:			28px;
	font-size:		12px;
	font-weight:		bold;
	font-family:		verdana;
	color:			white;
	text-align:		center;
	cursor:		pointer;
}
#center_marker {
	width: 		30px;
	height:		28px;
	cursor:		default;	
}
#center_marker img {
	position:	absolute;
	top:		0px;
	left:		0px;
	width: 		30px;
	height:		28px;
	cursor:		default;	
}
#ajax_activity {
	position:			absolute;
	top:				20px;
	right:				20px;
	width:				32px;
	height:				32px;        
	z-index:			99;
}

.address_helper {
	color:				gray;
	font-size:			11px;
}
#icon_bar {
	width:			250px; 
	float: right;
	text-align:	right; 
	padding-top:	5px;
	padding-right: 10px;
}
#icon_bar .title {
	font-size:			large;
	font-weight:		bold;
	padding-left:		3px;
}
#icon_bar .links {
	font-size:			11px;
	text-align:			right;
	vertical-align:		middle;
	padding-right:		3px;
	text-decoration:	none;
}
#icon_bar a.links {
	text-decoration:	none;
	white-space:		nowrap;
	padding-left:		0.75em;
	color:				#666666;
}
#icon_bar a.links img {
	vertical-align:		middle;
}




#navteqfooter {
	/* top: 666px; */
	position:       relative;
	margin-top:	5px;
	text-align:     left;
	font-size:      10px;
	font-weight:    bold;
	float:left;
	width:100%;
}

#w2gi_copyright {
	
	position:                       absolute;
	right:                          3px;
	bottom:                         3px;
	text-decoration:        	     none;
	font:                           bold 12px verdana;
	background:                     transparent;
	z-index:                        999;
	display:	none;
}
#navteq_copyright {
	background:                     transparent none repeat scroll 0%;
	bottom:                         3px;
	font-family:           	     verdana;
	font-size:                      12px;
	font-size-adjust:       	     none;
	font-stretch:                   normal;
	font-style:                     normal;
	font-variant:                   normal;
	font-weight:                    bold;
	left:                           3px;
	line-height:                    normal;
	position:                       absolute;
	text-decoration:                none;
	z-index:                        999;
}

#footer {
	/* top: 651px; */
	position:       	relative;
	margin-top:		4px;
	text-align:     	left;
	font-size:      	9px;
	/* font-weight:    	bold; */
	float:		left;
	width:		100%;
}

#intro_text {
	font-size: 12px;
	padding: 15px;
}

.search_toggle {
	color:#fff;
}

.search_button {
	margin: 0;
	padding: 5px 16px 5px 6px;
	vertical-align: middle;
	cursor: pointer;
	color: #aaa;
	font-size: 11px;
	font-family:  Helvetica, Arial, sans-serif;
	font-weight: bold;
	display: inline-block;
	/*border: 1px solid #505050;*/
	border: none;
	background: url('../img/nav_search.png') center right no-repeat;
	text-align: left;
}

.submit_button {
	margin: 0;
	padding: 3px 8px;
	vertical-align: middle;
	cursor: pointer;
	color: #000;
	font-size: 11px;
	font-family:  Helvetica, Arial, sans-serif;
	font-weight: bold;
	display: inline-block;
	border: 1px solid #505050;
	background:	white;
	text-align: center;
}

.storeType_1 a,
.storeType_2 a,
.storeType_3 a{
	height: 27px;
	width:	23px;
	display: block;
}
.storeType_1 a{
	background: url("http://hosted.where2getit.com/maybelline/img/legend-store-type-1.png") no-repeat scroll top center transparent;
}
.storeType_2 a{
	background: url("http://hosted.where2getit.com/maybelline/img/legend-store-type-2.png") no-repeat scroll top center transparent;
}
.storeType_3 a{
	background: url("http://hosted.where2getit.com/maybelline/img/legend-store-type-3.png") no-repeat scroll top center transparent;
}

.hidetext {display:none;}
.showUS {display:inline;}
.showCA {display:inline;}


.SHOW {display:none;}

.panelscrollzone {
	outline: none;
}
.jspVerticalBar {
	width:6px;
}
.jspTrack {
	background: #212121;
}
.jspDrag {
	background: #fff;
}

#driving_directions {
	padding: 20px 16px 10px;
}
#driving_directions table{
	width:100%;
}
#driving_directions td{
	text-align: left;
	padding-left: 0px;
}
#driving_directions .logo, #driving_directions .tagline{
	padding-left: 14px;
	width: 21%;
}
#driving_directions td.nopaddingleft{
	padding-left: 0px;
}
#driving_directions td.lastelt{
	text-align: right;
}
#driving_directions td label{
	padding-right: 5px;
}
input.searchaddressentry {
	font-size: 		11px; 
	/*border: 1px solid #808080;*/
	border: none;
	color: #fff;
	background-color: transparent;
	padding: 2px 2%;
	width: 75%;
	outline: none;
}
input.addressentry {
	font-size: 		11px; 
	border: 1px solid #808080;
	color: #fff;
	background-color: transparent;
	padding: 2px 5%;
	width: 78%;
	outline: none;
}
.maneuverstitle{
	color: #fc2561;
	text-transform: uppercase;
}

#locator_search table{
	width: 100%;
}





.box{
	width:308px;
	margin:50px auto;
	background-color: black;
	color: white;
	position: relative;
	padding-bottom: 10px;
}
.box .closewhite{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 18px;
	height: 18px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background:url(http://hosted.where2getit.com/maybelline/img/close-white.png) no-repeat;
}
.box h1 {
	border-bottom: 1px solid #3d3d3d;
	color:			white;
	font-family:		'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-size: 		12px;
	background: black;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 12px 0 10px 19px;
}

.box .mapbox {
	text-align: left;
	margin:0px;
	width: 269px;
	height:176px;
	padding: 9px 20px 7px 19px;
	background: black;
}
.box .mapbox img {text-align: center;}
.box .storename{
	font-weight: bold;
	font-size: 16px;
}
.box .storeaddress{
	font-size: 12px;
}
.box .storephone{
	font-weight: bold;
	font-size: 12px;
}

.box .divmargin {
	width: 269px;
	padding: 9px 20px 7px 19px;
}
.box .divmargin2 {
	padding: 59px 20px 50px 19px;
}
.box .emailcta{
	text-transform: uppercase;
	color: #fc2561;
	font-size: 11px;
}
.box .labelinput{
	display: block;
	text-transform: uppercase;
	font-size: 11px;
}
.box .labelinput span{
	color: #fc2561;
}
.box .errormsg{
	font-size:11px;
	color: #e42a18;
}
.box input, .box textarea{
	background-color: transparent;
	border: 1px solid #383838;
	color: #fff;
	width: 246px;
	outline: none;
	font-family: 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-size: 11px;
}
.box input.errorfield{
	border-color: #e42a18;
}
.box .go_button{
	border: medium none;
	margin: 0;
	padding: 3px 6px;
	vertical-align: middle;
	cursor: pointer;
	color: black;
	background-color: white;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 11px;
	font-family:  Helvetica, Helvetica, Arial, sans-serif;
	font-weight: bold;
	width: auto
}
.box .mandatorylegend{
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #e42a18;
	font-size: 10px;
	font-style: italic;
}
.box #confirmation{
	/*padding-bottom: 300px;*/
}
.box #confirmation p {
	border-bottom: 1px solid #3d3d3d;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 12px 0 10px 19px;
}
.box #confirmation p.confirmphrase {
	border-bottom: none;
	text-transform: none;
	font-weight: normal;
	margin: 0;
	padding: 12px 0 10px 19px;
}
.box .noresult{
	color: #e5371b;
}
.box .noresult p{
	text-align: center;
	margin: 0;
	display: inline-block;
}
.tab1 {
	/* width: 136px;
	height: 20px;
	left: 0px;
	top: 0px; */
}
.tab1label {
	width: 136px;
	height: 18px;
	left: 0px;
	top: 0px;
	font-weight: normal;
	padding-top: 2px;
	color: #fff;
	/* text-transform: uppercase; */
}
.activetab{
	background-image: none;
	background-color: rgb(252, 37, 97);
}
.tab2 {
	/* width: 136px;
	height: 20px;
	left: 136px;
	top: 0px; */
}
.nonactivetab {
	background-image: none;
	background-color: #000;
}
.tab2label {
	width: 136px;
	height: 18px;
	left: 136px;
	top: 0px;
	font-weight: normal;
	padding-top: 2px;
	color: #fff;
	/* text-transform: uppercase; */
}
.mainbubblelocationname {
	font-size: 14px;
}
.dir, .tab_content a {
	color:rgb(252, 37, 97);
}
.tab_content input[type=submit]{
	border: medium none;
	margin: 0;
	padding: 3px 6px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background-color: #000;
	border-radius: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}