html {
font-size:12px;
line-height:1.5em;
font-family:Arial,helvetica,verdana sans-serif;
height:100%;
overflow:hidden;
width:400px;
}
body {
margin:0;
padding:0;
text-align:center;
}
a {
color:#2e3e7e;
}
a:hover,#footer a:hover {
color:#69c;
}
a img {
border:0 none transparent;
}
a:hover img {
border-color:#69c;
}
a.external {
padding-left:20px;
}
h1 {
font-size:2em;
line-height:1.2em;
}
h2 {
font-size:1.5em;
}
h3 {
font-size:1.25em;
}
input,textarea,select,#lines .dimensions {
border:1px solid #777;
padding:3px;
}

input.button,a.button,div.button,button {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
cursor:pointer;
color:#555;
padding:3px 10px;
}
a.button,div.button,button {
background-color:#eee;
border:1px solid #bbb;
border-bottom-width:2px;
padding:5px 10px;
text-decoration:none;
}
input.button:hover,a.button:hover,div.button:hover,button:hover {
background-color:#2e3e7e;
background-position:-400px top;
border-color:#000;
color:#fff;
}
input.gray:hover,a.gray:hover,div.gray:hover,button.gray:hover {
background-color:#ccc;
background-position:0 -40px;
border-color:#666;
color:#333;
}
input.error,textarea.error,select.error {
border-color:#f00;
color:#bbb;
}
select.error {
color:#000;
}
.ajax {
background-color:#fff;
border:1px solid #bbb;
left:50%;
margin-left:-4em!important;
padding:10px;
position:absolute;
top:-9px;
}
span.required {
color:#aaa;
}
.ar {
text-align:right;
}
.al {
text-align:left;
}
.ac {
text-align:center;
}
.cb {
clear:both;
}
.cl {
clear:left;
}
.cr {
clear:right;
}
.fr {
float:right;
}
.fl {
float:left;
}
.fn {
float:none;
}
.pa {
position:absolute;
}
.pr {
position:relative;
}
.ma {
margin:auto;
}
div#structure {
display:none;
}
tr#styleHolder {
display:none;
}
#container {
background-color:#ddd;
border:1px solid #aaa;
margin:16px auto;
text-align:left;
width:960px;
}

#menu .card {
padding:0 10px;
margin:0 0 16px 0;
font-size:90%;
}
#menu .card img {
width:100px;
height:133px;
margin-top:10px;
}
#menu .card ul {
margin:10px 0;
}
#menu .card .name {
font-weight:bold;
}
#menu iframe {
position:absolute;
z-index:49;
background-color:#f00;
border:0 none transparent;
display:none;
}
#menu .sub iframe {
display:block;
}
#content {
margin-right:0;
background-color:#fff;
min-height:665px;
}
#content.fr {
float:right;
}
#pagecontent,#pagecontentwide {
clear:both;
width:733px;
float:none;
}
.imagewrapper {
float:right;
margin:0 0 10px 10px;
padding:0;
}
.imagewrapper img {
border:1px solid #BBB;
}
.imagewrapper cite {
text-align:right;
padding-right:5px;
display:block;
}
div#related {
width:100%;
}
div#related ul {
margin:0;
margin-left:-20px;
}
div#related h3 {
margin-bottom:0;
}
div#related ul.relatedlinks li {
width:28%;
list-style:none;
float:left;
border-top:1px solid #BBB;
border-left:1px solid #BBB;
padding:5px 8px 5px 8px;
margin-right:15px;
font-weight:bold;
}
div#related ul li ul {
margin-left:-20px;
padding-left:35px;
}
div#related ul.relatedlinks li ul li {
font-size:1em;
text-align:left;
font-weight:normal;
list-style:circle;
float:none;
width:auto;
height:auto;
background-color:transparent;
padding-left:0;
border:0;
margin:0;
margin-left:4px;
}
.imgright,.imgleft,img aign-right,img.align-left,img.right,img.left,img.alignleft,img.alignright {
margin:0 10px 10px 10px;
}
.imgright,img.align-right,img.right,img.alignright {
float:right;
margin-right:0;
}
.imgleft,img.align-left,img.left,img.alignleft {
float:left;
margin-left:0;
}
.imgright cite {
display:block;
text-align:left;
}
.align-left {
text-align:left;
}
.align-right {
text-align:right;
}
.center,.align-center {
text-align:center;
}
.center img,.center table {
margin:auto;
}

.col1,.colend,#padding,.padding {
clear:both;
width:100%;
}
.colend {
height:0;
}
.col2 {
width:49.95%;
}
.col1 *,.col2 *,.col3 *,.col23 * {
margin:0 10px;
}
.col1 * *,.col2 * *,.col3 * *,.col23 * * {
margin:0;
}
.col1>*,.col2>*,.col3>*,.col23>* {
margin:0 10px;
}
.col1 p,.col2 p,.col3 p,.col23 p {
margin-bottom:1em;
}
.col3 {
width:33.3%;
}
.col23 {
width:66.6%;
}
.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;
width:0;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
.big {
color:#666;
font-size:1.4em;
line-height:1.2em;
}
.big strong {
color:#000;
}
.col3 .button {
width:192px;
height:30px;
line-height:30px;
display:block;
text-align:center;
font-weight:bold;
text-decoration:none;
margin:1.5em auto 1em auto;
}
.border-gray {
border:1px solid #bbb;
}
table {
text-align:center;
}
table,td,th {
border:1px solid #333;
border-collapse:collapse;
}
td,th {
padding:2px 5px;
}
thead,th,tfoot {
background-color:#ddd;
}
tbody {
background-color:#fff;
}
table .highlighted {
background-color:#c4ccee;
}
table .hover {
background-color:#d5ddff;
}
table .notes {
text-align:left;
padding:10px;
}
.transparent,.transparent th,.transparent td {
border:0 none transparent;
}
table.subtle,table.subtle th,table.subtle td {
border:0;
vertical-align:top;
padding:4px 6px;
}
table.subtle {
text-align:left;
margin:1em auto;
}
table.subtle th {
font-weight:bold;
background-color:transparent;
border-bottom:1px solid #BBB;
}
.indexcard,.indexpagescard,.indexcardsmall,.project,.card,.indexpagesfullcard,.graybox {
background-color:#eee;
border:1px solid #bbb;
margin:5px;
}
.graybox {
width:97%;
padding:10px;
}
.card img {
height:129px;
width:91px;
}
.indexcardsmall {
width:170px;
float:left;
text-align:center;
}
.indexcardsmall h3,.indexcardsmall img,.indexcardsmall p,.indexcardsmall .viewpage {
margin:10px 10px 0 10px;
}
.indexcardsmall img {
border:1px solid #bbb;
background-color:#fff;
}
.indexcardsmall p {
text-align:left;
height:9em;
}
.indexcardsmall .viewpage {
margin-bottom:10px;
display:block;
}
.tab-content,.tabcontainer {
background-color:#eee;
border:1px solid #bbb;
float:left;
}
.tab-content {
float:none;
}
#content .tab-content,#content .tabcontainer {
width:733px;
}
#pagecontent .tab-content,#pagecontent .tabcontainer {
width:100%;
}
.tab-content,ul#tabs {
clear:both;
}
.tab-content .tabs,ul#tabs {
float:left;
margin:0;
padding:0;
list-style-type:none;
width:100%;
}
.tab-content .tabs li,ul#tabs li {
float:left;
margin:0 2px 0 0;
padding:0;
}
.tab-content .tabs a,ul#tabs a {
display:block;
padding:0 2em;
float:left;
text-align:center;
background-color:#d6d6d6;
border:1px solid #bfbfbf;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
height:20px;
line-height:20px;
border-bottom:0 none transparent;
position:relative;
}
.tab-content ul.tabs a.active,ul#tabs a.selected {
top:1px;
background-color:#eee;
}
.tab-content .content,.tabcontainer .tabcontent {
float:none;
clear:both;
min-height:200px;
padding:16px;
list-style-type:none;
margin-top:0;
}
.tab-content .content li {
margin:10px;
}
.rb,.rt,.rb div,.rt div {
font-size:1px;
height:10px;
clear:both;
}
.rt {
background-position:left -30px;
}
.rt div {
background-position:left -10px;
}
.rb div {
background-position:left -20px;
}
.rm {
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background-color:#2e3e7e;
}
.rt div,.rb div {
float:right;
width:10px;
}
.form2 {
background-color:#eee;
border:1px solid #bbb;
padding:10px;
}
.form2 label,.form2 input,.form2 select {
width:45%;
}
.form2 label {
display:-moz-inline-box;
display:inline-block;
padding:3px;
border:1px none transparent;
}
.form2 label,.form2 input,.form2 select,.form2 textarea {
margin:0 .75% 7px;
}
.form2 label {
margin-bottom:0;
}
.form2 label.bottom {
width:95%;
}
.form2 textarea {
width:95%;
}
.form2 input[type="checkbox"],.form2 input.check {
width:auto;
}
.form2 .button {
margin:auto;
}
.form2 .check,.form2 span {
margin-top:5px;
margin-bottom:15px;
margin-right:10px;
line-height:2em;
}
.form2 .full {
width:94.5%;
}
.checkbox-container {
padding:5px 0;
}
img.ajax {
padding:0 0 0 5px;
}
.success {
background-color:#2e3e7e;
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
padding:25px 0;
border-top:4px solid #3D4D8A;
}
.success p {
font-size:120%;
color:#fff;
font-weight:bold;
padding:0 40px;
}
.success p a {
font-size:100%;
color:#8ECA52;
}
.success a {
color:#859ae5;
font-size:80%;
}
.success a:hover {
color:#fff;
}
.popup {
position:absolute;
background-color:#fff;
border:5px solid #eee;
top:100px;
left:50%;
padding:10px;
z-index:100;
padding:20px;
}
.popup form,.popup img,.popup div {
clear:both;
}
.readonly {
color:#666;
}
.blackOut {
background-color:#000;
width:100%;
z-index:99;
position:absolute;
top:0;
left:0;
}
.closeButton {
float:right;
}
.byline {
border-top:1px solid #ddd;
padding-top:10px;
height:48px;
clear:both;
}
.byline .salesman .photo {
float:left;
padding-right:10px;
}
.byline .salesman .photo img {
height:4em;
}
.salesman ul {
list-style-type:none;
margin:0;
padding:0;
}
.salesman ul li span {
font-weight:bold;
}
.byline .salesman li {
float:left;
margin-right:1em;
}
.byline .salesman .info h3 {
margin:0;
line-height:1.75em;
}
.red {
color:#f00;
}
.green {
color:#090;
}
.indexcard,.indexcardsmall,.indexpagescard,.indexpagescard img,.indexpagesfullcard,.indexpagesfullcard img {
float:left;
display:inline;
}
.indexpagescard {
width:354px;
}
.expanded {
cursor:pointer;
}
.expanded:hover {
background-color:#ddd;
}
.indexpagescard img,.indexcard img,.indexpagesfullcard img {
margin:10px;
border:1px solid #bbb;
}
.indexpagescard img {
width:100px;
height:100px;
}
.indexcard img {
width:172px;
height:162px;
padding:0 18px;
background-color:#fff;
}
.indexpagescard h2,.indexpagescard p,.indexcard p,.indexpagesfullcard p {
margin:10px;
}
.indexpagescard h2,.indexcard h3,.indexpagesfullcard h2 {
font-size:140%;
}
.indexpagescard p {
line-height:1.3em;
}
.indexcardsmall img {
width:148px;
height:110px;
}
.indexpagesfullcard {
width:718px;
}
.tip {
position:absolute;
padding:10px;
background-color:#fff;
border:1px solid #bbb;
display:none;
}
.popup .half label,.popup .half input {
width:46.5%;
float:left;
}
.popup .half label {
padding:0 4px;
}
.popup .half .padright {
margin-right:4%;
}
.transcript {
color:#555;
font-style:italic;
padding:0 15px;
}
.meta {
font-style:italic;
margin:-15px 0 15px 0;
display:block;
}
@media print {
#banner-phone {
color:#000;
}
#topmenu {
border:1px solid #8f8f8f;
border-width:0 0 1px 1px;
}
#menu {
display:none;
}
#content {
width:925px;
}
}



.section {

	clear:both;

	padding:10px 0;

}

#results,#hardware {

	border-top:1px solid #bbb;

}

li.button,.tip,.preview,.description {

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

}

#weightcalculator {

	border:1px solid #bbb;

	background-color:#eee;

	padding:15px;

	margin:10px;

}

#display,#product {

	padding-top:0;

}

#display .screen {

	border:1px solid #bbb;

	height:112px;

	padding:10px;

	background-color:#fff;

}

#display img {

	float:left;

}

#display h2 {

	font-size:2em;

	line-height:112px;

	color:#aaa;

	float:left;

}

.radio, #product ul {

	display:block;

	float:left;

}

#product {

	background-color:#f6f6f6;

	border:1px solid #bbb;

}

#product-tabs, #hardware ul {

	list-style-type:none;

	margin:0;

	padding:0;

	width:100%;

	height:auto;

}

#bolts,#nuts,#washers {

	padding:5px 0 0 1.5%;

	width:98.5%;

	height:75px;

}

.radio {

	margin:5px;

	padding:5px 10px;

	width:25%;

	text-align:center;

}

li.button {

	cursor:pointer;

	border:1px solid #bbb;

	color:#666;

	background:#dddddd url('../img/buttons.png');

	background-position:right top;

}

li.button:hover {

	background-color:#eee;

	background-position:right -40px;

}

li.active, li.active:hover {

	color:#fff;

	background-color:#2e3e7e;

	background-position:right -120px;

}

.product-section {

	border-bottom:1px solid #ddd;

	overflow:hidden;

	height:20px;

}

.expand {

	height:auto;

}

.last {

	border-bottom:0px none transparent;

}

.refine label,.refine select {

	margin:0 5px;

}

.refine select {

	padding:0;

	font-size:75%;

}

#fields {

	min-height:50px;

}

.field {

	float:left;

	padding:5px;

	width:22.5%;

}

.field label {

	font-size:75%;

	line-height:16px;

}

.field input, .field select {

	width:6em;

	font-size:1.25em;

	clear:left;

}

.field select {

	padding:2px 3px;

}

.hardware {

	float:left;

	width:50%;

	text-align:center;

	height:50px;

}

.hardware .field {

	width:45%;

	display:none;

	text-align:left;

}

.hardware .button {

	margin:auto;

	position:relative;

	top:15px;

	width:9em;

}

.nut {

	border-right:1px dashed #ccc;

	width:49.5%;

}

#results .field {

	width:30%;

}

#results .field input {

	font-size:1.5em;

	font-weight:bold;

}

.field .total {

	background:#f6f6f6 none;

	border-color:#bbb;

	color:#000;

	cursor:default;

}

#submit {

	text-align:center;

}

#submit .button {

	font-size:1.5em;

	margin-left:6%;

	width:39%;

}

.math {

	list-style-type:none;

	padding:0;

	margin:0;

	font-family:monospace;

	font-size:125%;

	padding-bottom:3px;

}

.math li {

	padding:5px 10px;

}

.add li {

	color:#555;

	position:relative;

}

.add li:hover {

	color:#000;

	background-color:#eee;

}

.add .sub {

	padding-left:25px;

}

.add .active {

	background-color:transparent;

}

.math .control {

	float:left;

	position:absolute;

}

.total .control {

	font-size:75%;

}

.description {

	position:absolute;

	z-index:50;

	top:-1px;

	left:0;

	color:#fff;

	font-size:75%;

	display:none;

	background-color:#2e3e7e;

	padding:5px 5px 5px 10px;

	border:1px solid #333;

}

.control a {

	padding:3px;

	margin-right:3px;

}

.control a:hover {


}

.math .value {

	text-align:right;

	display:block;

}

#list {

	margin-top:20px;

	border:1px solid #bbb;

	padding-bottom:0;

	width:33%;

}

#list h2 {

	padding-bottom:10px;

}

#list h2 span {

	font-size:12px;

	font-weight:normal;

}

#list .total {

	border-top:1px solid #aaa;

	font-weight:bold;

}

.tooltip {

	display:inline;

	position:relative;

}

.tooltip .tip, .preview {

	border:1px solid #aaa;

	background-color:#fff;

	position:absolute;

	z-index:100;

}

.tooltip .tip {

	top:-20px;

	left:40px;

	width:150px;

	display:none;

}

.tip .arrow {

	position:absolute;

	left:-20px;

	top:13px;

	width:20px;

	height:20px;

	background:transparent url(../img/calc-tip-corner.gif);

}

.highlight {

	background-color:#ffefa6;

}

.error, input.error {

	background-color:#f0afa6;

	color:#000;

}

.tabs, .tabs li {

	float:left;

}

.tabs {

	width:100%;

}

.tabs li {

	width:33%;

	height:1.5em;

	text-align:center;

	border-bottom:1px solid #bbb;

	border-right:1px solid #bbb;

	background-color:transparent;

	height:2em;

	line-height:2em;

	background-color:#eee;

}

.tabs a {

	display:block;

	width:100%;

	height:100%;

}

.tabs .last {

	border-right:0px none transparent;

}

.tabs .active {

	border-bottom:1px solid transparent;

	background-color:#f6f6f6;

}

.tabs .active:hover {

	background-color:#f6f6f6;

}

.button .add {

	padding-left:20px;

	background-image:url(http://assets.portlandbolt.com/../img/add.png);

	background-repeat:no-repeat;

	background-position:left center;

}

table.printView {

	border-collapse:collapse;

	text-align:left;

	width:100%;

	margin-bottom:2em;

}

table.printView thead {

	font-weight:bold;

}

table.printView td {

	padding:3px 5px;

	border:1px solid #aaa;

	text-align:left;

}

table.printView td.exclude {

	border:1px solid transparent;

	border-right:1px solid #aaa;

}

#reset {

	background:none;

	border:0px none transparent;

	padding:0;

	color:#2e3e7e;

	text-decoration:underline;

	font-size:12px !important;

	cursor:pointer;

}