h6 {
	margin-top: 30px;
	padding: 5px 10px;
	font-size: 1.5em;
	background: #eee;
	color: #555;
}
button.left{float:left;display: inline-block;}
button.right{float:right;display: inline-block;}
div.fields {
	padding: 5px 10px;
}
button,.button{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding:5px 7px;
	border:1px solid #bbb;
	font-weight: normal;
	text-shadow: 1px 0px 0px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=0);
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 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-8 */

}
button:disabled, .button:disabled{
	background: rgba(221,221,221,1);
	border-color:#aaa;
	color:#aaa;
}
button:after,.button:after{
	background: #333;
}
div#buttons {
	margin-top: 20px;
}

p.italicize{ font-style: italic; }

label {
	display: block;
	margin-top: 5px;
	/*font-size: 1.2em;*/
	color: #333;
}

input, textarea {
	padding: 5px;
	font-size: 1.1em;
	color: #666;
}

div#email_fields, div#print_fields {
	margin-top: 20px;
}

div.error_messages {
	margin-top: 30px;
	padding: 10px;
	border: 1px solid #a00;
	background: #ffcccc;
	color: #444;
	font-weight: bold;
	font-size: 1.2em;
}

div.error_messages ul {
	margin-top: 5px;
	margin-left: 20px;
}

.notice {
	margin-top: 30px;
	padding: 10px;
	border: 1px solid #0a0;
	background: #ccffcc;
	color: #444;
	font-weight: bold;
	font-size: 1.2em;
}

label.error { float: none; color: red; font-weight: bold; vertical-align: top; display: block; padding-top: 5px; }
input.error { border: 2px solid #c40000; }

/* Lookup Page Notes Section */
#notes_section {
	margin-top: 20px;
	margin-bottom: 30px;
	width: 600px;
	height: 100%;
}
#notes_section p {
	height: 150px;
	overflow: scroll;
	border: 1px solid #ddd;
}
/* End Lookup Page Notes Section */

/* Service Request Door Pricing Section */
div.door_pricing_section {
	border: 1px solid #ccc;
	background: #efefef;
	padding: 5px 20px;
	margin-bottom: 20px;
	line-height: 150%;
}
div.door_pricing_section label {
	font-weight: bold;
}
div.door_pricing_section ul, div.door_pricing_section span {
	border-bottom: 1px dashed #ccc;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}
div.door_pricing_section ul li {
	margin-left: 15px;
}
div.door_pricing_section p {
	margin-bottom: 10px;
}
div.door_pricing_section a {
	font-size: 1.1em;
}
/* End Service Request Door Pricing Section */

/* Lookup Page Status List */
ul#status_list {
	width: 400px;
	margin: 50px 0;
	padding: 10px 15px;
	background: #efefef;
	border: 1px solid #ddd;
}
ul#status_list li {
	margin: 2px 5px;
	padding: 2px 5px;
	list-style: none;
}
ul#status_list li.ui-state-error {
	margin-bottom: 10px;
}
ul#status_list li.ui-state-highlight {
	margin-top: 10px;
}
ul#status_list li.ui-state-error span, ul#status_list li.ui-state-highlight span {
	float: left;
	margin-right: 0.3em;
	position:relative;
	top: 2px;
}

/* End Lookup Page Status List */

.ui-icon.x2 {
-ms-transform: scale(2); /* IE 9 */
-webkit-transform: scale(2); /* Chrome, Safari, Opera */
transform: scale(2);
}

/* Site Check Change Information Form */

#form_fields {
	background: #eee;
	border: 1px solid #ddd;
	margin-top: 5px;
	padding: 10px 15px 10px;
}

#form_fields h6 {
	margin-top: 0;
	background: #777;
	color: white;
}

#form_fields div.fields {
	margin-bottom: 10px;
}

/* END Site Check Change Information Form */

/* Dimensions page Install Options Section */

#fi_info, #sts_info {
	margin: 5px 00px 20px;
	border: 1px solid #ccc;
	background: #efefef;
	padding: 5px;
}

#sts_info div {
	margin: 10px 0;
}

/* END Dimensions page Install Options Section */

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

/* sales report styling */
#csv-section, #status_help {
	margin: 10px 0 15px;
}

#process_steps {
	border: 1px solid #ccc;
	background: #efefef;
	padding: 10px 20px;
}

#process_steps dl dt {
	font-size: 1.1em;
	font-weight: bold;
}

#process_steps dl dd {
	border-bottom: dashed 1px #999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #222;
}
/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;

	width:675px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
%p Not available in selected dimensions
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/apple-close.png);
	position:absolute;
	right:-5px;
	top:-5px;
	cursor:pointer;
	height:25px;
	width:25px;
}
.simple_overlay img{
	width:99%;
}

.series_listing {
	margin: auto;
	width: 700px;
}
.series_display {
	width:auto;
	cursor:pointer;
	margin: 10px 30px;
	margin-bottom:15px;
	display:inline-block;
	zoom: 1; *display: inline;
	vertical-align: top;
}
.series_display span{
	font-size:10px;
	color:#d98941;
	padding:0;
	display:inline-block;
	zoom: 1; *display: inline;
	text-align: center;
}

.series_display form {
	display: inline-block;
	zoom: 1; *display: inline;
	margin: 0px 10px 0px 10px;
	margin: auto;
	width:160px;
}
.overlay{
	width:100%;
	height:100%;
	position:fixed;
		top:0;
		left:0;
	background:#111;
	/*opacity:;*/
	z-index: 15;
}

.tooltip {
	display: none;
	height:163px;
	padding:40px 30px 10px 30px;
	width:320px;
/*	font-size:11px;*/
	color:#fff;
}
.ui-tooltip-content{
	font-size: 11px;
}
.ui-dialog-content{
	padding:15px;
}
.ui-dialog-content ul, .ui-dialog-content ol,.ui-tooltip-content ul{
	padding-left:15px;
}
ol ol{
	list-style-type: lower-latin;
}
li {list-style-position:inside }
ol ul{ list-style: none;}
ol ol ol{
	list-style-type: lower-roman;
}
.tooltip h2:last-child{
	font-size: 1em;
}
[class^='ui-'] button, [class*=' ui-'] button{
	padding:5px;
	margin-top:15px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}
.den {font-size: 70%; font-weight: 700;}
.divisor {font-size:80%; font-weight: 700; letter-spacing:-5px;}
.num {font-size: 70%; vertical-align:.5ex; letter-spacing:-2px; font-weight: 700;}

/*===================================  Sharedf css originally repeated in seperate files  ===========================================*/

*{margin:0;padding:0;}
html{padding-top:10px;}
body{font:0.75em Arial,Helvetica,Sans-Serif;color:#4e4e4e;line-height:1.6em;}
a:hover{color:#999999;}
h4{font-size:13px;text-transform:uppercase;font-weight:bold;}
img{border:0;}
table{margin-top:15px;border:solid 1px #cccccc;}
table.table-plain{border:none;}
th{background-color:#e5e5e5;padding:5px 5px 5px 2px;text-align:left;}
td{padding:3px;line-height:120%;}
input{color:#4e4e4e;}
textarea{font-family:Arial,Helvetica,Sans-Serif;color:#4e4e4e;font-size:1.1em;}
button,.button{color:#4e4e4e;}
form p{margin-top:10px;}
table h3{background-color:#e5e5e5;padding:5px 0px 5px 5px;font-size:1em;}
sup{font-size:9px;}
hr{border:0px;height:1px;background-color:#cccccc;color:#cccccc;margin:10px 0;}
.caption{font-size:.8em;line-height:1.3em;}
.odd{background-color:#efefef;}
.color{height:100px;width:100px;}
.toprow{padding-bottom:0px;}
.clean{border-style:none;margin-top:0px;}
.clear{clear:both;}
.inner-mult{display:none;}
#wrap{text-align:center;width:760px;margin:0 auto 0;}
#logo{height:82px;width:370px;top:20px;position:absolute;right:50%;visibility:visible;z-index:1;}
#logo img{height: 75%}
#minilogo{height:52px;width:370px;top:25px;position:absolute;left:50%;visibility:visible;z-index:2;}
#minilogo img{float:right;}
#title{height:42px;width:370px;top:46px;position:absolute;left:50%;visibility:visible;z-index:3;}
#logoprint{display:none;}
#line{position:absolute;top:133px;width:100%;height:2px;z-index:1;clear:both;border-top:4px solid #ffffff;}
ul#navlist{background-position:0 bottom;text-align:left;margin:0;padding-left:10px;}
#navlist li{padding-right:4px;list-style-type:none;display:inline;}
#navlist .active{font-weight:bold;padding:5px 15px 30px 15px;color:#cccccc;background-color:#ffffff;display:inline-block;vertical-align:top;}
#navlist .dead{font-weight:bold;padding:5px 9px 7px 10px;color:#aaaaaa;background-color:#999999;display:inline-block;vertical-align:top;}
#navlist a{padding:5px 15px 7px 15px;display:inline-block;vertical-align:top;}
#navlist a:link,#navlist a:visited{color:#ffffff;background-color:#999999;text-decoration:none;}
#navlist a:hover{color:#ffffff;background-color:#aaaaaa;text-decoration:none;}
#popareafull,.popareafull{float:left;width:240px;padding:5px 5px;margin:0 0 0 0;text-align:left;}
#popareafull h2,.popareafull h2{font-size:1.5em;}
#popareafull ul,.popareafull ul{padding-left:20px;list-style-image:url(/images/bullet.gif);vertical-align:middle;margin-bottom:10px;}
#popareafull ul li,.popareafull ul li{vertical-align:middle;padding-bottom:0px;padding-top:0px;margin-bottom:5px;margin-top:0px;}
#maincontent{clear:both;text-align:left;}
#choicearealeft{float:left;width:520px;padding:5px 15px 0 10px;margin:0 0 25px 0;text-align:left; min-height: 575px;}
#formarealeft p{margin:0 0 15px;}
#choiceareafull{float:left;width:740px;padding:5px 15px 0 10px;margin:0 0 25px 0;text-align:left;}
#formarealeft p{margin:0 0 15px;}
#productarea{margin:15px 10px 0 0;border:1px solid #cccccc;width:200px;float:right;background:#efefef; padding-bottom:10px;}
#info, .info{text-align:left;font-size:0.9em;padding:6px 12px;background:#e5e5e5;margin:10px;}
.info h3{border-bottom:1px solid #ccc; padding-bottom: 5px;}
.info h4{text-align: center;}
.info h4 span{font-size: 1.7em;}
#info ul li{text-align:left;padding-bottom:5px;border-bottom:1px dotted silver;list-style-type:none;list-style-image:none;list-style-position:inherit;}
#productarea p{margin-top:10px; padding:3px 12px;}
#backnext{float:right;margin-top:15px;text-align:right;}
#footer{clear:both;padding:10px;margin:15px 10px 10px 0;border-top:1px solid #cccccc;line-height:1em;}
.expectations p{padding-bottom:20px;padding-left:45px;}
.expectcomplete{font-weight:bold;padding-left:25px;}
.features td{padding:15px 5px 15px 5px;border-top:1px solid #cccccc;}
.features strong{font-size:1.3em;}
.features h2{font-size:1.2em;margin-top:10px;margin-bottom:0px;}
.features ul li{color:#4e4e4e;}
.features #price{font-size:1.1em;}
.expecthead{padding-top:15px;}
.expectations table{margin:0px 0px 10px 50px;}
.expectations input{margin:0px 0px 10px 50px;vertical-align:middle;}
#dhtmltooltip{font-size:.8em;line-height:1.4em;color:#333333;position:absolute;left:-300px;width:150px;border:1px solid #999999;padding:8px;background-color:#e5e5e5;visibility:hidden;z-index:100;}
#dhtmlpointer{position:absolute;left:-300px;z-index:101;visibility:hidden;}
.buttons{margin-top:20px;margin-bottom:20px;clear:both;display:block;float:right;text-align:center;width:100%;}
.buttons #add_door{display:inline-block;margin-right:20px;zoom: 1; *display: inline}
.buttons #next{margin-left:10px;display:inline-block;behavior:url(/stylesheets/PIE.htc);zoom: 1; *display: inline}
.buttons #back{margin-right:10px;display:inline-block;behavior:url(/stylesheets/PIE.htc);zoom: 1; *display: inline}
#hardwareForm,#operatorForm{width:500px;float:left;}
.hardwareWithColor{width:80%;}
.bolder{font-size:13px;font-weight:bold;}
.chooseColor{width:85%;}
.hardwareWithColor td{vertical-align:middle;}
.hardwareWithColor input,.hardwareWithColor label{width:55px;margin:0px;font-size:12px;display:inline;}
.hardwareWithColor select{width:110px;}
.hardwareWithColor td:first-child,.hardwareWithTextBoxMatrix td:first-child{width:20px;background:#ffffff;}
.hardwareWithTextBox,.hardwareWithCheckBox{clear:both;}
.hardwareWithTextBox p,.hardwareWithCheckBox p,.hardwareWithColor p{float:left;max-width:600px;}
.hardwareWithTextBox input[type="text"]{float:right;width:30px;}
.installation_options{margin:20px 0px 0px 0px;border-color:#cccccc;border-style:solid;border-width:1px;padding:20px;text-align:left;}
.radio_choices{margin:0px 0px 10px 20px;}
#errorExplanation{border:1px solid;margin:15px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;color:#d8000c;background-color:#ffffff;background-image:url('/images/error.png');}
#errorExplanation ul{margin-left:30px;list-style:none;}
#errorExplanation h2{color:#d8000c;margin-left:30px;}
#colorcontent{margin-top:15px;}
.choose_site:first-child,.choose_admin_site:first-child{margin-left: 25px;}
.choose_site, .choose_admin_site { height:300px; width:240px; overflow:hidden; display:inline-block;zoom: 1; *display: inline; margin-left:5px; vertical-align: top; margin-top: 20px;}
.choose_admin_site{width:365px;height:204px;}
.choose_site label {font-size: 17px;font-weight: bold; width:240px; position:relative;text-align:center; filter: dropshadow(color=#999999, offx=0, offy=1);}
.choose_site a { width: 87%; height:43px; overflow:hidden; display: block; text-align: right; font-size: 18pt; padding-top:20px; }
#splash_catalog{background: url(/images/garage_door_catalogs.png)}
.choose_site form{box-shadow:1px 2px 5px #999999;-moz-box-shadow:1px 2px 5px #999999;border:solid 1px #cccccc;}
.choose_site form:hover{ box-shadow:2px 3px 7px #777;-moz-box-shadow:2px 3px 7px #777; border:solid 1px #aaa; cursor:pointer;}
.choose_admin_site form{width:100%;height:100%;}
.choose_admin_site form:hover{cursor:pointer;}
.no-border{border:none;}
.no-border td{border:auto;}
.choice{width:90%;background:#ffffff;border-collapse:collapse;box-shadow:1px 2px 5px #999999;-moz-box-shadow:1px 2px 5px #999999;border:solid 1px #cccccc;margin:3px;padding:10px;behavior:url(/stylesheets/PIE.htc);}
.choice img{margin:3px 5px 3px 3px;float:left;}
.choice_content img{margin: 5px auto;}
.choice img{max-width: 95%;}
.choice_content label img{margin: 5px 10px;}
.choice label{font-weight:bold; display:inline-block; zoom: 1; *display: inline}
.model_choice h3,.model_choice label{margin:0px;display:inline-block;zoom:1;*display:inline;vertical-align:top;}
.model_choice h3{margin-left:5px;}
.model_choice{display:inline-block;overflow:hidden;zoom:1;*display:inline;width:20%;width:200px;vertical-align:top;margin:4px;}
.model_choice input{display:inline-block;zoom:1;*display:inline;vertical-align:top;}
.model_choice img{border:solid 1px #cccccc;float:none;margin:0px;margin-bottom:5px;}
.model_choice ul{margin-left:20px;color:#333333;}
.model_choice li{line-height:1.3;margin-bottom:7px;list-style:url(/images/bullet.jpg);}
.color_choice{border:solid 1px #cccccc;padding:10px;display:inline-block;zoom:1;*display:inline;width:20%;vertical-align:top;}
.color_choice img{margin:0;max-width:100%;}
.color_choice p{vertical-align:center;text-align:center;margin-top:5px;height:35px;}
.color_swatch{border:solid 1px #333333;vertical-align:middle;margin:0px 17px 0px;vertical-align:middle;display:inline-block;zoom:1;*display:inline;width:115px;height:50px;}
.asterisk{font-weight:bold;font-size:22px}
.footnote{vertical-align: super;font-size: 0.75em;margin-left: 2px;}
.large_button{font-size:15px}

.window_choice, .residential_window_choice{display:inline-block;zoom:1;*display:inline;vertical-align:middle;width:130px;height:90px;padding:7px 10px;margin:5px;text-align:left;}
.window_choice input, .residential_window_choice input{float:none;position:static;}
.residential_window_choice{ width:185px; height:auto}
.residential_window_choice img {text-align: center;}
.section_choice{width:80px;height:15px;margin:10px;padding:7px;}
.hardware_choice, .hardware_residential_choice{width:95%;padding:25px 15px;display:inline-block;zoom:1;*display:inline;}
.hardware_choice table{border:none;margin:7px;}

.hardware_residential_choice{width:205px;  height:80px; vertical-align: middle;}
.hardware_residential_choice img{max-width:100px; max-height:50px; float:left;}

.hardware_choice input[type="checkbox"]{float:left;}
.hardware_choice img{float:right;text-align:center;width:40px;height:auto;}
#springs{font-weight:bold;padding:10px 15px;}
#springs select{margin-left:5px;}
.description li{position:relative;left:20px;top:5px;list-style:disc;}
.operator_choice, .operator_residential_choice, .operator_accessory_residential_choice{display:inline-block;zoom:1;*display:inline;width:95%;padding:10px;border:solid 1px #cccccc;border-width:0px 0px 1px;}
.operator_residential_choice { width:42%;vertical-align:top; height: 90px;}
.operator_residential_choice label, .operator_accessory_residential_choice label{display: inline;}
.operator_residential_choice img, .operator_accessory_residential_choice img{ max-width:100px;max-height:85px; }
.operator_accessory_residential_choice {width:40%; height:120px;}
.operator_accessory_residential_choice p{height:30px; margin-top:0px; margin-bottom:10px;}
.operator_accessory_commercial_choice p{height:30px;}
.operator_content img{margin:3px 5px 3px 3px;float:left;}
.operator_content{width:95%;padding:5px;padding-top:15px;z-index:1;behavior:url(/stylesheets/PIE.htc);}
.operator_title{font-weight:bolder;}
.operator_choice img{width:80px;margin-right:5px;}
.parts_image{ display:block; width:100%; height: 100px;}
.parts_image img{margin:0px 25%; }
.garage_door_parts_choices{ display:inline-block; text-align:center; margin:5px 3px 5px 7px;}
.garage_door_parts_choices input{width:60px; }
.select_operator{float:left;}
.operator_tabs{color:#999999;background-color:#efefef;font-size:14px;margin:3px;border:solid 1px #cccccc;border-bottom:none;padding:6px;}
.operator_tabs li{z-index:-1;}
.operator_tabs a{color:#999999;}
.operator_tabs a:hover{color:#999999;}
.current{background:#ffffff;padding-bottom:7px;z-index:2;}
.operator_table{width:70%;border:none;border-collapse:collapse;text-align:center;margin-top:3px;padding-top:2px;}
.operator_table tr{border-top:solid 1px #cccccc;}
.table_header{border-bottom:solid 1px #cccccc;}
.garage_door_results{border:solid 1px #999999;}
.garage_door_results .line_items{/*background:none;*/ }
/*.garage_door_results .line_items td{border-bottom:1px solid #ccc;}*/
.garage_door_results table{border:none;}
.garage_door_results td{margin-left:5px;}
.door_display{float:left;/*height:215px;*/padding-top:00px;/*width:291px;*/margin:20px 60px 5px 25px;behavior:url(/stylesheets/PIE.htc);}
.door_display svg{border:solid 5px #222222;box-shadow:1px 2px 5px #999999;-moz-box-shadow:1px 2px 5px #999999;}  /* can't go on .door_display; that has a left:-1px which causes white to peek through on the right */
.door_display_notice{padding:10px;}
.garage_door_result_headers{color:#ffffff;padding:5px;background:#999999;border-bottom:solid 1px #4e4e4e;}
.garage_door_result_headers h4{display:inline;}
.garage_door_result_headers a{display:inline;color:#ffffff;margin-left:100px;}
.garage_door_price_header{float:right;cursor:default;}
.garage_door_showhide{margin-bottom:10px;margin-top:20px;}
.garage_door_showhide table{}
.garage_door_showhide .title{width:120px;font-weight:bold;text-align:justify;}
.garage_door_showhide td{margin:0px;}
.garage_door_showhide tr{vertical-align:top;margin-bottom:10px;}
.garage_door_showhide ul{list-style-image:url("/images/bullet.jpg");}
.garage_door_showhide .indent{margin-left:25px;}
.hide_price {display:none}
.hide_cost_data {display:none}
.support_text_hidden{display:none;color:red;}
.installation_options .left,.installation_options .right{width:350px;display:inline-block;vertical-align:top;zoom:1;*display:inline;}
.user_login{text-align:right;}
#summary_total{width:100%;}
#order_list{width:100%; height: 600px;overflow:scroll;text-align:center;white-space:nowrap;}
#order_list th{text-align:center;}
#order_list tr{text-align:left;vertical-align:top;}
#order_submit{margin-top:20px;}
p.order_status{font-size:1.5em;font-weight:bold;}
p.headroom_requirements{padding:5px;border-style:solid;border-width:1px;}
div.headroom_requirements{padding:5px;border-style:solid;border-width:1px;}
table.with_grids{border-collapse: collapse;}
table.with_grids td,table.with_grids th{border: 1px solid black;}
.margin_markup_field{width:40px;}
.half_width{width:55%;}
#status_history div{
    font-weight:bold;
    height:30px;
    padding:3px 5px;
    padding-top:8px;
    border:1px solid #ddd;
}
td.unobtrusive{padding:0px;line-height:100%;vertical-align:top}
td.unobtrusive{margin:0px;}

#status_history div.incomplete{ opacity:.2;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
#status_history div .status_date{
    background:#333;
    font-weight:normal;
    font-size:12px;
    padding:2px 5px;
    color:white;
    float:left;
}
#status_history div.current{height:40px; font-size:18px; padding-left:0px; padding-right:5px; padding-top:15px;}
#status_history div.current .status_date{ height:40px; width:60px; margin-top:-15px;padding-top:15px;padding-left:10px;  padding-right:10px; }
#status_history div .status_icon{ float:right; }
#order_progress{padding:0px;}

.choose_admin_site.holmes{background-image: url("/images/admin-holmes.png");}
.choose_admin_site.clopay{background-image: url("/images/admin-clopay.png");}
.choose_admin_site.holmes:hover{background-image: url("/images/admin-holmes-over.png");}
.choose_admin_site.clopay:hover{background-image: url("/images/admin-clopay-over.png");}

.admin-site-nav form{ height:100px; width:80px; overflow:hidden; display:inline-block;zoom: 1; *display: inline; margin-left:5px; vertical-align: top; margin-top: 20px;}
.admin-site-nav form.selected{border:2px #999 solid;}
.admin-site-nav form.selected img{height:76px;}
.admin-site-nav img{height:80px; }
.admin-site-nav img:hover{cursor: pointer;}
.delivery_method_detail{border:1px solid #999;}
.delivery_method_detail table{margin:5px 2.5%; width:95%;}
.toggle_multipliers{width:100%;padding:10px 0px;text-indent: 10px; background:#999;color:#fefefe;font-size: 15px}

#productarea svg:hover, .door_display svg:hover {cursor: pointer;}


/*=================================-------------------------------- Entry Door Style --------------------------------=================================*/
.area_left{width:490px;display: inline-block; }
.area_right{
	width:250px;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	margin: 15px 10px 0 0;
	border: 1px solid #cccccc;
	background: #efefef;
	padding-bottom: 10px;
}
.choice_area{padding-left:20px;margin-bottom:20px;}

.area_right p{margin-top:10px; padding:3px 12px;}
.area_right #door_illustration { padding:10px;}
.step_alert{ background: #fceaea; outline:solid 1px #c00000; border:1px solid #d8b6b6; font-size: 15px; font-weight: bold; color:#333;}
.step_alert ul{list-style: none;padding:10px;}

.entry_door_next_buttons{float:left;width:96%;}
.entry_door_next_buttons .button{float:left;display: inline;vertical-align: middle;font-size: 16px;padding:7px 10px;}
.entry_door_next_buttons .right{float:right;}
.entry_door_next_buttons .center{position: relative;left:34%;}
.choice img.float-none{float:none;vertical-align:middle;margin:0px;margin-top:-3px;margin-right:2px;width:11px;}
.assembly_type_items{width:28.5%;}
.construction_type_items{width:44.7%;}
.transom_items{width:28.5%;}

.glass_type_items{width:28.5%;}
.caming_items{width:28.5%;}
.grille_color_items{width:28.5%;}
.door_style_items{width:22.7%; }
.lite_rim_items{width:22.7%;}
.sidelite_style_items{width:13.5%;}
[class*='color_item']{width:42.8%; height:100px;}
[class*='color_item'] img{}
.jamb_type_items {width: 43%;}
.brickmould_option_items{width:26%;}
.interior_casing_profile_items{width:26%;}
.entry_door_choices.brickmould_option_items label:nth-of-type(1){max-width:85%;margin-left:3px;line-height: 13px;}
.miscellaneous_jamb_option_items {width:43%;}
.interior_casing_items{width:43%; height: 152px; overflow: hidden;}
.door_swing_items, .lock_prep_items{width:43%;}
.handleset_series_items,.handleset_collection_items,.dummy_handleset_items{width:42.8%; min-height:150px;}
.handleset_items{width:43%}
.accessory_items{width:43%;}
.finish_option_items{width:43%;}
[class*='finish_item']{width:26.5%;}

.entry_door_next_buttons{margin:10px;}
.entry_door_choices{display: inline-block;vertical-align: top; overflow:hidden;}
.entry_door_choices label:nth-of-type(1){max-width:89%;vertical-align: middle;margin-top:0px; margin-left:3px;line-height: 13px;}
.entry_door_choices label:nth-of-type(2){height:100px;padding-left:15px;display:block;}
.entry_door_choices label img{height:auto; max-height: 100px; max-width:100%; }

.handleset_series_items label:nth-of-type(1){width:80%;}
.color_items label:nth-of-type(2){height:20px;}
.door_style_items label:nth-of-type(2){min-height:150px;}

.transom_items label img{height:auto;width:90%;}

.glass_type_items label img{height:340%;max-height: none;}
.glass_type_item_banner {margin:3px 5px 10px 3px;}
[class*='color_item'] label {font:.90em Arial,Helvetica,Sans-Serif; font-weight: bold;}
[class*='color_item'] label img{height:50px;width:90%;min-width: 150px;}
.door_style_items label img,.sidelite_style_items label img{height:300px; border:#bbb solid 1px;max-height: none;}
.handleset_items label img{max-height:90%; width:auto;}
.accessory_items label img{height:auto;width:60%;}

.accessory_items select{width:90%;}

td.align-right{text-align: right;}
.text-right{text-align:right;}
.entry_door_price_adjustment{ border: solid 1px #a1a1a1; padding: 5px;	margin-right: 3px; margin-left: 3px; margin-top: 5px; margin-bottom: 5px; display: inline-block; width:95%;}

.entry_door_price_adjustment label{display:inline-block;}
.entry_door_price_adjustment br { clear: left; }
.entry_door_price_adjustment h4{background-color:#e5e5e5;padding:5px 0px 5px 5px;font-size:1em;}
.grid_half{width:45%;display: inline-block;vertical-align: top;margin-left:2.5%;}
.half_modal{float: left; width:50%; }

.entry_door_summary table{width:100%; border:solid 1px #a1a1a1; cellspacing:3; cellpadding:0;}
.entry_door_summary td.field_label{text-align:right; width:20%;}
.entry_door_summary td.half_field{text-align: right; width:50%}
.entry_door_summary div.button_style{text-align:right; padding:10px}

div.with_header{border:1px solid #cccccc; padding:5px 5px 10px 5px; margin-top:15px;}
div.with_header h4{background-color:#e5e5e5; padding:5px 0px 5px 5px; font-size:1em; text-transform:none;}
div.with_header table{border:none; margin-top:2px;}
div.with_header p{padding:5px 0px 5px 5px;}
div.with_header label{font-weight: bold;}
table.line_items{background-color:#e5e5e5;}
table.line_items th{background-color:#999; }
table.line_items tr{border-bottom:1px solid #222;}


#entry_door_disclaimer{display:none;}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
.alert h4 {
	margin-top: 0;
	color: inherit;
}
.alert .alert-link {
	font-weight: bold;
}
.alert > p,
.alert > ul {
	margin-bottom: 0;
}
.alert > p + p {
	margin-top: 5px;
}
.alert-dismissable {
	padding-right: 35px;
}
.alert-dismissable .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.alert-success hr {
	border-top-color: #c9e2b3;
}
.alert-success .alert-link {
	color: #2b542c;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}
.alert-info hr {
	border-top-color: #a6e1ec;
}
.alert-info .alert-link {
	color: #245269;
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}
.alert-warning hr {
	border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
	color: #66512c;
}
.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}
.alert-danger hr {
	border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
	color: #843534;
}
/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}
.bs-callout-danger h3 {
color: #B94A48;
}

.bs-callout-warning h3 {
color: #C09853;
}

.bs-callout-info h3 {
color: #3A87AD;
}
/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
/*color:#FF0000;*/
}
a.text-danger:hover {
  color: #843534;
}
.ui-dialog{z-index:17;	}

iframe{
	border-color:transparent;
}

.table-form{
	border:none;
	padding:10px;
	width:100%;
}
.table-form input[type='text'], .table-form textarea {width:60%;}
/*.table-form td{}*/
.table-form td:first-child{width:25%;vertical-align:middle;padding-top: 5px;}
.table-form td.required{font-weight: bold;}
.table-form tr{
	padding:10px;
	font-size: 1.2em;
}
#loading-screen{z-index:1000;position: fixed;top:0px;width:100%;height:100%;text-align:center;float:left;left:0px;display:inline-block;}
#loading-screen.hide{display:none;}

.pop-out{
	-webkit-box-shadow: 0px 0px 76px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 76px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 76px 5px rgba(0,0,0,0.5);
	z-index: 4000;
	position:relative;
	width:200%;
	margin-left:-25%;
	font-size:1.5em;
	line_height:2;
}
.pop-out h4{
	font-size: 1.5em;
	line-height: 2;
}

span.sup {
    font-size: 80%;
    position: relative;
    bottom: 1ex;
}

.center {
	text-align:center;
}

.store-center-info-table {
	width: 100%;
	border-spacing: 3px !important;
	border-collapse: collapse !important;

}

.store-center-info-table tr td {
	padding: 5px;
}

/* Top Half of Form */

/* Store/Center Label */
.store-center-info-table tr:nth-child(2) td:nth-child(1) {
	text-align: right;
	width: 15%;
}

/* Store Center Data Container */
.store-center-info-table tr:nth-child(2) td:nth-child(2) {
	width: 25%;
}

/* Store Center Data Input */
.store-center-info-table tr:nth-child(2) td:nth-child(2) input {
	width: 95%;
}

/* Contact Label */
.store-center-info-table tr:nth-child(2) td:nth-child(3) {
	text-align: right;
	width: 15%;
}

/* Contact Data Container */
.store-center-info-table tr:nth-child(2) td:nth-child(4) {
	width: 25%;
}

/* Contact Data Input */
.store-center-info-table tr:nth-child(2) td:nth-child(4) input {
	width: 95%;
}

/* Bottom Half of Form */

/* Email Label */
.store-center-info-table tr:nth-child(3) td:nth-child(1) {
	text-align: right;
	width: 15%;
}

/* Email Data Container */
.store-center-info-table tr:nth-child(3) td:nth-child(2) {
	width: 25%;
}

/* Email Data Input */
.store-center-info-table tr:nth-child(3) td:nth-child(2) input {
	width: 95%;
}

/* Phone Number Label */
.store-center-info-table tr:nth-child(3) td:nth-child(3) {
	text-align: right;
	width: 25%;
}

/* Phone Number Data Container */
.store-center-info-table tr:nth-child(3) td:nth-child(4) {
	width: 25%;
}

/* Phone Number Data Input */
.store-center-info-table tr:nth-child(3) td:nth-child(4) input {
	width: 95%;
}

.residential-extended-solid-shaft{
	width: 80px;
	float: left;
}

.garage_door_parts_choices p {
	margin-left: 100px;
	text-align: left !important;
}

table.pdf-list-table {
	width: 330px;
	border: 0;
}

table.pdf-list-table tr.pdf-list-thumbnail td {
	width: 110px;
}

table.pdf-list-table tr.pdf-list-pdf a {
	font-size: 9px;
	line-height: 10px;
}

table.pdf-list-table tr.pdf-list-pdf td {
	vertical-align: top;
}

.operator_specs {
	margin-left: 15px;
}

.operator-model-number {
	margin-left: 15px;
}

.hide-checkbox-div {
	display: none;
}

.hidden {
	display: none;
}

.horsepower_paragraph span {
	margin-right: 15px;
}

.voltage_paragraph span {
	margin-right: 1px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.residential-high-lift {
	-moz-appearance: textfield;
	text-align: center;
}

/* ToolTip PO # classses */

.error-popup-po .error-popup-po-text {
	width : 147px;
	visibility: hidden;
	background-color: #FFF;
	border-radius:4px;
	border: 1px solid #4e4e4e;
	position: absolute;
	z-index: 1;
	padding: 5px;
	margin-top : 5px;
	opacity: 0;
	transition: opacity 0.5s;
	color: #c40000;
	text-align: center;
}

.error-popup-po .error-popup-po-text::after {
	position: absolute;
	top: 5%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #aeaeae transparent transparent;
}

#po-custom-popup {
	margin-top: 30px;
}

form.new_user .field_with_errors, form.edit_user .field_with_errors {
	position: relative;    /* Ensures the asterisk is positioned correctly */
}

form.new_user .field_with_errors input, form.edit_user .field_with_errors input {
	border: 1px solid red; /* Makes the input box border red */
}

.field_with_errors::before {
	content: "*";          /* Adds the asterisk */
	color: #d8000c;            /* Makes the asterisk red */
	position: absolute;
	left: -10px;           /* Positions the asterisk to the left of the input */
	top: 5px;                /* Aligns the asterisk vertically */
	font-size: 18px;       /* Adjust the size of the asterisk */
	line-height: 1;        /* Adjust line height for better positioning */
}

.user-checkbox-heading-error {
    color: #d8000c;
	position: relative;
	line-height: 1.5; /* Adjust this based on your specific font size */
}

.user-checkbox-heading-error::after {
	content: " *";         /* Adds a space followed by the asterisk */
	color: #d8000c;            /* Makes the asterisk red */
	font-size: 18px;       /* Adjust the size of the asterisk to match your design */
	position: absolute;    /* Allows you to fine-tune the positioning */
	top: 0;                /* Aligns the top of the asterisk with the text */
	margin-left: 5px;      /* Adds space between the text and the asterisk */
	transform: translateY(20%); /* Adjust this value to align vertically */
}

.user-checkbox-error {
	border: 1px solid #d8000c;
}

.model-header-note {
	margin-left: 5px;
	font-size: 15px;
	color: black !important;
}

.model_choice label {
  display: block; /* Makes the label a block-level element */
  text-align: left; /* Centers inline or inline-block children (e.g., image, h3) */
}

.choice_content {
  text-align: center; /* Ensure images remain centered */
  margin-top: 5px;
}