/* CSS Document */


html { overflow-y:visible}

body.main {
	/*background: #20a3dc;*/
	background: #eeeeee;
    /*overflow-y: scroll;*/
} 

body {
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 300;	
}

.mwidth {
	max-width: 1440px !important;
    margin: 0 auto !important;
}

a {
  outline: 0 !important;
}

a:hover, a:focus {
	color: #0471a0;
	text-decoration: underline !important;
}

/*
a:link, a:visited, a:active {
	color: #0471a0;
	text-decoration: underline;	
}
*/

a.accordion-toggle:link, a.accordion-toggle:visited, a.accordion-toggle:active {

	text-decoration: none;	
}


a.wholesale:link, a.wholesale:visited, a.wholesale:active{
	color:#0471a0;
	text-decoration:none;
}

a.wholesale:hover{
	/*color:#0471a0;*/
	text-decoration:underline;
}

.topBorderColor{ 
	background-color: #20a3dc;
	height:5px;
	padding:0;
	z-index:1;
}

#ProAlertTerms.alert {
	margin-bottom: 0;
	border-radius: 0;	
}
/********************************************

	New Look Stuff 
	
********************************************/

#drop-zone {
    border: 2px dashed #c0c0c0;
    border-radius: 6px;
    color: #a1a1a1;
    height: 75px;
    padding: 10px;
    width: 100%;
}

.file-drop-zone input[type="file"] {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 75px;
    left: 15px;
    opacity: 0.01;
    position: absolute;
    top: 10px;
    width: 95%;
}

#upload {
    display: table;
    margin: 15px 0 0;
    padding: 0;
    width: 100%;
}

.alert.pro-alert {
	margin-bottom: 0;
	border-radius: 0;
	font-weight: 600;
}

.modal-body .pro-rating .glyphicon, .modal-body .web-rating .glyphicon {
    font-size: 1.5em;
}
.web-rating.delete-feedback span.glyphicon-star-empty, .modal-body .web-rating span.glyphicon-star-empty, .modal-body .pro-rating span.glyphicon-star-empty {
    color: #ccc;
}

.modal-body .web-rating span.glyphicon-star {
	color: rgba(252, 179, 33, 1);
	
}
.web-rating span.glyphicon {
    cursor: pointer;
}

.web-rating.delete-feedback .glyphicon {
	font-size: 2em	
}


#rowPRO h3 {margin-top: 10px; }

#rowPRO {background: #e9e9e9;}

#rowPRO2 h4 {margin-top: 0px; margin-bottom: 0px; text-align: center; }
#rowPRO2 h5 {margin-top: 20px; margin-bottom: 20px; text-align: center; }
#rowPRO2 {background: #fdf6cd; transition: background 1s linear; }

#rowPRO2.itemContainer {
	background-image: url('../images/proresult.png');
	background-size: cover;
    background-position: 0 -80px;
	border-color: #f5e79e;
}

#rowPRO2.itemContainer {
   min-height: auto !important;
}

#rowPRO2 h4 {
  padding: 15px;
}

#alertP.alert, #alertError.alert {
    margin: -7px -20px 0;
	text-align: center;
}

#alertP.alert a {
	text-decoration: none;	
}
.panel-default > .panel-heading:hover {
	background: #eee;	
}
.tab-content .panel-heading {
	padding: 0;	
}

#accordion .panel-heading h4 {
	padding: 10px 15px;	
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
	margin-right:10px;
	margin-top: -26px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-heading {
	padding: 0 !important;	
}

#MapTab .fb-like { margin-bottom: 5px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mlm7 { margin-left: -7px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml40 { margin-left:40px; }
.mt5 { margin-top:5px; }
.mr5 { margin-right:5px; }
.mt5 { margin-top:5px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.p10 { padding:10px; }
.pb15 { padding-bottom:15px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pl5 { padding-left:5px; }
.pl30 { padding-left:30px; }
.pl50 { padding-left:50px; }

	.itemContainer .result-logo {
		width: 150px	;
		position:absolute;
		top: 15px;
		left: 15px;
	}
	.itemContainer {
		border: 1px solid #d3d3d3;
		border-radius: 5px;
		padding: 15px;
		min-height: 118px;	
	}
	
	.result-right {
		width: 130px	;
		position:absolute;
		top: 15px;
		right: 15px;
	}
	
	h2.CompanyName {
		font-size: 1.35em;
		margin: 10px 0;
		font-weight:400;	
	}
	
	h2.CompanyName a {text-decoration: none; color: #333;}
	
	.result-middle-content {
		padding: 0 160px 0 170px;	
	}
	
	.result-middle-content p.bodyCopy {
		margin-left: 0;	
	}
	
	.resultsmiddle {
		padding: 0;	
		margin-bottom: 15px;
	}
	
	.itemContainer {
		position: relative;	
	}
	
	.result-icons {
		margin-top: 10px;
		font-size: 1.2em;
	}
	.result-icons a { color: #a1a1a1; text-decoration: none; }
	
	.result-icons .fa {
		margin-right: 8px;	
	}
	
	p.profile-view {
		font-weight: 400;
		margin: 15px 0 0 0;	
	}
	
	.profile-view a .fa {
		color: #333;	
	}
	
	.result-right p {
		margin: 0 0 0 0;	
	}
	
	.result-right .form-group {
		min-height: 0;
		margin-bottom: 0;	
	}
	
	.result-list-add {
		margin-top: 10px;	
	}
	.result-list-add label { font-weight: 600;}
	
	.result-logo img {
    width: 100%;
}


.resultFeedback a .fa-star { color: rgba(252, 179, 33, 1); }

.resultFeedback .fa-star-o { color: #878787; }


	.test-inner::after {
    border-left: 0 inset transparent;
    border-right: 22px inset transparent;
    border-top: 22px solid #e9e9e9;
    bottom: -22px;
    content: "";
    display: block;
    height: 0;
    left: 50px;
    position: absolute;
    width: 0;
}
*::before, *::after {
    box-sizing: border-box;
}
.test-inner {
    background: #e9e9e9 none repeat scroll 0 0;
    border-radius: 5px;
    font-style: italic;
    margin-bottom: 25px;
    padding: 20px;
    position: relative;
	font-size: 1.1em;
	line-height:1.8em;
}
.test-name { padding-left: 20px; font-weight: 400;}

.test-container {
	margin-top: 30px;	
}

.resultItem { width: 100%; padding: 5px 0; position: relative; display:table;}

.resultItem {
    border-bottom: 1px solid #c3c3c3;
}

.resultItem:last-child {
	border: none;	
}

.row.recent-sub {cursor: pointer; }

.resultItem, .row.recent-sub {
	background: transparent; 
	transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
    -ms-transition: background 1s; /* IE9 (maybe) */
}

.resultItem:hover, .row.recent-sub:hover {
	background: rgba(255,236,145,.4);	
}

.resultLeft, .resultMiddle, .resultRight {
	display: table-cell;
	vertical-align:top;	
}

.resultLeft {
	width: 30px;	
	text-align: center;
}
.resultLeft input {
	margin-top: 5px;	
}

.resultMiddle {
	padding: 0 10px 0 5px;
	width: auto;
	box-sizing: border-box;
}

.resultRight { 
	width: 90px;
	text-align:right;
}
.resultFeedback, .proFeedback  {
	line-height: .5em;
	padding-right: 7px;
	}

.resultFeedback .SecondaryText, .iw-content .SecondaryText {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: .7em;	
	color: #878787;
}
.resultName {padding-left: 0; font-weight: 600; }

.resultFeedback span.glyphicon {
    color: rgba(252, 179, 33, 1);
    font-size: 0.65em;
}

.rating-stars { width: 100px; }

/**********************************************

	iconography 
	
**********************************************/

a.add,
a.add2,
a.back,
a.settings, 
a.view, 
a.save,
a.download, 
a.map,
a.facebook, 
a.GooglePlus, 
a.pinterest, 
a.twitter, 
a.yelp,
a.LinkedIn,
a.youtube,
a.instagram,
a.directions, 
a.print, 
a.back, 
a.network, 
a.project, 
a.queue, 
a.cancel, 
a.comment, 
a.delete, 
a.remove, 
a.update, 
a.send, 
a.profile, 
a.edit, 
a.store, 
a.dashboard, 
a.email,
a.reorder, 
a.mobile,
a.interactive,
a.lit,
a.website,
a.photo,
a.rate,
a.offer,
a.video, 
a.marker,
a.export,
a.hide-up, 
.export, 
a.reply {
	font-weight: 400;	
	color: #333;
	text-decoration:none;
}

a.add:hover,
a.add2:hover,
a.back:hover,
a.hide-up:hover,
a.settings:hover, 
a.view:hover, 
a.save:hover,
a.download:hover, 
a.map:hover,
a.facebook:hover, 
a.GooglePlus:hover, 
a.pinterest:hover, 
a.twitter:hover, 
a.yelp:hover,
a.LinkedIn:hover,
a.youtube:hover, 
a.instagram:hover, 
a.directions:hover, 
a.print:hover, 
a.back:hover, 
a.network:hover, 
a.project:hover, 
a.queue:hover, 
a.cancel:hover, 
a.comment:hover, 
a.delete:hover, 
a.remove:hover, 
a.update:hover, 
a.send:hover, 
a.profile:hover, 
a.edit:hover, 
a.store:hover, 
a.dashboard:hover, 
a.email:hover,
a.reorder:hover,
a.mobile:hover,
a.interactive:hover,
a.lit:hover,
a.website:hover,
a.photo:hover,
a.rate:hover,
a.offer:hover,
a.video:hover,
a.marker:hover,
a.export:hover,
a.reply:hover,
span.export:hover {
	color: #0471a0;
	text-decoration:none;
}


a.add::before,
a.add2::before,
a.back::before, 
a.hide-up::before,
a.settings::before, 
a.view::before, 
a.save::before, 
a.download::before, 
a.map::before, 
a.facebook::before, 
a.GooglePlus::before, 
a.pinterest::before, 
a.twitter::before, 
a.yelp::before,
a.LinkedIn::before,
a.youtube::before, 
a.instagram::before, 
a.directions::before, 
a.print::before, 
a.back::before, 
a.network::before, 
a.project::before, 
a.queue::before, 
a.cancel::before, 
a.comment::before, 
a.delete::before, 
a.remove::before, 
a.update::before, 
a.send::before, 
a.profile::before, 
a.edit::before, 
a.store::before, 
a.dashboard::before, 
a.email::before, 
a.reorder::before,
a.mobile::before,
a.interactive::before,
a.lit::before,
a.website::before,
a.photo::before,
a.rate::before,
a.offer::before,
a.video::before, 
a.marker::before,
a.export::before,
a.reply::before,
span.export::before {
	color: #20a3dc;

}


.add {
	padding-left:20px;
	display:inline-block;
	position:relative;
}

.add::before {
	position: absolute;
	content: "\e081";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'Glyphicons Halflings';
		
}


.hide-up {
	padding-left:14px;
	position:relative;
}



.hide-up::before {
	position: absolute;
	content: "\f0d8";
	font-size: 1em;
	top: 50%;
	margin-top: -.65em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
	
}

.export {
	padding-left:20px;
	position:relative;
}



.export::before {
	position: absolute;
	content: "\f14d";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
	
}

.reply {
	padding-left:20px;
	position:relative;
}

.reply::before {
	position: absolute;
	content: "\f122";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}
.back {
	padding-left:20px;
	position:relative;
}

.back::before {
	position: absolute;
	content: "\f0a8";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.marker {
	padding-left:20px;
	position:relative;
}

.marker::before {
	position: absolute;
	content: "\f041";
	font-size: 1em;
	top: 0;
	margin-top: 0px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.offer {
	padding-left:20px;
	position:relative;
}

.offer::before {
	position: absolute;
	content: "\f02c";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}


.mobile {
	padding-left:14px;
	position:relative;
}

.mobile::before {
	position: absolute;
	content: "\f10b";
	font-size: 1.3em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.interactive {
	padding-left:13px;
	position:relative;
}

.interactive::before {
	position: absolute;
	content: "\f0e7";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.lit {
	padding-left:20px;
	position:relative;
}

.lit::before {
	position: absolute;
	content: "\f1c1";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.website {
	padding-left:19px;
	position:relative;
}

.website::before {
	position: absolute;
	content: "\f0ac";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.photo {
	padding-left:22px;
	position:relative;
}

.photo::before {
	position: absolute;
	content: "\f083";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.video {
	padding-left:22px;
	position:relative;
}

.video::before {
	position: absolute;
	content: "\f03d";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.rate {
	padding-left:22px;
	position:relative;
}

.rate::before {
	position: absolute;
	content: "\f087";
	font-size: 1em;
	top: 0;
	margin-top: 0px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}
.reorder {
	padding-left:23px;
	position:relative;
}

.reorder::before {
	position: absolute;
	content: "\f079";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.settings {
	padding-left:20px;
	position:relative;
}

.settings::before {
	position: absolute;
	content: "\f013";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.view {
	padding-left:24px;
	position:relative;
}

.view::before {
	position: absolute;
	content: "\f1e5";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.save {
	padding-left:20px;
	position:relative;
}

.save::before {
	position: absolute;
	content: "\f0c7";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.download {
	padding-left:20px;
	position:relative;
}

.download::before {
	position: absolute;
	content: "\f01a";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.map {
	padding-left:24px;
	position:relative;
	
}

.map::before {
	color: #0471a0;
	position: absolute;
	content: "\f278";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.facebook {
	padding-left:20px;
	position:relative;
}

.facebook::before {
	position: absolute;
	content: "\f230";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}


.GooglePlus {
	padding-left:20px;
	position:relative;
}

.GooglePlus::before {
	position: absolute;
	content: "\f0d5";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.pinterest {
	padding-left:20px;
	position:relative;
}

.pinterest::before {
	position: absolute;
	content: "\f0d2";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.twitter {
	padding-left:20px;
	position:relative;
}

.twitter::before {
	position: absolute;
	content: "\f099";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.LinkedIn {
	padding-left:20px;
	position:relative;
}

.LinkedIn::before {
	position: absolute;
	content: "\f0e1";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.yelp {
	padding-left:20px;
	position:relative;
}

.yelp::before {
	position: absolute;
	content: "\f1e9";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 5px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.youtube {
	padding-left:20px;
	position:relative;
}

.youtube::before {
	position: absolute;
	content: "\f167";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.instagram {
	padding-left:20px;
	position:relative;
}

.instagram::before {
	position: absolute;
	content: "\f16d";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}



.directions {
	padding-left:20px;
	position:relative;
}

.directions::before {
	position: absolute;
	content: "\f277";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}


.print {
	padding-left:20px;
	position:relative;
}

.print::before {
	position: absolute;
	content: "\f02f";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}



.back {
	padding-left:20px;
	position:relative;
}

.back::before {
	position: absolute;
	content: "\f0a8";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.network {
	padding-left:20px;
	position:relative;
}

.network::before {
	position: absolute;
	content: "\e144";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'Glyphicons Halflings';
		
}


.project {
	padding-left:20px;
	position:relative;
}

.project::before {
	position: absolute;
	content: "\f115";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.queue {
	padding-left:20px;
	position:relative;
}

.queue::before {
	position: absolute;
	content: "\f017";
	font-size: 1.12em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}




.cancel {
	/*background: url(../images/cancel.gif) no-repeat 0 50%;*/
	padding-left:20px;
	position:relative;
}

.cancel::before {
	position: absolute;
	content: "\f057";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
 	font-weight: normal;
	font-family: 'FontAwesome';
		
}


.close,.assign,.success {
	padding-left:20px;
}

.assign::before, .assign::before {
	position: absolute;
	content: "\f058";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.modal-header .close::before {
	content: '';	
}

.comment {
	padding-left:20px;
	position:relative;
}

.comment::before {
	position: absolute;
	content: "\f0e6";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.delete {
	padding-left:20px;
	position:relative;
}

.delete::before {
	position: absolute;
	content: "\f014";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}

.email_remove_box .delete::before {
	position: relative;
	top: 5px;	
}

.remove {
	padding-left:20px;
	position:relative;
}

.remove::before {
	position: absolute;
	content: "\f056";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}


.update {
	padding-left:24px;
	position:relative;
}

.update::before {
	position: absolute;
	content: "\f01e";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
		
}



.send {
	padding-left:20px;
	position:relative;
}

.send::before {
	position: absolute;
	content: "\f1d9";
	font-weight: normal;
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
 	font-family: 'FontAwesome';
		
}

th.send::before {
	top: 9px;
	color: #333;
	left: 8px;	
}


.profile {
	padding-left:20px;
	position:relative;
}

.profile::before {
	position: absolute;
	content: "\f15b";
	font-weight: normal;
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
 	font-family: 'FontAwesome';
		
}

.edit {
	padding-left:20px;
	position:relative;
}

.edit::before {
	position: absolute;
	content: "\f040";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
 	font-family: 'FontAwesome';
		
}

.store {
	padding-left:20px;
	position:relative;
}

.store::before {
	position: absolute;
	content: "\f07a";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
 	font-family: 'FontAwesome';
		
}

.dashboard {
	padding-left:20px;
	position:relative;
}

.dashboard::before {
	position: absolute;
	content: "\f0e4";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
 	font-family: 'FontAwesome';
		
}

.view-bids {
	padding-right: 25px;
	position:relative;
}
.view-bids::before {
	 /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
	margin-right:10px;
	margin-top: 0;
	font-size:.7em;
}

.email {
	padding-left: 20px;
	position:relative;
}

.email::before {
	position: absolute;
	content: "\f0e0";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'FontAwesome';
}


/**********************************************

	Navs 

 **********************************************/
 
/* flags */

.country-flag-us img { width: 30px; }

.country-flag-us { margin: 9px 5px 0 0; }

.country-flag-ca img { width: 23px; }

.country-flag-ca { margin: 12px 0 0 0; opacity: .8; transition: opacity ease 1s; }

.country-flag-ca:hover { opacity: 1; }

@media (min-width: 766px) {
	.navbar {
	   min-height: 125px;
	}
	#tabs ~ div {
	  margin-top: 30px;
	}
}

#tabs #admintabs {
    bottom: -1px;
    left: 40px;
    position: absolute;
    z-index: 2;
}

#tabs ul#admintabs li a {
    color: #fff;
    display: block;
    font-size: 1.15em;
    font-weight: 300;
    padding: 0.65em 1em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s linear 0s;
}

#tabs ul#admintabs li a:hover,
#tabs ul#admintabs li a:focus {
	color: #ccc;
	text-decoration: none !important;	
}

#tabs ul#admintabs li a.current {
    background: #20a3dc none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0.35);
    border-style: solid;
    border-width: 1px 1px 0;
    color: #fff;
}

.headerContainer a {
    color: #fff;
}

.headerContainer a:hover {
  color: #fff;
  text-decoration: none !important;
}

.headerContainer a.btn:active {
  -webkit-box-shadow: none;
   box-shadow: none;
}

.headerContainer .modal-body a {
	color: #0471a0;	
}

.navbar-right span.glyphicon {
	margin-right: 3px;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	text-decoration: none;	
	transition: color 0.3s linear 0s;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #ccc;
}

.navbar-brand {
    height: 85px;
/*	width: 240px;*/
	padding: 15px 15px !important;
}

.navbar-brand img {
	height: 45px;
}

.navbar {
	margin-bottom: 0;
}	

.outerContentShell{
	background-color: #fff;
	padding: 15px;
	margin: 0 0 25px 0;
	text-align: left;	
	z-index:1;
	min-height: 400px;	
}

.innerContentShell{
	 background-color: #ffffff;
	 position:relative;	
	 z-index:1;
	 min-height: 380px;	  
	
}

.innerContentShellMsg{
	 background-color: #ffffff;
	 border: 1px solid #B3B3B3;
	 padding: 10px;
	 margin: 15px;
	 text-align: left;
	 position:relative;	
	 z-index:1;	
	 min-height: 180px;
   
	
}

.navbar-inverse {
    background-color: transparent;
    border: medium none;
	background-image: none;
}

.headerContainer{
	background: #616060;
    border-top: 5px none #20a3dc;
    padding: 0;
    position: relative;
	font-weight:300;
	
}

.headerContainer::after {
    background: #20a3dc none repeat scroll 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.35);
    bottom: -8px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.headerContainerresults{
	background-color: red;
	padding: 0px;
	height:114px;
	width:950px;
	text-align: left;
	position:relative;
	margin: 0;	
	z-index:1;		  	  		  
	
}


.logoHeaderhome{
	float:left;
	margin:18px 0 0 0;
}

.navHeaderhome{
	float:right;
	position:relative;
	width:654px;
	
}

.topNav{
	padding: 9px 9px 0 9px;
	color:#afafaf;
    position:absolute;
	top:0;
	right:0;

}

	.footerContainer{
		color: #0471a0 !important;
		margin: 20px 40px;
	}

	.footer-left-copy {
	  margin-top: 20px;
	  padding-left: 0px !important;
	}
	
	.footer-right-copy {
		margin-top: 20px;
		text-align: right;
	}
	
	.footer-right-copy a {
		margin-right: 15px;
	}

@media (max-width: 767px) {

	.col-sm-6.footer-left-copy {
	   margin-left: -15px;
	}

	.col-sm-6.footer-left-copy li {
	   margin-top: 20px;
	   padding: 0 10px;
	}

	.col-sm-6.footer-right-copy {
	  width: 100%;
	  float: left;
      text-align: left;
	  margin: 20px 0 0 -20px !important;
	}
}

@media (min-width: 767px) {
.footer-left-copy {
		margin: 0 0 40px -10px !important;
	  }
	  .footer-right-copy {
		margin: 0 0 40px 0 !important;
	  }
	}

.footer-text {
	text-align: center;
	margin-top: 30px;	
}
.footerContainer a { color: #0471a0 !important; }

.footerContainer a:hover { color: #024663 !important; text-decoration:none !important; }

.footerContainer ul { list-style:none; }

.footerContainer ul li { 
padding: 0 0 5px 15px; 
list-style: none;
float:left;
color: #0471a0;
}

@media (max-width: 767px) {
	 .footerContainer {
		position: relative;
		top: 20px;
	  }
	.footerContainer ul li {
		float: none;
	}
	#AllFooterLinks li {
		margin: 0 0 10px;
		line-height: 12px !important;
	  }
}

.chatNav{
	position: absolute;
	top: 41px;
	right:0px;
		
}

.linksNav{
	float:right;
	padding: 2px 6px 0 6px;
}

.socialFlagNav{	
	float:right;
	
	
}

.separator{
	height:24px;
	padding: 0;
	border-right:1px solid #B3B3B3;
}

.spaceLtRt3{
	margin: 0 0 0 6px;
	vertical-align:top;
}

.spaceLtRtT3{
	margin: 0px 0 0 6px;
	vertical-align:top;
}

.spaceRt15{
	padding: 0 15px 0 6px;
	border-right:1px solid #B3B3B3;
}

.spaceLt15{
	padding: 0px 0 0 15px;
	vertical-align:top;
	
}



.nonselectednav {
	float: right;
	height: 20px;
	background: #fff;
	margin: -1px -1px 0 -1px;
	border: 1px solid #b3b3b3;
	color:#455560;
	padding: 8px 20px 0 20px;
	min-width:80px;
	text-align:center;
	cursor:pointer;
}

a.navBar:link, a.navBar:visited, a.navBar:active{
	color:#455560;
	cursor: pointer;
}

a.navBar:hover{
	color:#0471a0;
	cursor: pointer;
}
a.navBarlinks:link, a.navBarlinks:visited, a.navBarlinks:active{
	color:#455560;
	text-decoration:none;
	padding: 0 8px;
}
.chatNav a.navBar:link, .chatNav a.navBar:visited, .chatNav a.navBar:active {
	text-decoration: none;
	color: #455560;	
}

.chatNav a.navBar:hover {
	text-decoration: underline;	
}
a.navBarlinks:hover{
	/*color:#0471a0;*/
	text-decoration: underline;
}
.linksnav a.navBar:link, .linksnav a.navBar:visited, .linksnav a.navBar:hover, .linksnav  a.navBar:active {
}

.selectednav {
	float: right;
	height: 25px;
	background: #efefef;
	margin: -8px -1px 0 0;
	border: 1px solid #b3b3b3;
	border-bottom: 1px solid #efefef;
	padding: 10px 20px 0 20px;
	color: #455560;	
	min-width:80px;
	text-align:center;
	cursor:pointer;
}

.selectednavwhole {
	margin: -8px -1px 0 0;
}


.nonselectedProfileTab {
	float: right;
	height: 25px;
	background: #fff;
	margin: -1px 0 0 0;
	border: 1px solid #b3b3b3;
	color:#455560;
	padding: 8px 208px 0 20px;
	min-width:80px;
	text-align:center
}

.selectedProfileTab {
	float: right;
	height: 25px;
	background: #efefef;
	margin: 0;
	border: 1px solid #b3b3b3;
	border-bottom: 1px solid #efefef;
	padding: 15px 20px 0 20px;
	color: #455560;
}

.tabNav{
	padding: 86px 24px 0 0;	
}

.tabProfile{
	padding: 0;
	margin: 0 0 0 0;
	border:3px solid #ffffff;
		
}

.menuLinkText{
	color:#4f4f4f;
}



.buttonrowText{
	border-bottom:3px solid #ffffff;
	background-color:transparent;
	padding: 3px 0 3px 10px;
	color:#4f4f4f;	
}


.menuGreyText{
	color:#b3b3b3;
}


.menuLinkTextB{
	font-weight:	600;
	color:#4f4f4f;
}

.bottomborder{
	border-top: 1px solid #efefef;
	margin:0;
	padding:0 0 5px 0;
}




hr.dark{
color:#B3B3B3;
background-color: #b3b3b3;
height:1px;
}

.inputItems{	
	color:#b3b3b3;
}

h3.accord {
	color: #A63201;
	margin-bottom: 10px;
	border: 1px solid #B3B3B3;
}


.bottomborderDk{
	border-bottom: 1px solid #B3B3B3;
	margin:0;
	padding:0;
}
.menuLink {
	color: #b3b3b3;	
}


a.menuLink:link, a.menuLink:visited, a.menuLink:active{
	color:#4f4f4f;
	text-decoration:none;

}

a.menuLink:hover{
	/*color:#0471a0;*/
	text-decoration:underline;
}

/* buttons */
.button, a.button, a.button:link, a.button:active, a.button:visited {
	background: #20a3dc none repeat scroll 0 0;
    border-bottom: 3px solid #0471a0;
    border-style: none none solid;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    padding: 5px 15px;
    text-align: center;
	text-decoration:none;
	display:inline-block;
}


.button:hover, a.button:hover {  
  color: #555555 !important;
  background-color: #eee;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3) !important;
}

.buttonLink, a.buttonLink:link, a.buttonLink:visited, a.buttonLink:hover, a.buttonLink:active{
	color:#ffffff;
	text-decoration:none;
	background-color:#20a3dc;
	padding: 4px 12px 4px 12px;
	margin: 0px 0 3px 10px;
	height:auto;
	width:auto;
	vertical-align:middle;
	border: none;
	cursor:pointer;
}

.buttonInput{
	color:#ffffff;
	text-decoration:none;
	background-color:#20a3dc;
	padding: 3px 10px 3px 10px;
	margin: 3px 0 3px 10px;
	height:auto;
	width:auto;
	vertical-align:middle;
	border:0;
	cursor: pointer;
}

.buttonInputFlush{
	color:#ffffff;
	text-decoration:none;
	background-color:#20a3dc;
	padding: 3px 10px 3px 10px;
	margin: 3px 0 3px 0;
	height:auto;
	width:auto;
	vertical-align:middle;
	border:0;
	cursor: pointer;
}
a.buttonLinkFlush:link, a.buttonLinkFlush:visited, a.buttonLinkFlush:hover, a.buttonLinkFlush:active, a.buttonInputFlush:link, a.buttonInputFlush:visited, a.buttonInputFlush:hover, a.buttonInputFlush:active{
	color:#ffffff;
	text-decoration:none;
	background-color:#20a3dc;
	padding: 5px 15px 5px 15px;
	margin: 3px 0 3px 0;
	height:auto;
	width:auto;
	vertical-align:middle
}

a.buttonLinkFlushSm:link, a.buttonLinkFlushSm:visited, a.buttonLinkFlushSm:hover, a.buttonLinkFlushSm:active{
	color:#ffffff;
	text-decoration:none;
	background-color:#20a3dc;
	padding: 5px 8px 5px 8px;
	margin: 3px 0 3px -2px;
	height:auto;
	width:auto;
	vertical-align:middle;
}

a.buttonLinkFlush26:link, a.buttonLinkFlush26:visited, a.buttonLinkFlush26:hover, a.buttonLinkFlush26:active{
	color:#ffffff;
	text-decoration:none;
	background-color:#20a3dc;
	padding: 5px 15px 5px 15px;

}



.rowText{	
	background-color:#efefef;
	padding-left: 10px;
	height:24px;
	color:#4f4f4f;	
	border-bottom:3px solid #fff;border-top:3px solid #fff;
}

.rowStyle{	
	
	height:26px;
	color:#4f4f4f;

	
}

.searchSm{	
	color:#4c4c4c;
	width: 150px;
}

.searchDrop {
	color: #4c4c4c;	
}

.searchmed{	
	color:#4c4c4c;
	width: 180px;
}

.searchfeedbk{	
	color:#797979;
	width: 210px;
	
}

.homeTitle{
	color:#fff;
	margin:50px 0 30px 25px;
	padding:0;
}

.homeTitle_nat{
	color:#fff;
	position: absolute;
	top: 30px;
	right:15px;
}

.homeTitle_whole{
	color:#fff;
	position: absolute;
	top: 15px;
	left:30px;
}



.mdSearch {
	position: absolute;
	top: 55px;
	left: 25px;	
}
.homeNatSearch {
	 position: absolute; top: 90px; right: 15px; z-index:500;
}
.local_input {
	padding: 0 0 0 25px;	
}
.menuErrorText{
	position: absolute;
	top: 145px;
	left: 0;
	width: 893px;
	color:#6d0808;
	background: #fff;
	padding: 8px 0 8px 25px;
}

.emialErrorText{
	color:#6d0808;
	background: #fff;
	padding: 8px;
}




.tagline {
	margin: 8px 0 15px 0;	
}

a.bodyCopy:link, a.bodyCopy:visited, a.bodyCopy:active{
color:#4f4f4f;
text-decoration:none;
padding: 0;
}

a.bodyCopy:hover {
	text-decoration: underline; 
 }

a.bodyAds:link, a.bodyAds:visited, a.bodyAds:active{
color:#4f4f4f;
padding:0;
text-decoration:none;
}
 a.bodyAds:hover {
		text-decoration: underline; 
 }
.FontStd{
	color:#4f4f4f;
}

.FontStdDataOnly {
	color:#4f4f4f;
	margin: 0 10px 12px 0;	
	
}

.FontStdData p{
	color:#4f4f4f;
	margin: 0 10px 12px 0;	
}


.FontStdData a:link, .FontStdData a:visited, .FontStdData a:active{
	color:#455560;
	text-decoration: none;
}
.FontStdData a:hover {
	text-decoration: underline;	
}
.bodyCopyDomain{
	color:#0471a0;
}

.bodyCopyDomainLg{
	color:#0471a0;
}


span.bodyCopyNum{
	background: #20a3dc none repeat scroll 0 0;
    border: 1px solid #20a3dc;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    margin: 5px 0;
    padding: 4px 10px;
}



.bodycopyBlu{
	color:#455560;
}


.bodyCopyBold{
	color:#4f4f4f;
}

.bodyCopyBoldwht{
	color:#fff;
}


a.bodyCopyBold:link, a.bodyCopyBold:visited, a.bodyCopyBold:active{
color:#4f4f4f;
text-decoration:none
}
a.bodyCopyBold:hover {
	text-decoration: underline;	
}
.SecondaryText{
	color:#878787;
	font-size: .75em;
}

.SecondaryIText{
color:#878787;
}

.SecondaryITextNat{
color:#CCC
}

.testimonialName{
	color:#4f4f4f;
}

.testimonialItalic{
color:#4f4f4f;
}

a.SecondaryIText:link, a.SecondaryIText:visited, a.SecondaryIText:active{
color:#878787;
text-decoration:none
}
a.SecondaryIText:hover {
	text-decoration: underline;	
}
.Companyname, h2{
color:#455560;
margin: 0 0 0 0;
}

.Companyname a:link, .Companyname a:visited, .Companyname a:active {
	color: #4f4f4f;
	text-decoration:none;	
}
.Companyname a:hover {
	text-decoration: none;	
}
p.CompanyName {
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
}

#calloutAddress,
#calloutAddress .Companyname,
#calloutAddress .bodyCopy {
	display: block;
}

#calloutAddress .Companyname,
#calloutAddress .bodyCopy {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#calloutIcons {
	position: absolute;
	top: 60px;
}

.ResultExpanderText{
color:#455560;
}

.ResultSocial {
	margin-left: 7px;
	position: relative;
	top: 3px;
}

.signcosContainer {
	padding: 0 0 0 0;
	margin: 0;
	}
	
.signcosContainer .ResultExpanderText {
	width: 105px;
	padding: 0 0 0 0;	
}


a.Companyname:link, a.Companyname:visited, a.Companyname:active, a.FontNinerOrange:link, a.FontNinerOrange:visited, a.FontNinerOrange:active {
	color: #333;
text-decoration:none
}
a.Companyname:hover, a.FontNinerOrange:hover {
	text-decoration: none;	
}
a.ResultExpanderText:link, a.ResultExpanderText:visited, a.ResultExpanderText:active {
padding: 0 10px;
text-decoration:none;
margin: 0;
}

/*
a.ResultMore:link, a.ResultMore:visited, a.ResultMore:active {
	padding: 6px 6px 6px 12px;
	text-decoration:none;
	margin: 0;
}
*/

a.ResultExpanderText:hover {
	text-decoration: underline;	
}

a.ResultExpanderLink:link, a.ResultExpanderLink:visited, a.ResultExpanderLink:active{
color:#455560;
text-decoration:none;
padding: 0 
}
a.ResultExpanderLink:hover {
	text-decoration: underline;	
}
p.listingStars, p.listingReview {
	line-height: 1.22em;
	padding: 0;
	
	
}

a.ResultMore:link, a.ResultMore:visited, a.ResultMore:active{
text-decoration:none;
}
a.ResultMore:hover {
	text-decoration: underline;	
}
p.result_more {
	padding: 5px 0 10px 2px;
}

a.ResultMoretoolbox:link, a.ResultMoretoolbox:visited, a.ResultMoretoolbox:active{
color:#455560;
text-decoration: none;
}
a.ResultMoretoolbox:hover {
	text-decoration: underline; 
 }
a.ListReview:link, a.ListReview:visited, a.ListReview:active{
color:#455560;
text-decoration:none;
}
a.ListReview:hover {
	text-decoration: underline;	
}
.ResultPhone{
color:#4f4f4f;
}

.searchContents .nav-tabs li {
    float: right;
}

.searchContents .nav-tabs {
	margin-bottom: -1px;	
}

.searchContents {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}
.searchContents .nav li a:hover {
	background: #e9e9e9;
	border-color: #e9e9e9;	
}
.searchContents .nav li a {
    padding: 10px 30px;
	text-decoration:none;
	background: #eeeeee;
	border-color: #d3d3d3;
}

.searchContents .nav li.active a {
	background: #fff;
	border-bottom: 1px solid #fff;	
	z-index: 100;
}

.searchContents .nav li.active a:hover {
	background: #fff;
	border-color: #d3d3d3;
	border-bottom: 1px solid #fff;
		
	z-index: 100;
}
.searchContents h3 {
	font-size: 1.7em;
	margin-bottom: .75em;	
}
a.ResultExpander:link, a.ResultExpander:visited, a.ResultExpander:active{
color:#455560;
text-decoration:none;
margin: 0 15px 0 0;
}
a.ResultExpander:hover {
	text-decoration: underline;	
}
.ResultExpanderProfile, a.ResultExpanderProfile:link, a.ResultExpanderProfile:visited, a.ResultExpanderProfile:active{
color:#455560;
text-decoration:none;
margin: 0 0 0 0;
}
a.ResultExpanderProfile:hover {
text-decoration: underline;	
}


a.ProfileWeb {
	color:#4f4f4f;
	text-decoration: none;	
}
	

.gradientHeader{
	display: block;
    padding: 0.5em 0;
    text-align: right;
}

.gradientHeaderProfile{
border: 1px solid #B3B3B3;
padding: 3px 3px 0 3px;
background: #fff url(../images/layout/column_header_bg.gif) repeat-x left bottom;
height: 14px;
color: #455560;
margin: 10px 0 5px 0;
}



.pageHeader {
	border-bottom: 1px solid #b3b3b3;
	height: 20px;
	vertical-align:top;
}

.pageHeader h1 {
	line-height: 0;	
}

.bodyContainer {
	padding: 10px 0 0 0;	
}

.CompanyNameLeft{
color:#455560;
}


.CompanyAddressLeft{
color: #4f4f4f
}


.CompanynameProfile, h1{
color: #455560;
}


.CompanyInfoheader{
color: #455560;
}


.QuickResults{
color:#4f4f4f;
text-decoration:none;
}



.QuickResultsSelected{
color:#455560;
text-decoration:none;
}

a.ULink:link, a.ULink:visited, a.ULink:active{
	color:#4f4f4f;
	text-decoration:none;
}
a.ULink:hover {
	text-decoration: underline;	
}
.SecondarytextSm{
color:#b3b3b3;
}

.bodyCopy{
	color:#4f4f4f;
}

.email_remove_box {
	text-align: right;
	vertical-align: top;
	line-height: .688em;
}


.email_btn {
	border-bottom: 1px none #b3b3b3;
	height: 30px;
}

.btn > div {
	text-align: left;
	white-space: normal;	
}

.email_table td {
	padding: 0 0 5px 0 !important;
	vertical-align:top;
}

table.email_table {
	margin: 5px 0 0 0;	
}
.email_table a {
	margin: 0;
	padding: 0;
	line-height: 0;	
}

span.SecondarytextSm{
color:#b3b3b3;
font-weight:300;
}


.SecondarytextSmI{
color:#797979;
}

a.SecondarytextSmI:link, a.SecondarytextSmI:visited, a.SecondarytextSmI:active{
	color:#797979;
	text-decoration:none;
	margin: -5px 0 0 0;
	}
a.SecondarytextSmI:hover {
	text-decoration: underline;	
}
p.tagline {
	padding: 8px 0 0 2px;	
}


.BodyCopyI{
color:#4f4f4f
}

.topSearch{
margin: 15px 0 0 5px;
}

.resultsLeft{
width:100%;
padding: 7px 0 5px;
display:block;
}

.listingcontantainer{
width:500px;
}

.listingcontantainerLt{
width:350px;
float:left;
padding: 5px 5px 5px 5px;
}

.listingcontantainerRt{
width:130px;
float:left;
}

.listingcontantainerBtm{
padding: 0px 5px 0px 0px;
background-color:#efefef;
margin: 0;
height: 23px;
width: 500px;
border-bottom: 1px solid #B3B3B3;
}

.emailBackground {
	background: #e1e1e1;
	padding: 0 0 0 0;
}

.resultsmiddlecontainer, .resultsmiddlecontainerProfile{
	width: 100%;
	display:table-cell;
	vertical-align:top;
	padding: 10px;
}



.resultsmiddleInnercontainer{
	border: 1px none #B3B3B3;
}

.miniProfileSelected {
	background: #e9e9e9;
	font-weight: 600;
	position:relative;
}

.miniResultsList .miniProfileSelected a:link {
	padding: 3px 3px 3px 10px;	
}
.miniProfileSelected::before {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #e9e9e9;
    border-top: 10px solid transparent;
    content: "";
    height: 10px;
    left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 10px;
    z-index: 2;
}



.miniResultsList a:link, .miniResultsList a:visited, .miniResultsList a:active  {
text-decoration:none;
padding: 0 10px;
display:inline-block;
width:100%;

}
p.web-rating {
    white-space: nowrap;
}
.web-rating span.glyphicon {
    color: rgba(252, 179, 33, 1);
}

.profile-logo img.profile-logo {
    margin-bottom: 15px;
    max-width: 200px;
    width: 100%;
}

.miniResultsList p {
}
.miniResultsList a:hover {
text-decoration: underline;	
}

.map-ad-header {
    background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    margin: 10px 0;
    padding: 10px;
}
.resultsmiddle{
	margin: 5px 0 15px 0;
	background-color:#ffffff;
	border-radius: 5px;
}

.resultsmiddle:hover {
	background: #fff url(../images/layout/listing_bg_hover.gif) repeat-x bottom;	
}


.sponsor-display {
	cursor:pointer;	
}

.sponsor-display strong, strong {
	
	font-weight: 600;
}

.national-ads {margin-bottom: 15px; }

#SponsorsDisplay h4, .sponsor-display h4 {
    color: #0471a0;
	margin-top: 40px;
}
.resultsright{
width:255px;
display: table-cell;
float:right;
padding-left: 15px;
padding-top: 20px;

}

.resultsrightmap{
width:255px;
display: table-cell;
float:right;
padding-left: 15px;
margin-top: 30px;

}

.resultsright.national{
width:320px;
padding-top: 60px;
text-align: center;
padding-left: 0;

}

.resultsright .header {
    background-color: #e9e9e9;
    border: 1px solid #d3d3d3;
    position: relative;
	padding: 10px;
	margin-bottom: 10px;	
}

.map-page .resultsRight {
	width: 350px;
	display: table-cell;
	float: right;
	padding-left: 15px;
	padding-top: 8px;

}

.resultsContainer {
    border-bottom: 1px solid #a1a1a1;
    border-top: 1px solid #a1a1a1;
    margin: 10px 0;
    max-height: 850px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.result-spinner {
	text-align: center;
	padding-top: 6em;
	width: 100%;
}

div.result-spinner .fa-5x {
	color: rgba(96,96,96,.1);	
}

.resultsrightwTop{
width:240px;
margin: 10px 0 0 10px;
float:left;

}

#container {
	clear: both;
    padding-top: 0;
    z-index: 1;
	background: #fff;
	padding: 0 20px;	
}
.resultcontainer, .resultcontainerProfile{
	display: table;
	position: relative;
	width: 100%; 
}

.resultContainerBottom {
	background: #efefef url(../images/layout/middle_bg_btm.png) no-repeat 159px top;
	height: 10px;	
}
.mapContainer {
	background: #efefef url(../images/layout/map_bg.png) repeat-y 250px top;
}

.mapBottom {
	background: #efefef url(../images/layout/map_bg_btm.png) no-repeat 250px top;
	height: 10px;

}

.bottom_clear {
	background: #efefef url(../images/layout/profile_bg_bottom.png) repeat-y 160px top;
	height: 10px
	
}
.FAQBox{
border: 1px solid #B3B3B3;
float:left;
}

.contactText{
float:left;

}



.BannerAdCompanyname{ 
color: #000000;
}

.BannerAdCopy{    
color:#000000;
}

a.BodyCopyLinks:link, a.BodyCopyLinks:visited, a.BodyCopyLinks:active, a.FontSiteNiner:link, a.FontSiteNiner:visited, a.FontSiteNiner:active, a.BodyCopyLinksNext:link, a.BodyCopyLinksNext:visited, a.BodyCopyLinksNext:active {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #a1a1a1;
    color: #455562;
    display: inline-block;
    margin: 5px 0;
    padding: 4px 10px;
    text-decoration: none;
}
a.BodyCopyLinks:hover, a.FontSiteNiner:hover {
text-decoration: underline;	
}
.BodyCopyLinks a:link, .BodyCopyLinks a:visited, .BodyCopyLinks a:active{
color:#455560;
text-decoration:none;
}
.BodyCopyLinks a:hover {
	text-decoration: underline;	
}
.BodyCopyLinks a:link, a.FontSiteNiner:link, a.FontSiteNiner:visited, a.FontSiteNiner:active{
color:#4f4f4f;
text-decoration:none;

}

a.FontSiteNiner:hover {
	text-decoration: underline;	
}

a.BodyCopyLinksNext:link, a.BodyCopyLinksNext:visited, a.BodyCopyLinksNext:active {
color:#455560;
text-decoration:none;
}
a.BodyCopyLinksNext:hover {
	text-decoration: underline;	
}


.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index:100;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:100;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	/*filter:mask();*/
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	z-index:100;
}
.ac_loading {
	background : url('../images/loading.gif') right center no-repeat;
}
.ac_over {
	background-color: #20a3dc;
	color: #fff;
}

.mapLeft{
width:250px;
margin:0px 0 -20px 0;
float:left;
height: 721px;
overflow:auto;
border-bottom: 1px solid #b3b3b3;
}


.mapRight{
width:677px;
float:left;
margin: 0 0 0 2px;
border-right: 1px none #B3B3B3;
border-left: 1px none #B3B3B3;
border-bottom: 1px none #B3B3B3;
}


/*
	A.fixedfont_text:link { color: #000000;text-decoration:none;} 
	A.fixedfont_text:visited { color: #000000; text-decoration:none;} 
	A.fixedfont_text:hover { color: #000000; text-decoration:underline;} 
	A.fixedfont_text:active { color: #000000; text-decoration:none;} */
	
	A.font12036:link { color: #4f4f4f;; text-decoration:none;} 
	A.font12036:visited { color: #4f4f4f;; text-decoration:none;} 
	A.font12036:hover { color: #4f4f4f;; text-decoration:underline;} 
	A.font12036:active { color: #4f4f4f;; text-decoration:none;} 

.fixedfont_title p{
	color:#4f4f4f;
	margin: 0 10px 12px 0;	
}

.fixedfont_title {font-size: 0.688em ;color:#4f4f4f; padding:0}




.loginDisplay{
border: 7px solid #4f4f4f;
position:absolute;
top:30px;
right:5px;
background-color:#fff;
padding:3px;
z-index:1000;
}


.loginError {
	color:#6d0808;
	border: 7px solid #4f4f4f;
	position:absolute;
	top:-11px;
	width:200px;
	height: 170px;
	right:5px;
	background-color:#fff;
	padding:5px;
	z-index:900;
}

.toolbox {
	background: #efefef;
	width: 500px;
	position: relative;	
	border-bottom: 1px solid #b3b3b3;
	padding: 3px 0 3px 5px;
	margin: 10px 0; 
}


div.toolbox ul {
	margin: 0;
	padding: 0;
	list-style:none;
	position: relative;
		
}


div.toolbox ul li{

	float: left;
	
	}
	
	

.arrow {
	position: absolute;
	background: #999;
	top: 0;
	right: 0;
	color: #666;
	text-align:right;
	padding: 3px 10px;	
	z-index: 100;
	border: 1px none red;
	display: none;
}

.icon_email {
	background: url(../images/layout/icon_email.gif) no-repeat 3px center;	
}

.icon_emailProfile {
	background: url(../images/layout/icon_email.gif) no-repeat 0px center;	
	height: 20px;
	padding: 0 0 0 20px;	
}
.icon_cart {
	background: url(../images/layout/icon_cart_orange.gif) no-repeat 3px center;	
}
.icon_phone {
	background: url(../images/layout/icon_phone.gif) no-repeat 3px center;	
}
.icon_gallery {
	background: url(../images/layout/icon_photo.gif) no-repeat 3px center;	
}
.icon_video {
	background: url(../images/layout/icon_video.gif) no-repeat 3px center;	
}
.icon_lit {
	background: url(../images/layout/icon_lit.gif) no-repeat 3px center;	
}
.icon_facebook {
	background: url(../images/layout/icon_facebook.gif) no-repeat 3px center;	
}
.icon_twitter {
	background: url(../images/layout/icon_twitter.gif) no-repeat 3px center;	
}
.icon_linkedin {
	background: url(../images/layout/icon_linkedin.gif) no-repeat 3px center;	
}
.icon_website {
	background: url(../images/layout/icon_web.gif) no-repeat 3px center;	
}
.icon_interactive {
	background: url(../images/layout/icon_interactive.gif) no-repeat 3px center;	
}
.icon_so {
	background: url(../images/layout/icon_special_offer.gif) no-repeat 3px center;	
}

.contact-position {
	white-space: nowrap;	
}


#home_national {

	
}


.national_ads {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 500px;
	height: 250px;
	background: #fff;
	z-index:300;
	
		
}

.nat_sponsor_container {
	 position: absolute; 
	 top: 135px; 
	 right: 315px; 
	 width:300px; 
	 height: 240px;
	 padding: 10px 0 0 0;
	 background-image: url(../images/home_bg/sponsor_nat_bg.png);
}

.sponsorContainer {
	margin: 10px 0 0 20px;	
	padding: 0 10px 0 0;
}

.sponsorContainer h1.Companyname {
	font: bold 10px inherit;	
}

.nat_banner_container {
position:absolute; right: 15px; top: 135px;
}

#home_wholesale {

	
}

.home-search-container {
    padding: 2em;
    position: relative;	
	border: 1px solid #d3d3d3;
}

.search-input {
	margin: 20px 0;	
}

.group-table .table > tbody > tr > td {
	border-top: none;	
}
.locationinput {
	width: 240px;
	border: 1px solid #ccc;
	height: 25px;	
	color:#4f4f4f;
	padding: 0 0 0 10px;
	background: #fff;
}

.locationinput_keyword {
	width: 400px;
	border: 1px solid #ccc;
	height: 25px;	
	color:#4f4f4f;
	padding: 0 0 0 10px;
	background: #fff;
	}

.locationdropdown{	
	width: 240px;
	border: 1px solid #ccc;
	height: 27px;	
	color:#797979;
	padding: 2px 0 0 10px;
	vertical-align: middle;
	display: table-cell; 
	}

.locationdropdown option {
	height: 20px;	
}
	.locationdropdown_nat{
	width: 215px;
	border: 1px solid #ccc;
	color:#797979;
	height:25px;
	padding: 0px 0 0 10px;
	margin: 0 10px 0 0;
	}


.searchbuttonInput, a.searchbuttonInput:link, a.searchbuttonInput:visited, a.searchbuttonInput:active {
	background: #20a3dc none repeat scroll 0 0;
    border-bottom: 3px solid #0471a0;
    border-style: none none solid;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;	
	font-weight: 300;
}

a.searchbuttonInput:hover, .searchbuttonInput:hover {
	background-color: #024663 !important;	
}

.search-button .searchbuttonInput, 
.search-button a.searchbuttonInput:link, 
.search-button a.searchbuttonInput:visited, 
.search-button a.searchbuttonInput:active {
	font-size: 1.2em;
	margin-right: 15px !important;
	padding: 5px 25px;	
}

.home_previous {
	background: transparent;
	cursor:pointer;
	margin-bottom: 15px;

}

.wholesale_toggle {
	
	cursor:pointer;
}

.home_previous_drop {
	color: #797979;
	position:absolute;
	top: 170px;
	left: 0px;
	background: #fff;
	border: 1px solid #b3b3b3;
	margin: -20px 0 0 135px;
	padding: 5px 0;
	z-index:3000;	
	-webkit-box-shadow:0px 3px 10px #222;
	-moz-box-shadow:0px 3px 10px #222;
    box-shadow:0px 3px 10px #222;
}

.previous_select, a.previous_select:link, a.previous_select:visited, a.previous_select:active  {
	color: #333;
	padding: 5px 35px 5px 10px;
	text-decoration: none;
	background: #fff;
	display: block;
}

a.previous_select:hover {
	background:#efefef;
	text-decoration: underline;
}

.bannerContainer {
    border: 1px solid #b3b3b3;
    margin: 10px 0 0;
    padding: 10px;
    width: 230px;
	position:relative;
}
.banneContainerLogo {
	display: block;
	margin-bottom: 10px;
	padding:0;
	
}

.banneContainerLogo img {
	width: 100%;	
	max-width: 200px;
}

.mapAdContainer {
	background: #efefef url(../images/layout/mapAdSeparator.gif) repeat-y;	
}

.bannerContainer p.bodyCopy {
	margin: 5px 0 10px 0;	
}

.bannerContainer h1 {
	margin: 0;	
}


/* map stuff */

#map_canvas {
	border: 1px solid #b3b3b3;
	width: 100%;
	height: 600px;	
}

/* end map stuff */
/* styles for the home slide box */



/* end home slide box styles */


.buyerReviewBorder  {
	border-bottom: 1px solid #b3b3b3;
	padding: 0 0 10px 0;
}

.galleryNav {
	background: #efefef;
	padding: 3px 0 3px 0; 
	color: #0471a0;
	font-family:inherit;
	font-weight:bold;
	font-size: 11px;
}

.litTable li {
	list-style: none;
		
}

.mapListFrame {
	border-bottom: 1px solid #b3b3b3;
}


#emailWhatIsThis, #mapWhatIsThis {
	color: #4f4f4f;
	background: #fff;
	border: 1px solid #b3b3b3;
	width: 120px;
	padding: 10px;
	margin: 10px 0 10px 0;
}

/*scroller*/

#complistEmail, #complistMap {
	border: 1px solid #b3b3b3;
	padding: 15px;
	width: 320px;	
	position: absolute;
	top: 30px;
	right: 0;
	background: rgba(255,255,255,.95);
	z-index:300;
}

#complistMap .button, #complistMap a.button {
	display: inline; 	
}

.resultsLeft .pull-right { position: relative; }
.mapCalloutStore {
	padding: 5px 0 0 0;
	color: #455560;	
}

.mapCalloutStore a:link, .mapCalloutStore a:visited, .mapCalloutStore a:active {
	padding: 0 0 0 25px;
	color: #455560;	
	text-decoration: none;
}
.mapCalloutStore a:hover {
	text-decoration: underline;	
}


#multiLocationError {
	display: block;
	left: 0;
	padding: 20px;
	z-index:500;
	/*
	border-bottom: 1px solid #b3b3b3;
	text-align: center;
	*/
	margin-top: -6px;
	margin-right: -20px;
	margin-left: -20px;
}

#multiLocationError ul {
	margin: 10px 0px;
	list-style:none;
		
}

#multiLocationError ul li {
	/*
	display: inline-block;	
	width: auto;
	margin: 5px;
	*/
	padding: 5px 20px;
	cursor: pointer;
}

.signTypePopup {
	width: 450px;
	padding: 10px;
	border: 7px solid #4f4f4f;
	background: #fff;
		
}

.signTypePopup h2 {
	text-transform:capitalize;	
}

.popupClose {
	float: right;
	width: 50px;
	text-align:right;	
}

.signTypePopupInput {
	width: 350px;
	color: #797979;	
}

.signTypeDescWrapper {
	border-top: 1px solid #b3b3b3;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;	
}

.faqAnswer {
	background: #fff; 
	padding: 5px;
	clear: both;
	
	}



/* Invisible left hotspot */
.mapScrollLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width: 20px;
	height: 80px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/home_scroll/arrow_left_map.gif);				
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e1e1e1;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 30px;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	opacity: 0.50; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.50; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */}

/* Invisible right hotspot */
.mapScrollRight
{
	width: 20px;
	height: 80px;
	background-image: url(../images/home_scroll/arrow_right_map.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e1e1e1;
	position: absolute;
	z-index: 0;
	right: 0px;
	top: 30px;
opacity: 0.50; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.50; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

.contact_text{
	width: 475px;	
}

.userHead {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #b3b3b3;
	padding: 0 0 8px 0;	
}

.user_feature {
	
	border-bottom: 1px solid #b3b3b3;
	padding: 8px 0;	
	position: relative;
}

.user_image {
	float: left;
	width: 150px;
	margin: 5px 10px 0 0;
	text-align: center;
	position:relative;
}

.user_image img {
	width: 150px;	
	border: 1px solid #b3b3b3;	
}
.user_text {
	float: left;
	width: 300px;
	margin: 8px 0 0 0;
}	

.clear {
	clear: both;	
}


.popUpDiv {
	position:absolute;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
	text-align: center;
	top: 30px;
	left: 0;
	border: 7px solid #4f4f4f;
	background: #fff;
	padding: 0 0 10px 0;
	-moz-box-shadow: 5px 5px 5px #333;
  	-webkit-box-shadow: 5px 5px 5px #333;
  	box-shadow: 5px 5px 5px #333;
}



.userUL {
	list-style:disc;
	margin: 5px 0 5px 10px;	
	padding: 0 0 0 10px;
}

.userUL li {
	padding: 5px 0 0 0px;	
}

.userRightContainer {
	position: fixed;
	text-align:left;
		
}

.galleryBig img {
	max-width: 475px;	
}

.profileContactCell {
    padding-bottom: 20px;
}

.profile-info p .glyphicon {
	opacity: .65;	
	position: absolute;
	margin-left: -27px;
}

.profile-info.profile-logo p .glyphicon {
	position: relative;
	margin-left: 0;
	opacity: 1;	
}

.profile-contact a {
	cursor: pointer;	
}


.profile-logo p {
	
	margin-bottom: 2px;

}
.profile-info p {  padding-left: 27px; position:relative;}

.profile-info .profile-phone a {
	cursor: pointer;	
}
.profile-logo img.profile-logo {
	width: 100%;
	max-width: 200px;
	margin-bottom: 15px; 	
}

.profileOffer img, .profileStore img {
	width: 100%;
	max-width: 120px;	
}

.profileOffer, .profileStore {
	text-align: center;	
}

#email-show {cursor: pointer;}

.profile-email{cursor: pointer;}


.uploadmessage > .emailErrorText:last-child {
	color: #a94442;
	font-weight: 600;	
}
/*************************************

			MEDIA QUERIES 
	
**************************************/
.other-local {
	margin-bottom: 15px !important;
}

body.ws-tab > .alert-dismissable .close, body.ws-tab > .alert-dismissible .close {
	right: 70px !important;	
}
@media (max-width: 767px) {
#PagePeelSmall { display:none; }
.resultsright {
    display: none;
}

#container {
	padding: 0 0;	
}

.resultsmiddlecontainer, .resultsmiddlecontainerProfile {
	padding: 0;
}

.resultsmiddle {
	margin: 5px 5px 15px 5px;	
}

.resultsmiddlecontainer {
	display: block;	
}
.map-page .resultsRight {
	display: block;
	width: 100%;	
	padding: 10px;
}
.resultsContainer {
    max-height: auto;
    overflow-y: visible;
}

#FeedbackTab .table-responsive>.table>tbody>tr>td, 
#FeedbackTab .table-responsive>.table>tbody>tr>th, 
#FeedbackTab .table-responsive>.table>tfoot>tr>td, 
#FeedbackTab .table-responsive>.table>tfoot>tr>th, 
#FeedbackTab .table-responsive>.table>thead>tr>td, 
#FeedbackTab .table-responsive>.table>thead>tr>th {
	white-space: normal !important;	
}

#tabs #admintabs {
    bottom: 0;
    left: 0;
    margin-left: 0;
    position: relative;
    z-index: 2;
	width: 100%;
}

#tabs ul#admintabs li a.current {
    background: #20a3dc none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0.35);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #fff;
}

.navbar-nav {
    margin: 7.5px 0;
}

.resultsLeft .pull-right, .result-list-add {
	display: none;	
}

.result-right {
	top: 0 !important;
}
.other-local {
	margin-bottom: 15px !important;
	border-bottom: 1px solid #d3d3d3 !important;	
}
.other-local:last-child {
	border-bottom: none;
}

.footerContainer .footer-copy {
/*	margin-left: 10px;	*/
	text-align: left;
	float: none;
}

.footer-text {
	margin-left: 10px;	
	text-align: left;
	margin-top: 30px;	
}

.footerContainer ul {
    padding-left: 0px;
}

.outerContentShell{
	
	min-height: auto;	  
	
}
.img-responsive.md-results {
  max-width: 80% !important;
}
}

@media (min-width: 768px) {
 
  
}

@media (max-width: 991px) {
  .result-middle-content {
    padding: 0 0 0 170px;
	min-height: 80px;
}


.result-right {
    position: relative;
    right: 0;
    text-align: center;
    top: 10px;
    width: 150px;
}

.gridbutton {
	position: initial !important;
}

}
@media (min-width: 992px) {
	.img-responsive.md-results {
	  min-width: 10vw;
	}
}

@media (min-width: 800px) {
  #tabs #loggedin {
		bottom: -3px;
		position: absolute;
		right: 30px;
	}
}

@media (max-width: 495px) {
		.result-middle-content {
    padding: 0 0 0 0;
	min-height: auto;
	text-align:center;
}

.result-icons {
    font-size: 1.2em;
    margin-top: 0;
	margin-bottom: 15px;
}
.itemContainer .result-logo {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
	text-align: center;
}
.itemContainer .result-logo img{
	max-width: 200px;

}
.result-right {
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}
.gridbutton.text-center div {
  -webkit-box-sizing: initial !important;
  -moz-box-sizing: initial !important;
  box-sizing: initial !important;
}
.gridbutton.text-center div.searchbuttonInput {
  width: 90%;
  padding: 5px 5px;
}
}


.login-popup img { 
    height: 32px;
    margin-bottom: 20px;
}

/************************

Microsite styles 

************************/

.noline2 {
    display: inline-block;
    margin-top: 15px;
}

/************************

SVN Form Styles

************************/

ul.questions li {
    list-style-type: none;
}

.item {
    font-weight: normal;
    margin-left: -20px;
    font-size: 14px;
    top: 33px;
    left: 0;
    width: 35px;
    color: #1aa6e3;
    text-shadow: none;
}

.question {
	color: #3d3d3d;
    cursor: default;
    line-height: 140%;
    position: relative;
    text-align: left;
    margin-top: -19px;
}

/* radio buttons */ 

.btn-removeRec {
	margin: 5px 0;	
}

.funkyradio-primary.col-sm-2 span {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    color: #0471a0;
    font-weight: bold;
    margin-right: 5px;
	margin-left: -35px;
    opacity: 0.5;
    padding: 0 5px;
}

.radio .funkyradio label, .checkbox .funkyradio label {
	
	padding-left: 0;
}


.epTextContainer span{
	font-weight: bold;
}

.funkyradio-primary.col-sm-2 {
	clear: none;
	padding-left: 0;
	width: 22%;
}

.funkyradio-primary.col-sm-3 span,
.funkyradio-primary.col-sm-4 span,
.funkyradio-primary.col-sm-5 span,
.funkyradio-primary.col-sm-6 span {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    color: #0471a0;
    margin-right: 5px;
	margin-left: -35px;
    opacity: 0.5;
    padding: 0 5px;
}

.funkyradio-primary.col-sm-4,
.funkyradio-primary.col-sm-3,
.funkyradio-primary.col-sm-5,
.funkyradio-primary.col-sm-6
{
	clear: none;
	padding-left: 0;
}

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio.col-sm-3 { padding-left: 0; }

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 1em;
  padding: 10px 10px 10px 35px;
  text-indent: .5em;
  margin-top: 1em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  content: '';
  width: .75em;
  background: transparent;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: 0em;
  margin-top: 7px;
  font-size: 1.75em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: 0em;
  margin-top: 7px;
  font-size: 1.75em;
  color: #5cb85c;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}



.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #5cb85c;
}

#Qlist1,
#Qlist2 {
	font-weight: 100;
}

div.addCompanyP,
#questionSec,
#questionSec .form-group {
	margin-top: 1.5em !important;
}

.resultsLeft {
	padding: 0px;
}

@media screen and (max-width: 767px) {
.funkyradio-primary.col-sm-2 {
	clear: none;
	padding-left: 0;
	width: 100%;
}
}

.backSearchBtn {
float: right;
}	

.gridlist {	
	border: 1px solid #CCCCCC;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.4);
/*	padding-bottom: 10px;*/
	position: relative;
	position: relative;
/*	margin-bottom: 30px;*/
/*	min-height:260px;	*/
}

.gridlist h3:after {
	background: rgba(0,0,0,.15); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,0,0,.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: 0;
    z-index: -1;
	border-bottom: 1px solid #d3d3d3;
	right: -20px;
}
.gridlist h3 {
    font-size: 1.15em;
    line-height: 1.15em;
    overflow: hidden;
    padding: 15px 15px 10px 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 2;
	margin-top: 0;
}

/*
.gridlist .gridbutton {
	margin: 0 auto 14px auto;
	width:100%;
	bottom:0px;
	position:absolute;
}
*/

.gridlist .gridbutton a {
	color: #fff;
	text-decoration: none;
}
.gridlist .gridbutton .searchbuttonInput {
	width: 80%;
	padding:10px 15px;
	font-size:1.2em;
}

/* Wholesale buttons */

.gridlist + .gridbutton {
	margin-bottom: 25px;
}

.gridlist + .gridbutton a {
	color: #fff;
	text-decoration: none;
}
.gridlist + .gridbutton .searchbuttonInput {
	width: 80%;
	padding:10px 15px;
	font-size:1.2em;
 	display: none; /* 1.2021 new*/
}

/* Grid buttons end */

a.showelement {
	cursor: pointer;
}
.gridlist .gridbutton span, .gridbodydetails p span {
	margin-right:5px;
}
.gridbodydetails p span.show {
	display: inline!important;
}
.gridbodydetails .profile-email {
	text-decoration: none;
}
.gridlist p {
	margin-bottom: 3px;
}
.gridtitle {
	position: relative;
}
.gridtitle a {
	text-decoration: none;
}
.gridbody, .gridbodydetails {
	margin: 0 15px;	
/*	padding: 0 0 8px 0;*/
}

.gridbody p {
	margin: 0 0 2px;	
}

.imagewrapper {
  width: 100%;
}

.imagewrapper img {
  width: 175px;
  height: 65px;
  object-fit: contain;
  margin: 18px auto 0px;
}

@media (max-width: 1285px) {
		.gridlist {
		padding-bottom: 0px;
	  }
	.gridlist .gridbutton {
		margin: 0;
	}
	.gridlist .gridbutton .searchbuttonInput {
	    width: 100%;
	}
}

@media (max-width: 990px) {
	.imagewrapper {
	  max-width: 100%;
	 }
	
  .imagewrapper img.img-responsive {
     max-width: 200px;
     margin: 10px auto !important;
  }
}

/* Flexbox */
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* bootcomplete */


.bc-wrapper{
	position: relative;
}

.bc-wrapper .bc-menu{
	position: absolute;
	z-index: 1000;
	width: 100%;
	display: none;
}

.input-group .bc-wrapper .bc-menu {
	top: 38px;
}
.bc-menu a.list-group-item {
	text-decoration: none;
	padding: 4px 10px;
	color:black;
	border:0px;
}
.bc-menu a.list-group-item:hover {
	background-color:#20a3dc;
	color:white;
}
.bc-menu {
	border:1px solid #ddd;
}
/* end bootcomplete */

  .md-results {
  max-width:60%;
  height:auto;
  margin-bottom:10px;
}

#launcher {
	z-index: 1030 !important;
}

#marketplaceBanner {
  background: url("../marketplace/images/marketplace_background.jpg");
  background-size: cover;
  width: 100% !important;
  margin-bottom: 20px;
  padding: 10px 0;
}

#marketplaceBanner img {
  max-height: 120px;
  margin: 0px auto;
}

@media (max-width: 400px) {
  #marketplaceBanner {
    display: none;
  }
}

@keyframes slideInFromRight {
  0% {
	opacity: 0;
    transform: translateX(100%);
  }
  100% {
	opacity: 1;
    transform: translateX(0);
  }
}

.highlight {
   background-color: #20a3dc;
   position: absolute;
  right: -40px;
  top: 8px;
	color: #ccc;
	border: 1px solid transparent;
	text-shadow: 0 0 1px #000;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  border-radius: 3px;
  animation-delay: 2s;
  animation: 1s ease-out 0s 1 slideInFromRight;
}

.highlight p {
  font-size: 12px;
  color: white;
  margin: 0;
  padding: 2px 8px;
  text-transform: uppercase;
}

.highlight::before {
	content: "";
	width: 10px;
	height: 10px;
	border: 0.5em solid transparent;
}

.highlight.top-left::before {
	left: -16px;
	top: 20%;
	border-right: 10px solid #20a3dc;
  	position: absolute;
}

@media (max-width: 768px) {
  .highlight {
    top: 132px;
	right: initial;
	left: 126px;
  }
}

.gridDetails {
	padding: 8px 0px;
	white-space: nowrap;
	overflow: hidden;
}


/*2021 Sponsort Ads*/

.map-ad-header {
    background: #20a3dc none repeat scroll 0 0;
    border: 1px solid #20a3dc;
    margin-bottom: 10px;
    padding: 10px;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	font-size: 1em !important;
}

.sponsor-display { 
  cursor: pointer;
	border: 1px solid #e8e9ea;
	border-radius: 30px;
	margin-bottom: 10px;
} 

.sponsor-display {
    cursor: pointer;
    background: white;
    border: 1px solid #dadce0;
    border-radius: 10px !important;
    margin-bottom: 10px;
} 

.sponsor-display:hover {
    box-shadow: 0 1px 6px rgba(60,64,67,.28);
}

.sponsor-display:focus,
.sponsor-display:visited {
    box-shadow: 0 0 0 3px #dadce0;
}

.map-ad-header {
/*  border-radius: 3px;*/
    font-size: 12px;
}
	
.sponsorInside {
    padding: 0px !important;
}

.sponsorInside {
    text-align: center;
}

.sponsorInside #innerDiv > img {
    object-fit:cover;
    width: 100%;
    height: 95px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 8px;
}
    
.sponsorInside h4 {
	  color: #202124;
    font-size: 15px;
	  font-weight: 400;
    padding: 0 12px 5px;
	  margin: 0;
    white-space:nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.sponsorInside p {
    font-size: 14px !important;
    padding: 0 12px;
    margin: 0 0 5px;
}

.website_link p {
 border-width: 50%;
 padding: 6px;
 font-weight: 600;
 font-size: 14px !important;
 text-align: center;
}

.website_link p a:hover {
    text-decoration: none;
    background: rgba(4, 113, 160, 0.2);
    padding: 1px 8px 3px;
    border-radius: 3px;
}

.website_link:before {
  content:'';
  right: 20px;
  width: 200px;
  border-top: 1px solid #e8eaed;
  position: absolute;
}

.website_link a.openProfileSponsor {
  color: #20a3dc;
}

.website_link a.openProfileSponsor:hover {
  color: #0471a0;
}

#SponsorsDisplay h4, .sponsor-display h4 { color: #0471a0; }

.resultsrightmap #sponsorBox {
  padding: 0 7px;
}

.resultsrightmap .resultRight {
    padding-bottom: 3px;
    width: 100% !important;
	display: block;
	text-align: center;
}

.resultsrightmap .resultFeedback,
.resultsrightmap .proFeedback {
    padding-right: 0px;
}
	
.resultsrightmap .proFeedback img {
	margin-top: 2px;
}

.resultFeedback, .proFeedback, .totalawarded  {
	line-height: .5em;
	padding-right: 7px;
	padding-bottom: 3px;
	}

@media (min-width: 2058px) {	
	.resultsrightmap .resultRight {
	  width: 100% !important;
	  display: block;
	}
}
	
@media (max-width: 767px) {	
	.resultsrightmap .resultRight {
	  width: 100% !important;
	  display: block;
	}
	.website_link:before {
	  display: none;
	}
	
	.website_link p {
		border-top: 1px solid #e8eaed;
		padding: 10px 0 6px;
	}
	.resultsrightmap {
	 width: 100%;
	 padding: 0px;
	}

	  .resultsrightmap .sponsor-display {
    width: 25%;
    float: left;
		flex-direction: row;
		align-items: stretch;
		flex: 1;
      border-radius: 0px !important;
	  } 
  
  .sponsorInside #innerDiv > img {
    border-radius: 0px;
  }
  
  #innerDiv {
    min-height: 190px;
    }
  
    .resultsrightmap > div > a > img {
  display: none;
}

.resultsrightmap .map.mt10 {
  margin-right: 10px;
}
	
.gm-style-iw.gm-style-iw-c {
    min-width: 325px !important;
    min-height: 200px;
  }
	.gm-style-iw-d {
		max-height: initial !important;
	}
}

@media (max-width: 600px) {	
  .resultsrightmap .sponsor-display {
    width: 50%;
  }
}


/*Sponsor Ads end*/


#ProTabsInfo.pro_text h3 {
	margin: 12px 10px 0;
}
#ProTabsInfo.pro_text p {
	padding-bottom: 15px;
    margin: 12px 10px 0;
}


.footerMessage {
	background-color: #20a3dc !important;
    padding: 30px;
    color: #fff;
	text-align: center;
	box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%);
    border-bottom: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
	border-left: 1px solid #a1a1a1;
}


.footerMessage a {
  color: #fff !important;

}
.footerMessage a:hover,
.footerMessage a:active {
  color: #024663 !important;
  cursor: pointer;
}

#searchingProgress {    background: #fff;
    /* -webkit-box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%); */
    /* box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%); */
    border-left: 1px solid #a1a1a1;
    border-top: none;
    border-right: 1px solid #a1a1a1;
    margin: 0 50px 0 50px;}

#topRightBar {
    color: #ffffff;
}

#myRewards {
  line-height: 20px;
  padding: 0px !important;
}

#CompanyAcctReset {
  line-height: 20px;
  padding: 15px !important;
   cursor: pointer;
   color: #20a3dc !important;
}

.QuickStatsCompany  {
     color: #20a3dc !important;
     cursor: pointer;
}
  
.QuickStatsCompany:hover {
  color: #fff !important;
  cursor: pointer;
}


.QuickStatsLabel {
  color: #000 !important;
  padding: 3px 10px 3px 20px !important;
  font-weight: 600 !important;
}

.QuickStatsLabel + li {
  padding: 0px 15px !important;
}

#MyIP {
    padding: 15px !important;
    color: white !important;
    position: absolute;
    top: 40px;
    right: 15px;
}

@media (max-width: 767px) {
	#MyIP {
		top: 3px;
		right: 65px;
	}
}

@media (max-width: 450px) {
	#MyIP {
		top: 80px;
		right: 15px;
	}
}

#acctMenu {
    position: absolute;
    bottom: 7px;
    right: 35px;
    padding-right: 15px;
	top: 49px;
}

#helpMenu {
    position: absolute;
    right: 0px;
    top: 49px;
    padding-right: 15px;
}

#helpMenu .glyphicon {
    font-size: 1.25em;
}

#BottomRightBar {
    position: absolute;
    right: 30px;
    top: 71px;
}

@media (max-width: 767px) {
	#acctMenu,
	#helpMenu {
		top: 50px;
	}
	#liveStatsContact #QuickStats {
		visibility: hidden;
	}
}

#QuickStats + ul.dropdown-menu {
   background: white !important;
   padding-bottom: 10px !important;
 }

#QuickStats + ul.dropdown-menu li a {
  color: #333 !important;
}

#QuickStats + ul.dropdown-menu li a:hover  {
   color: #262626;
   text-decoration: none;
   background-color: #f5f5f5;
}

@media (min-width: 900px) {
  #acctMenu {
    position: absolute;
    text-align: right;
    padding-right: 15px;
}

.navbar-right {
    float: right !important;
    margin-right: -15px;
 }
}

@media (max-width: 766px) and (min-width: 420px) {
  #BottomRightBar {
    position: absolute;
    right: 15px;
    top: 40px;
    z-index: 1000;
  }
  #liveStatsContact .dropdown-menu {
    position: absolute;
    width: 257px;
    right: 0px;
    top: 43px;
    border-radius: 0 5px 5px 5px;
  }
}


@media (max-width: 766px) {
#MyIP {
   position: absolute;
   top: 44px;
   right: 230px;
  }
  
  #tabs.navbar-collapse.collapse ~ #loggedin {
  display: none;
  }

  #tabs.navbar-collapse.collapse.in ~ #loggedin {
  display: block;
  margin-top: 0px;
  margin-left: 15px;
  }
}

@media (max-width: 549px) {
  #MyIP {
   display: none;
  }
}

@media (max-width: 419px) {
  #liveStatsContact {
    width: calc(95% - 10px);
  }
   #BottomRightBar {
    width: 100% !important;
    margin-left: 15px;
    margin-top: -18px;
    z-index: 1000;
  }
  #liveStatsContact .dropdown-menu {
    width: 100%;
    right: 0px;
    top: 43px;
    margin-bottom: 8px;
  }
}
