body {
font-family: Verdana, "Times New Roman", Times, serif;
font-size: 12px;
color: #2d1a0e;
/* background-color: #F9F9F9; */
background-image: url('/images/site-images/hestonwed-page-brwn.jpg');
background-position: -2px -6px;
*/background-repeat: repeat-y; */
}
img { border:none; }
/* a img { border:none; } */
hr {color: 343d12;}
.nb {
font-size: 10px;
font-weight: bold;
line-height: 150%;
padding: 0 0 15 0;
}
.r1 {color: red;}
.r2 {
color: red;
font-size: 130%;
font-weight: bold;
}
.r3 {font: italic bolder;}
.r5 {
font-size: 85%;
color: red;
}
.r6 {font-size: 66pt;}
.r7 {
font: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 2;
color: #FFFFFF;
}
.e2 {
color: #6e2eff;
font-size: 120%;
font-weight: bold;
}
p.b7 {
font-size: 10pt;
width:300px;
margin-left: 9em;
margin-top: .25em;
margin-bottom: .5em
position: relative;
float: left;
}
p.b8 { font-size: 8pt }
p.b8a {
font-size: 15px;
margin-left: 3em;
margin-top: .25em;
margin-bottom: .5em;
padding: 5px 5px 5px 5px;
background: ffffff;
border: 1px solid Black;
}
p.b9 { font-size: 9pt }
IMG.centered {
display: block;
margin-left:auto;
margin-right: auto;
}
p.b10 { font-size: 10pt }
p.b11 { font-size: 11pt }
p.b12 { font-size: 12pt; line-height: 120%; margin: 0 0 0 2em;}
p.h1 { font-size: 18pt; text-align: center; color: #2d1a0e }
p.h2 {
width: 810px;
margin-top: 02px;
line-height: 45%;
text-align: center;
font-family: "Times New Roman", Times, Verdana, serif;
font-size: 5px;
font-weight: bold;
margin: 0px 0px 15px -15px;
padding: 0px 0px 2px 0px;
color: #00000;
background: url(/images/site-images/border.jpg) no-repeat bottom;
/* border-bottom: 2px solid #515a2e; */
}
p.h1b {
font-size: 18pt;
font-weight: bold;
text-align: center;
}
p.h11 {
color:#eeedec;
}
p.h2 { font-size: 14pt; text-align: center }
p.h3 {
font-family: Verdana, Arial, Helvetica, sans-serif, bold;
color: #515a2e;
font-size: 20pt;
font-weight: bold;
}
p.h4 { font-size: 14pt; text-align: left }
p.h5 {
font-size: 11pt;
text-align: center;
margin-top: -.1em;
margin-bottom: -1em;
font-weight: bold;
}
p.h5a {
font-size: 11pt;
text-align: left;
margin-top: -.1em;
margin-left: 1.4em;
margin-bottom: -1em;
font-weight: bold;
}
p.note {
font-size:7pt;
width: 80%;
margin:5em,5em,5em,5em;
padding: 5em,5em,5em,5em;
color:#9f8c79;
}
p.centered {
text-align: center
}
.twocolumn
{
width: 80%;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:50px; /* Firefox */
-webkit-column-gap:50px; /* Safari and Chrome */
column-gap:50px;
-moz-column-rule:2px outset black; /* Firefox */
-webkit-column-rule:2px outset black; /* Safari and Chrome */
column-rule:2px outset black;
margin: 20px 30px 20px 30px;
}
p.n2 {
font-size: 9px;
margin: 35px 30px 40px 30px;
background-color: #ecf1ff;
padding: 5px 15px 15px 15px;
border: 1px solid black ;
}
p.n3 {
font-size: 10px;
margin: 35px 30px 40px 30px;
background-color: #ecf1ff;
padding: 5px 15px 15px 15px;
border: 1px solid black ;
}
p.n8 {
width: 70%;
margin: 0 45px 0 45px;
}
.style1 {
color: #EBBC1B;
font-size: 20px;
font-weight: bolder;
text-align: center;
}
.style2 {
color: White;
font-size: 10px;
text-align: center;
}
/* Table Setups */
table.smallone {
background:D2DFFF;
border:1;
border-color: #8FA5FF;
padding:4px 4px 4px 4px;
font-size: 9px;
margin:19px;
text-align: center;
}
.toprows {
background: #9DB6FF;
font-size: 140%;
font-weight: bold;
}
.datadb {
font-size: 11px;
line-height: 140%;
font-weight: bold;
background: a8b9fd;
}
.datalb {
background:#ECF1FF;
}
table.models {
font-size:11px;
margin:19px;
text-align: left;
border:0;
}
.datam {
width: 65 px;
}
.toprow {
font-weight: bold;
}
td.darkblue {background:a8b9fd; text-align: center; font-size: 8px; margin:19 px; border-color: #9DB6FF }
/* tools */
.picright {
float:right;
margin: 10px 60px 20px 40px;
}
.picleft {
margin: 20px 40px 20px 30px;
}
/* Generic Selectors */
p {
width: 97%;
margin: 10px 20px 10px 25px;
}
ol {
list-style: decimal;
}
li {
/* list-style-type: none;
list-style-type: disc; */
line-height: 150%;
padding: .025em;
}
le {
list-style-type: none;
line-height: 160%;
list-style-image: url(/images/arrowSmall.gif);
}
/* ul {
list-style: none;
margin-left: 1em;
text-indent: -1em;
} */
h6{
font-size: 10px;
color: 343d12;
font-weight: normal;
}
h4 {
font-family: Verdana, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color: #343d12;
padding: 1.5em 0 .125em 0;
margin: 0 0 0 0;
}
h1 {
width: 850px;
margin: 10px 20px 0 25px;
line-height: 155%;
text-align: center;
font-family: "Times New Roman", Times, Verdana, serif;
font-size: 21px;
font-weight: bold;
margin: 5px 0px 0px 0px;
padding: 0px 0px 4px 0px;
color: #2d1a0e;
background: url(/images/site-images/border.jpg) no-repeat bottom;
/* border-bottom: 2px solid #515a2e; */
}
h2 {
font-family: Verdana, "Times New Roman", Times, serif;
font-size: 17px;
font-weight: strong;
color: #343d12;
margin: 9px 25px 15px 25px;
border-bottom: thin solid Black;
}
h3 {
font-family: Verdana, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color: #343d12;
padding: 0 0 0 0;
margin: 1.5em 0 .3em 0;
}
h5 {
width: 181%;
margin-top: 10 px;
line-height: 155%;
text-align: center;
font-family: "Times New Roman", Times, Verdana, serif;
font-size: 21px;
font-weight: bold;
margin: 5px 0px 0px 0px;
padding: 0px 0px 2px 0px;
color: #515a2e;
/* background: url(/images/site-images/border-short.jpg) no-repeat bottom; */
border-bottom: 2px solid #515a2e;
}
p.b200 {
font-size: 110%;
font-weight: bold;
line-height: 100%;
/* defines "subscript" for 2s 2
*/
}
z {
color:#FF0000;
}
/**************** Pseudo classes ****************/
a:link {
color: #767f50;
/* text-decoration: underline; */
font-weight: normal;
}
li :link {
color: #2e2e59;
text-decoration: none;
font-weight: normal;
}
a:visited {
color: #2e2e59;
/* text-decoration: underline; */
font-weight: normal;
}
li a:visited {
color: #000000;
/* color: #515a2e; */
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #a8b9fd;
padding-bottom: 0px;
font-weight: normal;
text-decoration: underline;
}
li a:hover {
/* display: list-item; caused the bump down space */
color: #1f2606; /* padding-bottom: 0px; */
text-decoration: underline;
font-weight: bold; /* border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C6EC8C; */
}
a:active {
color: #767f50;
font-weight: bold;
}
/************************* ID's *************************/
#wrapper-header {
background-image:url('/images/site-images/brwn-header.jpg');
background-repeat:no-repeat;
margin: 0 0 0 10px;
}
#wrapper-body {
background-image:url('/images/site-images/brwn-body.jpg');
margin: 0 0 0 0;
}
#wrapper-footer {
background-image:url('/images/site-images/brwn-footer.jpg');
background-repeat:no-repeat;
margin: 0 0 0 0;
}
#awards {
position:absolute;
margin-left: 650px;
margin-top: 136px;
}
#beforeafter {
width:840px;
height:650px;
margin-left:115px;
}
#docbody {
position: absolute;
width: 780px;
padding: 0 0 250px 20px; /*top right bottom left*/
margin-top: 10px;
margin-left: 15px;
}
#docbodyw2 {
position: absolute;
width: 775px;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 10px;
margin-left: 15px;
}
#docbodynar {
position: absolute;
width: 375px;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 10px;
margin-left: 30px;
}
#slideshows850x550 {
margin-left:20px;
}
#centerdoc {
width: 850 px;
align: center;
}
/* #centerslides {
width:655 px;
top: -150px;
padding: 105px;
}*/
#centerslides {
width:840 px;
height:650 px;
margin-left:07 px;
}
#docbodywide {
position: absolute;
width: 850px;
height: 650px;
padding: 0 0 40px 0; /*top right bottom left*/
margin-top: 0px;
margin-left: 0px;
}
#docbodywide2 {
position: absolute;
width: 700px;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 4px;
margin-left: 15px;
}
#venueblog {
position: absolute;
width: 960px;
height: 650px;
padding: 0 5px 0 5px /*top right bottom left*/
margin: 0px 0px 0px 10px;
}
#searchpage {
position: absolute;
width: 800px;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 4px;
margin-left: 15px;
}
#columnone {
position: absolute;
width: 350px;
padding: 0 10px 10px 0; /*top right bottom left*/
/* margin-top: 10px; */
margin-left: 1px;
}
#columntwo {
position: absolute;
width: 340px;
padding: 0 0 10px 0; /*top right bottom left*/
/* margin-top: 10px; */
margin-left: 335px;
}
#button {
margin-left: 25;
width: 16em;
border: 1px solid #000;
padding: .5em 0 0 .5em;
/* margin-bottom: 1em; */
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: c4cca7;
color: #2e2e59;
}
#buttonsml {
margin-left: 25;
width: 12em;
border: 1px solid #000;
padding: .5em 0 0 .5em;
/* margin-bottom: 1em; */
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: c4cca7;
color: #2e2e59;
}
#buttonwide {
margin-left: 0;
width: 19em;
border: 1px solid #4f4f4f;
padding: .5em 0 0 .0em; /* margin-bottom: 1em; */
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: transparent;
color: #2e2e59;
background: url(/images/site-images/pattern-backer.jpg) repeat;
}
#sitesearch{
position: absolute;
width: 185px;
height: 30 px;
font-size: 9 px;
text-align: center;
margin-top: -50px;
margin-left: 600px;
font-weight: normal;
}
#headerblock {
}
#pictures {
position: absolute;
width: 250px;
height: 800px;
text-align: center;
margin-top: 10px;
margin-left: 500px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#pictureslarge {
position: absolute;
width: 350px;
height: 800px;
text-align: center;
margin-top: 10px;
margin-left: 450px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#picturesleft {
position: absolute;
width: 400px;
height: 800px;
text-align: left;
margin-top: 10px;
margin-left: 395px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#picturesleftmore {
position: absolute;
width: 350px;
text-align: left;
margin-top: 10px;
margin-left: 475px;
font-weight: normal;
left: 12px;
}
#pictureswideleft {
position: absolute;
width: 400px;
height: 800px;
text-align: left;
margin-top: 10px;
margin-left: 435px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
left: 13px;
}
#picturesleftnar {
position: absolute;
width: 210px;
text-align: left;
margin-top: 10px;
margin-left: 515px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#picturesleftsml {
position: absolute;
width: 190px;
height: 800px;
text-align: left;
margin-top: 10px;
margin-left: 645px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#platedrawings {
position: absolute;
width: 200px;
height: 200px;
text-align: center;
margin-top: 165px;
margin-left: 185px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#brochures {
position: absolute;
width: 360px;
height: 800px;
text-align: center;
margin-top: 10px;
margin-left: 420px;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#docbrochure {
position: absolute;
width: 375px;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 10px;
margin-left: 15px;
font-size: 12px;
line-height: 125%;
}
#picpages {
position: absolute;
text-align: center;
width: 810px;
padding: 0 0 0 0; /*top right bottom left*/
margin-top: 0px;
margin-left: 0px;
}
#contact {
position: absolute;
text-align: center;
font-size: 135%;
width: 810px;
padding: 0 0 0 0; /*top right bottom left*/
margin-top: 0px;
margin-left: 0px;
}
#articles {
position: absolute;
text-align: left;
width: 750px;
padding: 1em 3em 0 3em; /*top right bottom left*/
margin-top: 0px;
margin-left: 0;
}
#calloutplates {
width: 23.5em;
font-size: 10.5px;
margin: 5px 5px 5px 3em;
background-color: #ecf1ff;
padding: 2px 2px 2px 6px;
border: 1px solid black ;
}
#calloutdowns {
width: 17em;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #ecf1ff;
padding: 5px 0px 0px 5px;
border: 1px solid black ;
}
#calloutchambers {
width: 30.5em;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #ecf1ff;
padding: 5px 0 0 5px;
border: 1px solid black ;
}
#callouthot {
/* width: 15em; */
margin: 0 0 0 2em;
background-color: #2d1a0e;
padding: 8px 0 0 2em;
border: 1px solid black ;
}
#whitecenter {
width: 45em;
text-align: left;
font-size: 11px;
margin: 0 0 0 3em;
background-color: #ffffff;
padding: 4px 0 10px 2em;
border: 1px solid black ;
}
/* Section for Downloads and Documents page formatting */
#manuals {
width: 600px;
text-align: left;
font-size: 11px;
margin: 0em 2em 2em 3em;
background-color: #ffffcc;
padding: 1em 2em 2em 2em;
border: 1px solid black ;
}
#literature {
width: 600px;
text-align: left;
font-size: 11px;
margin: 0em 0em 2em 3em;
background-color: #fff4ff;
padding: 1em 2em 2em 2em;
border: 1px solid black ;
}
#front-page-box {
width: 850px;
text-align: center;
font-size: 15px;
color: #2d1a0e;
margin: 0,50 px,0,65 px;
}
#whitepapers {
width: 600px;
text-align: left;
font-size: 11px;
margin: 0em 0em 2em 3em;
background-color: #ffffff;
padding: 1em 2em 2em 2em;
border: 1px solid black ;
}
/* */.r1 {
}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* Menu's background Color - no idea what the border color does */
#menu_container {margin:0; position: relative ;width: 846px; height: 26px; z-index: 500; background-color: #6f635d; border:1px solid #2d1a0e; border-width:0 1px;}
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
/* color of text in all menu items in non-hover mode */
#pmenu a, #pmenu a:visited {text-align: left; float:left; text-indent:10px; font-family: verdana, arial; display:block; padding-right:30px; font-size:11px; color:#eeedec; height:25px; line-height:23px; text-decoration:none; font-weight:bold;}
#pmenu li ul li a, #pmenu li ul li a:visited {border:0; width:171px; text-align:left; text-indent:10px; font-weight:normal; height:22px; line-height:21px; padding-right:0;}
#pmenu li ul li a:hover {font-weight:normal;}
/* Bottom and Top borders for drop down menus */
#pmenu li.close {border-bottom:1px solid #2d1a0e;}
#pmenu li.open {border-top:1px solid #2d1a0e;}
/* Left and Right borders for menu items */
#pmenu li {float:left; height:25px; border-right:1px solid #2d1a0e;}
/* No idea what this does */
#pmenu li:hover {position:relative;}
#pmenu li a:hover {visibility:visible; position:relative; color:#2d1a0e;}
/* color of text upon hover */
#pmenu li:hover > a {color:#2d1a0e; font-weight:bold;}
/* color of the hover bar */
#pmenu li:hover ul li:hover > a {font-weight:normal; background:#eeedec;}
#pmenu li ul {display:none;}
#pmenu li:hover > ul {/*height: 22px;*/ display:block; position:absolute; top:-1px; left:160px; width:170px; padding:0 30px 30px 0; background:transparent url("/images/site-images/transparent.gif");}
#pmenu > li:hover > ul {left:-1px; top:25px;}
/* Color of non-flyout menu text 1st level*/
#pmenu li ul li {background: #6f635d; border-left:1px solid #000; height:21px; width:170px;}
/* color of hover button on drop downs */
#pmenu li ul a:hover {background: #002773;}
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* color of text upon selection/click */
#pmenu li a:active, #pmenu li a:focus {color:#b71922;}
/* html #pmenu li ul li a:hover {background: #c00;} */
#pmenu li ul li a:active, #pmenu li ul li a:focus {background: #2d1a0e;}
#pmenu li a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
#pmenu li a:hover ul {display:block; position:absolute; left:-1px; top:25px; height:auto; background:transparent url("/images/site-images/transparent.gif"); padding:0 30px 30px 0;}
#pmenu li a:hover ul a:hover ul{visibility:visible; top:-1px; left:170px;}
#pmenu :hover ul :hover ul :hover ul,
#pmenu :hover ul :hover ul :hover ul li,
#pmenu :hover ul :hover ul :hover ul li a {width:100px; visibility:visible;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
/* Index Page Formatting ----------------------------------------------------------------------------------------- */
#indexlinkbox {
width: 24em;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: transparent;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 14.5em;
margin-left: 2em;
}
#indexbottom {
width: 255px;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #f1f1f1;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 50em;
margin-left: -9px;
}
#indexplates {
width: 255px;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #f1f1f1;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 560px;
margin-left: 270px;
}
#indexaccessories {
width: 255px;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #f1f1f1;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 560px;
margin-left: 525px;
}
/* Header formatting */
#headerbox {
width: 255px;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #f1f1f1;
padding: 0 0 5px 5px;
border: 0px solid black;
position: static;
margin-top: 0px;
margin-left: 0px;
}
#sigmaquality {
z-index: 15;
width: 25em;
margin: 5px 5px 5px 3em;
background-color: transparent;
padding: 0 0 5px 5px;
border: 0px solid black;
position: relative;
margin-top: -100em;
margin-left: 23em;
}
#internet {
width: 245px;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #f1f1f1;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 25px;
margin-left: 0px;
text-align: center;
}
#telephonesupport {
width: 245px;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #f1f1f1;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 25px;
margin-left: 260px;
text-align: center;
}
#reps {
width: 245px;
font-size: 11px;
margin: 5px 5px 5px 3em;
background-color: #f1f1f1;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 25px;
margin-left: 520px;
text-align: center;
}
#columnone {
width: 375px;
font-size: 12px;
line-height:112%;
margin: 5px 5px 5px 3em;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 15px;
margin-left: 28x;
text-align: left;
border-right-width: 2px;
border-right-color: #2d1a0e;
border-right-style: solid;
left: 41px;
top: 144px;
}
#columntwo {
width: 370px;
font-size: 12px;
line-height: 112%;
margin: 5px 5px 5px 3em;
padding: 0 0 5px 5px;
border: 0px solid black;
position: absolute;
margin-top: 15px;
margin-left: 450px;
text-align: left;
left: -2px;
}
#item-descriptions {
width: 600px;
margin-left: 25px;
text-align: left;
margin-top: 10px;
}
/* Unused items on Hopkins Construction*/
q {
font-size: 80%;
/* defines "subscript" for 2s 2
*/
}
/* Buttons Section - formatting for various "buttons" */
#returntp {
/* Button that returns you to TP Accessories */
position: absolute;
width: 10em;
background-color: #edd7d3;
height: 28px;
font-size: 9px;
text-align: center;
margin-top: 2px;
margin-left: 710px;
border: 1px solid black ;
/*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
#returntop {
/* Button that returns you to Top of Current Page */
position: relative;
width: 5em;
background-color: edd7d3;
height: 20px;
font-size: 14px;
color: #ffffff;
text-align: center;
margin-top: 2px;
border: 1px solid black; /*border-right: 2px solid #C6EC8C; */
font-weight: normal;
}
/* #buttonwide {
margin-left: 0;
width: 21em;
border: 1px solid #000;
padding: .5em 0 0 .5em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: c4cca7;
color: #2e2e59;
}*/