@import url("reset.css");
@import url("text.css");

html { margin-bottom: 1px; height: 100%;
background: #f9f9f9;
background: -moz-linear-gradient(top, #adadadf9f9f9 50%, #f9f9f9 100%);
background: -webkit-linear-gradient(top, #adadad 50%,#f9f9f9 100%);
background: linear-gradient(to bottom, #adadad 50%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#f9f9f9',GradientType=0 );
    background-repeat: no-repeat;
}
body { font-family: Helvetica;}
a { color: #000000; }

.yellow { color:rgba(198,50,46,.6) }
.red {color:#FF432B}

.container_16 { width: 960px; background-color: #eaeaea; margin: 0 auto; position: relative; }
.grid_16 { margin: 0 20px; }
.header .container_16 { background-color: transparent; }
.header { background-color:#323031; border-bottom: 4px solid #F9F9F9;  background-image: url('https://www.demco-products.com/assets/images/body_mobile_background.jpg'); background-repeat: repeat;}


.verify_link { display: block; position: absolute; font-size: 11px; line-height: 20px; right: 10px; top: 0;  }

h1 { float: left; margin: 10px 20px 0; }
h1 a { display: block; background: url('https://smibrake.com/css/media/SMI-logo.jpg') no-repeat; text-indent: -9999px; width: 288px; height: 91px; }
.logo{ float: left; margin: 30px 20px 0; }
h2 { float: left; margin: 20px 0; }
h2 a {
	display: block; text-transform: uppercase; padding: 0 10px; line-height: 28px; letter-spacing: 1px; color: #000; text-decoration: none;
}

#nav { width:100%; background-color:#555555; height:50px; margin-top:10px; margin-bottom:0px;
	 border-top-left-radius: 10px; border-top-right-radius: 10px;}
#nav ul {  }
#nav li { display: inline; list-style: none; }
#nav div { cursor:pointer; }
#nav a {
	display: inline-block; padding: 8px 3px; margin-right:12px; line-height: 14px; text-decoration: none; font-size: 12px; color: #eaeaea; }
#nav a span { display: block; font-size: 16px; line-height: 20px; color: #eaeaea; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #222; }
#nav a:hover span,
#nav a:hover { color: #FFF; background-color: rgba(198,50,46,1); }

#dropdown{display:none;z-index:50;position:absolute; left:192px;margin-top:0px; background-color:rgba(180,180,180,1);
		border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#dropdown a{ margin-right:0px; padding:auto 12px; width:88%;}
#dropdown:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

#expand:hover #dropdown{display:block;width:auto;}
#expand{padding:0;margin:0;}

#dropdown2{display:none;z-index:50;position:absolute; right:7px;margin-top:0px; background-color:rgba(180,180,180,1);
		border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#dropdown2 a{ margin-right:0px; padding:auto 12px; width:88%;}
#dropdown2:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

#expand2:hover #dropdown2{display:block;width:auto;}
#expand2{padding:0;margin:0;}
.sub{display:block;}


.content { background-color: #eaeaea; padding: 20px 0; overflow: hidden; }
.content a:visited { color: #333; }

.content h2 { float: none; }
h3 { font-weight: normal; line-height: 30px; color: rgba(198,50,46,1); }
h4 { text-transform: uppercase; color: rgba(198,50,46,1); line-height: 40px; margin-bottom: 0; clear: left; }
h5 { font-size: 14px; color: rgba(198,50,46,1); line-height: 20px; margin-bottom: 10px; clear: left; }

div.error { background-color: #C00; color: #FFF; padding: 5px 10px; }
div.note { background-color: #555555; color: #FFF; padding: 5px 10px; margin-bottom: 10px; }
div.note a { color: #DDD !important; }
div.note p,
div.error p { margin-bottom: 0; font-size: 14px; }


#downloads_box {
	background: linear-gradient(to bottom, #a1a1a1 0%,#717171 100%); padding: 20px 10px; color: #000;
}
#downloads_box h4 { font-size:24px; color:#222; text-align:center; }
#downloads_box ul { margin-bottom: 0; margin-left:20px; }
#downloads_box li { font-size:1.2em; margin: 0px auto 10px 20px; }
#downloads_box li:hover { list-style-type:disc; }
#downloads_box a { color: #222; text-decoration: none; }
#downloads_box a:hover { color: #000; text-decoration: underline; }


#whatdoido {
	padding: 20px 10px 0; margin: 20px 0; background: linear-gradient(to bottom, #a1a1a1 0%,#717171 100%); color: #333;
}
#whatdoido h4 { font-size:24px; color:#222; text-align:center; }
#whatdoido ul { padding-bottom: 10px;}
#whatdoido li { list-style: none; margin-left: 0; overflow: hidden; font-size: 14px; display: inline; }
#whatdoido li span { display: block; float: left; clear: left; font-size: 40px; color: #373737; }
#whatdoido li p { padding: 10px 0 0; margin: 0 0 10px 50px; color:black; }



form ul { position: relative; }
form ul li { overflow: hidden; list-style: none; margin: 0; margin-bottom: 10px; font-size: 11px; }
form ul li label { float: left; line-height: 27px; font-size: 13px; }
form ul li select,
form ul li textarea { display: inline; border: 1px solid #BBB; font-size: 13px; padding: 6px 5px; line-height: 14px; margin: 0; width: 350px; resize: none; }
form ul li input[type=text], form ul li input[type=number], form ul li input[type=url] { display: inline; border: 1px solid #BBB; font-size: 13px; padding: 6px 5px; line-height: 14px; margin: 0; width: 350px; resize: none; }
form ul li input=[type=checkbox], form ul li input[type=radio] { display: inline; border: 1px solid #BBB; font-size: 13px; padding: 6px 5px; line-height: 14px; margin: 0; width: 16px; resize: none; }
form ul li select { width: 350px; }
form #id_submit { cursor: pointer; margin-top: 2em; width: 360px; }

form ul li label { width: 150px; }
form ul li.error label { color: #C00; font-weight: bold; }
.error p.error { display: inline; line-height: 30px; font-size: 12px; font-weight: bold; color: #C00; }

/* checkboxes, radio buttons */
form ul ul { margin: 0px auto 5px; }
form ul ul li { margin-left: 150px; margin-bottom: 0; width: auto; }
form ul ul li label { float: none; line-height: 20px; }
form ul li input.checkbox_radio { display: inline; padding: 0; width: 16px; border: 0; }

#id_terms { float: left; width: 16px; margin: 0 5px 0 150px; }
#terms span.help_text { margin-left: 0; }
form iframe { display: block; width: 500px; margin-bottom: 10px; }

form ul ul.errorlist { margin: 0; display: inline; }
form ul ul.errorlist li { position: absolute; left: 380px; color: #C00; line-height: 30px; margin-left: 0; width: 300px; }

#products_sold label,
#sells_online label,
#installs label,
#has_display label,
#wants_display label,
#searchable label { float: none; width: 100%; }

#policyAdmin { margin-left:20px; }
#policyAdmin li { list-style:none; font-size: 1.4em; }

#contacts li ul { overflow: hidden; }
#contacts li ul li { float: left; width: 150px; margin-left: 0; }
#contacts li ul li input,
#contacts li ul li select { width: 130px; }
#contacts li .help_text { margin-left: 0; }
#contacts .add { clear: left; color: #090; font-weight: bold; cursor: pointer; font-size: 13px; }

#business_type ul { margin-left: 150px; }
#business_type ul li { float: left; margin-right: 10px; margin-left: 0; width: 200px; }
#business_type .help_text { clear: both; }

form span.help_text { display: block; margin-left: 150px; color: #999; }


.pdf { padding-right: 36px; background-image: url(https://mvp.demco-products.com/images/Adobe_PDF_file_icon_24x24.png); background-repeat: no-repeat; background-position: right center; }