/* STYLES FOR HTML EDITOR */
.strongText{font-weight:bold;}
.uppercaseText{text-transform:uppercase;}
.smallText{font-size:90%;}

*{margin:0; padding:0; table-layout:fixed; }
img { border:0; }
html, body{ height:100%; font-family:arial, verdana, "Trebuchet MS", helvetica, sans-serif; font-size:100%; color:#666; background-color:#fff; }
a { color:#44606d; text-decoration:none; border-bottom:1px dotted #ccc; }
a:hover { color:#f19a00; text-decoration:none; border-bottom:1px solid #ccc; }
h1, h2, h3, h4, h5 { margin-bottom:8px; } 
p { margin-bottom:10px; }
ul { margin:0 0 10px 20px; }
fieldset { border:0; }
input { margin:2px 0; }

#pagewidth { position:relative; display:block; width:730px; height:auto; margin-left:auto; margin-right:auto; margin-top:15px; text-align:left; font-size:0.75em; padding:20px; border:1px solid #ccc; margin-bottom:15px; }

#leftcol, #maincol { display:inline; float:left; margin-bottom:8px; }
#leftcol h2, #rightcol h2 { font-size:1em; }

#leftcol { width:230px; background-color:#1a265d; color:white; margin-right:30px; }
#leftcol h1.logo { border-bottom:6px solid #fff; margin-bottom:0; }
#leftcol h1.logo span { display:none; }
#leftcol h1.logo a { border:none; }
#leftcol ul.navigation { display:block; height:200px; list-style:none; margin:0 0 0 0; }
#leftcol ul.navigation li a { background-color:#1a265d; display:block; color:white; height:16px; border-bottom:6px solid #fff; padding:4px 10px; text-transform:uppercase; }
#leftcol ul.navigation li a:hover { background-color:#cc2a2a; }
#leftcol ul.navigation li.active a { background-color:#cc2a2a; padding-left:25px; }
#leftcol address { padding:100px 10px 10px 10px; }
#leftcol address a { color:white; }

#maincol { width:470px; }
#maincol a { color:#1a265d; }
#maincol p.top_text { font-size:1.25em; background-color:#dadada; font-weight:normal; padding:6px; text-align:right; }
#maincol h2 { font-size:1.75em; border-bottom:1px solid #ccc; }
#maincol h3 { font-size:1.25em; padding:3px 0; }
#maincol address.topone { text-align:right; font-style:normal; font-size:1.25em; font-weight:bold; margin-bottom:35px; padding:0; background:none; border:none; width:auto; height:auto; }
#maincol address { background-color:#f2f2f2; padding:15px; border:1px dashed #ccc; width:200px; height:200px; }
#maincol .box { display:block; background-color:#ccc; float:left; margin-right:5px; width:135px; padding:146px 8px 8px 8px; height:140px; }
#maincol .snapcaps { background:url(../images/snap.jpg) no-repeat top; background-color:#d9d9d9; }
#maincol .exrtactortubes { background:url(../images/extract.jpg) no-repeat top; background-color:#d9d9d9; }
#maincol .containers { background:url(../images/containers.jpg) no-repeat top; background-color:#d9d9d9; }
#maincol ul.links { list-style-type:none; margin-top:30px; margin-left:0; }
#maincol ul.links li { display:inline; width:94px; height:110px; text-align:center; float:left; }
#maincol .item { display:block; clear:both; padding:10px 0; }
#maincol .item h3 { border-bottom:1px solid #ccc; }
#maincol .item img { float:left; margin-right:10px; padding-right:10px; border-right:1px solid #ccc; }
#maincol .floatitem { display:block; width:151px; height:auto; float:left; text-align:center; padding:0 2px; clear:right; }
#maincol .floatitem  h3{ display:block; background-color:#f2f2f2; }
.line { display:block; clear:both; height:1px; border-bottom:1px solid #ccc; }

#footer { display:block; width:auto; height:auto; clear:both; padding:8px 0 0 0; border-top:1px solid #ccc; text-align:center; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */