body { font-size: 0.8em; font-family: arial, helvetica, geneva; background-color: white; background-image: none; text-align: center; }
/**/
#container { background-image: none; text-align: left; width: auto; margin-right: auto; margin-left: auto; }
#header { background-image: url(../images/header.jpg); width: 100%; height: 100px; float: left; clear: both; }
#wrapper { background-image: none; width: auto; }
#nav { width: 150px; float: left; display: none; }
#main-content { width: 90%; float: none; margin-right: 25px; margin-left: 25px; padding-right: 10px; padding-left: 10px; display: block; }
#footer { background-color: #fff; background-image: none; width: 750px; height: 150px; float: left; clear: both; margin: 0; padding: 0; display: block; }
/**/
/**/
p { }
td { }
a:link, a:visited { color: #00349a; }
a:hover { text-decoration: none; }
a:active { color: #69c; text-decoration: none; }
h1 { color: #fe0100; font-size: 1.5em; }
h2 { color: #fe0100; font-size: 1.3em; text-align: center; }
h3 { color: #fe0100; font-size: 1.1em; margin-bottom: 0; }
h4 { color: #fe0100; font-size: 1.1em; margin-bottom: 0; }
h5 { color: #fe0100; font-size: 1.1em; margin-bottom: 0; }
/**/
/**/
#header h1 { text-align: right; margin: 50px 10px 0 0; }
#header h2 { text-align: right; margin: 0 10px 0 0; }
/**/
/**/
.float-right { text-align: center; width: 250px; float: right; margin-left: 5px; display: block; }
.float-right p { text-align: left; }
.float-right img { text-align: center; }
.fifty-percent { width: 280px; float: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-right: 5px; padding-left: 5px; display: block; }
.swatches { text-align: center; }
.swatches img { margin: 10px 25px; }
.bordered { border: solid 1px #039; }
blockquote { font-weight: bold; font-style: italic; margin-bottom: 10px; padding-right: 15px; padding-left: 15px; border: solid 1px #daecfd; }
blockquote img { margin: 2px; }
blockquote .cred { font-weight: normal; font-style: normal; margin-top: -15px; margin-left: 50px; }
blockquote .normal { font-weight: normal; font-style: normal; }
.spaced-list li { margin-bottom: 10px; }
#articles-list li { margin-bottom: 10px; list-style-image: url(../images/articles-bullet.gif); }
.more-articles { background-image: url(../images/articles-bullet.gif); background-repeat: no-repeat; background-position: right 0; width: 100px; float: right; padding-right: 18px; }
.centered { text-align: center; }
/**/
/**/
.distributor-list * { margin: 0; padding: 0; list-style-type: none; }
.distributor-list li { float: left; margin-right: 5px; margin-left: 5px; }
.distributor-divs div { margin-bottom: 10px; border: solid 1px #9cf; }
.distributor-divs h1 { color: white; background-color: #9cf; margin: 0 0 5px; padding: 2px 2px 2px 25px; }
.distributor-divs ul { list-style-type: none; }
.distributor-divs li { font-weight: bold; margin-top: 10px; }
.distributor-divs ul ul { }
.distributor-divs li li { font-weight: normal; margin-top: 0; border-style: none; }
#florida { background-image: url(../images/state-florida.jpg); background-repeat: no-repeat; background-position: right 30px; }
#panhandle { background-image: url(../images/state-florida.jpg); background-repeat: no-repeat; background-position: right 30px; }
#texas { background-image: url(../images/state-texas.jpg); background-repeat: no-repeat; background-position: right 30px; }
#arizona { background-image: url(../images/state-arizona.jpg); background-repeat: no-repeat; background-position: right 30px; }
#nevada { background-image: url(../images/state-nevada.jpg); background-repeat: no-repeat; background-position: right 30px; }
#california { background-image: url(../images/state-california.jpg); background-repeat: no-repeat; background-position: right 30px; }
#puerto-rico { background-image: url(../images/state-puerto-rico.jpg); background-repeat: no-repeat; background-position: right 30px; }
#corp { background-image: url(../images/state-corp.jpg); background-repeat: no-repeat; background-position: right 30px; }
/**/
/**/
#footer * { text-align: center; margin: 0; padding: 0; list-style-type: none; }
#footer ul { width: 650px; clear: both; margin-top: 15px; margin-right: auto; margin-left: auto; }
#footer li { float: left; margin: 5px; padding: 1px; display: block; }
#footer .left { color: #00349a; font-size: 0.8em; width: 275px; float: left; margin-top: 40px; display: block; }
#footer .right { color: #00349a; font-size: 0.8em; width: 275px; float: right; margin-top: 40px; display: block; }
/**/
/**/
#app-form * { list-style-type: none; }
#app-form { text-align: center; }
#app-form em { font-size: 0.9em; }
#app-form ul { width: 450px; margin-right: auto; margin-left: auto; }
#app-form li { text-align: left; margin-bottom: 6px; padding: 5px; border: solid 1px #039; }
#app-form li:hover { background-color: #9cf; }
#app-form li li { width: 300px; margin-bottom: 0; border-width: 0; }
#app-form label { font-weight: bold; width: 380px; margin: 0; }
#app-form ul ul label { font-weight: normal; width: 280px; margin: 0 0 -15px; display: block; }
#app-form .alt01 { background-color: #d6ebff; }
#app-form .alt02 { background-color: #fff; }
/**/
/**/
#colors { margin-left: 50px; }
#colors ul { text-indent: 0; width: 480px; height: 250px; margin: 10px 0; padding: 0; border: solid 1px #9cf; list-style-type: none; list-style-image: none; }
#colors li { font-weight: bold; text-align: center; width: 160px; float: left; margin: 0; list-style-type: none; list-style-image: none; padding: 100px 0 0; display: block; }
#colors li.blue { background-image: url(../images/fence-blue.jpg); background-repeat: no-repeat; background-position: center; }
#colors li.black { background-image: url(../images/fence-black.jpg); background-repeat: no-repeat; background-position: center; }
#colors li.bronze { background-image: url(../images/fence-bronze.jpg); background-repeat: no-repeat; background-position: center; }
#colors li.green { background-image: url(../images/fence-green.jpg); background-repeat: no-repeat; background-position: center; }
#colors li.white { background-image: url(../images/fence-white.jpg); background-repeat: no-repeat; background-position: center; }
#colors li.beige { background-image: url(../images/fence-beige.jpg); background-repeat: no-repeat; background-position: center; }
/**/
/**/
#features { }
#features ul { text-indent: 0; margin: 0; padding: 0; list-style-type: none; }
#features li { text-indent: 0; margin-top: 12px; padding-bottom: 15px; padding-left: 65px; }
#features li.mesh { background-image: url(../images/product-mesh.jpg); background-repeat: no-repeat; background-position: 0 2px; }
#features li.poles { background-image: url(../images/product-poles.jpg); background-repeat: no-repeat; background-position: 0 2px; }
#features li.sleeves { background-image: url(../images/product-sleeves.jpg); background-repeat: no-repeat; background-position: 0 2px; }
#features li.caps { background-image: url(../images/product-caps.jpg); background-repeat: no-repeat; background-position: 0 2px; }
#features li.latches { background-image: url(../images/product-latches.jpg); background-repeat: no-repeat; background-position: 0 2px; }
/**/
/**/
/* layout classes */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clear {
clear: both;
}
.cleared-block { width: 100%; clear: both; display: block; }
/**/