body {
	/*padding: 5px;*/
	margin: 0;
	font-family: sans-serif;
}
/*
h1 {
	font-weight: bold;
	font-size: 120%;
}
h2 {
	font-weight: bold;
	font-size: 110%;
}
*/
sup {
	font-size: 7px;
	font-weight: bold;
}
a {
	outline: 0;
}
a:visited {
	color: #800000;
}
ul.blank {
	list-style: none;
}
.navigation a {
	display: block;
}
#footer {
	background: #800000;
	border: 5px solid #420D07;
	color: #ffffff;
	letter-spacing: .05em;
	margin: 1em auto;
	padding: 1em;
	text-align: center;
	width: 700px;
}
.topLeft {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.topRight {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.bottomLeft {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
.bottomRight {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}
.box .boxHeader,
.box .boxContent {
	padding: 6px;
}
.shrinkwrap {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.error .boxHeader,
.info .boxHeader,
.success .boxHeader {
	font-weight: bold;
	color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.error .boxContent,
.info .boxContent,
.success .boxContent {
	color: #FFFFFF;
}
.error.box,
.info.box,
.success.box {
	max-width: 95%;
	margin: 1.5em auto;
}
.error.box .boxHeader,
.error.box .boxContent,
.info.box, .boxHeader,
.info.box, .boxContent,
.success.box, .boxHeader,
.success.box, .boxContent {
	padding: .6em;
}
.centerDiv,
.box.centerDiv {
	margin-left: auto;
	margin-right: auto;
}
.infobox-icon {
	position: relative;
	top:.15em;
	font-size:130%;
	margin-right: .5em;
}
.info .boxContent,
.success .boxContent {
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.info .boxContent {
	background-image: url('https://images.servicedirect.com/images/shared/info.gif');
}
.success .boxContent {
	background-image: url('https://images.servicedirect.com/images/shared/success.gif');
}
.fullWidth {
	width: 100%;
}
.halfWidth {
	width: 50%;
}
.thinBorder {
	border: 1px solid #000000;
}
.thinBorderTop {
	border-top: 1px solid #000000;
}
.thinBorderRight {
	border-right: 1px solid #000000;
}
.thinBorderBottom {
	border-bottom: 1px solid #000000;
}
.thinBorderLeft {
	border-left: 1px solid #000000;
}
.thickBorder {
	border: 2px solid #000000;
}
.thickBorderTop {
	border-top: 2px solid #000000;
}
.thickBorderRight {
	border-right: 2px solid #000000;
}
.thickBorderBottom {
	border-bottom: 2px solid #000000;
}
.thickBorderLeft {
	border-left: 2px solid #000000;
}
.centerElement {
	position: relative;
	margin: 0 auto;
}
.leftText {
	text-align: left;
}
.centerText {
	text-align: center;
}
.rightText {
	text-align: right;
}
.topText {
	vertical-align: top;
}
.middleText {
	vertical-align: middle;
}
.bottomText {
	vertical-align: bottom;
}
.boldText {
	font-weight: bold;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}
.exampleText {
	color: #808080;
}
form td,
form th {
	padding: 2px;
}
form select,
form textarea,
form input {
	background-color: #FFFFFF;
}
.fine_print {
	padding: 10px;
	font-size: 9px;
}
.stageContents {
	position: fixed;
}
/**
* the spotlight will inherit all the CSS properties of the element in which
* it is contained.  Override them.  
* The CSS must be applied to both spotlightStage and .stageContents because the dimensions of #spotlightStage
* are calculated from the size of .stageContents
**/
#spotlightStage {
	width: 600px;
}
#spotlightStage .stageWrapper,
.stageContents .stageWrapper {
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Helvetica, serif;
	border: solid 2px #000000;
	background: #FFFFFF;
	text-align: left;
	white-space: normal;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0 0 1.5em 1.5em;
}
.stageWrapper div.helpTitle {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-image: url('https://images.servicedirect.com/images/shared/backgrounds/vert_gray_trans_gradient_20.png');
	background-repeat: repeat-x;
	font-size: 12px;
	padding: 5px;
}
.stageWrapper div.helpTitle h4 {
	color: #3774A2;
	vertical-align: middle;
	font-weight: bold;
}
.stageWrapper div.helpText {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
#spotlightStage p,
.stageContents p {
	margin: 5px 0;
}
#spotlightStage .example,
.stageContents .example {
	margin-top: 1.5em;
}
#spotlightStage .exampleHeading,
.stageContents .exampleHeading {
	font-style: italic;
}
.helpLink {
	color: #23638D;
	cursor: pointer;
}
.helpIcon {
	width: 16px;
	height: 16px;
	margin: 0 2px 2px 0;
	background: transparent url("https://images.servicedirect.com/images/shared/icons/help-16x16.png") no-repeat 0 0;
	float: left;
}
.thanks_text {
	margin-top: 20px;
	padding: 10px;
}

div.verticalCenter {
	position: relative;
	display: table;
	vertical-align: middle;
}
div.outerWrapper {
	top: 50%;
	display: table-cell;
	vertical-align: middle;
}
div.innerWrapper {
	position: static !important;
	top: -50%;
}

.hidden {
	display: none;
}
tr.even {
	background-color: #F0F0F0;
}
tr.odd {
	background-color: #FFFFFF;
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6,
.prose p {
	margin-top: .8em ;
	margin-bottom: .8em ;
}
.bigger {
	font-size: 200%;
}

.thankYou {
	font-size: 150%;
}

h1.thankYou {
	font-size: 150%;
}


/* new 2column styliciousness */
.uneditedHtmlContent {
	min-height: 100px;
	max-height: 300px;
	position: relative;
	overflow: auto;
}

.clickToEdit {
	font-size: 230%;
	color: red;
	z-index: 100;
	display: block;
	visibility: hidden;
}

.uneditedHtmlContent:hover {
	color: gray;
}
.uneditedHtmlContent:hover .clickToEdit {
	visibility: visible;
}





.loadingMessage {
	font-size: 200%;
}




#guineaPig .loadingMessage {
	display: none;
}





/* apr17 tweaking addCustomPages page */

.defaultSkin table.mceLayout {
	width: 100%;
}

.contact input.wide {
	min-width: 300px;
}

/*
.galleryItem .removeButton, .testimonial .removeButton, .contact .removeButton {
	font-size: 70%;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;
}
*/
.testimonial .removeButton {
	position: relative;
	display: block;
	width: 1em;
	top: 0;
}
.galleryItem .removeButton, .contact .removeButton {
	position: absolute;
	top: .25em;
	right: 3.5em;
	visibility: hidden;
}
.customHtml .contact .removeButton {
	right: .5em;
}

.contact {
	background: #f8f8f8;
}

.forwardedPhone .removeButton, .contactEmail .removeButton {
	display: none;
}

.sortableRow:hover .removeButton,
.sortableRow:hover .upload_button,
.contact:hover .removeButton
{
	visibility: visible;
}







/* moved from signup.css */
.profile {
	/*font-family: Helvetica, Tahoma, Verdana;*/
	/*font-size: 12px;*/
}
.profile .address td {
	vertical-align: middle;
}
.profile ul,
.profile ol {
	/*margin-left: 0;*/
	padding-left: 0;
	list-style: none;
}
.profile .formField input,
.profile .formfield select,
.profile .formField textarea {
	border: 1px solid #CCCCCC;
}



div.formButton.removeTestimonialButton {
	padding: 0 2px 2px 2px;
	visibility: hidden;
}
tr.testimonial:hover div.removeTestimonialButton {
	visibility: visible;
}

.testimonialsTable td {
	width: 100%;
}



/* new signup style 11-7-12 */
.profile {
	width: 80%; /*75%;*/
	margin-top: 1em;
	margin-left: auto; /*5%;*/
	margin-right: auto;
}
.profile label:not(.industryName) {
	font-weight: bold;
	color: #444133;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-bottom: .2em;
}
#selectIndustriesAndPricePerLead input {
	width: 100%;
}
#selectIndustriesAndPricePerLead input.checkbox,
#selectIndustriesAndPricePerLead input.radio_button
{
	width: initial;
}
.profile input {
	border: solid 1px #ccc;
	padding: .3em .3em .2em;
}
#selectIndustriesAndPricePerLead input.industryCheckbox {
	width: auto;
	border: none;
}
.profile select {
	border: solid 1px #ccc;
	margin-left: -1px;
}
.profile .formField {
	margin-bottom: .8em;
}
.boxHeader.formHeading:hover {
	background: #ccc;
}
.profile .industryOption {
	font-size: 110%;
	cursor: default;
}
/* moved to signup
.profile .selectIndustries {
	height: 20rem;
	font-size: 80%;
	padding: 5px;
	overflow: auto;
	border: 1px solid #ccc;
}
*/



body {
	color: #444133;
}

.uneditedHtmlContent {
	max-height: 200px;
}


div.formData .formHeading h4.formSectionOpen {
	background: transparent url('https://images.servicedirect.com/images/shared/backgrounds/blue_arrow_down.png') no-repeat scroll left center; /*(gray_arrow_down.gif)*/
}
div.formData .formHeading h4.formSectionClosed {
	background: transparent url('https://images.servicedirect.com/images/shared/backgrounds/blue_arrow_right.png') no-repeat scroll left center;
}

/* .formButtonWithIcon should style basically the same but only hover underline the subspan .text, not the whole thing */
.formButton, .formButtonWithIcon {
	display: inline;
	cursor: pointer;
	background: none;
	color: rgb(44,82,168);
	text-decoration: none;
	border: none !important;
	margin: .5em;
}
.formButtonWithIcon .icon {
	vertical-align: middle;
	font-size: 150%;
	margin-right: .3em;
}
.formButtonWithIcon:hover .icon{
	color: rgb(104,142,218); /* similar to .linkColor:hover */
}

.formButton.nonSaveButton {
	cursor: default;
}
.mainButton {
	padding: 4px 6px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	background-image: url('https://images.servicedirect.com/images/shared/backgrounds/vert_white_trans_gradient_12.png');
	background-repeat: repeat-x;
}

/* .formButtonWithIcon has a sub-span .text that needs the underline, the icon itself doesn't, so only do the span */
.formButton:hover, .formButtonWithIcon:hover .text {
	text-decoration: underline;
}
.indentItem {
	margin-left: .5em;
	margin-top: .2em;
}

div.removeButton {
	width: .4em;
	line-height: .8em;
	text-align: center;
	font-size: 120%;
}
div.removeButton:hover {
	font-weight: bold;
	text-decoration: none;
}
.sortableRow:hover .removeButton {
	visibility: visible;
}
.galleryItem .removeButton {
	/*font-size: 70%;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;*/

	visibility: hidden;
	position: absolute;
	top: -.1em;
	right: .1em;
}





div.gallery div.gallerySpacer {
	width: 100%;
	height: auto !important;
}
div.gallery div.galleryItem {
	width: 100%;
}
.galleryImageContainer img {
	border: solid 1px #ccc;
}
div.gallery div.galleryItem p.label {
	/*
	width: 169px;
	*width: 173px;*/
	background-color: #AA3333;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	*padding: 1px;
	height: 13px;
	*height: 19px;
}
div.gallery div.galleryItem p.label span {
	position: relative;
	top: -2px;
	*top: -4px;
	left: 3px;
	*left: 0;
}
div.gallery div.galleryItem p.label input {
	background-color: #AA3333;
	border-color: #AA3333;
	cursor: default;
}
/*
div.gallery div.galleryItem div.galleryImageData {
	display: table-cell;
	text-align: center;
	width: 175px;
	vertical-align: middle;
	margin: 0;
}
*/
div.gallery div.galleryItem div.galleryImageData div.galleryImageContainer {
	padding: 10px;
}
.galleryItem {
	font-size: 80%;
	white-space: nowrap;
}
.gallery div div.caption {
	/*text-align: center;
	font-size: 12px;
	width: 175px;
	min-height: 80px;
	*/
	margin-left: .5em;
	height: auto;
	width: 55%;
	white-space: normal;

	vertical-align: middle;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
/*
.professionalAssociation .galleryItem, .companyAward .galleryItem, .warranty .galleryItem {
	padding-top: .3em;
	padding-bottom: .3em;
}
*/
.gallery .caption div {
	margin-top: .5em;
	margin-bottom: .5em;
}
.gallery .imageAndUploadButton {
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 1em;
	width: 40%;
	white-space: normal;
	text-align: center;
}
table.profile .gallery div div.caption {
	height: auto;
	min-height: 0;
	padding-bottom: 5px;
}
.gallery div div.caption input {
	width: 200px;
}
.gallery div div.caption textarea {
	min-height: 30px;
}
div.gallery div.galleryItem div.galleryImageData div.galleryImageContainer img {
	margin: 0 auto;
	max-width: 50px; /*175px;*/
	max-height: 50px; /*175px;*/
}
table.profile div.gallery div.galleryItem div.galleryImageData div.galleryImageContainer img {
	max-width: 80px;
	max-height: 80px;
}
div.gallery div.upload_button_wrapper {
        float: none;
        margin-bottom: 0;
        margin-right: 0;
}
div.gallery div.upload_button_wrapper div.upload_button,
div.gallery div.upload_button_wrapper div.upload_button_off {
        /*text-align: left;*/
        height: auto;
        width: auto;
}
.sortableRow {
	position: relative;
	/*border: 1px solid #ccc;*/
	/*display: inline-block;*/
	margin: .3em;
	background: rgb(240,240,240);
}
.attribute_row.image_type_1 .sortableRow {
	width: auto;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.attribute_row.image_type_3 .galleryImageData {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
#attribute_row_25.attribute_row.image_type_3 .sortableRow img {
	max-width: 90px;
	max-height: 75px;
}
#attribute_row_25.attribute_row.image_type_1 .sortableRow img {
	max-width: 200px;
	max-height: 200px;
}

a, .link, .link_button {
	text-decoration: none;
	color: rgb(44,82,168);
	cursor: pointer;
}
a:hover, .link:hover, .link_button:hover {
	text-decoration: underline;
}

.link_button {
    display: inline-block;
    margin: 1em;
}


.inlineBlock {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.sortableRow {
	background: #ddd !important;
	padding-top: .5em;
	padding-bottom: .5em;
}

div.upload_button_off {
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	color: #888888;
	visibility: hidden;
}

.moduleHeader {
	background-image: url('https://images.servicedirect.com/images/shared/kindajean.png');
	padding: .5em;
	text-align: center;
	font-weight: bold;
}


a img {
	border: none;
}






.newButton {														/* #gradient #buttons */
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 100% 'Open Sans', sans-serif;
	padding: .2em .5em .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.newButtonGreen {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)/*, to(#aec891)*/);
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	background: -ms-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
}
.newButtonGray.newButton {
	color: #eee;
	border: solid 1px #bbb;
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc)/*, to(#aec891)*/);
	background: -moz-linear-gradient(top,  #ddd,  #ccc);
	background: -ms-linear-gradient(top, #ddd 0%, #ccc 100%);
	text-shadow: 1px 1px 1px #777;
}
.newButtonGray:hover {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d0d0d0)/*from(#6b9d28), to(#436b0c)*/);
	background: -moz-linear-gradient(top,  #eee,  #d0d0d0);
	background: -ms-linear-gradient(top, #eee 0%, #d0d0d0 100%);
}
.newButtonGray.button:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eee));
	background: -moz-linear-gradient(top,  #f8f8f8,  #eee);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #eee 100%);
}
.newButtonGreen:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf9), to(#6b9d28)/*from(#6b9d28), to(#436b0c)*/);
	background: -moz-linear-gradient(top,  #bf9,  #6b9d28);
	background: -ms-linear-gradient(top, #bf9 0%, #6b9d28 100%)
}
.newButtonGreen:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfa));
	background: -moz-linear-gradient(top,  #fff,  #cfa);
	background: -ms-linear-gradient(top, #fff 0%, #cfa 100%)
}
input.submit.newButtonGreen:active {
	color: #aaa;
}

a.newButtonBlue:hover {
	text-decoration: none;
}

.newButtonBlue, a.newButtonBlue, a.newButtonBlue:visited {
	color: white;
	border: solid 1px #7373b3;
	background: rgb(44,82,128); /*#64991e;*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(88,164,255)), to(rgb(44,82,128)) /*from(#7db72f), to(#4e7d0e)*/);
	background: -moz-linear-gradient(top,  rgb(88,164,255), rgb(44,82,128) /*#7db72f,  #4e7d0e*/);
	background: -ms-linear-gradient(top, rgb(88,164,255) 0%, rgb(44,82,128) 100%)
}
.newButtonBlue:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#bdf), to(rgb(88,164,255))/*from(#6b9d28), to(#436b0c)*/);
	background: -moz-linear-gradient(top,  #bdf, rgb(88,164,255));
	background: -ms-linear-gradient(top, #bdf 0%, rgb(88,164,255) 100%)
}
.newButtonBlue:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bdf)/*from(#4e7d0e), to(#7db72f)*/);
	background: -moz-linear-gradient(top,  #fff,  #bdf);
	background: -ms-linear-gradient(top, #fff 0%, #bdf 100%)
}

.redAlert {
	color: #CC0000;
}


/* contractorQuestions on Websites */
ul.contractorQuestions {
	list-style-type: none;
	margin: 0 0 2.5em;
	padding-top: 0;
	padding-left: 0;
}
ul.contractorQuestions li {
	margin-top: 1em;
}
ul.contractorQuestions .question {
	font-size: 110%;
	font-weight: 300;
	color: #999;
	margin-bottom: .5em;
}

a.blockLink {
	display: block;
}
a.blockLink:hover {
	cursor: pointer;
}

.contractorQuestionHeader {
	margin-top: 1.5em;
	margin-bottom: 0;
}

.drawOnMapStandin {
	z-index:1;
	position: absolute;
}

.drawOnMap {
	/*visibility: hidden;*/
	width: 600px;
	height: 440px;
	margin-left: auto;
	margin-right: auto;
}
.drawOnMap .drawOnMapDisplay {
	display: none;
}

#map_canvas {
	width: 600px;
	height: 400px;
}

.deleteButton {
	color: darkred;
	vertical-align: middle;
	cursor:pointer;
	display: inline-block;
}
.deleteButton:hover {
	color: red;
}

.profile input[type=text] {
	vertical-align: middle;
}

.profile .profile_ad_schedule_label {
	margin-bottom: 12px;
}
.profile .profile_ad_schedule_label label {
	float: right;
}

.profile .profile_ad_schedule_day_container {
	display: inline-block;
	margin-left: 4px;
}

.profile .profile_ad_schedule_day_container:first-child {
	margin-left: 0;
}

.profile .profile_ad_schedule_day_container select {
	width: 50px;
	font-size: 14px;
	padding: 0;

}
.profile .profile_ad_schedule_day_container label {
	display: block;
	font-weight: normal;
}

.profile .profile_ad_schedule_day_container .ad_schedule_quick_link {
	text-decoration: underline;
	font-size: 13px;
	cursor: pointer;
	margin-top: 5px;
}

.linkColor {
	color: rgb(44,82,168); /*#3774A2;*/
}
.linkColor:hover {
	color: rgb(124,162,238); /*#3774A2;*/
}

.review_buzz_wrapper > .widget_reviewbuzz {
	margin: 1em auto;
}

/**
 * When we launched mySD AA, we changed the Image Upload constraints.
 * These images used to max out at 150x150, but now they're allowed to
 * be bigger. Therefore, put the size constraint in CSS, below.
 *
 * https://app.asana.com/0/691849787814198/1123278022644055/f
 */
.photoGalleryThumbnail {
    max-width: 150px;
    max-height: 150px;
}